/* Shazar Field Console v1.8 — dense operational layer. */
:root{
  --console-bg:#07111f;
  --console-panel:#0d1928;
  --console-raised:#122237;
  --console-line:#26394d;
  --console-muted:#94a8bd;
  --console-accent:#54d7c8;
  --console-warning:#e2ad58;
  --console-error:#ed7180;
  --radius:8px;
  --radius-sm:6px;
}
html{color-scheme:dark;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
button,a,[role="button"]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select{font-size:16px}
h1,h2,h3{text-wrap:balance;scroll-margin-top:calc(64px + env(safe-area-inset-top))}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--console-accent);outline-offset:2px;border-color:var(--console-accent)}
.button,.result-item,.connection-row,.field-action,.cabinet-switches>a{transition:transform 120ms var(--ease-out),background-color 150ms ease,border-color 150ms ease}
.button:active,.result-item:active,.connection-row:active,.field-action:active,.cabinet-switches>a:active{transform:scale(.985)}
.result-item:focus-visible,.connection-row:focus-visible,.console-actions a:focus-visible,.console-actions button:focus-visible,.bottom-nav a:focus-visible,.cabinet-tabs .button:focus-visible{outline:2px solid var(--console-accent);outline-offset:2px}

/* Compact application chrome */
.topbar{padding:calc(.38rem + env(safe-area-inset-top)) .75rem .38rem;background:rgba(7,17,31,.96)}
.topbar-row{gap:.55rem}.b-control-logo{width:34px;height:34px;border-radius:5px}.project-title strong{font-size:.86rem}.project-title span{font-size:.7rem}.connection-state{min-width:38px;min-height:36px;border-radius:7px;font-size:.68rem}
.content{padding:.7rem .75rem 1.4rem}.page-head{gap:.4rem;margin:0 0 .65rem}.page-head h1{font-size:clamp(1.22rem,4.8vw,1.7rem);letter-spacing:-.015em}.page-head p{font-size:.82rem;line-height:1.35}.section{margin:1rem 0}.section-title{margin-bottom:.45rem}.section-title h2{font-size:1rem}
.mobile-search{margin-bottom:.65rem}.search-field{min-height:44px;border-radius:8px;background:var(--console-panel)}
.notice{padding:.68rem .75rem;border-radius:6px}.badge,.status-chip,.result-type{border-radius:5px}

