/* Archer approved Command Center concept — production skin, 2026-09-07 */
body.archer-ops{
  --ax-bg:#05080b;
  --ax-panel:#0b1015;
  --ax-panel2:#0f151b;
  --ax-line:#293038;
  --ax-line-soft:#20262c;
  --ax-text:#f5f6f7;
  --ax-muted:#969ea5;
  --ax-red:#f02e2a;
  --ax-red-dark:#8d1816;
  --ax-gold:#e2ab42;
  --ax-green:#36c978;
  --ax-blue:#5ba6df;
  margin:0;
  min-height:100vh;
  color:var(--ax-text);
  background:
    radial-gradient(circle at 54% 5%,rgba(240,46,42,.055),transparent 24%),
    linear-gradient(180deg,#05080b,#030507);
}
body.archer-ops *{box-sizing:border-box}
body.archer-ops .hidden{display:none!important}
body.archer-ops button{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body.archer-ops button:hover{transform:translateY(-1px)}
.concept-hidden-marker,.concept-hidden-runtime{display:none!important}

/* LEFT RAIL */
body.archer-ops .sidebar{
  width:255px;
  padding:0 13px 14px;
  background:
    radial-gradient(circle at 48% 12%,rgba(240,46,42,.06),transparent 23%),
    linear-gradient(180deg,#080c10 0%,#05080b 100%);
  border-right:1px solid #272d33;
  box-shadow:16px 0 50px rgba(0,0,0,.3);
}
body.archer-ops .concept-brand-row{
  min-height:245px;
  padding:12px 4px 14px;
  border-bottom:0;
  display:flex;
  align-items:flex-start;
}
body.archer-ops .concept-brand-lockup{
  width:100%;
  display:grid;
  justify-items:center;
  gap:0;
}
body.archer-ops .concept-brand-lockup>img{
  width:155px!important;
  height:155px!important;
  max-height:none!important;
  object-fit:contain;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));
}
.concept-brand-copy{
  margin-top:-4px;
  display:grid;
  justify-items:center;
  line-height:1;
}
.concept-brand-copy b{
  font-size:25px;
  letter-spacing:.055em;
  font-weight:950;
  color:#fff;
  text-shadow:0 2px 0 #000;
}
.concept-brand-copy span{
  margin-top:4px;
  font-size:10px;
  letter-spacing:.2em;
  color:var(--ax-red);
  font-weight:900;
}
.concept-brand-copy small{
  margin-top:9px;
  font-size:6px;
  letter-spacing:.08em;
  color:var(--ax-gold);
  white-space:nowrap;
}
body.archer-ops .brand-row .icon-btn{display:none}
body.archer-ops .assistant-id{display:none}
body.archer-ops .concept-nav{
  display:block;
  overflow:auto;
  margin:0;
  padding:0;
}
body.archer-ops .nav-section-label{display:none}
body.archer-ops .sidebar nav button{
  width:100%;
  min-height:43px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:2px 0;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#edf0f2;
  font-size:12px;
  font-weight:560;
  text-align:left;
}
body.archer-ops .sidebar nav button>span{
  width:20px;
  display:inline-grid;
  place-items:center;
  color:#f0f2f3;
  font-size:16px;
}
body.archer-ops .sidebar nav button:hover{
  background:#10161b;
  border-color:#282f36;
}
body.archer-ops .sidebar nav button.active{
  color:var(--ax-red);
  background:linear-gradient(90deg,rgba(240,46,42,.19),rgba(240,46,42,.07));
  border-color:#9b2824;
  box-shadow:inset 0 0 20px rgba(240,46,42,.05);
}
body.archer-ops .sidebar nav button.active>span{color:#fff}
body.archer-ops .nav-more{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid #242b31;
}
body.archer-ops .nav-more summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:9px 12px;
  color:#6f7880;
  font-size:9px;
  cursor:pointer;
  list-style:none;
}
body.archer-ops .nav-more summary::-webkit-details-marker{display:none}
body.archer-ops .nav-more>div{padding:0 0 0 9px}
body.archer-ops .nav-more>div button{
  min-height:34px!important;
  color:#858e95!important;
  font-size:10px!important;
}
body.archer-ops .sidebar-foot{
  margin-top:auto;
  padding-top:13px;
  border-top:0;
}
body.archer-ops .business-card{
  padding:15px 16px 16px;
  border:1px solid #343b42;
  border-radius:12px;
  background:linear-gradient(180deg,#0b1014,#080b0f);
}
body.archer-ops .business-card:before{
  content:"☎";
  display:inline-block;
  margin-right:8px;
  color:#f3f4f5;
  font-size:13px;
}
body.archer-ops .business-card strong{
  display:inline;
  color:#f3f4f5;
  font-size:10px;
  font-weight:700;
}
body.archer-ops .business-card .phone{
  display:block;
  margin-top:12px;
  color:var(--ax-red)!important;
  font-size:21px!important;
  font-weight:900;
}
body.archer-ops .business-card small{
  display:block;
  margin-top:13px;
  color:var(--ax-gold)!important;
  font-size:8px!important;
}
body.archer-ops #logoutBtn{
  width:100%;
  margin-top:8px;
  padding:7px;
  border:0;
  background:transparent;
  color:#626b72;
  font-size:9px;
}

/* TOP BAR */
body.archer-ops .topbar{
  left:255px;
  height:102px;
  padding:0 24px 0 38px;
  background:rgba(4,7,10,.97);
  border-bottom:0;
  backdrop-filter:blur(14px);
}
body.archer-ops .top-brand{
  display:flex;
  align-items:center;
  gap:15px;
}
body.archer-ops .top-brand>img{display:none}
body.archer-ops .top-identity{
  display:flex;
  align-items:center;
  gap:26px;
}
body.archer-ops .archer-name b{
  display:block;
  font-family:Arial Black,Impact,system-ui,sans-serif;
  font-size:34px;
  line-height:.9;
  letter-spacing:.075em;
  color:#fff;
}
body.archer-ops .archer-name span{
  display:block;
  margin-top:8px;
  color:var(--ax-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;
}
body.archer-ops .top-divider{
  display:block;
  width:2px;
  height:56px;
  background:linear-gradient(180deg,transparent 0,var(--ax-red) 22% 78%,transparent 100%);
}
body.archer-ops .company-name{display:block}
body.archer-ops .company-name b{
  display:block;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.025em;
}
body.archer-ops .company-name span{
  display:block;
  margin-top:8px;
  color:var(--ax-gold);
  font-size:13px;
  letter-spacing:.06em;
}
body.archer-ops .concept-top-meta{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:13px;
}
body.archer-ops .concept-voice-pill{
  min-width:300px;
  display:flex;
  align-items:center;
  gap:13px;
  margin-left:0;
  padding:10px 14px 10px 18px;
  border:1px solid #343a40;
  border-radius:999px;
  background:#090d10;
  color:#fff;
}
.voice-wave-mini{
  height:27px;
  display:flex;
  align-items:center;
  gap:2px;
}
.voice-wave-mini i{
  display:block;
  width:2px;
  border-radius:4px;
  background:var(--ax-red);
  box-shadow:0 0 6px rgba(240,46,42,.35);
}
.voice-wave-mini i:nth-child(1){height:8px}
.voice-wave-mini i:nth-child(2){height:17px}
.voice-wave-mini i:nth-child(3){height:25px}
.voice-wave-mini i:nth-child(4){height:15px}
.voice-wave-mini i:nth-child(5){height:7px}
.voice-copy{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.voice-copy b{font-size:11px;font-weight:650}
.voice-copy small{
  display:flex;
  align-items:center;
  gap:5px;
  color:#e7eaec;
  font-size:10px;
}
.voice-copy small .status-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
}
body.archer-ops .concept-clock{
  font-size:9px;
  color:#777f86;
  white-space:nowrap;
}
body.archer-ops .concept-owner{display:none}

/* MAIN LAYOUT */
body.archer-ops main{
  margin-left:255px;
  padding:102px 20px 28px 18px;
}
body.archer-ops .view{
  display:none!important;
  max-width:1480px;
  margin:0 auto;
}
body.archer-ops .view.active{display:block!important}
body.archer-ops .concept-dashboard{display:none!important}
body.archer-ops .concept-dashboard.active{display:block!important}
.concept-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.68fr) minmax(355px,.92fr);
  gap:16px;
}
.concept-center-column,
.concept-right-column{
  display:grid;
  gap:16px;
  align-content:start;
}

