:root {
  --bg: #05090b;
  --bg-alt: #091113;
  --panel: rgba(9, 16, 18, .94);
  --panel-soft: rgba(11, 20, 22, .9);
  --panel-raised: rgba(16, 26, 28, .96);
  --line: #24302d;
  --line-soft: #172220;
  --gold: #b79b61;
  --gold-bright: #d5c089;
  --olive: #738455;
  --olive-bright: #8ea168;
  --green: #7fd076;
  --amber: #d8b768;
  --red: #cc6f66;
  --text: #d8dacd;
  --muted: #7b8782;
  --shadow: 0 24px 55px rgba(0, 0, 0, .28);
}

/* Device Trust / Trusted Policy Engine */
.trust-overall{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border:1px solid;font:700 9px "Courier New",monospace;letter-spacing:1.1px;text-transform:uppercase}
.trust-overall::before{content:"";width:6px;height:6px;margin-right:7px;background:currentColor;box-shadow:0 0 7px currentColor}
.trust-overall.trusted,.trust-indicator.trusted{color:var(--green);border-color:#385744}
.trust-overall.warning,.trust-indicator.warning{color:var(--amber);border-color:#71613a}
.trust-overall.untrusted,.trust-indicator.untrusted{color:#ef847b;border-color:#7a403d}
.trust-indicator.neutral{color:#939d98;border-color:#3c4643}
.unit-card-indicator.online{background:#f2f5ee;box-shadow:0 0 10px rgba(242,245,238,.45)}
.unit-card-indicator.offline{background:#4b5552;box-shadow:none}
.unit-trust-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.trust-strip{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.trust-indicator{display:flex;align-items:center;min-width:0;padding:9px 10px;border:1px solid;background:rgba(5,10,11,.5)}
.trust-indicator i{display:grid;flex:0 0 auto;width:21px;height:21px;margin-right:9px;place-items:center;border:1px solid currentColor;font:normal 700 11px "Courier New",monospace}
.trust-indicator span{display:grid;min-width:0;gap:3px}
.trust-indicator small{color:var(--muted);font:8px "Courier New",monospace;letter-spacing:.65px;text-transform:uppercase}
.trust-indicator strong{overflow:hidden;color:currentColor;font:600 10px "Segoe UI",Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.trust-indicator.compact{width:23px;height:23px;padding:0;justify-content:center}
.trust-indicator.compact i{width:auto;height:auto;margin:0;border:0;font-size:10px}
.trust-engine-card{border-color:rgba(140,159,98,.28);background:linear-gradient(180deg,rgba(12,20,18,.72),rgba(6,11,12,.62))}
.trust-engine-head>div{display:grid;gap:5px}
.trust-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.trust-evidence{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line-soft);color:var(--muted);font:8px "Courier New",monospace;letter-spacing:.6px;text-transform:uppercase}
.trust-evidence strong{color:var(--text)}
.units-live-state{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #385744;color:var(--green);font:700 9px "Courier New",monospace;letter-spacing:1px}
.units-live-state i{width:6px;height:6px;background:var(--green);box-shadow:0 0 8px rgba(127,208,118,.7)}
.unit-card.compact-unit-card{grid-template-columns:8px minmax(170px,.85fr) minmax(460px,2.4fr) auto;gap:12px;padding:12px 14px;margin-bottom:8px;border-radius:4px;cursor:pointer}
.compact-unit-name{display:grid;min-width:0;gap:4px}
.compact-unit-name strong{overflow:hidden;color:var(--text);font:600 13px "Segoe UI",Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.unit-service-icons{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.unit-service-icon{display:inline-flex;align-items:center;padding:3px 5px;border:1px solid #385744;color:#a7d99c;background:rgba(40,88,46,.13);font:700 8px "Courier New",monospace;letter-spacing:.45px}
.compact-unit-facts{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;min-width:0}
.compact-unit-facts span{display:grid;align-content:center;min-width:0;gap:3px}
.compact-unit-facts small{font:8px "Courier New",monospace;letter-spacing:.55px;text-transform:uppercase}
.compact-unit-facts strong{overflow:hidden;color:#d9ded7;font:600 10px "Segoe UI",Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.compact-unit-actions{display:flex;align-items:center;gap:7px}
.units-map-button{margin-left:auto;white-space:nowrap}.units-map-modal-card{width:min(1280px,calc(100vw - 40px))}.units-map-summary{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--text)}.units-map-summary strong{font:600 13px "Segoe UI",Arial,sans-serif}.units-map-summary small{color:var(--muted);font:9px "Courier New",monospace}.units-position-map{height:min(68vh,640px)}.units-map-marker{position:absolute;z-index:3;display:grid;justify-items:center;gap:6px;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;color:#e6ece1;cursor:pointer}.units-map-marker i{display:block;width:22px;height:22px;transform:rotate(45deg);border:2px solid #e6ece1;background:#f2f5ee;box-shadow:0 0 0 7px rgba(242,245,238,.13),0 0 20px rgba(242,245,238,.55)}.units-map-marker.offline i{background:#4b5552;border-color:#8f9894;box-shadow:none}.units-map-marker.untrusted i{background:var(--red);border-color:#f08c83}.units-map-marker span{max-width:160px;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(5,10,11,.78);font:700 9px "Courier New",monospace}.units-map-marker:hover i{box-shadow:0 0 0 10px rgba(197,216,135,.2),0 0 24px rgba(197,216,135,.8)}
.trust-status-comment{margin:10px 0;padding:8px 10px;border-left:3px solid var(--amber);background:rgba(203,146,46,.08);color:#d7c49b;font:10px/1.45 "Segoe UI",Arial,sans-serif}
.trust-status-comment.untrusted{border-left-color:var(--red);background:rgba(176,58,46,.09);color:#e0aaa3}
.trust-status-comment.compact{grid-column:2/4;margin:0;padding:5px 8px;align-self:center}
button.trust-overall{background:rgba(5,10,11,.5);cursor:pointer}
button.trust-overall:hover{background:rgba(255,255,255,.04)}
.compact-device-detail h3{margin:5px 0;color:var(--text);font-size:19px;text-transform:none}
.identity-value{overflow-wrap:anywhere}
.identity-edit{display:flex;gap:8px;align-items:center;margin:6px 0}
.identity-edit input{min-width:0;flex:1;text-transform:none}
.unit-unenroll-action{width:100%;margin-top:12px}
.dpc-mirror-detail{gap:12px}
.dpc-device-id-card{border-left:3px solid var(--green)}
.dpc-device-id-card>strong{display:block;margin:7px 0;font:700 15px/1.35 monospace;overflow-wrap:anywhere;color:var(--text)}
.dpc-device-id-card>small{color:var(--muted)}
.dpc-trust-card .trust-overall{pointer-events:none}
.dpc-trust-reason{margin:12px 0 7px;padding:10px 12px;border-left:3px solid currentColor;background:rgba(255,255,255,.025);font:600 12px/1.45 monospace}
.dpc-trust-reason.trusted{color:var(--green)}
.dpc-trust-reason.untrusted{color:var(--red)}
.dpc-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dpc-overview-grid strong{overflow-wrap:anywhere}
.dpc-policy-list{display:grid;gap:3px;margin-top:12px}
.dpc-policy-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr);align-items:center;gap:14px;padding:8px 12px;border:1px solid var(--line);background:rgba(255,255,255,.018)}
.dpc-policy-row>strong{font:700 11px/1.3 monospace;color:var(--text)}
.dpc-policy-row>span{font:700 11px/1.3 monospace;color:var(--green);text-align:right;overflow-wrap:anywhere}
.dpc-policy-empty{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px dashed var(--line);color:var(--amber)}
.dpc-policy-empty span{color:var(--muted)}
@media(max-width:800px){.dpc-overview-grid{grid-template-columns:1fr}.dpc-policy-row{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr)}}
.trust-evidence strong{overflow-wrap:anywhere}
@media(max-width:1500px){.unit-card.compact-unit-card{grid-template-columns:8px minmax(150px,.7fr) minmax(420px,2fr)}.compact-unit-actions,.trust-status-comment.compact{grid-column:2/-1}.compact-unit-actions{justify-content:flex-end}.compact-unit-facts{grid-template-columns:repeat(5,minmax(80px,1fr))}}
@media(max-width:900px){.unit-card.compact-unit-card{grid-template-columns:8px 1fr}.compact-unit-name,.compact-unit-facts,.compact-unit-actions,.trust-status-comment.compact{grid-column:2}.compact-unit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-unit-actions{justify-content:flex-start}}

#units .units-layout{grid-template-columns:1fr}
.modal-card.device-modal-card{width:min(1180px,calc(100vw - 40px))}
body.modal-open{overflow:hidden}
.device-modal-card .modal-head{position:sticky;top:-18px;z-index:3;padding:18px 0 14px;background:linear-gradient(180deg,var(--panel) 78%,transparent)}
.device-location-card{overflow:hidden}
.device-location-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.device-location-head h3{margin:5px 0 0;color:var(--text);font-size:17px;text-transform:none}
.device-location-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.device-position-map{position:relative;height:310px;overflow:hidden;border:1px solid rgba(140,159,98,.34);background-color:#091112;background-image:linear-gradient(rgba(126,147,113,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(126,147,113,.12) 1px,transparent 1px),linear-gradient(rgba(126,147,113,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(126,147,113,.055) 1px,transparent 1px);background-size:64px 64px,64px 64px,16px 16px,16px 16px}
.device-position-map::before,.device-position-map::after{content:"";position:absolute;background:rgba(176,204,137,.25)}
.device-map-tile-layer{position:absolute;inset:0;z-index:0;overflow:hidden;filter:saturate(.55) brightness(.58) contrast(1.18)}
.device-map-tile-layer img{position:absolute;width:256px;height:256px;max-width:none;transition:opacity .15s linear}
.device-position-map::before{left:50%;top:0;width:1px;height:100%}
.device-position-map::after{left:0;top:50%;width:100%;height:1px}
.device-position-marker{position:absolute;left:50%;top:50%;z-index:2;width:18px;height:18px;transform:translate(-50%,-50%) rotate(45deg);border:2px solid #d7e6af;background:var(--green);box-shadow:0 0 0 8px rgba(127,208,118,.12),0 0 22px rgba(127,208,118,.65)}
.device-position-accuracy{position:absolute;left:50%;top:50%;z-index:1;width:110px;height:110px;transform:translate(-50%,-50%);border:1px solid rgba(127,208,118,.36);border-radius:50%;background:rgba(127,208,118,.055)}
.map-label{position:absolute;z-index:2;padding:4px 6px;color:#9ba89e;background:rgba(5,10,11,.76);font:8px "Courier New",monospace;letter-spacing:.7px;text-transform:uppercase}
.map-label.north{left:50%;top:8px;transform:translateX(-50%);color:var(--green)}
.map-label.west{left:8px;top:50%;transform:translateY(-50%)}
.map-label.east{right:8px;top:50%;transform:translateY(-50%)}
.map-label.south{left:50%;bottom:8px;transform:translateX(-50%)}
.map-local-only{position:absolute;right:8px;bottom:8px;color:var(--muted);font:8px "Courier New",monospace;letter-spacing:.8px}
.device-position-empty{display:grid;height:230px;place-items:center;border:1px dashed var(--line);color:var(--muted);text-align:center}
.device-position-empty strong{display:block;margin-bottom:6px;color:var(--amber)}
@media(max-width:700px){.device-location-head{display:grid}.device-location-meta{justify-content:flex-start}.device-position-map{height:240px}}
@media(max-width:1180px){.trust-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1450px){
  .units-layout{grid-template-columns:1fr!important}
  .unit-card{grid-template-columns:14px 56px minmax(0,1fr)!important}
  .unit-row-actions{grid-column:2/-1!important;justify-content:flex-start}
}

* { box-sizing: border-box; }

[hidden] {
  display: none !important;
}

html {
  background: var(--bg);
}

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 244px 1fr;
  color: var(--text);
  background:
    radial-gradient(circle at 78% 12%, rgba(118, 139, 86, .08), transparent 24%),
    linear-gradient(115deg, #040709 0%, #071012 54%, #05080a 100%);
  font-family: "Segoe UI", Arial, sans-serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background:
    radial-gradient(circle at 80% 25%, rgba(116, 140, 83, .18), transparent 0 3px, transparent 4px),
    linear-gradient(120deg, transparent 20%, rgba(113, 128, 78, .06) 40%, transparent 70%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .04;
  background-image: repeating-linear-gradient(0deg, #fff 0, #fff 1px, transparent 1px, transparent 3px);
  mix-blend-mode: overlay;
}

aside {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(5, 9, 10, .98), rgba(7, 14, 14, .98)),
    radial-gradient(circle at 30% 90%, rgba(108, 124, 74, .12), transparent 38%);
}

.brand {
  height: 88px;
  padding: 18px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid var(--line);
}

.brand-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--gold);
  border-radius: 14px;
  color: var(--gold-bright);
  background: linear-gradient(180deg, rgba(21, 31, 25, .9), rgba(9, 14, 14, .92));
  box-shadow: inset 0 0 0 1px rgba(213, 192, 137, .12);
  font: 600 25px Georgia, serif;
}

.brand span {
  display: block;
  color: var(--gold-bright);
  font: 600 19px Georgia, serif;
  letter-spacing: 2px;
}

.brand small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font: 10px "Courier New", monospace;
  letter-spacing: 1.2px;
}

nav {
  display: grid;
  gap: 8px;
  padding: 18px 10px;
}

nav button {
  min-height: 50px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid transparent;
  color: #acb3aa;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font: 500 12px Georgia, serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: .18s ease;
}

nav button span {
  min-width: 30px;
  color: #8d9a6e;
  font: 11px "Courier New", monospace;
  letter-spacing: .8px;
}

nav button:hover,
nav button.active {
  border-color: rgba(126, 143, 84, .16);
  color: var(--gold-bright);
  background: linear-gradient(90deg, rgba(67, 81, 49, .4), rgba(19, 29, 26, .2));
  box-shadow: inset 3px 0 0 var(--olive-bright), 0 0 0 1px rgba(255,255,255,.01);
}

.sidebar-status {
  display: grid;
  gap: 10px;
  margin-top: auto;
  padding: 18px 16px 12px;
}

.status-block {
  padding: 14px 12px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(10, 17, 19, .88), rgba(7, 12, 14, .88));
}

.status-block small {
  display: block;
  margin-bottom: 8px;
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.status-block strong {
  color: #b0c57c;
  font: 500 12px "Segoe UI", Arial, sans-serif;
  text-transform: uppercase;
}

.sidebar-motto {
  padding: 18px 16px 8px;
  color: #7c845e;
  text-align: center;
  font: 10px "Courier New", monospace;
  letter-spacing: 2px;
}

.system {
  padding: 10px 18px 22px;
  color: #5c6663;
  text-align: center;
  font: 9px/1.8 "Courier New", monospace;
  letter-spacing: 1px;
}

main {
  position: relative;
  min-width: 0;
  padding: 0 26px;
}

main::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 150px;
  pointer-events: none;
  opacity: .16;
  background:
    radial-gradient(circle at 18% 40%, rgba(113, 129, 77, .22), transparent 0 1px, transparent 2px),
    linear-gradient(135deg, transparent 18%, rgba(131, 148, 94, .08) 36%, transparent 58%),
    linear-gradient(0deg, transparent 0%, rgba(85, 100, 70, .08) 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

header {
  position: sticky;
  top: 0;
  z-index: 5;
  height: 74px;
  margin: 0 -26px;
  padding: 0 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(6, 11, 12, .9), rgba(6, 11, 12, .82));
  backdrop-filter: blur(6px);
}

header small,
.eyebrow {
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

header h1 {
  margin: 4px 0 0;
  font: 500 16px Georgia, serif;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.header-actions {
  display: flex;
  align-items: stretch;
  gap: 0;
  border-left: 1px solid var(--line);
}

.header-stat,
.operator {
  min-width: 132px;
  padding: 11px 18px;
  border-right: 1px solid var(--line);
}

.header-stat strong,
.operator strong {
  display: block;
  margin-top: 4px;
  color: var(--text);
  font: 500 13px "Segoe UI", Arial, sans-serif;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.badge {
  color: var(--amber);
}

.badge::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 10px currentColor;
}

.badge.online { color: var(--green); }

.operator {
  position: relative;
  min-width: 164px;
}

button.operator {
  margin: 0;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

button.operator:hover,
button.operator:focus-visible {
  outline: 0;
  background: rgba(95, 111, 55, .18);
}

.operator span {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
}

.header-settings-button{display:grid;place-content:center;gap:3px;min-width:58px;margin:0;padding:8px 12px;border:0;border-right:1px solid var(--line);border-radius:0;color:#d7c971;background:transparent;font-size:21px;cursor:pointer}.header-settings-button span{order:-1;color:#95a097;font:7px "Courier New",monospace;letter-spacing:.55px;text-transform:uppercase}.header-settings-button:hover,.header-settings-button:focus-visible{outline:0;color:#f0dc82;background:rgba(95,111,55,.18)}

.operator-access-modal-card { width: min(520px, calc(100vw - 32px)); }
.operator-access-summary { display: grid; gap: 8px; margin: 6px 0 16px; }
.operator-access-summary p, .operator-groups-note p { margin: 0; line-height: 1.5; }
.operator-access-modal-card small { display: block; margin-top: 6px; color: var(--muted); line-height: 1.4; }
.operator-groups-note { margin-top: 20px; padding: 14px; border: 1px solid var(--line); background: rgba(0, 0, 0, .14); }
.operator-groups-note strong { display: block; margin: 7px 0; }

.view { display: none; }
.view.active { display: block; }

.page-intro {
  min-height: 88px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 18px;
  text-align: center;
  border-bottom: 1px solid var(--line-soft);
}

.page-intro h2 {
  margin: 0;
  color: var(--gold-bright);
  font: 500 18px Georgia, serif;
  letter-spacing: 2px;
}

.page-intro p {
  grid-column: 2;
  margin: -24px 0 0;
  align-self: end;
  padding-bottom: 12px;
  color: var(--muted);
  font-size: 10px;
}

.ornament {
  color: #4b5645;
  overflow: hidden;
  font-size: 18px;
}

.ornament::before,
.ornament::after {
  content: "";
  display: inline-block;
  width: 42%;
  height: 1px;
  margin: 0 12px 5px;
  background: linear-gradient(90deg, transparent, var(--line));
}

.ornament::after { background: linear-gradient(90deg, var(--line), transparent); }

.enrollment-shell,
.apps-layout,
.policies-layout {
  padding: 18px 0 30px;
}

.single-column,
.grid {
  display: grid;
  gap: 18px;
}

.grid {
  grid-template-columns: 1fr 1fr;
}

.enrollment-hero {
  display: grid;
  grid-template-columns: minmax(360px, .95fr) minmax(360px, 1.05fr);
  gap: 18px;
  margin-bottom: 18px;
}

.panel {
  padding: 22px;
  margin-bottom: 18px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(12, 18, 20, .98), rgba(8, 13, 15, .98)),
    radial-gradient(circle at 100% 0%, rgba(128, 147, 93, .06), transparent 30%);
  box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.02);
}

.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.narrow-panel { max-width: 760px; }

.panel-head h2,
.panel h2,
.panel h3 {
  margin: 0;
  font-weight: 500;
}

.panel-head small {
  display: block;
  margin-top: 4px;
  font: 10px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.panel-head small.saving { color: var(--amber); }
.panel-head small.saved { color: var(--green); }
.panel-head small.error { color: var(--red); }

.step-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.step-title > span,
.quick-steps i {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #6a7b4b;
  border-radius: 999px;
  color: var(--gold-bright);
  background: rgba(54, 65, 40, .32);
  font: 11px Georgia, serif;
}

.step-title h2 {
  color: var(--gold-bright);
  font: 500 14px Georgia, serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

label {
  display: block;
  margin: 15px 0 6px;
  color: #96a09c;
  font: 9px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

input, select, textarea {
  width: 100%;
  display: block;
  margin-top: 7px;
  padding: 12px 13px;
  border: 1px solid var(--line);
  color: var(--text);
  background: rgba(7, 14, 15, .95);
  outline: 0;
  font: 12px "Segoe UI", Arial, sans-serif;
}

input:focus, select:focus, textarea:focus {
  border-color: #64754c;
  box-shadow: 0 0 0 2px rgba(100, 117, 76, .1);
}

textarea {
  min-height: 130px;
  resize: vertical;
  font-family: "Courier New", monospace;
}

.mode-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0 10px;
}

.mode-tile {
  padding: 16px 10px;
  border: 1px solid var(--line);
  color: var(--muted);
  text-align: center;
  font: 11px Georgia, serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.mode-tile.active {
  color: var(--gold-bright);
  border-color: rgba(127, 143, 87, .4);
  background: linear-gradient(180deg, rgba(65, 78, 47, .28), rgba(18, 26, 22, .22));
}

.details {
  padding: 13px;
  border: 1px solid var(--line);
  color: #a4aaa1;
  background: rgba(7, 12, 13, .92);
  font: 9px/1.8 "Courier New", monospace;
  word-break: break-word;
}

.details.error {
  color: #f0b3aa;
  border-color: #72413d;
}

.mission-panel {
  position: relative;
  overflow: hidden;
}

.mission-copy {
  max-width: 560px;
  margin: 0 0 20px;
  color: #b2b8b0;
  font-size: 13px;
  line-height: 1.7;
}

.quick-steps {
  display: grid;
  gap: 12px;
  max-width: 420px;
}

.quick-steps div {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #acb3aa;
  font-size: 12px;
}

.device-illustration {
  position: absolute;
  right: 26px;
  bottom: 22px;
  width: 220px;
  height: 220px;
  opacity: .72;
}

.device-frame {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 210px;
  border: 1px solid rgba(140, 159, 98, .45);
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(140, 159, 98, .14);
}

.device-frame::before,
.device-frame::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(140, 159, 98, .35);
}

.device-frame::before {
  left: 50%;
  top: 10px;
  width: 56px;
  height: 7px;
  transform: translateX(-50%);
  border-radius: 999px;
}

.device-frame::after {
  left: -40px;
  top: 34px;
  width: 34px;
  height: 138px;
  border-radius: 14px;
  transform: skewY(-22deg);
}

.device-screen {
  position: absolute;
  inset: 18px 12px;
  border: 1px solid rgba(140, 159, 98, .22);
  display: grid;
  place-items: center;
}

.device-screen::before {
  content: "";
  width: 72px;
  height: 72px;
  background:
    linear-gradient(90deg, transparent 20%, rgba(194, 212, 147, .7) 20% 27%, transparent 27% 73%, rgba(194, 212, 147, .7) 73% 80%, transparent 80%),
    linear-gradient(0deg, transparent 20%, rgba(194, 212, 147, .7) 20% 27%, transparent 27% 73%, rgba(194, 212, 147, .7) 73% 80%, transparent 80%);
  box-shadow:
    0 0 0 8px rgba(152, 173, 104, .06),
    inset 0 0 0 999px rgba(10, 15, 14, .4);
}

.scan-box {
  position: absolute;
  inset: 48px;
  border: 1px solid rgba(171, 195, 117, .58);
  box-shadow: 0 0 20px rgba(169, 190, 114, .12);
}

.qr-slot {
  min-height: 264px;
  padding: 12px;
  border: 1px dashed #33403b;
  background: rgba(7, 13, 14, .55);
  display: grid;
  gap: 12px;
  align-content: start;
}

.qr-slot img,
.qr-panel img {
  width: min(260px, 100%);
  display: block;
  margin: 0 auto 14px;
  padding: 9px;
  background: #ebe9df;
  box-shadow: 0 0 0 1px #8d866f, 0 12px 35px #0008;
}

.enrollment-card {
  margin-bottom: 18px;
}

.enrollment-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
}

.enrollment-card-grid-item {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  margin-bottom: 0;
}

.enrollment-group-display {
  min-width: 0;
}

.enrollment-group-editor {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(240px, 1.3fr) auto;
  gap: 10px;
  align-items: end;
}

.enrollment-group-editor.hidden {
  display: none;
}

.enrollment-group-editor label {
  margin: 0;
}

.enrollment-group-editor textarea {
  min-height: 72px;
}

.enrollment-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.enrollment-card-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Enrollment command view */
.enrollment-command-header{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:10px 0 20px;border-bottom:1px solid var(--line-soft)}
.enrollment-command-header h2{margin:6px 0 3px;color:#e6e3d6;font:500 32px Georgia,serif;letter-spacing:.4px}
.enrollment-command-header p{margin:0;color:#a8b0aa;font:14px Georgia,serif}
.enrollment-new-group{min-width:166px;margin:0;white-space:nowrap}
.enrollment-command-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.enrollment-stat{display:flex;min-height:101px;align-items:center;gap:14px;padding:15px 17px;border:1px solid #2a3a37;background:linear-gradient(135deg,rgba(13,24,23,.94),rgba(7,14,15,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.enrollment-stat>i,.panel-icon{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:7px;background:rgba(101,121,65,.18);color:#d3c66d;font:25px Georgia,serif;font-style:normal}
.enrollment-stat span{display:grid;gap:4px}.enrollment-stat small{color:#95a19b;font:9px "Courier New",monospace;letter-spacing:1px;text-transform:uppercase}.enrollment-stat strong{color:#e2e6dd;font:600 23px Georgia,serif}.enrollment-stat strong.online{color:var(--green);font:600 18px "Segoe UI",Arial,sans-serif}.enrollment-stat em{color:#89938e;font:11px "Segoe UI",Arial,sans-serif;font-style:normal}
.enrollment-shell{padding-top:2px}.enrollment-hero{grid-template-columns:minmax(400px,1fr) minmax(480px,1.12fr);gap:14px;margin-bottom:14px}.enrollment-form,.mission-panel{margin:0;padding:0}.enrollment-panel-head{display:flex;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid var(--line)}.enrollment-panel-head .eyebrow{color:var(--gold-bright);font:600 13px Georgia,serif;letter-spacing:1px;text-transform:uppercase}.enrollment-panel-head p{margin:4px 0 0;color:#a2aaa4;font-size:12px}.enrollment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:3px 20px 18px}.enrollment-form-grid label{margin-top:14px;color:#b2bbb4;font-size:10px}.enrollment-form-grid label b{color:#d8776c}.enrollment-form-grid input,.enrollment-form-grid select{padding:11px 12px;margin-top:6px}.enrollment-create-button{width:calc(100% - 40px);margin:0 20px 20px;padding:14px;background:linear-gradient(90deg,#627542,#819755);border-color:#a8bf65;color:#edf0d9}.mission-panel{min-height:273px}.mission-panel .quick-steps{gap:0;max-width:620px;padding:16px 180px 18px 20px}.quick-steps div{align-items:flex-start;gap:13px;min-height:44px}.quick-steps i{flex:0 0 auto;width:34px;height:34px;color:#dde892;border-color:#93ab50;background:rgba(81,103,42,.22);font-size:13px}.quick-steps span{display:grid;gap:3px;padding-top:1px}.quick-steps strong{color:#e0e4dc;font:600 12px "Segoe UI",Arial,sans-serif}.quick-steps small{color:#9ba59e;font-size:11px;line-height:1.35}.mission-panel .device-illustration{right:25px;bottom:17px;width:160px;height:190px;opacity:.82}.mission-panel .device-frame{width:121px;height:174px}.mission-panel .device-screen{inset:16px 10px}.mission-panel .device-screen::before{width:56px;height:56px}.mission-panel .scan-box{inset:39px}
.enrollment-groups-command{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.enrollment-groups-table,.enrollment-qr-command{margin:0;padding:0}.enrollment-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 13px;border-bottom:1px solid var(--line)}.enrollment-section-head .eyebrow{color:var(--gold-bright);font:600 13px Georgia,serif;letter-spacing:1px;text-transform:uppercase}.enrollment-section-head p{margin:4px 0 0;color:#9da69f;font-size:11px}.enrollment-search{display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #31403d;color:#a9b2a9}.enrollment-search input{width:150px;margin:0;padding:8px 4px;border:0;background:transparent;font-size:11px}.enrollment-table-head,.enrollment-group-row{display:grid;grid-template-columns:1.12fr 1.35fr .8fr .45fr 1.05fr .78fr;gap:12px;align-items:center}.enrollment-table-head{padding:11px 20px;color:#82908a;border-bottom:1px solid var(--line-soft);font:8px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase}.enrollment-group-row{width:100%;padding:13px 20px;border:0;border-bottom:1px solid var(--line-soft);color:#cbd1ca;background:transparent;text-align:left;cursor:pointer;font:11px "Segoe UI",Arial,sans-serif}.enrollment-group-row:hover{background:rgba(85,105,55,.12)}.enrollment-group-row.active{background:linear-gradient(90deg,rgba(90,109,54,.35),rgba(40,54,37,.24));box-shadow:inset 0 1px #b2c55c,inset 0 -1px #b2c55c}.enrollment-group-row span:first-child{display:grid;gap:3px}.enrollment-group-row span:first-child strong{color:#f0f1e9;font-size:12px}.enrollment-group-row small{color:#84908a;font-size:10px}.group-active-status{color:var(--green)}.enrollment-groups-table footer{padding:13px 20px;color:#818b84;font:10px "Courier New",monospace}.enrollment-qr-command{padding-bottom:15px}.enrollment-qr-command .enrollment-card-head{padding:16px 18px 10px}.enrollment-qr-command h2{color:#e6d47f;font:600 17px Georgia,serif}.enrollment-qr-command .qr-slot{min-height:0;margin:0 18px;padding:10px}.enrollment-qr-command .qr-slot img{width:min(190px,100%);margin-bottom:8px}.enrollment-qr-facts{display:grid;gap:9px;padding:13px 18px 0}.enrollment-qr-facts span{display:flex;justify-content:space-between;gap:15px;color:#85918a;font-size:10px}.enrollment-qr-facts strong{color:#d7ddd4;font-weight:600}.enrollment-empty{margin:0}
.node-trust-panel{margin:14px 0 0;padding:16px 18px;border-color:#344440}.node-trust-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.node-trust-head h3{margin:4px 0;color:#e4e8df;font:600 18px Georgia,serif}.node-trust-head p{margin:0;font-size:11px}.node-trust-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.node-trust-facts div{min-width:0;padding:9px 10px;border:1px solid #2d3d39;background:rgba(7,14,15,.45)}.node-trust-facts small{display:block;color:#94a099;font:8px "Courier New",monospace;letter-spacing:.7px;text-transform:uppercase}.node-trust-facts strong{display:block;margin-top:5px;overflow-wrap:anywhere;color:#dfe5dc;font-size:11px}.node-trust-workflow{border-top:1px solid var(--line-soft);padding-top:11px}.node-trust-workflow summary{cursor:pointer;color:#dfca71;font:600 11px "Courier New",monospace;letter-spacing:.6px;text-transform:uppercase}.node-trust-workflow>p{margin:10px 0;font-size:11px;line-height:1.45}.node-trust-workflow label{display:block;margin-top:10px;color:#aeb7af;font-size:10px}.node-trust-workflow textarea{width:100%;min-height:100px;margin-top:5px;resize:vertical;font:10px "Courier New",monospace;line-height:1.4}.node-trust-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.node-trust-actions button{margin:0;font-size:9px}.node-trust-workflow #node-trust-result{margin:11px 0 0;font-size:11px}
.central-children-panel{display:grid;gap:10px;margin:14px 0;padding:14px;border:1px solid #36513b;background:rgba(32,64,38,.09)}.central-children-panel h4{margin:4px 0;color:#e0ca72;font:600 14px Georgia,serif}.central-children-panel p{margin:0;font-size:11px}.central-children-panel label{display:grid;gap:6px;color:#aeb7af;font-size:10px}.central-children-list{width:100%;margin:0;padding:9px 10px}.central-children-panel textarea{width:100%;min-height:88px;margin:0;resize:vertical;font:10px "Courier New",monospace;line-height:1.4}
.settings-command-header{padding:10px 0 16px;border-bottom:1px solid var(--line)}.settings-command-header h2{margin:5px 0 2px;color:#ecece5;font:600 28px Georgia,serif}.settings-command-header p{margin:0;color:#aab3ac;font-size:12px}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:14px}.settings-card{min-width:0;margin:0;padding:16px;border-color:#344440}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-card h3{margin:4px 0 0;color:#e2e7dd;font:600 17px Georgia,serif}.settings-card p{font-size:11px;line-height:1.5}.settings-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.settings-facts div{min-width:0;padding:9px 10px;border:1px solid #2d3d39;background:rgba(7,14,15,.45)}.settings-facts small{display:block;color:#96a29a;font:8px "Courier New",monospace;letter-spacing:.7px;text-transform:uppercase}.settings-facts strong{display:block;margin-top:5px;overflow-wrap:anywhere;color:#dfe5dc;font-size:11px}.settings-card .ghost{margin:2px 0 0}.settings-danger{border-color:#625038}.settings-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-actions button{margin:0}
@media(max-width:1180px){.enrollment-command-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.enrollment-hero,.enrollment-groups-command{grid-template-columns:1fr}.mission-panel .quick-steps{padding-right:200px}}
@media(max-width:700px){.enrollment-command-header{align-items:flex-start;flex-direction:column}.enrollment-command-stats,.node-trust-facts,.settings-layout,.settings-facts{grid-template-columns:1fr}.enrollment-form-grid{grid-template-columns:1fr}.enrollment-table-head{display:none}.enrollment-group-row{grid-template-columns:1fr auto;gap:8px}.enrollment-group-row span:nth-child(2),.enrollment-group-row span:nth-child(3),.enrollment-group-row span:nth-child(5){display:none}.enrollment-section-head{align-items:flex-start;flex-direction:column}.mission-panel .quick-steps{padding-right:20px}.mission-panel .device-illustration{display:none}.enrollment-search{width:100%}.enrollment-search input{width:100%}}

/* Policy command view */
.policy-command-header{padding:8px 0 14px}.policy-command-header h2{margin:5px 0 1px;color:#ecede5;font:500 29px Georgia,serif}.policy-command-header p{margin:0;color:#acb3ad;font-size:13px}.policy-command-context{display:grid;grid-template-columns:minmax(260px,1.55fr) .55fr .48fr .72fr auto;align-items:center;gap:0;margin:0 0 12px;padding:13px 18px}.policy-context-group{padding-right:20px}.policy-context-group label{margin:0;color:#8e9a94}.policy-context-group select{margin-top:7px;padding:11px 13px;border-color:#3b4b47;font-weight:600}.policy-context-stat{display:grid;gap:7px;min-height:50px;padding:0 20px;border-left:1px solid var(--line-soft)}.policy-context-stat small{color:#85918a;font:8px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase}.policy-context-stat strong{color:#e1e5dc;font:600 12px "Segoe UI",Arial,sans-serif}.policy-context-stat .policy-status-live{width:max-content;padding:6px 10px;border:1px solid #386143;border-radius:3px;color:var(--green);background:rgba(41,92,45,.2);font:700 9px "Courier New",monospace;text-transform:uppercase;letter-spacing:.6px}.policy-command-actions{display:flex;gap:9px;padding-left:20px;border-left:1px solid var(--line-soft)}.policy-command-actions .primary,.policy-command-actions .ghost{margin:0;white-space:nowrap}.policy-command-context>.policy-save-indicator{display:none}.policy-section-tabs{display:flex;gap:0;margin:0 0 14px;border-bottom:1px solid var(--line)}.policy-section-tabs button{padding:10px 17px;border:0;border-bottom:3px solid transparent;color:#9aa49e;background:transparent;font:9px "Courier New",monospace;letter-spacing:.7px;text-transform:uppercase;cursor:pointer}.policy-section-tabs button.active,.policy-section-tabs button:hover{border-bottom-color:#dec56e;color:#e7dd9a}.policies-shell{grid-template-columns:minmax(0,1.65fr) 320px;gap:14px}.policy-main{border:0;background:transparent;box-shadow:none}.policy-topbar,.policy-group-panel{display:none}.policy-stack{padding:0;gap:10px}.policy-card{border-color:#344440}.policy-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-bottom-color:#30403c}.policy-card-title{display:flex;align-items:center;gap:12px}.policy-card-title i{display:grid;width:24px;height:24px;place-items:center;color:#e1cc70;font-style:normal;font-size:19px}.policy-card-head>.eyebrow,.policy-card-title .eyebrow{color:#e0ca71;font:600 13px Georgia,serif;letter-spacing:1px;text-transform:uppercase}.policy-card-head>span{color:#b9c1b9}.tactical-policy-list{padding:0 16px}.policy-row{min-height:38px;padding:4px 0;border-bottom-color:#293733}.policy-row:last-child{border-bottom:0}.policy-label-main{font-size:12px}.policy-row select,.policy-row input{max-width:50%;margin:0;padding:6px 10px;border-color:#354541;background:#091112;font-size:11px}.policy-row-input input{width:160px}.policy-row small{font-size:9px}.policy-main>.warning{padding:10px 0;margin:0;color:#bdad6e;font-size:10px}.policy-sidebar{gap:14px}.policy-side-card{padding:16px;margin:0;border-color:#354542}.policy-side-card>.eyebrow{color:#dec979;font:600 12px Georgia,serif;letter-spacing:1px;text-transform:uppercase}.policy-group-identity{display:flex;gap:12px;align-items:center;margin:15px 0}.policy-group-identity>i{display:grid;width:43px;height:43px;place-items:center;border-radius:5px;background:rgba(101,121,65,.17);color:#e0ca70;font-size:25px;font-style:normal}.policy-group-identity div{display:grid;gap:4px}.policy-group-identity strong{color:#eff0e8;font-size:16px}.policy-group-identity small{color:#98a29b;font-size:11px}.policy-group-facts{gap:0;margin:0}.policy-group-facts div{display:flex;justify-content:space-between;gap:14px;padding:6px 0}.policy-group-facts small{color:#a2aaa4;font-size:11px;text-transform:none;letter-spacing:0}.policy-group-facts strong{max-width:175px;overflow:hidden;color:#e5e8df;font-size:11px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.policy-quick-help{display:grid;gap:8px;margin-top:12px}.policy-quick-help>div{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #2c3c38;background:rgba(7,14,15,.48)}.policy-quick-help i{display:grid;width:28px;height:28px;place-items:center;color:#e2cb72;font-size:19px;font-style:normal}.policy-quick-help span{display:grid;gap:3px}.policy-quick-help strong{color:#e3e7dd;font-size:11px}.policy-quick-help small{color:#9aa59d;font-size:10px}.policy-impact-hidden{display:none}
@media(max-width:1280px){.policy-command-context{grid-template-columns:1fr 1fr 1fr}.policy-command-actions{padding:14px 0 0;border-left:0}.policy-context-stat:first-of-type{border-left:0}.policy-context-group{grid-column:span 3;padding-bottom:14px}.policy-context-group select{max-width:540px}.policies-shell{grid-template-columns:1fr}.policy-sidebar{grid-template-columns:1fr 1fr}.policy-sidebar .policy-side-card:last-child{display:none}}
@media(max-width:700px){.policy-command-context{grid-template-columns:1fr 1fr;padding:13px}.policy-context-group{grid-column:span 2;padding-right:0}.policy-context-stat{padding:10px;border-left:0}.policy-command-actions{grid-column:span 2;flex-wrap:wrap}.policy-section-tabs{overflow-x:auto}.policy-section-tabs button{padding:10px 12px;white-space:nowrap}.policy-sidebar{grid-template-columns:1fr}.policy-row{align-items:center}.policy-row select,.policy-row input{max-width:55%}}

/* Network command view */
.network-command-header{padding:10px 0 7px;border-bottom:1px solid var(--line)}.network-command-header h2{margin:4px 0 0;color:#e8e9e2;font:600 25px Georgia,serif;letter-spacing:.8px;text-transform:uppercase}.network-command-header p{margin:0;color:#adb6af;font:13px Georgia,serif;letter-spacing:1px}.network-command-context{display:flex;align-items:center;justify-content:flex-end;gap:26px;min-height:57px;border-bottom:1px solid var(--line-soft)}.network-command-context .network-group-label{display:flex;align-items:center;gap:12px;margin:0;color:#c1c9c0;font-size:10px;text-transform:none}.network-command-context .network-group-label select{width:210px;margin:0;padding:8px 30px 8px 10px}.network-command-status{display:flex;align-items:center;gap:10px;padding-left:24px;border-left:1px solid var(--line-soft)}.network-command-status span{padding:7px 10px;border:1px solid #355d42;border-radius:3px;color:var(--green);background:rgba(40,88,46,.18);font:700 10px "Courier New",monospace}.network-command-status small{color:#97a19a;font-size:10px}.network-command-updated{display:grid;gap:4px;padding-left:24px;border-left:1px solid var(--line-soft)}.network-command-updated small{color:#9da79f;font:9px "Courier New",monospace}.network-command-updated strong{color:#e0e5dc;font:600 11px "Segoe UI",Arial,sans-serif}.network-shell{grid-template-columns:minmax(0,1.55fr) minmax(330px,.77fr);gap:14px;padding-top:12px}.network-policy-card{padding:0;overflow:hidden}.network-section{margin:0;padding:0;border:1px solid #33423f;border-width:0 0 1px}.network-section:first-child{padding:0}.network-section-head,.network-summary-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid #33423f}.network-section-title{display:flex;align-items:center;gap:13px}.network-section-title>i{display:grid;width:28px;height:28px;place-items:center;color:#e1c970;font-size:23px;font-style:normal}.network-section-title .eyebrow{color:#e1ca70;font:600 14px Georgia,serif;letter-spacing:.7px;text-transform:none}.network-section-title small{display:block;margin-top:3px;color:#9da79f;font-size:10px}.network-section-head>span,.network-summary-head>span{color:#e2ca73;font-size:17px}.network-section-body{padding:14px 18px 16px}.network-command-toggle{display:flex;align-items:flex-start;gap:11px;margin:0 0 11px;color:#dce1d9;font:12px "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none}.network-command-toggle input{width:20px;height:20px;margin:0;accent-color:#a9c76a}.network-command-toggle span{display:grid;gap:3px}.network-command-toggle strong{font-size:12px}.network-command-toggle small{color:#91a098;font-size:10px}.network-apn-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.network-apn-fields label{margin:0}.network-apn-fields .network-toggle-row{margin:0;gap:18px;flex-wrap:nowrap}.network-apn-fields .network-toggle-row label{flex:1}.network-section label{font-size:9px}.network-section input,.network-section select,.network-section textarea{padding:8px 10px;margin-top:5px;font-size:11px}.network-section textarea{min-height:97px}.network-vpn-upload{margin:0 0 10px}.network-vpn-upload-button{min-width:196px;padding:11px 14px;border-color:#a69654;color:#e7db92}.network-toggle-row{gap:20px;margin-top:10px}.network-toggle-row .toggle{min-width:calc(50% - 10px);margin:0;color:#dce1d9;font:12px "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none}.network-toggle-row .toggle input{width:20px;height:20px;display:inline-block;margin:0 8px 0 0;vertical-align:middle;accent-color:#a9c76a}.network-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 18px}.network-save-actions button{width:100%;margin:0}.network-save-actions .primary{background:linear-gradient(90deg,#72874c,#899f5a);border-color:#acc36c;color:#eff0d7}.network-sidebar{gap:14px}.network-summary-card{padding:0;border-color:#344440}.network-summary-head{padding:12px 16px}.network-summary-head .network-section-title>i{width:26px}.network-summary-card .network-summary-list{gap:0;margin:10px 16px 14px}.network-summary-list div{padding:8px 0}.network-summary-list small{color:#aab2ac;font-size:10px;letter-spacing:0;text-transform:none}.network-summary-list strong{font-size:11px}.network-summary-list div:nth-child(1) strong,.network-summary-list div:nth-child(3) strong,.network-summary-list div:nth-child(5) strong{color:var(--green)}.network-recent-list{margin:0 16px 14px;gap:0}.network-recent-item{grid-template-columns:1fr auto;gap:5px;padding:10px 0}.network-recent-item small:first-child{grid-column:2;grid-row:1;color:#aab4ad}.network-recent-item strong{grid-column:1;grid-row:1;font-size:11px}.network-recent-item small:last-child{grid-column:1;grid-row:2;color:#9ca79f}.network-esim-card{display:none}
@media(max-width:1180px){.network-command-context{justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:10px 0}.network-command-status,.network-command-updated{padding-left:12px}.network-shell{grid-template-columns:1fr}.network-sidebar{grid-template-columns:1fr 1fr}.network-sidebar .network-summary-card:last-child{display:none}}
@media(max-width:700px){.network-command-context{align-items:flex-start;flex-direction:column}.network-command-status,.network-command-updated{border-left:0;padding-left:0}.network-apn-fields{grid-template-columns:1fr}.network-apn-fields .network-toggle-row{flex-wrap:wrap}.network-sidebar{grid-template-columns:1fr}.network-save-actions{grid-template-columns:1fr}.network-command-context .network-group-label{width:100%;align-items:flex-start;flex-direction:column}.network-command-context .network-group-label select{width:100%}}

/* TAK command view */
.tak-command-header{padding:8px 0 10px;border-bottom:1px solid var(--line)}.tak-command-header h2{margin:4px 0 0;color:#ecece5;font:600 23px Georgia,serif}.tak-command-context{display:grid;grid-template-columns:minmax(280px,1.6fr) .55fr .5fr .75fr auto;align-items:center;gap:0;margin:14px 0 0;padding:13px 18px}.tak-command-context .tak-group-label{max-width:none;margin:0;padding-right:22px}.tak-command-context .tak-group-label select{margin-top:7px;padding:10px 12px;font-size:13px}.tak-context-stat{display:grid;gap:7px;min-height:47px;padding:0 20px;border-left:1px solid var(--line-soft)}.tak-context-stat small{color:#919d96;font:8px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase}.tak-context-stat strong{color:#e0e5dc;font-size:12px}.tak-context-stat .tak-status-live{width:max-content;padding:6px 10px;border:1px solid #386143;color:var(--green);background:rgba(40,88,46,.16);font:700 9px "Courier New",monospace;text-transform:uppercase}.tak-command-context>.primary{margin:0 0 0 20px;white-space:nowrap}.tak-shell{grid-template-columns:minmax(0,1.5fr) minmax(320px,.52fr);gap:14px;padding-top:14px}.tak-form-card{padding:0;overflow:hidden}.tak-hero{display:none}.tak-step-card{grid-template-columns:44px 1fr;gap:0;margin:0;padding:0;border-width:0 0 1px;border-color:#344440;background:transparent}.tak-step-badge{align-self:start;width:28px;height:28px;margin:12px 8px 0 14px;border:0;clip-path:none;color:#e0ca71;background:transparent;font-size:16px}.tak-step-body{min-width:0}.tak-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px 10px 0;border-bottom:1px solid #31413d}.tak-section-head .eyebrow{color:#e1cb72;font:600 13px Georgia,serif;letter-spacing:.8px;text-transform:uppercase}.tak-section-head .eyebrow small{color:#b4a366;font-size:10px}.tak-section-head>span{color:#dac36c}.tak-app-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(290px,.8fr);gap:18px;align-items:end;padding:13px 16px 14px 0}.tak-step-body>label{display:block;padding:12px 16px 14px 0;margin:0}.tak-step-body>label input{padding:9px 10px}.tak-certificate-card{grid-template-columns:minmax(250px,1fr) minmax(180px,.55fr);align-items:end;gap:14px;padding:13px 16px 14px 0;border:0;background:transparent}.tak-certificate-card label{margin:0}.tak-certificate-card .tak-file-box{align-self:stretch}.tak-upload-row{padding:12px 16px 14px 0;margin:0}.tak-file-box{grid-template-columns:38px 1fr;gap:10px;padding:10px 12px}.tak-file-icon{width:30px;height:30px;font-size:14px}.tak-file-copy strong{font-size:10px}.tak-file-copy small{margin-top:3px;font-size:10px}.tak-status-box{margin:12px 16px 14px 0;font-size:11px}.tak-form-card>button.primary{display:none}.tak-footnote{margin:0;padding:12px 16px 14px 58px;border:0;background:transparent;font-size:10px}.tak-sidebar{gap:14px}.tak-side-card{padding:14px;margin:0;border-color:#344440}.tak-side-card>.eyebrow{color:#e0ca72;font:600 12px Georgia,serif;letter-spacing:.7px}.tak-summary-list,.tak-check-list{gap:0;margin:10px 0 0}.tak-summary-list div{padding:7px 0}.tak-summary-list small,.tak-check-list small{color:#aab4ad;font-size:9px;letter-spacing:0;text-transform:none}.tak-summary-list strong,.tak-check-list strong{font-size:11px}.tak-summary-list div:first-child strong,.tak-check-list strong{color:var(--green)}.tak-check-list div{padding:5px 0}.tak-sidebar .tak-side-card:nth-child(4),.tak-sidebar .tak-side-card:nth-child(5){display:none}
@media(max-width:1280px){.tak-command-context{grid-template-columns:1fr 1fr 1fr}.tak-command-context .tak-group-label{grid-column:span 3;padding-bottom:14px}.tak-command-context>.primary{margin:14px 0 0}.tak-shell{grid-template-columns:1fr}.tak-sidebar{grid-template-columns:1fr 1fr}.tak-sidebar .tak-side-card:nth-child(3){display:none}}
@media(max-width:700px){.tak-command-context{grid-template-columns:1fr;padding:13px}.tak-command-context .tak-group-label{grid-column:span 1;padding:0 0 12px}.tak-context-stat{padding:8px 0;border:0}.tak-command-context>.primary{margin:10px 0 0}.tak-app-row,.tak-certificate-card{grid-template-columns:1fr}.tak-upload-row{grid-template-columns:1fr}.tak-step-card{grid-template-columns:34px 1fr}.tak-step-badge{margin-left:7px}.tak-section-head{padding-right:10px}.tak-app-row,.tak-step-body>label,.tak-certificate-card,.tak-upload-row{padding-right:10px}.tak-sidebar{grid-template-columns:1fr}}

/* PTT command view */
.audio-command-header{padding:8px 0 10px;border-bottom:1px solid var(--line)}.audio-command-header h2{margin:4px 0 0;color:#ecece5;font:600 23px Georgia,serif}.audio-command-context{display:grid;grid-template-columns:minmax(280px,1.6fr) .55fr .5fr .75fr auto;align-items:center;gap:0;margin:14px 0 0;padding:13px 18px}.audio-command-context .audio-group-label{max-width:none;margin:0;padding-right:22px}.audio-command-context .audio-group-label select{margin-top:7px;padding:10px 12px;font-size:13px}.audio-context-stat{display:grid;gap:7px;min-height:47px;padding:0 20px;border-left:1px solid var(--line-soft)}.audio-context-stat small{color:#919d96;font:8px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase}.audio-context-stat strong{color:#e0e5dc;font-size:12px}.audio-context-stat .audio-status-live{width:max-content;padding:6px 10px;border:1px solid #386143;color:var(--green);background:rgba(40,88,46,.16);font:700 9px "Courier New",monospace;text-transform:uppercase}.audio-command-context>.primary{margin:0 0 0 20px;white-space:nowrap}.audio-shell{grid-template-columns:minmax(0,1.5fr) minmax(320px,.52fr);gap:14px;padding-top:14px}.audio-main-card{padding:0;overflow:hidden}.audio-hero,.audio-main-card>.audio-group-label{display:none}.audio-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px;border-bottom:1px solid #32413d}.audio-section-head>div{display:flex;align-items:center;gap:12px}.audio-section-head i{display:grid;width:28px;height:28px;place-items:center;color:#e0ca71;font-size:20px;font-style:normal}.audio-section-head .eyebrow{color:#e0ca71;font:600 13px Georgia,serif;letter-spacing:.8px;text-transform:uppercase}.audio-section-head small{display:block;margin-top:3px;color:#9ca79f;font-size:10px}.audio-section-head>span{color:#dfc76e}.audio-toggle-grid{margin:0;padding:13px 16px}.audio-feature-card{min-height:0;grid-template-columns:38px 1fr auto;padding:11px 12px}.audio-feature-icon{width:30px;height:30px;font-size:15px}.audio-feature-copy strong{font-size:12px}.audio-feature-copy small{margin-top:3px;font-size:10px}.audio-warning-box{margin:0 16px 13px;padding:10px 12px;font-size:10px}.audio-block{margin:0;padding:0;border-top:1px solid #344440}.audio-block>.audio-section-head{margin:0}.audio-block>label{margin:12px 16px}.audio-block>.toggle{font-size:11px}.audio-ptt-upload{margin:12px 16px}.audio-ptt-upload-button{min-width:170px;min-height:38px;padding:9px}.audio-ptt-upload small{font-size:10px}.audio-uploaded-card{margin:0 16px 12px;padding:10px;font-size:10px}.audio-security-exception{margin:0 16px;border-color:#66572d}.audio-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 16px}.audio-capability-card{min-height:100px;grid-template-columns:30px 1fr;padding:10px}.audio-capability-icon{width:27px;height:27px;font-size:14px}.audio-capability-copy strong{font-size:10px}.audio-capability-copy small{font-size:9px;line-height:1.3}.audio-capability-card .switch{margin-top:4px}.audio-main-card>.warning{margin:0;padding:10px 16px;font-size:9px}.audio-save-policy{width:100%;margin:0;padding:13px;background:linear-gradient(90deg,#71874b,#899f59);border-color:#acc26a;color:#eff0d8}.audio-sidebar{gap:14px}.audio-side-card{padding:14px;margin:0;border-color:#344440}.audio-side-card>.eyebrow{color:#e0ca72;font:600 12px Georgia,serif;letter-spacing:.7px}.audio-summary-list,.audio-check-list{gap:0;margin:10px 0 0}.audio-summary-list div{padding:7px 0}.audio-summary-list small,.audio-check-list small{color:#aab4ad;font-size:9px;letter-spacing:0;text-transform:none}.audio-summary-list strong,.audio-check-list strong{font-size:11px}.audio-summary-list div:first-child strong,.audio-check-list strong{color:var(--green)}.audio-check-list div{padding:5px 0}.audio-sidebar .audio-side-card:nth-child(4){display:none}
@media(max-width:1280px){.audio-command-context{grid-template-columns:1fr 1fr 1fr}.audio-command-context .audio-group-label{grid-column:span 3;padding-bottom:14px}.audio-command-context>.primary{margin:14px 0 0}.audio-shell{grid-template-columns:1fr}.audio-sidebar{grid-template-columns:1fr 1fr}.audio-sidebar .audio-side-card:nth-child(3){display:none}}
@media(max-width:700px){.audio-command-context{grid-template-columns:1fr;padding:13px}.audio-command-context .audio-group-label{grid-column:span 1;padding:0 0 12px}.audio-context-stat{padding:8px 0;border:0}.audio-command-context>.primary{margin:10px 0 0}.audio-capability-grid{grid-template-columns:1fr 1fr}.audio-sidebar{grid-template-columns:1fr}}

/* Other apps command view */
.apps-layout{padding:0 0 30px}.apps-command-header{padding:10px 0 14px;border-bottom:1px solid var(--line)}.apps-command-header h2{margin:5px 0 2px;color:#edece5;font:600 28px Georgia,serif}.apps-command-header p{margin:0;color:#aab4ad;font-size:12px}.apps-command-context{display:grid;grid-template-columns:minmax(280px,1.6fr) .55fr .5fr .75fr auto;align-items:center;gap:0;margin:14px 0 14px;padding:13px 18px}.apps-command-context .apps-group-label{max-width:none;margin:0;padding-right:22px}.apps-command-context .apps-group-label select{margin-top:7px;padding:10px 12px;font-size:13px}.apps-context-stat{display:grid;gap:7px;min-height:47px;padding:0 20px;border-left:1px solid var(--line-soft)}.apps-context-stat small{color:#919d96;font:8px "Courier New",monospace;letter-spacing:.8px;text-transform:uppercase}.apps-context-stat strong{color:#e0e5dc;font-size:12px}.apps-context-stat .apps-status-live{width:max-content;padding:6px 10px;border:1px solid #386143;color:var(--green);background:rgba(40,88,46,.16);font:700 9px "Courier New",monospace;text-transform:uppercase}.apps-command-context>.primary{margin:0 0 0 20px;white-space:nowrap}.apps-shell{grid-template-columns:minmax(0,1.5fr) minmax(300px,.48fr);gap:14px}.apps-main{display:contents}.apps-library-card{grid-column:1;grid-row:1;padding:0;margin:0;overflow:hidden}.apps-inventory-card{grid-column:1;grid-row:2;padding:0;margin:0;overflow:hidden}.apps-sidebar{grid-column:2;grid-row:1 / span 2;gap:14px}.apps-library-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.apps-library-head .eyebrow,.apps-inventory-card .eyebrow{color:#e0ca72;font:600 13px Georgia,serif;letter-spacing:.8px;text-transform:uppercase}.apps-library-head p{max-width:660px;margin:5px 0 0;color:#9ca79f;font-size:11px;line-height:1.45}.apps-library-actions .ghost{margin:0}.upload-dropzone{display:flex;align-items:center;gap:10px;margin:14px 18px}.upload-dropzone-inner{flex:1;grid-template-columns:42px 1fr;padding:10px 12px}.upload-dropzone-icon{width:32px;height:32px;font-size:17px}.upload-dropzone-copy strong{font-size:10px}.upload-dropzone-copy small{margin-top:3px;font-size:10px}.upload-browse{display:none}.upload-submit{min-width:128px;margin:0;padding:11px}.apps-inventory-card .panel-head{padding:14px 18px 8px}.apps-inventory-card .panel-head h2{margin-top:3px;font:600 16px "Segoe UI",Arial,sans-serif}.apps-inventory-card>#apks-summary{margin:0;padding:0 18px 10px}.apps-table-head{grid-template-columns:1.25fr 1.45fr .6fr .75fr .55fr .55fr;gap:10px;padding:10px 18px;margin:0;border-width:1px 0;color:#8f9b94;font-size:8px}.app-card{display:grid;grid-template-columns:1.25fr 1.45fr .6fr .75fr .55fr .55fr;gap:10px;padding:10px 18px;border-top:1px solid var(--line-soft)}.app-primary strong{font-size:12px}.app-primary small,.app-meta small{margin-top:3px;font-size:8px;line-height:1.3}.app-card>div:not(.app-primary) strong{font-size:10px}.app-actions{gap:5px}.app-actions .ghost{padding:6px 7px;font-size:8px}.app-side-card{padding:15px;margin:0;border-color:#344440}.app-side-card>.eyebrow{color:#e0ca72;font:600 12px Georgia,serif;letter-spacing:.7px}.apps-group-identity{display:flex;align-items:center;gap:12px;margin:14px 0}.apps-group-identity i{display:grid;width:42px;height:42px;place-items:center;color:#e0ca71;background:rgba(101,121,65,.16);font-size:24px;font-style:normal}.apps-group-identity div{display:grid;gap:4px}.apps-group-identity strong{color:#e8ece3;font-size:16px}.apps-group-identity small{color:#9da79f;font-size:10px}.app-summary-list{gap:0;margin:0}.app-summary-list div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--line-soft)}.app-summary-list small{color:#a7b1a9;font-size:10px}.app-summary-list strong{color:#e3e8df;font-size:11px}.apps-quick-help{display:grid;gap:8px;margin-top:12px}.apps-quick-help>div{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #2c3c38;background:rgba(7,14,15,.45)}.apps-quick-help i{display:grid;width:28px;height:28px;place-items:center;color:#e1cb72;font-size:17px;font-style:normal}.apps-quick-help span{display:grid;gap:3px}.apps-quick-help strong{color:#e4e7df;font-size:11px}.apps-quick-help small{color:#9ba69e;font-size:10px}.apps-recent-list.hidden{display:none}
@media(max-width:1280px){.apps-command-context{grid-template-columns:1fr 1fr 1fr}.apps-command-context .apps-group-label{grid-column:span 3;padding-bottom:14px}.apps-command-context>.primary{margin:14px 0 0}.apps-shell{grid-template-columns:1fr}.apps-sidebar{grid-column:1;grid-row:3;grid-template-columns:1fr 1fr}.apps-inventory-card{grid-row:2}}
@media(max-width:700px){.apps-command-context{grid-template-columns:1fr;padding:13px}.apps-command-context .apps-group-label{grid-column:span 1;padding:0 0 12px}.apps-context-stat{padding:8px 0;border:0}.apps-command-context>.primary{margin:10px 0 0}.upload-dropzone{align-items:stretch;flex-direction:column}.upload-submit{width:100%}.apps-table-head{display:none}.app-card{grid-template-columns:1fr auto;gap:6px}.app-card .app-meta,.app-card>div:nth-child(4){display:none}.app-card .app-actions{grid-column:span 2;justify-content:flex-start}.apps-sidebar{grid-template-columns:1fr}}

/* Devices command view */
.units-command-header{padding:10px 0 12px;border-bottom:1px solid var(--line)}.units-command-header h2{margin:4px 0 2px;color:#ebece5;font:600 27px Georgia,serif;text-transform:uppercase}.units-command-header p{margin:0;color:#a4aea7;font:11px "Courier New",monospace}.units-command-context{display:flex;align-items:center;gap:22px;margin:14px 0;padding:13px 16px}.units-command-context .units-group-label{width:210px;margin:0}.units-command-context .units-group-label select{margin-top:7px;padding:9px 10px}.units-context-copy{display:grid;gap:5px;padding-left:22px;border-left:1px solid var(--line-soft)}.units-context-copy small{color:#9ba69f;font:9px "Courier New",monospace}.units-context-copy strong{color:#e0e4dc;font-size:12px}.units-command-context .units-live-state{margin-left:auto}.units-command-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.units-stat{display:flex;align-items:center;gap:13px;min-height:99px;padding:14px 16px;border:1px solid #30403c;background:linear-gradient(135deg,rgba(12,22,21,.96),rgba(7,14,15,.98))}.units-stat>i{display:grid;width:40px;height:40px;place-items:center;border-radius:6px;color:#d8ca71;background:rgba(102,122,65,.17);font-size:23px;font-style:normal}.units-stat span{display:grid;gap:4px}.units-stat small{color:#99a39d;font:8px "Courier New",monospace;letter-spacing:.7px;text-transform:uppercase}.units-stat strong{color:#e4e7df;font:600 22px Georgia,serif}.units-stat em{color:#8f9a93;font-size:10px;font-style:normal}.units-stat.online>i,.units-stat.trusted>i{color:var(--green)}.units-stat.untrusted>i{color:var(--red)}.units-stat.pending>i{color:var(--amber)}#units .units-layout{grid-template-columns:1fr;padding:0}.units-main-card{padding:0;margin:0;overflow:hidden}.units-toolbar{align-items:center;padding:13px 18px;margin:0;border-bottom:1px solid var(--line-soft)}.units-toolbar-title{display:flex;align-items:center;gap:10px}.units-toolbar-title .eyebrow{color:#e0ca72;font:600 13px Georgia,serif;letter-spacing:.7px}.units-toolbar-title strong{color:#dfe5db;font:11px "Courier New",monospace}.units-section-head{padding:12px 18px;margin:0;border-bottom:1px solid var(--line-soft)}.units-section-head h2{font-size:16px}.unit-card.compact-unit-card{margin:0;border:0;border-bottom:1px solid var(--line-soft);border-radius:0}.unit-card.compact-unit-card:hover{background:rgba(76,95,50,.18)}.units-queue-bar{margin:14px 0 0;padding:15px 18px;border-left:3px solid var(--amber)}.units-queue-bar b{color:#e0ca72;font:600 12px Georgia,serif;letter-spacing:.8px;text-transform:uppercase}
@media(max-width:1280px){.units-command-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.units-stat:last-child{grid-column:auto}.units-command-context{flex-wrap:wrap}.units-command-context .units-live-state{margin-left:0}}
@media(max-width:700px){.units-command-context{align-items:stretch;flex-direction:column}.units-command-context .units-group-label{width:100%}.units-context-copy{padding:10px 0 0;border-left:0;border-top:1px solid var(--line-soft)}.units-command-stats{grid-template-columns:1fr 1fr}.units-stat{min-height:82px;padding:10px}.units-stat>i{width:32px;height:32px;font-size:18px}.units-stat strong{font-size:18px}.units-stat:last-child{grid-column:span 2}.compact-unit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

.enrollment-card-head h2 {
  margin: 4px 0 0;
  color: #b6d36f;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.enrollment-card-head small {
  color: var(--muted);
  font: 10px "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

.enrollment-card .panel-head h2 {
  margin-top: 4px;
  color: #b6d36f;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.enrollment-card .panel-head small {
  color: var(--muted);
  font: 10px "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

.enrollment-card-body {
  display: grid;
  grid-template-columns: minmax(280px, 320px) minmax(280px, 1fr);
  gap: 18px;
  align-items: start;
  margin-top: 16px;
}

.enrollment-meta {
  display: grid;
  gap: 16px;
}

.meta-card {
  min-height: 120px;
}

.qr-meta {
  margin-top: auto;
}

#qr-debug {
  margin-top: 12px;
}

.hidden { display: none; }

.primary, .ghost, .outline-button, .danger-button, .warning-button {
  padding: 12px 16px;
  cursor: pointer;
  font: 10px Georgia, serif;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.primary {
  width: 100%;
  margin-top: 18px;
  border: 1px solid #6f7f50;
  color: #edf0df;
  background: linear-gradient(90deg, #475936, #607449);
}

.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 22px rgba(113, 128, 78, .14);
}

.ghost,
.outline-button {
  border: 1px solid var(--line);
  color: var(--gold);
  background: transparent;
}

.danger-button,
.warning-button {
  background: transparent;
}

.warning-button {
  border: 1px solid #6d6142;
  color: var(--amber);
}

.danger-button {
  border: 1px solid #75423e;
  color: var(--red);
}

.view-group-select { margin-bottom: 16px; }
.view-group-select label { margin-top: 0; }

.inline-upload { margin-bottom: 22px; }
.inventory-head { padding-top: 8px; border-top: 1px solid var(--line-soft); }
.compliance-inline { margin-top: 14px; }

.apps-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  gap: 18px;
}

.apps-context-card {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.apps-context-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.apps-group-label {
  max-width: 380px;
  margin-top: 10px;
}

.apps-group-label select {
  font-size: 15px;
}

.apps-main {
  display: contents;
}

.apps-library-card {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
}

.apps-sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
  grid-column: 2;
  grid-row: 2;
}

.apps-inventory-card {
  grid-column: 1 / -1;
  grid-row: 3;
}

.apps-library-card,
.apps-inventory-card,
.app-side-card {
  margin-bottom: 0;
}

.upload-dropzone {
  margin-top: 22px;
}

.upload-dropzone-inner {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(12, 18, 19, .72), rgba(8, 13, 15, .72));
  cursor: pointer;
  text-transform: none;
}

.upload-dropzone-icon {
  width: 78px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  color: var(--gold-bright);
  font: 600 28px Georgia, serif;
}

.upload-dropzone-copy strong {
  display: block;
  color: var(--gold-bright);
  font: 600 14px Georgia, serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.upload-dropzone-copy small {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font: 12px "Segoe UI", Arial, sans-serif;
}

.upload-browse {
  padding: 14px 18px;
  background: linear-gradient(90deg, #475936, #607449);
  border-color: #6f7f50;
  color: #edf0df;
}

.upload-submit {
  margin-top: 14px;
}

.apps-table-head {
  display: grid;
  grid-template-columns: 1.2fr 1.3fr .7fr .9fr .6fr .7fr;
  gap: 16px;
  padding: 14px 12px;
  margin-top: 18px;
  border: 1px solid var(--line);
  color: var(--gold-bright);
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.app-card {
  display: grid;
  grid-template-columns: 1.2fr 1.3fr .7fr .9fr .6fr .7fr;
  align-items: center;
  gap: 16px;
  padding: 16px 12px;
  border-top: 1px solid var(--line-soft);
}

.app-card > div,
.app-card > span {
  min-width: 0;
}

.app-primary strong {
  display: block;
  color: var(--text);
  font: 500 14px "Segoe UI", Arial, sans-serif;
}

.app-primary small,
.app-meta small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font: 9px/1.7 "Courier New", monospace;
}

.app-status-wrap {
  display: flex;
  justify-content: flex-start;
}

.app-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.app-actions .ghost,
.app-actions .warning-button {
  padding: 10px 12px;
}

.apps-empty {
  padding: 46px 16px 54px;
  text-align: center;
}

.apps-empty-icon {
  width: 62px;
  height: 62px;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  border: 1px solid #556742;
  border-radius: 50%;
  color: var(--gold-bright);
  font: 600 28px Georgia, serif;
}

.apps-empty strong {
  display: block;
  color: #edf0df;
  font-size: 18px;
}

.apps-empty p {
  margin: 10px 0 0;
  color: var(--muted);
}

.app-summary-list {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.app-summary-list div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}

.app-summary-list small {
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.app-summary-list strong {
  color: var(--text);
  font: 500 15px "Segoe UI", Arial, sans-serif;
}

.apps-recent-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.apps-recent-item {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line-soft);
}

.apps-recent-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.apps-recent-item strong {
  color: var(--text);
  font-size: 13px;
}

.apps-recent-item small {
  color: var(--muted);
  font: 9px "Courier New", monospace;
}

.network-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
  gap: 18px;
  padding: 18px 0 30px;
}

.audio-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .52fr);
  gap: 18px;
  padding: 18px 0 30px;
}

.audio-main-card,
.audio-side-card {
  margin-bottom: 0;
}

.audio-sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
}

.audio-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.audio-hero h2 {
  margin: 6px 0 0;
  color: #f0f2e8;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.audio-waveform {
  min-width: 240px;
  align-self: center;
  color: var(--olive-bright);
  text-align: right;
  font: 600 20px "Courier New", monospace;
  letter-spacing: -1px;
  opacity: .8;
}

.audio-group-label {
  max-width: 360px;
  margin-top: 18px;
}

.audio-toggle-grid,
.audio-capability-grid {
  display: grid;
  gap: 14px;
}

.audio-toggle-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px;
}

.audio-toggle-grid-single {
  grid-template-columns: 1fr;
}

.audio-toggle-grid-single .audio-feature-card {
  max-width: none;
}

.audio-capability-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.audio-feature-card,
.audio-capability-card {
  display: grid;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(12, 18, 19, .72), rgba(8, 13, 15, .72));
  text-transform: none;
}

.audio-feature-card {
  grid-template-columns: 48px 1fr auto;
  min-height: 92px;
  padding: 16px 18px;
}

.audio-capability-card {
  grid-template-columns: 38px 1fr;
  min-height: 126px;
  align-content: start;
  padding: 18px 16px;
}

.audio-capability-card .switch {
  margin-top: 8px;
}

.audio-feature-icon,
.audio-capability-icon {
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  color: var(--olive-bright);
  font: 600 20px Georgia, serif;
}

.audio-feature-icon {
  width: 44px;
  height: 44px;
}

.audio-capability-icon {
  width: 34px;
  height: 34px;
  font-size: 16px;
}

.audio-feature-copy strong,
.audio-capability-copy strong {
  display: block;
  color: #edf0df;
  font: 600 14px "Segoe UI", Arial, sans-serif;
}

.audio-feature-copy small,
.audio-capability-copy small,
.audio-hint {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font: 12px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.audio-warning-box {
  margin-top: 16px;
  padding: 16px 18px;
  border: 1px solid #5f5537;
  color: var(--amber);
  background: rgba(54, 45, 21, .12);
  font-size: 12px;
  line-height: 1.6;
}

.audio-block {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line-soft);
}

.audio-ptt-upload {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}

.audio-ptt-upload-button {
  display: inline-grid;
  place-items: center;
  min-width: 170px;
  min-height: 44px;
  cursor: pointer;
}

.audio-ptt-upload small {
  color: var(--muted);
  font: 12px "Segoe UI", Arial, sans-serif;
}

.audio-uploaded-card {
  display: grid;
  grid-template-columns: 1.1fr .5fr .5fr auto;
  gap: 12px;
  align-items: center;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: rgba(9, 15, 16, .68);
}

.audio-uploaded-card strong {
  color: var(--text);
  font-size: 13px;
}

.audio-uploaded-card small {
  color: var(--muted);
  font: 10px "Courier New", monospace;
}

.audio-valid {
  color: var(--green);
}

.audio-summary-list,
.audio-check-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.audio-summary-list div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-soft);
}

.audio-summary-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.audio-summary-list small,
.audio-check-list small {
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.audio-summary-list strong,
.audio-check-list strong {
  color: var(--text);
  font: 500 13px "Segoe UI", Arial, sans-serif;
}

.audio-check-list div {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  gap: 12px;
  align-items: center;
}

.audio-check-list span {
  color: var(--green);
  font-size: 14px;
}

.audio-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.audio-tags span {
  padding: 6px 10px;
  border: 1px solid #5c6946;
  color: #dae3bf;
  background: rgba(77, 97, 51, .16);
  font: 9px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.tak-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .5fr);
  gap: 18px;
  padding: 18px 0 30px;
}

.tak-main,
.tak-sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
}

.tak-context-card,
.tak-form-card,
.tak-side-card {
  margin-bottom: 0;
}

.tak-context-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.tak-group-label {
  max-width: 340px;
  margin-top: 10px;
}

.tak-group-label select {
  font-size: 15px;
}

.tak-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.tak-hero h2 {
  margin: 8px 0 0;
  color: #f0f2e8;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.tak-map-art {
  min-width: 210px;
  align-self: center;
  color: rgba(142, 161, 104, .58);
  text-align: right;
  font: 600 28px "Courier New", monospace;
  letter-spacing: -1px;
}

.tak-step-card {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(12, 18, 19, .72), rgba(8, 13, 15, .72));
}

.tak-step-badge {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #76894e;
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
  color: var(--gold-bright);
  background: rgba(54, 65, 40, .22);
  font: 600 12px Georgia, serif;
}

.tak-step-body label {
  margin-top: 10px;
}

.tak-certificate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 10px;
}

.tak-certificate-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line-soft);
  background: rgba(5, 10, 11, .34);
}

.tak-upload-row {
  display: grid;
  grid-template-columns: 1fr 170px;
  gap: 12px;
  align-items: stretch;
  margin-top: 10px;
}

.tak-file-box {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px dashed #32403a;
  background: linear-gradient(180deg, rgba(12, 18, 19, .4), rgba(8, 13, 15, .45));
  cursor: pointer;
  text-transform: none;
}

.tak-file-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  color: var(--olive-bright);
  font: 600 22px Georgia, serif;
}

.tak-file-copy strong {
  display: block;
  color: var(--gold-bright);
  font: 600 12px Georgia, serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tak-file-copy small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font: 12px "Segoe UI", Arial, sans-serif;
}

.tak-status-box,
.tak-footnote {
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: rgba(9, 15, 16, .68);
}

.tak-status-box {
  color: var(--text);
  font-size: 13px;
}

.tak-footnote {
  margin-top: 14px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.7;
}

.tak-summary-list,
.tak-check-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.tak-summary-list div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-soft);
}

.tak-summary-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.tak-summary-list small,
.tak-check-list small {
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tak-summary-list strong,
.tak-check-list strong {
  color: var(--text);
  font: 500 13px "Segoe UI", Arial, sans-serif;
}

.tak-check-list div {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  gap: 12px;
  align-items: center;
}

.tak-check-list span {
  color: var(--green);
  font-size: 14px;
}

.content-distribution-card {
  display: grid;
  gap: 16px;
}

.content-distribution-head,
.content-block-head,
.modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.content-distribution-head h2,
.modal-head h2 {
  margin: 8px 0 0;
  color: #f0f2e8;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.content-banner {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid rgba(125, 147, 81, .32);
  background: linear-gradient(180deg, rgba(30, 38, 22, .42), rgba(12, 18, 19, .72));
}

.content-banner strong {
  color: var(--text);
  font: 600 13px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.content-banner small {
  color: var(--gold);
  font: 10px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.content-banner.compact {
  margin-top: 4px;
}

.content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 16px;
}

.content-column {
  display: grid;
  gap: 12px;
  align-content: start;
}

.content-artifact-list,
.content-job-list {
  display: grid;
  gap: 12px;
}

.content-card,
.content-job-card {
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(12, 18, 19, .72), rgba(8, 13, 15, .72));
}

.content-card-head,
.content-job-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.content-card-head strong,
.content-job-head strong {
  color: var(--text);
  font: 600 14px "Segoe UI", Arial, sans-serif;
}

.content-card-head small,
.content-job-head small,
.content-meta,
.content-job-meta,
.content-device-row small {
  color: var(--muted);
  font: 11px "Segoe UI", Arial, sans-serif;
}

.content-meta,
.content-job-meta {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.content-card-actions,
.content-job-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}

.content-job-stats,
.content-device-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.content-stat-row,
.content-device-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid var(--line-soft);
}

.content-device-row {
  grid-template-columns: minmax(150px, 1.2fr) minmax(220px, 2fr) minmax(90px, .7fr) auto;
  align-items: center;
}

.content-device-name,
.content-device-progress,
.content-device-telemetry {
  display: grid;
  gap: 5px;
}

.content-device-name strong {
  font: 600 12px "Segoe UI", Arial, sans-serif;
}

.content-device-error {
  grid-column: 1 / -1;
  color: var(--red) !important;
  padding: 5px 8px;
  border-left: 2px solid var(--red);
  background: rgba(154, 56, 51, .08);
}

.content-device-progress .content-progress-track {
  height: 7px;
}

@media (max-width: 980px) {
  .content-device-row {
    grid-template-columns: 1fr auto;
  }

  .content-device-progress,
  .content-device-error {
    grid-column: 1 / -1;
  }
}

.content-job-card .status {
  justify-self: start;
}

.content-progress-track {
  height: 10px;
  border: 1px solid var(--line);
  background: rgba(6, 9, 10, .75);
  overflow: hidden;
}

.content-progress-track i {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, rgba(123, 148, 81, .75), rgba(196, 177, 112, .95));
}

.content-upload-status {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.content-form {
  display: grid;
  gap: 14px;
}

.content-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.content-target-devices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.content-target-device {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  background: rgba(8, 13, 15, .7);
  cursor: pointer;
  text-transform: none;
}

.content-target-device input {
  width: auto;
}

.content-target-device span {
  display: grid;
  gap: 3px;
}

.content-target-device small {
  color: var(--muted);
}

@media (max-width: 760px) {
  .tak-certificate-grid,
  .content-target-devices {
    grid-template-columns: 1fr;
  }
}

.modal-shell {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
}

.modal-shell.hidden {
  display: none;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .62);
}

.modal-card {
  position: relative;
  z-index: 1;
  width: min(980px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);
  overflow: auto;
}

.network-main,
.network-sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
}

.network-esim-card[hidden] {
  display: none !important;
}

.network-hero-card,
.network-policy-card,
.network-esim-card,
.network-summary-card {
  margin-bottom: 0;
}

.network-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
}

.network-group-label {
  margin-top: 0;
}

.network-hero-grid h2,
.network-esim-card h2 {
  margin: 6px 0 0;
  color: #f0f2e8;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.network-section {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line-soft);
}

.network-section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.network-upload-row {
  display: grid;
  grid-template-columns: 1fr 170px;
  gap: 12px;
  align-items: stretch;
  margin-top: 14px;
  margin-bottom: 14px;
}

.network-vpn-upload {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 14px 0;
}

.network-vpn-upload-button {
  display: inline-grid;
  place-items: center;
  min-width: 170px;
  min-height: 44px;
  cursor: pointer;
}

.network-vpn-upload small {
  color: var(--muted);
  font: 12px "Segoe UI", Arial, sans-serif;
}

.network-file-box {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(12, 18, 19, .72), rgba(8, 13, 15, .72));
  cursor: pointer;
  text-transform: none;
}

.network-file-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  color: var(--gold-bright);
  font: 600 24px Georgia, serif;
}

.network-file-copy strong {
  display: block;
  color: var(--gold-bright);
  font: 600 12px Georgia, serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.network-file-copy small {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font: 12px "Segoe UI", Arial, sans-serif;
}

.network-browse {
  display: grid;
  place-items: center;
  min-height: 100%;
}

.network-toggle-row {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.network-summary-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.network-summary-list div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-soft);
}

.network-summary-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.network-summary-list small {
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.network-summary-list strong {
  color: var(--text);
  font: 500 13px "Segoe UI", Arial, sans-serif;
}

.network-recent-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.network-recent-item {
  display: grid;
  grid-template-columns: 74px 1fr auto;
  gap: 12px;
  align-items: start;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-soft);
}

.network-recent-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.network-recent-item small {
  color: var(--muted);
  font: 9px "Courier New", monospace;
}

.network-recent-item strong {
  color: var(--text);
  font-size: 13px;
}

.policies-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  gap: 18px;
}

.policy-main {
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}

.policy-topbar,
.policy-group-panel,
.policy-stack,
.policy-main > .warning {
  padding-left: 22px;
  padding-right: 22px;
}

.policy-topbar {
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line-soft);
}

.policy-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}

.policy-title-row h2 {
  color: #f0f2e8;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.policy-pill {
  padding: 4px 8px;
  border: 1px solid rgba(123, 144, 81, .45);
  color: #d9e5b2;
  background: rgba(76, 97, 49, .22);
  font: 9px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.policy-top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.policy-top-actions .ghost[disabled] {
  opacity: .9;
  cursor: default;
}

.policy-save-indicator {
  min-width: 132px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
  text-align: center;
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.policy-save-indicator.saving {
  color: var(--amber);
  border-color: #6d6142;
}

.policy-save-indicator.saved {
  color: var(--green);
  border-color: #3e5b45;
}

.policy-save-indicator.error {
  color: #efb0a8;
  border-color: #75423e;
}

.policy-group-panel {
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line-soft);
}

.policy-stack {
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
  gap: 14px;
}

.policy-card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(11, 18, 19, .88), rgba(8, 13, 15, .88));
}

.policy-card-head {
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--line-soft);
}

.policy-general-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 16px;
  padding: 0 18px 18px;
}

.policy-general-grid label {
  margin-top: 14px;
}

.policy-general-grid input[readonly] {
  color: var(--muted);
  background: rgba(255,255,255,.02);
}

.tactical-policy-list {
  margin-top: 0;
  border-top: 0;
  padding: 0 18px;
}

.policy-row {
  min-height: 54px;
  padding: 10px 0;
}

.policy-label-main {
  color: #e4e6db;
  font-size: 13px;
}

.policy-row-input input {
  width: 220px;
  text-align: right;
}

.policy-sidebar {
  display: grid;
  gap: 18px;
  align-content: start;
}

.policy-side-card {
  margin-bottom: 0;
}

.policy-summary-grid,
.policy-impact-list {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.policy-summary-grid div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}

.policy-summary-grid small,
.policy-impact-list small {
  color: var(--gold);
  font: 9px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.policy-summary-grid strong,
.policy-impact-list strong {
  color: var(--text);
  font: 500 12px "Segoe UI", Arial, sans-serif;
}

.policy-impact-list div {
  display: grid;
  grid-template-columns: 12px 1fr auto;
  align-items: center;
  gap: 12px;
}

.impact-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 8px currentColor;
}

.impact-dot.compliant { color: var(--green); background: var(--green); }
.impact-dot.pending { color: var(--amber); background: var(--amber); }
.impact-dot.non-compliant { color: var(--red); background: var(--red); }
.impact-dot.offline { color: #7b8682; background: #7b8682; }

.control-group {
  margin-top: 20px;
  padding-top: 13px;
  border-top: 1px solid var(--line-soft);
}

.control-group h3,
.policy-section-title {
  color: var(--gold);
  font: 500 12px Georgia, serif;
  letter-spacing: 1px;
}

.control-group .toggle { margin: 10px 0; }

.toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: none;
}

.toggle input {
  width: auto;
  margin: 0;
  accent-color: var(--olive);
}

.policy-list {
  margin-top: 18px;
  border-top: 1px solid var(--line-soft);
}

.policy-section-title {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--line-soft);
}

.policy-section-title:first-child {
  margin-top: 0;
  padding-top: 14px;
  border-top: 0;
}

.policy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line-soft);
  text-transform: none;
}

.policy-row > span:first-child {
  color: var(--text);
}

.policy-control {
  display: flex;
  align-items: center;
  gap: 12px;
}

.policy-state {
  min-width: 38px;
  padding: 4px 7px;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 8px;
  text-align: center;
}

.policy-state.on {
  color: var(--green);
  border-color: #385744;
}

.policy-row-input input {
  width: 180px;
  margin: 0;
}

.switch {
  position: relative;
  display: inline-flex;
  width: 48px;
  height: 24px;
}

.switch input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.switch i {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  transition: .2s ease;
}

.switch i::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #7f8b82;
  transition: .2s ease;
}

.switch input:checked + i {
  background: rgba(72, 101, 76, .35);
  border-color: #4b6951;
}

.switch input:checked + i::after {
  transform: translateX(22px);
  background: #8db58f;
}

.warning {
  color: var(--amber);
  font-size: 10px;
  line-height: 1.6;
}

.app-card,
.unit-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 6px;
  border-top: 1px solid var(--line-soft);
}

.app-card small,
.unit-card small,
.detail-grid small,
.muted {
  color: var(--muted);
  font-size: 10px;
}

.units-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(360px, .82fr);
  gap: 18px;
}