/* Home becomes an operational launch surface, not a dashboard. */
.console-home{display:grid;gap:.65rem}.console-search{margin:0}.console-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.62rem .72rem;border-inline-start:3px solid var(--console-accent);background:var(--console-panel)}
.console-context small,.console-context span{display:block;color:var(--console-muted);font-size:.75rem}.console-context strong{display:block;margin:.08rem 0;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-context .button{min-height:44px}
.console-urgent{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.45rem .65rem;border-block:1px solid var(--line-soft);text-decoration:none}.console-urgent strong{font-size:1.15rem;color:var(--console-warning);font-variant-numeric:tabular-nums}.console-urgent span{font-size:.82rem}.console-urgent small{margin-inline-start:auto;color:var(--console-muted)}
.console-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--console-line)}.console-actions a,.console-actions button{min-height:54px;padding:.42rem;border:0;border-inline-end:1px solid var(--console-line);background:transparent;color:var(--text);text-decoration:none;display:grid;place-content:center;gap:.1rem;text-align:center}.console-actions>*:last-child{border-inline-end:0}.console-actions strong{font-size:.82rem}.console-actions small{font-size:.68rem;color:var(--console-muted)}
.console-recent{display:grid}.console-recent>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.55rem .15rem;border-bottom:1px solid var(--line-soft);text-decoration:none}.console-recent small{color:var(--console-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-recent b{color:var(--console-accent);font-size:.75rem}

/* Command search */
.search-console-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.1rem 0 .55rem}.search-console-head h1{font-size:1.2rem;margin:0}.search-console-head span{color:var(--console-muted);font-size:.75rem}.search-hints{display:flex;gap:.35rem;overflow-x:auto;padding:.35rem 0}.search-hints span{flex:0 0 auto;padding:.28rem .48rem;border:1px solid var(--console-line);border-radius:5px;color:var(--console-muted);font-size:.7rem}
.empty-state.search-empty{padding:1rem .25rem;text-align:start;border-top:1px solid var(--line-soft)}
.search-groups{gap:.8rem}.search-group>h2{position:sticky;top:calc(51px + env(safe-area-inset-top));z-index:2;margin:0;padding:.38rem .15rem;background:rgba(7,17,31,.97);font-size:.75rem}.search-group>h2 span{height:20px;min-width:20px;border-radius:4px;font-size:.68rem}
.result-list{gap:0}.result-item{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.55rem;min-height:54px;padding:.42rem .3rem;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;content-visibility:auto;contain-intrinsic-size:auto 54px}.result-type{align-self:center;justify-content:center;min-height:22px;padding:.15rem .3rem;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.05}.result-main{align-self:center}.result-main strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-main span{font-size:.72rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-actions{gap:.2rem}.result-actions .button{min-height:44px;min-width:44px;padding:.3rem .45rem;font-size:.72rem}

/* Cabinet workspace */
.current-context{display:flex;align-items:center;gap:.35rem;min-height:34px;margin:-.2rem 0 .45rem;padding:.25rem .1rem;color:var(--console-muted);font-size:.74rem;overflow-x:auto;white-space:nowrap}.current-context a{color:var(--console-accent);text-decoration:none}.cabinet-primary{display:flex;gap:.35rem;margin-bottom:.45rem}.cabinet-primary .button{min-height:44px;padding:.45rem .65rem}.cabinet-tabs{margin:.35rem 0;border-block:1px solid var(--console-line);gap:0}.cabinet-tabs .button{min-height:44px;border:0;border-radius:0;background:transparent;color:var(--console-muted)}.cabinet-tabs .button[aria-pressed="true"]{color:var(--console-accent);box-shadow:inset 0 -2px var(--console-accent)}
.cabinet-hero{padding:.58rem .68rem;border:0;border-inline-start:3px solid var(--console-accent);border-radius:0;background:var(--console-panel)}.cabinet-health{display:flex;gap:0;margin:.45rem 0;border-block:1px solid var(--console-line)}.cabinet-health a{flex:1;min-height:52px;padding:.4rem;border:0;border-inline-end:1px solid var(--console-line);border-radius:0;background:transparent}.cabinet-health a:last-child{border-inline-end:0}.cabinet-health strong{font-size:1.08rem}.cabinet-health span{font-size:.68rem}.cabinet-switches>a{padding:.55rem .2rem;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent}.cabinet-switches>a span,.cabinet-switches>a small{font-size:.72rem}

/* Dense switch port console */
.switch-console-meta{display:flex;align-items:center;gap:.65rem;padding:.35rem 0;border-bottom:1px solid var(--line-soft);color:var(--console-muted);font-size:.73rem}.switch-console-meta strong{color:var(--text);font-size:.82rem}.switch-console-meta .missing{margin-inline-start:auto;color:var(--console-warning)}
.view-switcher{margin:.45rem 0;padding:.2rem;border-radius:6px}.view-switcher .button{min-height:44px;padding:.35rem .55rem;font-size:.78rem}.connection-header,.connection-row{grid-template-columns:42px 54px minmax(0,1fr) 18px;gap:.4rem;padding-inline:.45rem}.connection-header{top:calc(51px + env(safe-area-inset-top));min-height:32px;padding-block:.3rem;font-size:.68rem;background:#102036}.connection-row{min-height:48px;margin:0;border-width:0 0 1px;border-inline-start-width:3px;border-radius:0;background:transparent;padding-block:.25rem}.connection-row.missing-panel{background:transparent!important;border-color:var(--console-warning)!important}.connection-row>button{padding:0}.port-row-main{display:block;min-height:38px}.port-row-main .socket-device{font-size:.78rem}.port-row-main small{font-size:.66rem}.port-status-dot{width:8px;height:8px;border-radius:50%;background:#6f8193}.connection-row.used .port-status-dot{background:var(--green)}.connection-row.uplink .port-status-dot{background:var(--blue)}.connection-row.missing .port-status-dot{background:var(--console-warning)}.connection-row.issue .port-status-dot{background:var(--console-error)}.port-cell{font:700 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:center}.port-cell.missing-value{color:var(--console-warning)}

/* Port sheet: dense read layer, progressive actions. */
.field-sheet{border-radius:14px 14px 0 0;background:rgba(13,25,40,.99)}.sheet-head{padding:.55rem .75rem;background:rgba(13,25,40,.96);backdrop-filter:blur(16px)}.sheet-body{padding:.7rem .75rem calc(.8rem + env(safe-area-inset-bottom));scroll-padding-block:64px 120px}.simple-port{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block:1px solid var(--console-line)}.simple-port .detail-row{min-height:58px;padding:.45rem .35rem;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent}.simple-port .detail-row>span{font-size:.68rem}.simple-port strong{font:600 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;unicode-bidi:isolate}.simple-port .button{min-height:30px;margin-top:.1rem}.quick-edit-actions{gap:.35rem;margin-top:.65rem}.quick-edit-actions .button{min-height:44px}.port-nav-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.35rem;margin-top:.5rem}

/* Data Health work queue */
.health-overview{display:flex;gap:0;margin:.35rem 0;border-block:1px solid var(--console-line)}.health-overview>div{flex:1;min-height:50px;padding:.35rem;border:0;border-inline-end:1px solid var(--console-line);border-radius:0;background:transparent}.health-overview>div:last-child{border-inline-end:0}.health-overview strong{font-size:1.08rem}.health-overview span{font-size:.67rem}.health-filters{margin-bottom:.5rem;border:0;border-bottom:1px solid var(--console-line);border-radius:0;background:transparent}.health-filters .filters>*{min-width:0}.health-filters select{min-width:0;max-width:100%}.health-groups{gap:.65rem}.health-groups>section{padding:0;border:0;border-radius:0;background:transparent}.health-groups h2{margin:0;padding:.36rem .15rem;border-bottom:1px solid var(--console-line);font-size:.82rem}.health-groups h2 span{width:auto;height:22px;min-width:22px;border-radius:4px}.health-row{display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:.5rem;align-items:center;min-height:58px;margin:0;padding:.38rem .2rem;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent!important;content-visibility:auto;contain-intrinsic-size:auto 58px}.health-row::before{content:"";width:4px;height:26px;border-radius:2px;background:var(--blue)}.health-row.severity-0::before{background:var(--console-error)}.health-row.severity-1::before{background:var(--console-warning)}.health-row strong{font-size:.8rem}.health-row p{font-size:.73rem;margin:.05rem 0}.health-row small{font-size:.66rem}.health-row .button{min-height:38px;padding:.3rem .5rem;font-size:.72rem}.health-row>div:empty{display:none}.health-row>a:not(.button){min-width:0;color:inherit;text-decoration:none}.health-row>a:not(.button) p,.health-row>a:not(.button) small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

/* Compact trace chain */
.trace-summary{margin:.5rem 0;padding:.55rem 0;border-block:1px solid var(--console-line)}.trace-summary h2{font-size:1rem;margin:.1rem 0}.trace-summary p{font-size:.76rem;margin:.15rem 0}.trace-steps{gap:0;border-block:1px solid var(--console-line)}.trace-steps li{min-height:42px;padding:.38rem .25rem;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent}.trace-steps li:last-child{border-bottom:0}.trace-steps li:not(:last-child)::after{content:'↓';bottom:-14px;inset-inline-start:12px;font-size:.7rem}.trace-steps span{font-size:.7rem;color:var(--console-muted)}.trace-steps strong,.trace-steps a{font:600 .8rem ui-monospace,SFMono-Regular,Menlo,monospace}

/* Mobile nav: exactly one restrained active destination. */
.bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding:3px .3rem env(safe-area-inset-bottom);background:rgba(7,17,31,.97)}.bottom-nav a{min-height:52px;border-radius:6px;font-size:.68rem}.bottom-nav svg{width:19px;height:19px}.bottom-nav a.active{background:transparent;color:var(--console-accent);box-shadow:inset 0 2px var(--console-accent)}

@media(max-width:819px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.project-title span{display:none}.top-search{display:none}.content{padding-bottom:.8rem}.page-head:not(.keep-head) p:empty{display:none}
  .mobile-search{position:sticky;top:calc(47px + env(safe-area-inset-top));z-index:6;padding:.35rem 0;background:var(--console-bg)}
  .cabinet-tabs,.view-switcher{top:calc(47px + env(safe-area-inset-top))}
  .save-indicator{bottom:calc(66px + env(safe-area-inset-bottom));font-size:10px;padding:4px 7px}
  .field-sheet footer{padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom))}
}