/* HERO / COMMAND CARD */
.concept-command-card{
  position:relative;
  min-height:522px;
  overflow:hidden;
  border:1px solid #343a40;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 42%,rgba(240,46,42,.085),transparent 21%),
    linear-gradient(180deg,#0b1014 0%,#080b0e 100%);
  box-shadow:0 20px 48px rgba(0,0,0,.26);
}
.concept-circuit-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    linear-gradient(126deg,transparent 0 62%,rgba(240,46,42,.14) 62.15% 62.3%,transparent 62.45% 100%),
    linear-gradient(142deg,transparent 0 69%,rgba(226,171,66,.18) 69.1% 69.28%,transparent 69.4% 100%),
    repeating-linear-gradient(90deg,transparent 0 95px,rgba(255,255,255,.016) 96px 97px,transparent 98px 185px);
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.55) 70%,transparent);
}
.concept-greeting{
  position:relative;
  z-index:4;
  padding:29px 31px 0;
}
.concept-greeting h1{
  margin:0;
  color:#fff;
  font-size:36px;
  line-height:1.05;
  letter-spacing:-.018em;
  font-weight:760;
}
.concept-greeting p{
  margin:7px 0 0;
  color:#b1b7bc;
  font-size:11px;
}
.concept-orb-stage{
  position:relative;
  z-index:4;
  display:grid;
  justify-items:center;
  margin-top:18px;
}
.concept-wave-rail{
  position:absolute;
  top:88px;
  left:50%;
  width:74%;
  height:68px;
  transform:translate(-50%,-50%);
  opacity:.72;
  background:
    linear-gradient(180deg,transparent 49%,rgba(240,46,42,.72) 49.5% 50.5%,transparent 51%),
    repeating-linear-gradient(90deg,transparent 0 10px,rgba(240,46,42,.25) 11px 12px,transparent 13px 19px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,rgba(0,0,0,.66) 58%,transparent 80%);
  mask-image:radial-gradient(ellipse at center,#000 0 42%,rgba(0,0,0,.66) 58%,transparent 80%);
}
body.archer-ops #talkBtn.archer-core{
  position:relative!important;
  inset:auto!important;
  width:164px!important;
  height:164px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip-path:none!important;
  border:2px solid #ff2c28!important;
  border-radius:50%!important;
  background:radial-gradient(circle,#11161a 0 52%,#07090b 69%,#030405 100%)!important;
  box-shadow:
    0 0 0 8px rgba(240,46,42,.08),
    0 0 0 16px rgba(240,46,42,.035),
    0 0 35px rgba(240,46,42,.42),
    inset 0 0 28px rgba(240,46,42,.1)!important;
  filter:none!important;
}
body.archer-ops #talkBtn.archer-core:hover{
  box-shadow:
    0 0 0 8px rgba(240,46,42,.12),
    0 0 0 17px rgba(240,46,42,.05),
    0 0 48px rgba(240,46,42,.52),
    inset 0 0 30px rgba(240,46,42,.13)!important;
}
body.archer-ops #talkBtn.archer-core.listening{
  box-shadow:
    0 0 0 9px rgba(240,46,42,.19),
    0 0 0 20px rgba(240,46,42,.07),
    0 0 60px rgba(240,46,42,.65),
    inset 0 0 38px rgba(240,46,42,.18)!important;
}
body.archer-ops #talkBtn.archer-core img{
  display:block!important;
  position:absolute;
  z-index:7;
  left:50%;
  top:50%;
  width:70px;
  height:86px;
  transform:translate(-50%,-50%);
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(240,46,42,.22));
}
.concept-orb-ring{
  position:absolute;
  inset:-10px;
  border:1px solid rgba(240,46,42,.3);
  border-radius:50%;
}
.concept-orb-ring.ring-two{
  inset:-20px;
  border-color:rgba(240,46,42,.13);
}
.concept-wave-line{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:230px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  pointer-events:none;
}
.concept-wave-line i{
  display:block;
  width:2px;
  border-radius:4px;
  background:var(--ax-red);
  box-shadow:0 0 6px rgba(240,46,42,.5);
}
.concept-wave-line i:nth-child(1){height:8px}
.concept-wave-line i:nth-child(2){height:15px}
.concept-wave-line i:nth-child(3){height:25px}
.concept-wave-line i:nth-child(4){height:39px}
.concept-wave-line i:nth-child(5){height:52px}
.concept-wave-line i:nth-child(6){height:37px}
.concept-wave-line i:nth-child(7){height:24px}
.concept-wave-line i:nth-child(8){height:14px}
.concept-wave-line i:nth-child(9){height:7px}
body.archer-ops #talkBtn.archer-core.listening .concept-wave-line i{
  animation:axWave .56s ease-in-out infinite alternate;
}
body.archer-ops #talkBtn.archer-core.listening .concept-wave-line i:nth-child(2){animation-delay:.08s}
body.archer-ops #talkBtn.archer-core.listening .concept-wave-line i:nth-child(3){animation-delay:.14s}
body.archer-ops #talkBtn.archer-core.listening .concept-wave-line i:nth-child(4){animation-delay:.03s}
body.archer-ops #talkBtn.archer-core.listening .concept-wave-line i:nth-child(6){animation-delay:.11s}
body.archer-ops #talkBtn.archer-core.listening .concept-wave-line i:nth-child(8){animation-delay:.06s}
@keyframes axWave{from{transform:scaleY(.58)}to{transform:scaleY(1.18)}}
.concept-orb-name{
  margin-top:10px;
  color:#fff;
  font-family:Arial Black,Impact,system-ui,sans-serif;
  font-size:26px;
  line-height:.9;
  letter-spacing:.07em;
}
.concept-orb-service{
  margin-top:7px;
  color:var(--ax-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
}
.concept-speech-status{
  margin-top:5px;
  color:#737c83;
  font-size:8px;
}

/* Conversation output collapses until Archer actually has a conversation */
.concept-chat-zone{
  position:relative;
  z-index:5;
  width:min(680px,86%);
  margin:12px auto 0;
}
body.archer-ops .concept-transcript{
  min-height:0;
  max-height:88px;
  overflow:auto;
  padding:0;
}
body.archer-ops .concept-transcript .bubble:first-child:only-child{display:none}
body.archer-ops .concept-transcript .bubble{
  max-width:80%;
  margin:0 0 6px;
  padding:7px 9px;
  border:1px solid #2a3036;
  border-radius:8px;
  background:#11161b;
  font-size:9px;
  line-height:1.35;
}
body.archer-ops .concept-transcript .bubble.archer{
  border-color:#432522;
  background:#171314;
}
body.archer-ops .concept-transcript .bubble.user{
  margin-left:auto;
  background:#11171c;
}
body.archer-ops .bubble-who{
  margin-bottom:3px;
  color:#767f86;
  font-size:7px;
}
body.archer-ops .concept-command-bar{
  display:flex;
  gap:0;
}
body.archer-ops .concept-command-bar input{
  flex:1;
  min-width:0;
  height:47px;
  padding:0 16px;
  border:1px solid #b52522;
  border-right:0;
  border-radius:12px 0 0 12px;
  background:#090d10;
  color:#fff;
  font-size:11px;
}
body.archer-ops .concept-command-bar input::placeholder{color:#80878d}
body.archer-ops .concept-command-bar .primary{
  width:62px;
  height:47px;
  padding:0;
  border:1px solid #b52522;
  border-radius:0 12px 12px 0;
  background:#0b0f12;
  color:var(--ax-red);
  font-size:20px;
}
body.archer-ops .concept-command-bar .primary:hover{background:#171114}
.concept-conversation-toggle{
  margin:6px auto 0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:2px 7px;
  border:0;
  background:transparent;
  color:#6f777e;
}
.concept-conversation-toggle span b,
.concept-conversation-toggle span small{
  display:block;
  text-align:left;
}
.concept-conversation-toggle span b{font-size:7px}
.concept-conversation-toggle span small{font-size:6px;color:#5d656b}

/* five concept actions */
.concept-quick-row{
  position:relative;
  z-index:4;
  width:min(708px,90%);
  margin:10px auto 16px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.concept-quick-row button{
  min-height:88px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:7px;
  padding:9px;
  border:1px solid #2b3238;
  border-radius:10px;
  background:linear-gradient(180deg,#10161b,#090d10);
  color:#eceff1;
}
.concept-quick-row button:hover{
  border-color:#5a2926;
  background:#14181c;
  box-shadow:0 0 20px rgba(240,46,42,.06);
}
.concept-quick-row button>span{
  color:#e8eaeb;
  font-size:19px;
}
.concept-quick-row button>b{
  font-size:9px;
  line-height:1.3;
  text-align:center;
  font-weight:650;
}

/* TODAY'S BRIEFING */
.concept-briefing-card{
  border:1px solid #343a40;
  border-radius:14px;
  background:linear-gradient(180deg,#0d1216,#090d10);
  overflow:hidden;
}
.concept-card-title{
  display:flex;
  align-items:center;
  gap:9px;
  padding:15px 20px 12px;
  color:var(--ax-red);
}
.concept-card-title span{font-size:15px}
.concept-card-title b{
  font-size:10px;
  letter-spacing:.08em;
}
.concept-card-title:after{
  content:"";
  flex:1;
  height:1px;
  margin-left:6px;
  background:#2a3036;
}
.concept-brief-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:0 20px 12px;
}
.concept-brief-grid button{
  min-height:73px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 12px 10px 5px;
  border:0;
  background:transparent;
  text-align:left;
}
.concept-brief-grid button:hover{background:#11161a}
.brief-icon{
  width:35px;
  height:35px;
  flex:0 0 35px;
  display:grid;
  place-items:center;
  border:1px solid #7e858a;
  border-radius:50%;
  color:#e9ebed;
  font-size:15px;
}
.concept-brief-grid button div b,
.concept-brief-grid button div small{display:block}
.concept-brief-grid button div b{
  color:#f2f4f5;
  font-size:12px;
  font-weight:620;
}
.concept-brief-grid button div b em{font-style:normal}
.concept-brief-grid button div small{
  margin-top:3px;
  color:#a4abb0;
  font-size:10px;
}
.concept-brief-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  min-height:47px;
  padding:10px 16px;
  border-top:1px solid #2b3137;
  color:#bbc0c4;
  font-size:9px;
}
.concept-brief-footer b{color:#e3e5e7;font-weight:500}
.concept-brief-footer i{width:1px;height:16px;background:#343a40}

/* CORE SYSTEMS STRIP */
.concept-automation-strip{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 18px;
  border:1px solid #343a40;
  border-radius:14px;
  background:#090d10;
}
.concept-automation-title{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--ax-red);
  white-space:nowrap;
}
.concept-automation-title span{
  color:var(--ax-gold);
  font-size:25px;
}
.concept-automation-title b{
  color:var(--ax-red);
  font-size:8px;
  letter-spacing:.08em;
}
.concept-automation-items{
  flex:1;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.concept-automation-items>span{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid #252c31;
  border-radius:8px;
  background:#0d1216;
  color:#cbd0d4;
  font-size:8px;
  white-space:nowrap;
}
.concept-automation-items>span i{
  width:14px;
  height:14px;
  flex:0 0 14px;
  display:grid;
  place-items:center;
  border:1px solid #1a8f4b;
  border-radius:50%;
}
.concept-automation-items>span i:after{
  content:"✓";
  color:var(--ax-green);
  font-size:9px;
}

/* RIGHT COLUMN */
.concept-right-column{display:grid;gap:16px}
.concept-side-card{
  border:1px solid #343a40;
  border-radius:14px;
  background:linear-gradient(180deg,#0d1216,#090d10);
  padding:17px;
}
.concept-side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #2d3339;
}
.concept-side-head>b{
  color:var(--ax-red);
  font-size:10px;
  letter-spacing:.055em;
}
.concept-side-head>button,
.concept-side-head>span{
  padding:0;
  border:0;
  background:transparent;
  color:var(--ax-gold);
  font-size:8px;
}
.concept-schedule-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.concept-schedule-actions button{
  padding:0;
  border:0;
  background:transparent;
  color:var(--ax-gold);
  font-size:8px;
}
.concept-schedule-actions #addJobBtn{
  color:#f1f3f4;
}
.concept-schedule-list{display:grid}
body.archer-ops .home-job{
  position:relative;
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:67px 1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 4px 10px 13px;
  border:0;
  border-bottom:1px solid #292f35;
  border-radius:0;
  background:transparent;
  text-align:left;
}
body.archer-ops .home-job:last-child{border-bottom:0}
body.archer-ops .home-job:before{
  content:"";
  position:absolute;
  left:80px;
  top:10px;
  bottom:10px;
  width:1px;
  background:var(--ax-red);
}
body.archer-ops .home-job:hover{background:#11161a}
body.archer-ops .home-job-time{
  color:#f3f4f5;
  font-size:10px;
  font-weight:560;
}
body.archer-ops .home-job-main{
  padding-left:14px;
}
body.archer-ops .home-job-main b,
body.archer-ops .home-job-main small{display:block}
body.archer-ops .home-job-main b{
  color:#f2f4f5;
  font-size:10px;
  font-weight:620;
}
body.archer-ops .home-job-main small{
  margin-top:3px;
  color:#9fa6ab;
  font-size:8px;
}
body.archer-ops .home-job-state{
  color:#d0d4d7;
  font-size:7px;
  text-align:right;
}
body.archer-ops .home-empty{
  padding:24px 7px;
  color:#858e95;
  font-size:9px;
}

/* business 2x2 */
.concept-business-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:12px;
  border:1px solid #343a40;
  border-radius:9px;
  overflow:hidden;
}
.concept-business-grid button{
  min-height:105px;
  padding:12px 10px;
  border:0;
  border-right:1px solid #343a40;
  border-bottom:1px solid #343a40;
  background:#090d10;
  text-align:center;
}
.concept-business-grid button:nth-child(2n){border-right:0}
.concept-business-grid button:nth-child(n+3){border-bottom:0}
.concept-business-grid button:hover{background:#10151a}
.concept-business-grid button strong,
.concept-business-grid button span,
.concept-business-grid button small{display:block}
.concept-business-grid button strong{
  color:var(--ax-red);
  font-size:24px;
  line-height:1;
}
.concept-business-grid button span{
  margin-top:8px;
  color:#f0f2f3;
  font-size:9px;
}
.concept-business-grid button small{
  margin-top:5px;
  color:#8f979d;
  font-size:7px;
}
.concept-business-grid button:nth-child(2) strong{color:var(--ax-gold)}
.concept-business-grid button:nth-child(3) strong{color:#eda432}
.concept-business-grid button:nth-child(4) strong{color:var(--ax-green)}
.concept-goal-progress{margin-top:11px}
.concept-goal-progress .goal-track{
  height:4px;
  border-radius:99px;
  background:#20262c;
  overflow:hidden;
}
.concept-goal-progress .goal-track i{
  display:block;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--ax-red),var(--ax-gold));
}
.concept-goal-progress>span{
  display:block;
  margin-top:5px;
  color:#6e767d;
  font-size:7px;
  text-align:right;
}

/* Memory card */
.concept-memory-list{
  display:grid;
  gap:0;
  margin-top:6px;
}
body.archer-ops .home-memory-row{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:9px 2px;
  border:0;
  border-bottom:1px solid #252c31;
  border-radius:0;
  background:transparent;
  color:#d6dade;
  font-size:9px;
  line-height:1.35;
}
body.archer-ops .home-memory-row:last-child{border-bottom:0}
body.archer-ops .home-memory-dot{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-top:0;
  display:grid;
  place-items:center;
  border:1px solid var(--ax-red);
  border-radius:50%;
  background:transparent;
}
body.archer-ops .home-memory-dot:after{
  content:"✓";
  color:var(--ax-red);
  font-size:9px;
}

/* OTHER APP PAGES — keep function-first pages clean while using the same skin */
body.archer-ops .page-title h1{font-size:40px}
body.archer-ops .page-title p{color:#90989e}
body.archer-ops .metrics article,
body.archer-ops .panel,
body.archer-ops .notice,
body.archer-ops .feature-card,
body.archer-ops .setting-card,
body.archer-ops .customer-card,
body.archer-ops .agent-card,
body.archer-ops .diag{
  border-color:#30373d;
  background:#0d1216;
}
body.archer-ops .row-card{
  border-color:#292f35;
  background:#090d10;
}
body.archer-ops .customer-card:hover,
body.archer-ops .customer-card.selected{
  border-color:#7f2925;
  background:#121519;
}
body.archer-ops .mobile-bottom-nav{
  background:#080b0e;
  border-top:1px solid #292f35;
}
body.archer-ops .login-shell{background:#05080b}
body.archer-ops .login-card{
  border-color:#343a40;
  background:#0d1216;
}

/* stop old concept/decorative shells from showing */
body.archer-ops .concept-hero,
body.archer-ops .concept-metrics,
body.archer-ops .concept-actions,
body.archer-ops .concept-benefits,
body.archer-ops .concept-lower-grid,
body.archer-ops .ops-heading,
body.archer-ops .ops-primary-grid,
body.archer-ops .ops-metrics,
body.archer-ops .ops-secondary-grid{display:none!important}

/* wide-but-short desktop screens, like Ted's current monitor */
@media(max-height:900px) and (min-width:1000px){
  body.archer-ops .concept-brand-row{min-height:180px}
  body.archer-ops .concept-brand-lockup>img{width:115px!important;height:115px!important}
  .concept-brand-copy b{font-size:20px}
  .concept-brand-copy span{font-size:8px}
  .concept-brand-copy small{margin-top:6px;font-size:5px}
  body.archer-ops .sidebar nav button{min-height:38px;padding:7px 11px}
  body.archer-ops .topbar{height:82px}
  body.archer-ops main{padding-top:82px}
  .concept-command-card{min-height:450px}
  .concept-greeting{padding-top:21px}
  .concept-greeting h1{font-size:31px}
  .concept-orb-stage{margin-top:9px}
  body.archer-ops #talkBtn.archer-core{width:142px!important;height:142px!important}
  body.archer-ops #talkBtn.archer-core img{width:60px;height:74px}
  .concept-wave-rail{top:74px}
  .concept-orb-name{font-size:22px}
  .concept-chat-zone{margin-top:7px}
  body.archer-ops .concept-command-bar input,
  body.archer-ops .concept-command-bar .primary{height:42px}
  .concept-quick-row{margin-top:7px;margin-bottom:12px}
  .concept-quick-row button{min-height:67px}
  .concept-brief-grid button{min-height:61px}
  .concept-brief-footer{min-height:40px}
  .concept-automation-strip{min-height:60px}
  .concept-business-grid button{min-height:86px}
}

/* responsive */
@media(max-width:1180px){
  body.archer-ops .sidebar{width:225px}
  body.archer-ops .topbar{left:225px;padding-left:24px}
  body.archer-ops main{margin-left:225px}
  body.archer-ops .concept-brand-lockup>img{width:125px!important;height:125px!important}
  body.archer-ops .concept-brand-row{min-height:205px}
  body.archer-ops .company-name{display:none}
  body.archer-ops .top-divider{display:none}
  body.archer-ops .concept-voice-pill{min-width:230px}
  .concept-main-grid{grid-template-columns:1fr}
  .concept-right-column{grid-template-columns:1fr 1fr}
  .concept-memory-card{grid-column:1/-1}
}
@media(max-width:760px){
  body.archer-ops .sidebar{
    width:86vw;
    max-width:300px;
    transform:translateX(-105%);
    transition:.2s;
  }
  body.archer-ops .sidebar.open{transform:none}
  body.archer-ops .brand-row .icon-btn{display:block;margin-left:auto}
  body.archer-ops .topbar{left:0;height:64px;padding:0 12px}
  body.archer-ops .topbar .icon-btn{display:block;margin-right:8px}
  body.archer-ops .archer-name b{font-size:23px}
  body.archer-ops .archer-name span{font-size:7px;margin-top:5px}
  body.archer-ops .concept-voice-pill,
  body.archer-ops .concept-clock{display:none}
  body.archer-ops main{margin-left:0;padding:74px 10px 84px}
  .concept-main-grid,.concept-right-column{grid-template-columns:1fr}
  .concept-command-card{min-height:0}
  .concept-greeting{padding:19px 16px 0}
  .concept-greeting h1{font-size:28px}
  body.archer-ops #talkBtn.archer-core{width:142px!important;height:142px!important}
  .concept-wave-rail{width:90%}
  .concept-chat-zone{width:91%}
  .concept-quick-row{width:91%;grid-template-columns:repeat(2,1fr)}
  .concept-quick-row button:last-child{grid-column:1/-1}
  .concept-brief-grid{grid-template-columns:1fr}
  .concept-brief-footer{justify-content:flex-start}
  .concept-brief-footer i{display:none}
  .concept-automation-strip{align-items:flex-start;flex-direction:column}
  .concept-automation-items{width:100%;grid-template-columns:1fr 1fr}
}


/* Towbook-style Towing & Roadside workspace */
.dispatch-page-title{align-items:flex-end}
.dispatch-title-actions{display:flex;gap:10px;flex-wrap:wrap}
.dispatch-title-actions button{min-width:132px}
.dispatch-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.dispatch-summary button{
  min-height:84px;
  padding:13px 15px;
  border:1px solid #30373d;
  border-radius:11px;
  background:linear-gradient(180deg,#0e1419,#090d11);
  text-align:left;
}
.dispatch-summary button span,.dispatch-summary button b{display:block}
.dispatch-summary button span{color:#899299;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.dispatch-summary button b{margin-top:7px;color:#f4f5f6;font-size:27px}
.dispatch-summary button.active{border-color:#7a2a27;box-shadow:inset 0 3px 0 var(--ax-red)}
.dispatch-board{
  border:1px solid #343a40;
  border-radius:14px;
  overflow:hidden;
  background:#090d10;
}
.dispatch-toolbar{
  min-height:58px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 13px;
  border-bottom:1px solid #2d3439;
  background:#0d1216;
}
.dispatch-status-tabs{display:flex;gap:6px;flex-wrap:wrap}
.dispatch-status-tabs button{
  min-height:31px;
  padding:6px 10px;
  border:1px solid #2c3339;
  border-radius:8px;
  background:#090d10;
  color:#aeb5ba;
  font-size:8px;
}
.dispatch-status-tabs button.active{
  border-color:#962c28;
  background:rgba(240,46,42,.12);
  color:#fff;
}
.dispatch-table-head{
  display:grid;
  grid-template-columns:75px 1.3fr 1.8fr 1fr 100px 100px 126px;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid #252c31;
  color:#687179;
  font-size:7px;
  font-weight:800;
  letter-spacing:.09em;
}
.dispatch-call-list{display:grid}
.dispatch-call-card{
  display:grid;
  grid-template-columns:75px 1.3fr 1.8fr 1fr 100px 100px 126px;
  gap:12px;
  align-items:center;
  min-height:92px;
  padding:12px 14px;
  border-bottom:1px solid #252c31;
}
.dispatch-call-card:last-child{border-bottom:0}
.dispatch-call-card:hover{background:#0e1418}
.dispatch-call-id b,.dispatch-call-id span,
.dispatch-call-customer b,.dispatch-call-customer span,.dispatch-call-customer small,
.dispatch-call-route b,.dispatch-call-route span,
.dispatch-call-unit b,.dispatch-call-unit span,
.dispatch-call-money b,.dispatch-call-money span{display:block}
.dispatch-call-id b{
  color:var(--ax-red);
  font-size:10px;
  letter-spacing:.08em;
}
.dispatch-call-id span{margin-top:5px;color:#c8cdd0;font-size:9px}
.dispatch-call-customer b{font-size:11px}
.dispatch-call-customer span{margin-top:3px;color:#a0a8ae;font-size:8px}
.dispatch-call-customer small{margin-top:4px;color:var(--ax-gold);font-size:7px}
.dispatch-call-route b{
  color:#e5e8ea;
  font-size:9px;
  line-height:1.45;
  font-weight:560;
}
.dispatch-call-route span,.dispatch-call-unit span{margin-top:4px;color:#778087;font-size:7px}
.dispatch-call-unit b{font-size:9px}
.dispatch-call-money{text-align:right}
.dispatch-call-money b{font-size:11px}
.dispatch-call-money span{margin-top:4px;color:#8b949a;font-size:7px}
.dispatch-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  min-height:26px;
  padding:5px 8px;
  border:1px solid #3a4249;
  border-radius:999px;
  background:#0c1115;
  color:#d5dade;
  font-size:7px;
  font-weight:850;
  letter-spacing:.06em;
  white-space:nowrap;
}
.dispatch-status.new{border-color:#8d2a26;color:#ff6760}
.dispatch-status.assigned{border-color:#6a5322;color:#f0bc52}
.dispatch-status.en-route{border-color:#24557b;color:#68b4ed}
.dispatch-status.on-scene{border-color:#335f4d;color:#58d69a}
.dispatch-status.loaded{border-color:#6b4d20;color:#efad44}
.dispatch-status.completed{border-color:#245c3e;color:#50cc8a}
.dispatch-status.cancelled{border-color:#4b4e52;color:#8f969c}
.dispatch-call-actions{
  display:flex;
  gap:5px;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.dispatch-call-actions button{
  padding:6px 7px;
  min-height:28px;
  border:1px solid #30383e;
  border-radius:7px;
  background:#0c1115;
  font-size:7px;
}
.dispatch-call-actions button.primary{
  border-color:#8f2a26;
  background:#5c1f1d;
}
.dispatch-foot-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #2d343a;
  border-radius:10px;
  background:#0a0f13;
  color:#8e979e;
  font-size:9px;
}
.dispatch-foot-note b{color:#e0e4e6;white-space:nowrap}
.dispatch-form{display:grid;gap:15px}
.dispatch-form>section{
  padding:12px;
  border:1px solid #2d343a;
  border-radius:10px;
  background:#0a0f13;
}
.dispatch-form h3{
  margin:0 0 10px;
  color:var(--ax-red);
  font-size:9px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dispatch-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px;
  margin-bottom:14px;
}
.dispatch-detail-head h2{margin:0}
.dispatch-detail-head p{margin:5px 0 0;color:#8e979e;font-size:10px}
.dispatch-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #2d343a;
  border-radius:10px;
  overflow:hidden;
}
.dispatch-detail-grid>div{
  min-height:64px;
  padding:11px 12px;
  border-right:1px solid #2d343a;
  border-bottom:1px solid #2d343a;
  background:#090d10;
}
.dispatch-detail-grid>div:nth-child(2n){border-right:0}
.dispatch-detail-grid>div span,.dispatch-detail-grid>div b{display:block}
.dispatch-detail-grid>div span{color:#707a81;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.dispatch-detail-grid>div b{margin-top:5px;color:#eef0f2;font-size:10px;line-height:1.35}

@media(max-width:1200px){
  .dispatch-summary{grid-template-columns:repeat(3,1fr)}
  .dispatch-table-head{display:none}
  .dispatch-call-card{
    grid-template-columns:70px 1.2fr 1.5fr 1fr 95px;
  }
  .dispatch-call-money{grid-column:4}
  .dispatch-call-actions{grid-column:5}
}
@media(max-width:760px){
  .dispatch-page-title{align-items:flex-start!important}
  .dispatch-title-actions{width:100%}
  .dispatch-title-actions button{flex:1}
  .dispatch-summary{grid-template-columns:1fr 1fr}
  .dispatch-toolbar{align-items:flex-start;flex-direction:column}
  .dispatch-call-card{
    grid-template-columns:62px 1fr;
    gap:8px 10px;
    padding:12px;
  }
  .dispatch-call-route,.dispatch-call-unit,.dispatch-call-money,.dispatch-call-actions{grid-column:2}
  .dispatch-call-money{text-align:left}
  .dispatch-call-actions{justify-content:flex-start}
  .dispatch-detail-grid{grid-template-columns:1fr}
  .dispatch-detail-grid>div{border-right:0}
}
