/* LOCAL-04 Backend-mode overlay. The frozen V1.32 stylesheet remains unchanged. */
.hm-auth-form{
  width:100%;
  max-width:360px;
  margin:25px auto 0;
  display:grid;
  gap:10px;
  text-align:left;
}
.hm-auth-form label{
  display:block;
  color:#425e56;
  font-size:12px;
  font-weight:800;
}
.hm-auth-input{
  display:block;
  width:100%;
  min-width:0;
  height:58px;
  padding:0 16px!important;
  border:2px solid #d7e8df!important;
  border-radius:16px!important;
  background:#fcfefd;
  color:#2d534d;
  font-size:16px!important;
  line-height:1.3;
  letter-spacing:normal!important;
  text-align:left;
  box-sizing:border-box;
}
.hm-auth-input:hover{border-color:#aacfc0!important}
.hm-auth-input:focus{
  outline:none;
  border-color:#70bcaa!important;
  box-shadow:0 0 0 4px #bcf3e54f;
}
.hm-auth-input:user-invalid,
.hm-auth-input[aria-invalid="true"]{
  border-color:#c85a68!important;
  box-shadow:0 0 0 4px #f7d9de80;
}
.hm-auth-form .zone-primary{margin-top:8px}
.hm-auth-form [aria-busy="true"]{cursor:progress}
.hm-form-error{
  margin:14px 0 0;
  padding:12px 14px;
  border:1px solid #d78b96;
  border-radius:12px;
  background:#fff4f5;
  color:#8d2536;
  font-weight:700;
}
.hm-form-error:focus{outline:3px solid #d78b9666;outline-offset:2px}
form[data-hm-pending="true"]{cursor:progress}
form[data-hm-pending="true"] :is(input,select,textarea,button){cursor:progress}
.hm-identity-note{
  grid-column:1/-1;
  margin:2px 0 0;
  padding:10px 12px;
  border-radius:10px;
  background:#eef8f4;
  color:#355e55;
}
@media(max-width:650px){
  .hm-auth-form{max-width:100%}
  .hm-auth-input{height:54px}
}
.hm-viewer-children{margin:12px 0 20px;padding-left:22px;text-align:left}
.hm-viewer-children li+li{margin-top:6px}

/* V1.44.4 dropdown system: one spacious control language, themed per Zone. */
body.zone-mode-parent select:not([multiple]){
  --hm-select-border:color-mix(in srgb,var(--parent-strong) 42%,var(--parent-border));
  --hm-select-arrow:var(--parent-strong);
  appearance:none;
  -webkit-appearance:none;
  min-height:48px;
  max-width:100%;
  border:2px solid var(--hm-select-border);
  border-radius:15px;
  padding:10px 44px 10px 14px;
  background-color:#fff;
  background-image:linear-gradient(45deg,transparent 50%,var(--hm-select-arrow) 50%),linear-gradient(135deg,var(--hm-select-arrow) 50%,transparent 50%);
  background-position:calc(100% - 19px) 50%,calc(100% - 13px) 50%;
  background-size:6px 6px;
  background-repeat:no-repeat;
  color:var(--ink);
  font-weight:700;
  line-height:1.25;
  box-shadow:0 2px 8px color-mix(in srgb,var(--parent-strong) 7%,transparent);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body.zone-mode-parent select:not([multiple]):hover{border-color:var(--parent-strong);background-color:var(--parent-pale)}
body.zone-mode-parent select:not([multiple]):disabled{border-color:var(--parent-border);background-color:var(--parent-pale);color:var(--muted);box-shadow:none}
body.zone-mode-parent select:not([multiple])[aria-invalid="true"],body.zone-mode-parent select:not([multiple]):user-invalid{border-color:var(--pl-danger)}

body.zone-mode-child :is(.zone-child,#zoneDialog[data-theme]) select:not([multiple]){
  --hm-select-border:color-mix(in srgb,var(--kid-strong) 42%,var(--kid-outline));
  --hm-select-arrow:var(--kid-strong);
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:52px;
  max-width:100%;
  border:2px solid var(--hm-select-border);
  border-radius:17px;
  padding:11px 46px 11px 15px;
  background-color:#fff;
  background-image:linear-gradient(45deg,transparent 50%,var(--hm-select-arrow) 50%),linear-gradient(135deg,var(--hm-select-arrow) 50%,transparent 50%),linear-gradient(180deg,#fff 0%,var(--kid-background) 175%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%,0 0;
  background-size:6px 6px,6px 6px,100% 100%;
  background-repeat:no-repeat;
  color:var(--kid-ink);
  font-weight:750;
  line-height:1.25;
  box-shadow:0 4px 12px color-mix(in srgb,var(--kid-strong) 10%,transparent);
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
body.zone-mode-child :is(.zone-child,#zoneDialog[data-theme]) select:not([multiple]):hover{border-color:var(--kid-strong);background-color:var(--kid-soft)}
body.zone-mode-child :is(.zone-child,#zoneDialog[data-theme]) select:not([multiple]):disabled{border-color:var(--kid-outline);background:var(--kid-soft);color:var(--kid-ink);box-shadow:none}
body.zone-mode-child :is(.zone-child,#zoneDialog[data-theme]) select:not([multiple])[aria-invalid="true"],body.zone-mode-child :is(.zone-child,#zoneDialog[data-theme]) select:not([multiple]):user-invalid{border-color:#b95858}
body.zone-mode-parent select option,body.zone-mode-child select option{background:#fff;color:currentColor;font-weight:600}

@media(max-width:650px){
 body.zone-mode-parent select:not([multiple]){min-height:50px;border-radius:16px;padding-left:13px}
 body.zone-mode-child :is(.zone-child,#zoneDialog[data-theme]) select:not([multiple]){min-height:54px;border-radius:18px}
}

/* G2-G9 verification surfaces: reuse ParentLab color, radius and focus tokens. */
.hm-g2-panel{margin:18px 0;padding:22px;border:1px solid #d8e9e2;border-radius:22px;background:#fff;box-shadow:0 10px 30px #315d5210}
.hm-g2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.hm-g2-head h2{margin:3px 0 5px;color:#284f48}
.hm-g2-head p{margin:0;color:#5f766f}
.hm-g2-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px}
.hm-g2-layout h3{margin:0 0 12px;color:#365d56;font-size:16px}
.hm-g2-policy-row,.hm-g2-queue-row{padding:15px;border:1px solid #e0ece7;border-radius:16px;background:#fbfdfc}
.hm-g2-policy-row+.hm-g2-policy-row,.hm-g2-queue-row+.hm-g2-queue-row{margin-top:10px}
.hm-g2-policy-summary{display:grid;gap:3px;margin-bottom:12px}.hm-g2-policy-summary>span,.hm-g2-policy-summary>small,.hm-g2-queue-row small{color:#617770}
.hm-g2-scheduled{margin:5px 0 0;color:#2e695e;font-size:12px}
.hm-g2-policy-form{display:grid;grid-template-columns:1fr 1fr .8fr auto;align-items:end;gap:8px}
.hm-g2-policy-form label{display:grid;gap:4px;color:#587069;font-size:11px;font-weight:800}
.hm-g2-policy-form :is(select,input){min-width:0;height:40px;border:1px solid #c9ddd5;border-radius:10px;background:#fff;padding:0 9px;color:#315b53}
.hm-g2-policy-form button{min-height:40px;white-space:nowrap}
.hm-g2-queue-row{display:grid;gap:12px}.hm-g2-queue-row>div:first-child{display:grid;gap:4px}
.hm-g2-queue-actions{display:flex;flex-wrap:wrap;gap:8px}.hm-g2-queue-actions form{display:flex;flex:1;gap:6px}.hm-g2-queue-actions select{min-width:150px;flex:1;border:1px solid #c9ddd5;border-radius:10px;background:#fff;padding:0 9px}
.hm-g2-chip{display:inline-flex;align-items:center;width:max-content;margin:2px 5px 2px 0;padding:4px 8px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:850;line-height:1.2}
.hm-g2-chip.pending{color:#806411;background:#fff9df}.hm-g2-chip.approved{color:#236b50;background:#e9f8f0}.hm-g2-chip.rejected{color:#9a3b45;background:#fff0f2}.hm-g2-chip.overdue{color:#9c3b28;background:#fff1ec}.hm-g2-chip.late{color:#83542b;background:#fff6e9}.hm-g2-chip.neutral{color:#526b67;background:#f0f5f3}
.hm-g2-child-status{margin:8px 0 0;padding-top:7px;border-top:1px dashed #dbe8e3}.hm-g2-child-status p{margin:6px 0 0;color:#77505a;font-size:12px;line-height:1.45}
.hm-g2-count{display:inline-flex;min-width:23px;justify-content:center;padding:2px 7px;border-radius:999px;background:#e7f4ef;color:#2c6459;font-size:12px}
.hm-g2-empty,.hm-g2-note{margin:0;padding:13px;border-radius:12px;background:#f2f7f5;color:#526c65}.hm-g2-provisional{margin:18px 0 0;color:#6f756f;font-size:11px}
.hm-g2-panel :is(button,select,input):focus-visible{outline:3px solid #60af9d;outline-offset:2px}
.hm-g2-panel :is(button,select,input):disabled{cursor:not-allowed;opacity:.58}
@media(max-width:980px){.hm-g2-layout{grid-template-columns:1fr}.hm-g2-policy-form{grid-template-columns:1fr 1fr}.hm-g2-policy-form button{grid-column:1/-1}}
@media(max-width:650px){.hm-g2-panel{margin:14px 0;padding:16px;border-radius:18px}.hm-g2-head{align-items:stretch;flex-direction:column}.hm-g2-head button{width:100%}.hm-g2-policy-form{grid-template-columns:1fr}.hm-g2-policy-form button{grid-column:auto;width:100%}.hm-g2-queue-actions,.hm-g2-queue-actions form{display:grid;grid-template-columns:1fr}.hm-g2-queue-actions .btn,.hm-g2-queue-actions select{width:100%;min-height:44px}}