@media(min-width:820px){
  .page-grid{grid-template-columns:190px minmax(0,1fr)}.sidebar{top:56px;height:calc(100dvh - 56px);padding:.55rem;border-left:1px solid var(--console-line)}.desktop-nav a{min-height:38px;margin:0;padding:.45rem .55rem;border-radius:5px;font-size:.8rem}.desktop-nav a.active{box-shadow:inset 3px 0 var(--console-accent);background:var(--console-panel)}.content{max-width:1320px;padding:1rem 1.2rem 2rem}
  .field-sheet{width:min(540px,44vw);height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;border-block:0;border-inline-end:0}.field-sheet form{max-height:100dvh;height:100%}.field-sheet::backdrop{background:#0008}
  .console-home{max-width:920px}.console-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.result-item{grid-template-columns:70px minmax(0,1fr) auto}.search-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:1rem}.health-row{grid-template-columns:5px minmax(0,1fr) 90px}
}

@media(max-width:360px){.connection-header,.connection-row{grid-template-columns:36px 48px minmax(0,1fr) 14px}.console-actions strong{font-size:.75rem}.result-item{grid-template-columns:48px minmax(0,1fr) auto}}
@media(hover:hover) and (pointer:fine){.result-item:hover,.connection-row:hover,.cabinet-switches>a:hover{background:rgba(255,255,255,.025)}}
@media(pointer:fine){html,body{overscroll-behavior:none}}
@media(prefers-reduced-motion:reduce){.field-sheet{transition:opacity 150ms ease;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.topbar,.bottom-nav,.field-sheet,.sheet-head{background:var(--console-bg);backdrop-filter:none}}
@media(prefers-contrast:more){.connection-row,.result-item,.health-row{border-color:#5f7892}.topbar,.bottom-nav{background:#020913}}

/* Clear Hebrew names stay readable beside the device address in field lists. */
.port-row-main .socket-device{white-space:normal;overflow-wrap:anywhere;line-height:1.4;display:block}
.port-row-main small{display:block;white-space:normal;line-height:1.5;font-variant-numeric:tabular-nums}
.device-ip{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.simple-port strong.port-value-deviceName{font-family:inherit;direction:rtl;line-height:1.5;overflow-wrap:anywhere}
.source-device-name{margin:.6rem 0;color:var(--console-muted);font-size:.8rem}
.source-device-name summary{min-height:44px;display:list-item;align-content:center;cursor:pointer}
.connection-row .port-row-main,.connection-row .port-cell{min-height:44px}
@media(prefers-reduced-motion:reduce){.button:active,.result-item:active,.connection-row:active,.field-action:active,.cabinet-switches>a:active{transform:none}}