.units-main-card,
.units-sidebar-card {
  margin-bottom: 0;
}

.units-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.units-group-label {
  max-width: 420px;
  margin-top: 0;
}

.units-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.units-section-head h2 {
  margin: 6px 0 0;
  color: #f0f2e8;
  font: 600 18px "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

.units-count-badge {
  display: inline-grid;
  min-width: 24px;
  height: 24px;
  margin-left: 8px;
  padding: 0 8px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  background: rgba(255,255,255,.04);
  font: 600 11px "Segoe UI", Arial, sans-serif;
}

.unit-card {
  display: grid;
  grid-template-columns: 14px 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(10, 16, 17, .92), rgba(7, 12, 14, .92));
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.unit-card:hover,
.unit-card.active {
  border-color: rgba(127, 143, 87, .28);
  background: linear-gradient(180deg, rgba(44, 57, 39, .45), rgba(12, 18, 18, .92));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.unit-card-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7b8682;
}

.unit-card-indicator.online {
  background: #f2f5ee;
  box-shadow: 0 0 10px rgba(242,245,238,.45);
}

.unit-card-indicator.offline {
  background: #4b5552;
  box-shadow: none;
}

.unit-device-icon {
  width: 50px;
  height: 84px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: #b5c47b;
  background: linear-gradient(180deg, rgba(19, 28, 28, .95), rgba(8, 13, 14, .95));
  font-size: 26px;
}

.unit-main {
  min-width: 0;
}

.unit-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.meta-chip,
.status {
  padding: 5px 8px;
  border: 1px solid var(--line);
  color: var(--muted);
  font: 8px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.status.online { color: var(--green); border-color: #385744; }
.status.offline { color: var(--amber); }
.status.trusted { color: var(--green); border-color: #385744; }
.status.attested { color: #b7d98c; border-color: rgba(140, 159, 98, .48); }
.status.pending { color: var(--amber); border-color: #7a6a3d; }
.status.untrusted { color: #ef9b92; border-color: #7a4743; }

.detail-stack {
  display: grid;
  gap: 16px;
}

.detail-card {
  padding: 18px;
  border: 1px solid var(--line-soft);
  background: rgba(7, 12, 12, .36);
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.detail-grid strong {
  color: var(--text);
}

.detail-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.audio-security-exception {
  margin: 14px 0;
  border-color: rgba(213, 167, 79, .58);
  background: rgba(213, 167, 79, .07);
}

.audio-security-exception .audio-feature-icon {
  color: var(--amber, #d5a74f);
}
.qr-network-status{display:grid;gap:3px;margin-top:10px;text-align:center}.qr-network-status strong{color:var(--green);font-size:11px;letter-spacing:.08em}.qr-network-status small{overflow-wrap:anywhere}

.policy-import-modal-card {
  width: min(560px, calc(100vw - 40px));
}

.policy-import-form {
  display: grid;
  gap: 16px;
}

.policy-import-target {
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
}

.policy-import-target small {
  color: var(--muted);
  font: 9px "Courier New", monospace;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.policy-import-target strong {
  color: var(--text);
}

.policy-import-actions {
  justify-content: flex-end;
}

.access-authority-card { border-left: 3px solid var(--olive, #7d8b58); }
.access-authority-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
.access-authority-meta span { min-width: 0; padding: 8px 10px; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.08); }
.access-authority-meta small, .access-service-row small { display: block; color: var(--muted); }
.access-authority-meta strong { display: block; overflow-wrap: anywhere; font-family: ui-monospace, monospace; font-size: 11px; }
.access-service-list { display: grid; gap: 6px; margin-bottom: 10px; }
.access-service-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; background: rgba(0,0,0,.14); border: 1px solid rgba(255,255,255,.08); }
.access-service-row.inactive { opacity: .55; }
.access-service-state { display: flex; align-items: center; gap: 10px; text-align: right; }
.access-service-form { display: grid; grid-template-columns: 1fr 1.2fr 1.2fr 1fr 90px auto; gap: 7px; margin: 12px 0 8px; }
.access-service-form input { min-width: 0; }
@media (max-width: 850px) {
  .access-authority-meta, .access-service-form { grid-template-columns: 1fr; }
  .access-service-row { align-items: flex-start; flex-direction: column; }
  .access-service-state { width: 100%; justify-content: space-between; text-align: left; }
}

.unit-detail-hero {
  overflow: hidden;
}

.unit-detail-hero-main {
  min-width: 0;
}

.unit-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 18px;
  align-items: center;
}

.unit-detail-grid {
  margin-top: 14px;
}

.unit-detail-illustration {
  display: grid;
  place-items: center;
}

.device-outline {
  width: 126px;
  height: 190px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(140, 159, 98, .42);
  border-radius: 22px;
  box-shadow: inset 0 0 0 1px rgba(140, 159, 98, .12), 0 0 40px rgba(127, 208, 118, .06);
  color: #b8cd84;
  background: linear-gradient(180deg, rgba(18, 28, 28, .92), rgba(8, 13, 14, .92));
}

.device-outline-icon {
  font-size: 48px;
}

.unit-command-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 10px;
}

.unit-command-card {
  padding: 18px 14px;
  border: 1px solid #49664f;
  color: #dbe9bf;
  background: rgba(19, 30, 22, .26);
  text-align: left;
  cursor: pointer;
}

.unit-command-card.warning {
  border-color: #7a6a3d;
  color: var(--amber);
}

.unit-command-card.danger {
  border-color: #7a4743;
  color: #ef9b92;
}

.unit-command-card strong {
  display: block;
  font: 600 13px "Segoe UI", Arial, sans-serif;
}

.unit-command-card small {
  display: block;
  margin-top: 10px;
  color: inherit;
  font-size: 11px;
  line-height: 1.5;
}

.unit-side-card {
  padding-top: 6px;
}

.units-activity-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.units-activity-item {
  display: grid;
  gap: 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-soft);
}

.units-activity-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.units-activity-item strong {
  color: var(--text);
  font-size: 12px;
}

.units-activity-item small {
  color: var(--muted);
  font: 9px "Courier New", monospace;
}

.unit-row-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.units-queue-bar {
  align-items: center;
  justify-content: space-between;
}

.units-queue-bar strong {
  color: var(--text);
  white-space: nowrap;
  font: 10px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.actions button,
.actions a {
  margin: 0;
}

.danger-zone {
  display: flex;
  gap: 24px;
  border-left: 3px solid var(--red);
  font: 10px/1.6 "Courier New", monospace;
}

.danger-zone b { color: var(--red); }

footer {
  min-height: 54px;
  margin-top: 10px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  gap: 40px;
  border-top: 1px solid var(--line);
  color: #55605d;
  font: 8px "Courier New", monospace;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#toast {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 10;
  display: none;
  max-width: 420px;
  padding: 14px 20px;
  border: 1px solid var(--olive);
  color: var(--text);
  background: #101919;
  font: 10px "Courier New", monospace;
}

@media (max-width: 1280px) {
  .enrollment-hero {
    grid-template-columns: 1fr;
  }

  .apps-shell,
  .network-shell,
  .policies-shell,
  .audio-shell,
  .tak-shell {
    grid-template-columns: 1fr;
  }

  .apps-library-card {
    grid-column: 1;
    grid-row: 2;
  }

  .apps-sidebar {
    grid-column: 1;
    grid-row: 3;
  }

  .apps-inventory-card {
    grid-column: 1;
    grid-row: 4;
  }

  .network-hero-grid {
    grid-template-columns: 1fr;
  }

  .device-illustration {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 24px auto 0;
  }
}

@media (max-width: 940px) {
  body { grid-template-columns: 1fr; }
  aside { position: relative; height: auto; }
  nav { grid-template-columns: repeat(2, 1fr); }
  .sidebar-status,
  .sidebar-motto,
  .system { display: none; }
  main { padding: 0 15px; }
  header { margin: 0 -15px; padding: 0 15px; height: auto; min-height: 74px; }
  .header-actions { gap: 0; }
  .header-stat:nth-child(2) { display: none; }
  header { flex-wrap: wrap; gap: 8px; padding-top: 8px; padding-bottom: 8px; }
  .header-actions { flex-wrap: wrap; max-width: 100%; }
  button.operator { display: block; min-width: 88px; padding: 8px 22px 8px 10px; }
  .header-settings-button{min-width:52px;border-right:0}
  .page-intro { grid-template-columns: 1fr; padding: 20px 0; }
  .page-intro .ornament { display: none; }
  .page-intro p { grid-column: 1; margin: 5px 0 0; padding: 0; }
  .grid,
  .enrollment-card-body,
  .units-layout,
  .detail-grid,
  .mode-grid,
  .apps-table-head,
  .app-card,
  .policy-general-grid,
  .network-upload-row,
  .audio-toggle-grid,
  .audio-capability-grid,
  .audio-uploaded-card,
  .tak-upload-row,
  .tak-step-card { grid-template-columns: 1fr; }
  .upload-dropzone-inner { grid-template-columns: 1fr; }
  .upload-browse { justify-self: start; }
  .network-browse { min-height: auto; }
  .audio-waveform { min-width: 0; text-align: left; }
  .audio-hero { flex-direction: column; }
  .tak-map-art { min-width: 0; text-align: left; }
  .tak-hero { flex-direction: column; }
  .enrollment-card-head { flex-direction: column; }
  .enrollment-card-actions { justify-content: flex-start; }
  .units-toolbar,
  .units-section-head,
  .unit-detail-hero,
  .units-queue-bar { grid-template-columns: 1fr; flex-direction: column; align-items: flex-start; }
  .unit-command-grid { grid-template-columns: 1fr; }
  .app-actions { justify-content: flex-start; }
  .policy-topbar { flex-direction: column; align-items: stretch; }
  .policy-top-actions { justify-content: stretch; }
  .policy-top-actions > * { width: 100%; }
  .unit-card { grid-template-columns: 1fr; align-items: flex-start; }
  .unit-row-actions { justify-content: flex-start; }
  .actions { flex-wrap: wrap; }
  footer { flex-direction: column; align-items: flex-start; gap: 8px; padding: 18px 4px; }
}

/* Profile map delivery lives with the device, alongside its other status. */
.unit-card.compact-unit-card{grid-template-columns:8px minmax(145px,.8fr) minmax(250px,1.4fr) minmax(210px,1fr) auto!important;align-items:center}
.unit-card.compact-unit-card>.trust-status-comment{grid-column:2/-1;grid-row:auto}
.unit-card.compact-unit-card>.compact-unit-actions{grid-column:5;grid-row:1}
.device-map-progress{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 0}
.device-map-pie{--map-progress:0deg;flex:0 0 58px;width:58px;height:58px;border:1px solid #647465;border-radius:50%;background:conic-gradient(#b8c871 0deg var(--map-progress),#172621 var(--map-progress) 360deg);display:grid;place-items:center}
.device-map-pie span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#10201a;color:#ecf2dc;font:600 11px "Segoe UI",sans-serif}
.device-map-pie.verified{background:#83b986;border-color:#a5d7a8}
.device-map-copy{display:grid;gap:4px;min-width:0}.device-map-copy>strong{font:9px "Courier New",monospace;color:#bfc99e;letter-spacing:.7px}
.device-map-copy>span{font:600 12px "Segoe UI",sans-serif;color:#edf0e6}.device-map-copy>small{font-size:10px;color:#a8b4aa}
.device-map-progress.expanded{align-items:flex-start}.expanded .device-map-pie{flex-basis:78px;width:78px;height:78px}.expanded .device-map-pie span{width:48px;height:48px;font-size:14px}
.device-map-package{display:grid;gap:4px;padding:10px 0;border-top:1px solid #314439;margin-top:5px}.device-map-package strong{overflow-wrap:anywhere;font-size:12px}.device-map-package span{font-size:11px;color:#b4c0b4}
@media(max-width:1200px){.unit-card.compact-unit-card{grid-template-columns:8px minmax(150px,1fr) minmax(210px,1.4fr) auto!important}.unit-card.compact-unit-card>.device-map-progress{grid-column:2/4;grid-row:2}.unit-card.compact-unit-card>.compact-unit-actions{grid-column:4;grid-row:1}.unit-card.compact-unit-card>.trust-status-comment{grid-column:2/-1}}
@media(max-width:700px){.unit-card.compact-unit-card{grid-template-columns:6px minmax(0,1fr) auto!important}.unit-card.compact-unit-card>.compact-unit-facts{grid-column:2/-1;grid-row:2}.unit-card.compact-unit-card>.device-map-progress{grid-column:2/-1;grid-row:3}.unit-card.compact-unit-card>.compact-unit-actions{grid-column:3;grid-row:1}.device-map-copy>small{line-height:1.4}}

.unit-card.compact-unit-card .compact-unit-facts{grid-template-columns:repeat(3,minmax(65px,1fr))}
.unit-card.compact-unit-card .compact-unit-name strong{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
@media(max-width:700px){.unit-card.compact-unit-card .compact-unit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Device details: keep status labels and their values separate and readable. */
.device-modal-card .device-detail-clean{gap:20px}.device-modal-card .detail-card{padding:22px}
.device-modal-card .detail-card-head{align-items:flex-start;gap:24px;margin-bottom:20px}.device-modal-card .detail-card-head h3{margin:8px 0;font-size:22px;overflow-wrap:anywhere}
.device-modal-card .device-status-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin:22px 0}
.device-modal-card .device-status-fields>div{min-width:0;display:grid;align-content:start;gap:10px}
.device-modal-card dt{color:var(--muted);font:11px/1.5 "Segoe UI",sans-serif;letter-spacing:.35px}
.device-modal-card dd{margin:0;min-width:0;color:var(--text);font:600 13px/1.65 "Segoe UI",sans-serif;overflow-wrap:anywhere}
.device-modal-card .dpc-policy-list{gap:10px;margin-top:18px}
.device-modal-card .dpc-policy-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:36px!important;padding:15px 18px;align-items:start}
.device-modal-card .dpc-policy-row>strong,.device-modal-card .dpc-policy-row>span{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.7}
.device-modal-card .dpc-policy-row>span{text-align:left;padding-left:20px;border-left:1px solid var(--line)}
.device-modal-card .detail-grid>div{display:grid;gap:10px;min-width:0}.device-modal-card .detail-grid small,.device-modal-card .detail-grid strong{display:block;line-height:1.6}
.device-modal-card .device-attention{padding:12px 16px;border-left:3px solid var(--amber);background:rgba(180,130,60,.07);font-size:12px;line-height:1.7}
.device-modal-card .device-technical-details summary{cursor:pointer;color:var(--muted);font-size:13px;padding:4px 0}
.device-modal-card .device-technical-content{padding-top:22px}.device-modal-card .technical-fields{grid-template-columns:1fr 1fr}
.device-modal-card .identity-edit{gap:14px;margin-top:12px}.device-modal-card .device-location-head{gap:24px;flex-wrap:wrap}
.device-modal-card .locate-device-button{flex-shrink:0;min-height:42px}.device-modal-card .device-status-summary>p{line-height:1.7}
@media(max-width:700px){.device-modal-card .detail-card{padding:18px}.device-modal-card .device-status-fields{grid-template-columns:1fr 1fr;gap:20px}.device-modal-card .dpc-policy-row{grid-template-columns:1fr!important;gap:8px!important}.device-modal-card .dpc-policy-row>span{padding-left:0;border-left:0}.device-modal-card .detail-card-head{flex-direction:column}.device-modal-card .technical-fields{grid-template-columns:1fr}}

.locate-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.locate-controls button{min-height:42px}

.device-modal-card .device-advanced-settings{margin-top:20px;padding:18px 22px}.device-advanced-settings>summary{cursor:pointer;color:var(--muted);font-size:13px;line-height:1.7}.device-advanced-content{display:grid;gap:20px;padding-top:22px}.device-advanced-content .detail-card{margin:0}.device-modal-card .access-authority-meta>span{display:grid;gap:10px;min-width:0}.device-modal-card .access-authority-meta strong{overflow-wrap:anywhere;line-height:1.6}

/* Large enrollment codes: retain the original PNG and its full white quiet zone. */
.enrollment-qr-command .qr-slot img{width:min(300px,100%);padding:0;background:#fff;image-rendering:pixelated;box-shadow:none}
.qr-enlarge-button{width:100%;margin:4px 0 8px}.qr-fullscreen-open{overflow:hidden}
dialog.enrollment-qr-fullscreen{position:fixed;inset:0;margin:0;border:0;border-radius:0;padding:24px 32px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#fff;color:#111;overflow:auto}
dialog.enrollment-qr-fullscreen[open]{display:flex;flex-direction:column;align-items:center;gap:14px}.enrollment-qr-fullscreen::backdrop{background:#fff}
.enrollment-qr-fullscreen-head{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1200px}.enrollment-qr-fullscreen-head small{color:#555;font:11px/1.5 sans-serif;letter-spacing:1px}.enrollment-qr-fullscreen-head h2{margin:4px 0;color:#111;font:600 22px/1.3 sans-serif}.enrollment-qr-fullscreen-head button{background:#fff;color:#111;border:1px solid #777;padding:12px 20px}
.enrollment-qr-large-area{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%}.enrollment-qr-large-area img{display:block;max-width:100%;height:auto;padding:0;margin:0;image-rendering:pixelated;background:#fff;box-shadow:none;border:0}
.enrollment-qr-fullscreen>p{max-width:850px;margin:0;color:#444;text-align:center;font:14px/1.6 sans-serif}
@media(max-width:600px){dialog.enrollment-qr-fullscreen{padding:18px}.enrollment-qr-fullscreen-head h2{font-size:17px}.enrollment-qr-fullscreen-head button{padding:10px}.enrollment-qr-fullscreen>p{font-size:12px}}

.unit-service-icon.pending{color:var(--warning,#d5b64c);border-color:currentColor;background:rgba(180,140,40,.1)}
.unit-service-icon.inactive{color:var(--muted,#8b9998);border-color:currentColor;background:transparent;opacity:.85}
.sovran-adapter{border:1px solid var(--border,#33403b);padding:18px;margin:18px 0;min-width:0}.sovran-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sovran-fields label{display:flex;flex-direction:column;gap:8px}.sovran-fields input,.sovran-fields select,.sovran-fields textarea{width:100%}.sovran-fields input[type=checkbox]{width:auto;align-self:flex-start}.sovran-adapter>button{margin-top:16px}@media(max-width:700px){.sovran-fields{grid-template-columns:1fr}}
.sovran-fields [hidden]{display:none}.sovran-relay-help{margin:16px 0}.sovran-relay-help summary{cursor:pointer}.sovran-observed{display:grid;gap:12px;margin:12px 0 20px}.sovran-observed>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}.sovran-observed span{color:var(--muted,#a4aea8)}

[data-sovran-panel][hidden]{display:none!important}

.device-status-fields .policy-target{display:block;margin-top:6px;font-size:11px;line-height:1.5}.dpc-policy-row>span{display:grid;gap:6px}.dpc-policy-row small{display:block;font-size:11px;line-height:1.6}.dpc-policy-row .policy-check-state{font-size:12px}.compact-position-empty{padding:18px 22px}.compact-position-empty p{margin:10px 0 0}.unit-card.compact-unit-card{cursor:pointer}

.compact-unit-actions{flex-wrap:wrap}.policy-check-state.pending{color:var(--amber)}

/* Compact operational overview: keep devices above the fold. */
#units .units-command-stats{gap:8px}#units .units-stat{min-height:64px;padding:10px 12px;gap:10px}#units .units-stat>i{width:28px;height:28px;font-size:18px}#units .units-stat strong{font-size:19px}#units .units-stat small{font-size:10px;letter-spacing:.3px}
@media(min-width:1000px){#units .units-command-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}

.policy-check-state.online{color:var(--green)}.policy-check-state.offline{color:var(--red)}.policy-check-state.inactive{color:var(--muted)}

.unit-card.compact-unit-card .compact-unit-name strong{font-size:14px}.unit-card.compact-unit-card .compact-unit-name small{font-size:11px}.unit-card.compact-unit-card .compact-unit-facts strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5;font-size:12px}.unit-card.compact-unit-card .compact-unit-facts small{font-size:10px}
.locate-device-button:disabled{background:#17201d;color:var(--muted);border-color:var(--line);opacity:.75;cursor:not-allowed}

/* Compact operator pages: retain readable controls and remove intrinsic-width overflow. */
:is(#enrollment,#policies,#network,#audio,#tak,#apps) :is(.panel,form,aside,label){min-width:0}
:is(#enrollment,#policies,#network,#audio,#tak,#apps) :is(input,select,textarea){max-width:100%;min-width:0}
:is(#enrollment,#policies,#network,#audio,#tak,#apps) :is(.eyebrow,small,p,strong){overflow-wrap:anywhere}
:is(#policies,#apps,#network,#audio,#tak) :is(.policy-command-context,.apps-command-context,.network-command-context,.audio-command-context,.tak-command-context){gap:16px;padding:12px 16px;align-items:center}
:is(#policies,#apps,#network,#audio,#tak) :is(.policy-context-stat,.apps-context-stat,.audio-context-stat,.tak-context-stat){display:grid;gap:6px;min-width:0}
:is(#policies,#apps,#network,#audio,#tak) :is(.policy-status-live,.apps-status-live,.network-command-status>span,.audio-status-live,.tak-status-live){color:var(--muted)}
:is(#policies,#apps,#network,#audio,#tak) :is(.policy-command-context,.apps-command-context,.network-command-context,.audio-command-context,.tak-command-context) button{min-height:40px;white-space:normal;line-height:1.35}
#enrollment .enrollment-command-stats{gap:10px;margin-bottom:14px}
#enrollment .enrollment-stat{min-height:76px;padding:12px 14px;gap:12px}
#enrollment .enrollment-stat>i{width:30px;height:30px;font-size:20px}
#enrollment .enrollment-stat strong{font-size:20px;line-height:1.3}
#enrollment .enrollment-stat :is(small,em){font-size:11px;line-height:1.4}
#enrollment .enrollment-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}
#enrollment .enrollment-form,#enrollment .mission-panel{padding:18px}
#enrollment .enrollment-form-grid{gap:14px}
#enrollment .enrollment-panel-head{margin-bottom:14px}
#enrollment .mission-panel .device-illustration{display:none}
#enrollment .quick-steps{gap:12px}
#enrollment .quick-steps>div{gap:12px}
#enrollment .quick-steps small{font-size:11px;line-height:1.5}
#enrollment .enrollment-groups-command{grid-template-columns:minmax(0,1fr) minmax(270px,320px)}
#enrollment :is(.enrollment-groups-table,.enrollment-qr-command){min-width:0}
#enrollment :is(.enrollment-table-head,.enrollment-group-row){grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,.65fr) minmax(0,.4fr) minmax(0,.95fr) minmax(0,.6fr);gap:10px;padding:12px 14px}
#enrollment .enrollment-group-row>span{min-width:0;white-space:normal;overflow-wrap:anywhere}
#enrollment .enrollment-section-head{gap:16px;flex-wrap:wrap}
#enrollment .enrollment-search{max-width:100%;min-width:0}
#enrollment .enrollment-search input{width:100%;min-width:0}
#enrollment .enrollment-qr-command{padding:18px}
#policies .policies-shell{grid-template-columns:minmax(0,1fr) minmax(260px,290px);gap:14px}
#policies .policy-card-head{padding:14px 16px}
#policies .policy-row{min-height:52px;gap:18px;padding:12px 16px}
#policies .policy-row>span{min-width:0;line-height:1.5}
#policies .policy-row :is(select,input):not([type=checkbox]){min-width:100px}
#policies .policy-section-tabs{gap:8px;flex-wrap:wrap}
#apps .apps-shell{grid-template-columns:minmax(0,1fr) minmax(250px,280px);gap:14px}
#apps .upload-dropzone{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;margin:16px}
#apps .upload-dropzone-inner{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;padding:14px;min-width:0}
#apps .upload-dropzone-icon{width:36px;height:36px;font-size:22px}
#apps .upload-dropzone-copy{min-width:0}
#apps .upload-dropzone-copy strong{font-size:13px;line-height:1.4}
#apps .upload-dropzone-copy small{font-size:12px;line-height:1.5}
#apps .upload-submit{width:auto;min-width:180px;justify-self:end;white-space:nowrap;min-height:42px}
#apps .upload-browse{white-space:nowrap;min-height:40px;display:flex;align-items:center}
#apps .app-card{min-width:0}
#apps .app-card>div{min-width:0;overflow-wrap:anywhere}
#network .network-shell{grid-template-columns:minmax(0,1fr) minmax(260px,290px);gap:14px;padding-top:14px}
#network .network-command-context{flex-wrap:wrap}
#network .network-section{padding:16px 0}
#network .network-policy-card{padding:18px}
#network .network-vpn-upload,#audio .audio-ptt-upload{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#network .network-vpn-upload-button,#audio .audio-ptt-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:170px;white-space:nowrap;flex:0 0 auto}
#network .network-vpn-upload>small,#audio .audio-ptt-upload>small{flex:1 1 180px;min-width:0;line-height:1.5}
#network .network-save-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
#audio .audio-shell,#tak .tak-shell{grid-template-columns:minmax(0,1fr) minmax(260px,290px);gap:14px;padding-top:14px}
#audio .audio-main-card,#tak .tak-form-card{padding:18px}
#audio .audio-section-head{gap:14px;margin-bottom:14px}
#audio .audio-warning-box{padding:12px 14px;margin:14px 0;font-size:12px;line-height:1.6}
#audio .audio-feature-card,#audio .audio-capability-card{min-height:76px;padding:14px;gap:12px}
#audio .audio-capability-copy{min-width:0}
#audio .audio-capability-copy small{line-height:1.5}
#audio .audio-toggle-grid,#audio .audio-capability-grid{gap:12px}
#audio .audio-block{margin-top:18px}
#tak .tak-scope-notice{padding:12px 14px;margin-bottom:16px;border-left:3px solid var(--amber);background:rgba(182,149,74,.06);line-height:1.5}
#tak .tak-scope-notice strong{font-size:13px}
#tak .tak-scope-notice p{margin:6px 0 0;color:var(--muted);font-size:12px}
#tak .tak-step-card{grid-template-columns:32px minmax(0,1fr);gap:14px;padding:14px 0}
#tak .tak-step-badge{width:32px;height:32px;font-size:16px}
#tak .tak-step-body{min-width:0}
#tak .tak-app-row,#tak .tak-certificate-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
#tak .tak-file-box{min-width:0;padding:14px;gap:12px;min-height:74px}
#tak .tak-file-copy{min-width:0}
#tak .tak-upload-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}
#tak .tak-footnote{font-size:12px;line-height:1.6}
#tak .content-distribution-card{padding:18px}
#tak .content-distribution-head{flex-wrap:wrap;gap:14px}
@media(max-width:1360px){
 #enrollment .enrollment-groups-command{grid-template-columns:minmax(0,1fr)}
 #enrollment .enrollment-qr-command{max-width:520px;width:100%;justify-self:start}
 #policies .policies-shell,#apps .apps-shell,#network .network-shell,#audio .audio-shell,#tak .tak-shell{grid-template-columns:minmax(0,1fr)}
 :is(#policies,#apps,#network,#audio,#tak) :is(.policy-sidebar,.apps-sidebar,.network-sidebar,.audio-sidebar,.tak-sidebar){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px;align-items:start}
}
@media(max-width:1000px){
 #enrollment .enrollment-hero{grid-template-columns:minmax(0,1fr)}
 #enrollment .enrollment-command-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #enrollment .enrollment-create-button{white-space:normal;line-height:1.5}
 :is(#policies,#apps,#network,#audio,#tak) :is(.policy-command-context,.apps-command-context,.audio-command-context,.tak-command-context){display:flex;flex-wrap:wrap;gap:14px 22px}
 :is(#policies,#apps,#audio,#tak) :is(.policy-context-group,.apps-group-label,.audio-group-label,.tak-group-label){flex:1 1 220px;max-width:100%;min-width:0}
}
@media(max-width:700px){
 #enrollment :is(.enrollment-table-head){display:none}
 #enrollment .enrollment-group-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 #enrollment .enrollment-group-row span:nth-child(2),#enrollment .enrollment-group-row span:nth-child(3),#enrollment .enrollment-group-row span:nth-child(5){display:none}
 #enrollment .enrollment-form-grid,#audio .audio-capability-grid,#tak .tak-app-row,#tak .tak-certificate-card{grid-template-columns:minmax(0,1fr)}
 #apps .upload-dropzone-inner{grid-template-columns:36px minmax(0,1fr)}
 #apps .upload-browse{grid-column:1/-1;justify-self:start}
 #apps .upload-submit{width:100%;min-width:0;justify-self:stretch}
 #tak .tak-step-card{grid-template-columns:minmax(0,1fr)}
 #tak .tak-upload-row{grid-template-columns:minmax(0,1fr)}
}
#network .network-json-advanced{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
#network .network-json-advanced summary{cursor:pointer;color:var(--muted);font-size:13px;line-height:1.5}
#network .network-json-advanced label{margin-top:14px}
/* Keep summary labels and values separated even when IDs and dates wrap. */
#policies .policy-summary-grid>div{display:grid;gap:8px;min-width:0}
:is(#apps,#network,#audio,#tak) :is(.app-summary-list,.network-summary-list,.audio-summary-list,.tak-summary-list)>div{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:0}
:is(#apps,#network,#audio,#tak) :is(.app-summary-list,.network-summary-list,.audio-summary-list,.tak-summary-list)>div>small{flex:1 1 45%;min-width:0;line-height:1.5}
:is(#apps,#network,#audio,#tak) :is(.app-summary-list,.network-summary-list,.audio-summary-list,.tak-summary-list)>div>strong{flex:1 1 55%;min-width:0;text-align:right;line-height:1.5;overflow-wrap:anywhere}

/* Keep Enrollment actions compact despite shared form control sizing. */
#enrollment .enrollment-command-header{align-items:center;flex-wrap:wrap}
#enrollment .enrollment-command-header>div{flex:1 1 300px;min-width:0}
#enrollment .enrollment-new-group{flex:0 0 auto;width:auto;min-width:166px;max-width:100%}
#enrollment .enrollment-create-button{width:auto;max-width:calc(100% - 40px);min-height:42px;white-space:normal}
#enrollment .mission-panel .quick-steps{padding-right:20px}
#enrollment #enrollment-readiness-state.error{color:var(--red);font-size:17px}
/* Enrollment is an operational overview. Group creation and parent-trust
   workflows remain out of the first view; relationship evidence is concise. */
#enrollment .enrollment-hero{display:block;margin:0}
#enrollment .enrollment-node-relationship{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:18px;align-items:start;margin:0 0 14px;padding:16px 18px}
#enrollment .enrollment-node-relationship h3{margin:4px 0 6px;color:#e4e8df;font:600 18px Georgia,serif}
#enrollment .enrollment-node-relationship p{margin:0;font-size:11px;line-height:1.5}
#enrollment .enrollment-node-relationship .node-trust-facts{margin:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:700px){#enrollment .enrollment-node-relationship{grid-template-columns:1fr}}
/* Fit profile context in one desktop row; stack only when space requires it. */
@media(min-width:1001px){
 :is(#policies,#apps,#audio,#tak) :is(.policy-command-context,.apps-command-context,.audio-command-context,.tak-command-context){display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(70px,.55fr) minmax(60px,.4fr) minmax(110px,.8fr) auto;gap:12px}
 #policies .policy-context-group,#apps .apps-group-label,#audio .audio-group-label,#tak .tak-group-label{grid-column:auto;padding:0;min-width:0}
 :is(#policies,#apps,#audio,#tak) :is(.policy-context-stat,.apps-context-stat,.audio-context-stat,.tak-context-stat){padding:0 10px;min-height:44px}
 #policies .policy-command-actions{padding:0;border:0;flex-wrap:wrap;max-width:190px}
 #policies .policy-command-actions button{flex:0 1 auto;width:auto;margin:0}
 :is(#apps,#audio,#tak) :is(.apps-command-context,.audio-command-context,.tak-command-context)>.primary{width:auto;margin:0;max-width:160px}
}
:is(#policies,#apps,#network,#audio,#tak) :is(.policy-status-live,.apps-status-live,.network-command-status>span,.audio-status-live,.tak-status-live){background:transparent;border-color:var(--line);color:var(--muted)}
#policies .policy-row{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);column-gap:24px;align-items:center}
#policies .policy-row>span{min-width:0}
#policies .policy-row :is(input,select):not([type=checkbox]){width:100%;min-width:0}
@media(max-width:700px){#policies .policy-row{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(max-width:1360px){#apps .apps-inventory-card{grid-column:1;grid-row:2}#apps .apps-sidebar{grid-column:1;grid-row:3}}
@media(min-width:701px){#apps .app-primary>small{display:none}}
@media(max-width:1360px){#apps .apps-library-card{grid-column:1;grid-row:1}}
#apps .app-card :is(strong,small){display:block;line-height:1.5}
@media(min-width:701px){#apps .app-card .app-primary>small{display:none}}

/* Operator proportions: shared control scale and compact, readable card rhythm. */
body{font-size:13px}
body>aside .brand{height:74px;padding:14px 16px}
body>aside nav button{min-height:44px;padding:12px 16px;font:600 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.5px}
.view :is(.primary,.ghost,.outline-button,.danger-button,.warning-button){width:auto;min-height:40px;margin:0;padding:9px 14px;font:600 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.25px;white-space:normal}
.view :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]){min-height:40px;padding:9px 11px;font:13px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:0}
.view label{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;letter-spacing:.2px}
.view :is(.policy-context-stat,.apps-context-stat,.audio-context-stat,.tak-context-stat) small{font:11px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.2px}
.view :is(.policy-context-stat,.apps-context-stat,.audio-context-stat,.tak-context-stat) strong{font-size:13px;line-height:1.5}
.view :is(.policy-status-live,.apps-status-live,.audio-status-live,.tak-status-live){font:600 11px/1.4 "Segoe UI",Arial,sans-serif;padding:4px 8px}
.view :is(.policy-command-header,.apps-command-header,.audio-command-header,.tak-command-header,.network-command-header,.enrollment-command-header){padding:12px 0 16px;margin:0}
.view :is(.policy-command-header,.apps-command-header,.audio-command-header,.tak-command-header,.network-command-header,.enrollment-command-header) h2{margin:0 0 6px;font-size:26px;line-height:1.2}
.view :is(.policy-command-header,.apps-command-header,.audio-command-header,.tak-command-header,.network-command-header,.enrollment-command-header) p{font:13px/1.5 "Segoe UI",Arial,sans-serif;margin:0}
#enrollment .enrollment-command-stats{margin:16px 0;gap:12px}
#enrollment .enrollment-stat{padding:12px;min-height:84px;gap:10px}
#enrollment .enrollment-stat strong{font:600 22px/1.2 "Segoe UI",Arial,sans-serif}
#enrollment .enrollment-stat small{font:11px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.2px}
#enrollment .enrollment-stat em{font-size:11px;line-height:1.5}
#enrollment .enrollment-panel-head{padding:0 0 12px;margin:0 0 12px}
#enrollment .enrollment-panel-head .icon-tile{width:32px;height:32px;font-size:18px;flex:0 0 32px}
#enrollment .enrollment-form-grid{padding:0;gap:12px 16px}
#enrollment .enrollment-form-grid label{margin:0}
#enrollment .enrollment-create-button{margin-top:16px;max-width:100%;min-height:40px}
#enrollment .quick-steps{padding:0;gap:12px}
#enrollment .quick-steps>div{min-height:0;gap:12px}
#enrollment .quick-steps i{width:28px;height:28px;flex-basis:28px;font-size:12px}
#enrollment .enrollment-new-group{min-width:0}
#policies .policy-stack{gap:16px}
#policies .policy-card-head{padding:12px 16px}
#policies .policy-card-title .eyebrow{font:600 14px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.3px}
#policies .policy-list{padding:0}
#policies .policy-row{margin:0;min-height:56px;padding:8px 16px;grid-template-columns:minmax(0,1fr) minmax(140px,240px);gap:16px}
#policies .policy-row>span:first-child{font:13px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0}
#policies .policy-row :is(select,input):not([type=checkbox]){max-width:240px;margin:0;min-height:38px;justify-self:end}
#policies .policy-row input[type=checkbox]{justify-self:end}
#policies .policy-row small{font:12px/1.5 "Segoe UI",Arial,sans-serif}
#policies .policy-section-tabs{margin:0 0 16px;gap:4px}
#policies .policy-section-tabs button{min-height:40px;padding:10px 14px;font:600 12px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.2px}
#policies .policy-command-actions{max-width:none;gap:8px;flex-wrap:nowrap}
#policies .policy-command-actions button{white-space:nowrap}
#policies .policy-command-context{grid-template-columns:minmax(150px,1fr) auto auto minmax(120px,.7fr);gap:12px}
#policies .policy-command-actions{grid-column:1/-1;justify-content:flex-end}
#policies .policy-command-context .policy-context-stat{min-height:36px}
:is(#network,#audio,#tak) :is(.network-policy-card,.audio-main-card,.tak-form-card){padding:16px}
:is(#network,#audio,#tak) :is(.network-section,.audio-block,.tak-step-card){padding:14px 0;margin:0}
:is(#network,#audio,#tak) :is(.network-section-head,.audio-section-head,.tak-section-head){margin:0 0 12px;padding:0 0 12px}
:is(#network,#audio,#tak) :is(.network-section-title,.audio-section-head,.tak-section-head) .eyebrow{font:600 14px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.3px}
#audio :is(.audio-feature-card,.audio-capability-card){min-height:64px;padding:12px;gap:12px}
#audio .audio-warning-box{padding:10px 12px;margin:12px 0;font-size:12px}
#audio :is(.audio-feature-card,.audio-capability-card) input[type=checkbox]{flex-shrink:0}
#tak .tak-step-card{border:0;border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:12px}
#tak .tak-step-badge{width:28px;height:28px;font-size:14px}
#tak .tak-scope-notice{padding:10px 12px;margin-bottom:12px}
#tak .tak-file-box{min-height:76px;padding:12px}
#apps .apps-library-head{padding:12px 16px}
#apps .upload-dropzone{margin:16px;gap:12px}
#apps .upload-dropzone-inner{padding:12px}
#apps .upload-submit{min-width:0}
#apps .app-card{padding:12px 16px;gap:12px}
#apps .app-card small{font-size:11px;letter-spacing:0}
#apps .app-card strong{font-size:13px}
#apps .app-actions .ghost{min-height:36px;padding:8px 10px;font-size:11px}
#apps .apps-table-head{padding:10px 16px;font:600 11px/1.4 "Segoe UI",Arial,sans-serif;letter-spacing:.2px}
.view :is(.network-summary-list,.audio-summary-list,.tak-summary-list,.app-summary-list){font-size:12px}
.view :is(.network-summary-list,.audio-summary-list,.tak-summary-list,.app-summary-list) :is(small,strong){font-size:12px;line-height:1.5}
#enrollment .qr-enlarge-button{width:100%}
@media(min-width:1200px){
 #policies .policies-shell,#network .network-shell,#audio .audio-shell,#tak .tak-shell{grid-template-columns:minmax(0,1fr) 248px;gap:16px}
 :is(#policies,#network,#audio,#tak) :is(.policy-sidebar,.network-sidebar,.audio-sidebar,.tak-sidebar){display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px}
}
@media(max-width:1000px){
 #policies .policy-command-context{display:flex;flex-wrap:wrap}
 #policies .policy-context-group{flex:1 1 100%}
 #policies .policy-command-actions{flex:1 1 100%}
}
@media(max-width:700px){
 #policies .policy-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 16px}
 #policies .policy-row :is(select,input):not([type=checkbox]){max-width:100%;width:100%;justify-self:stretch}
 #policies .policy-command-actions{flex-wrap:wrap;justify-content:flex-start}
 #tak .tak-step-card{grid-template-columns:minmax(0,1fr)}
 .view .primary{max-width:100%}
}
/* Scope the full-height rail to navigation, never to in-page summary panels. */
.view aside{position:static;height:auto;min-height:0;align-self:start}
#policies .policy-main{padding:0;margin:0}
:is(#network,#audio,#tak,#apps) :is(.network-summary-list,.audio-summary-list,.tak-summary-list,.app-summary-list)>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0}
:is(#network,#audio,#tak,#apps) :is(.network-summary-list,.audio-summary-list,.tak-summary-list,.app-summary-list)>div>:is(small,strong){text-align:left;font:12px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;overflow-wrap:break-word;text-transform:none}
#policies .policy-summary-grid>div{padding:8px 0;gap:4px}
#policies .policy-summary-grid>div>:is(small,strong){text-align:left;font:12px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none}
#audio #ptt-uploaded-card>div{min-width:0;display:grid;align-content:start;gap:4px}
#audio #ptt-uploaded-card :is(strong,small){display:block;line-height:1.5;overflow-wrap:anywhere}
#audio #ptt-uploaded-card strong{font-size:13px}
#audio #ptt-uploaded-card small{font-size:11px;letter-spacing:0}
#units :is(.compact-unit-facts small,.meta-chip,.status,.compact-unit-services span){font-size:11px;letter-spacing:0;line-height:1.4}
#units .units-section-header{padding:12px 16px}
#policies .policy-stack{padding:0}
@media(min-width:1200px){
 #policies .policy-command-context{grid-template-columns:minmax(150px,1fr) auto auto minmax(130px,.7fr) auto}
 #policies .policy-command-actions{grid-column:auto;justify-content:flex-end}
}
/* Group operator controls reuse the existing Admin dialog. */
.operator-group-member > label,.operator-group-member #operator-password-submit{display:none!important}
.group-user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.group-user-row span{min-width:0;overflow-wrap:anywhere}
.group-user-row small{display:block;color:var(--muted);margin-top:4px}
.operator-access-modal-card{max-height:90vh;overflow-y:auto}