/* Approved Archer UI — matches the owner-approved navy/cyan/orange concept */
:root{
  --approved-bg:#020b12;
  --approved-panel:#061522;
  --approved-panel-2:#081c2b;
  --approved-cyan:#00b9ff;
  --approved-cyan-soft:rgba(0,185,255,.28);
  --approved-orange:#ff6a00;
  --approved-green:#00e59c;
  --approved-text:#f7f9fb;
  --approved-muted:#a9bdd0;
  --approved-line:rgba(0,185,255,.52);
}
body.archer-ops{
  background:
    radial-gradient(circle at 70% 12%,rgba(0,185,255,.06),transparent 28%),
    linear-gradient(180deg,#020b12,#01070c)!important;
  color:var(--approved-text)!important;
}

/* SIDEBAR */
body.archer-ops .sidebar{
  width:280px!important;
  padding:14px 12px 16px!important;
  background:linear-gradient(180deg,#03111c,#020b12)!important;
  border-right:1px solid rgba(0,185,255,.28)!important;
  box-shadow:8px 0 28px rgba(0,0,0,.35)!important;
}
body.archer-ops .concept-brand-row{
  min-height:116px!important;
  padding:0!important;
  margin-bottom:12px!important;
  display:block!important;
}
body.archer-ops .concept-brand-lockup{
  height:100px!important;
  padding:12px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.archer-ops .concept-brand-lockup>img{
  width:220px!important;
  max-width:100%!important;
  height:74px!important;
  object-fit:contain!important;
  filter:none!important;
}
body.archer-ops .concept-brand-copy{display:none!important}
body.archer-ops .assistant-id{display:none!important}
body.archer-ops .sidebar nav{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
}
body.archer-ops .sidebar nav button,
body.archer-ops .sidebar nav summary{
  min-height:48px!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#f0f5f8!important;
  font-size:13px!important;
  font-weight:520!important;
  letter-spacing:0!important;
  justify-content:flex-start!important;
  gap:13px!important;
  box-shadow:none!important;
}
body.archer-ops .sidebar nav button>span{
  width:24px!important;
  color:#f0f5f8!important;
  font-size:19px!important;
  text-align:center!important;
}
body.archer-ops .sidebar nav button.active{
  background:linear-gradient(90deg,rgba(255,106,0,.28),rgba(110,43,10,.30))!important;
  border-color:rgba(255,106,0,.62)!important;
  border-left:5px solid var(--approved-orange)!important;
  color:#fff!important;
  box-shadow:inset 0 0 18px rgba(255,106,0,.06)!important;
}
body.archer-ops .sidebar nav button.active>span{color:var(--approved-orange)!important}
body.archer-ops .sidebar nav [data-command="Give me a business report"],
body.archer-ops .sidebar nav [data-view="social"],
body.archer-ops .sidebar nav .nav-more{display:none!important}
body.archer-ops .sidebar nav [data-view="command"]{order:1}
body.archer-ops .sidebar nav [data-view="today"]{order:2}
body.archer-ops .sidebar nav [data-view="dispatch"]{order:3}
body.archer-ops .sidebar nav [data-view="customers"]{order:4}
body.archer-ops .sidebar nav [data-view="jobs"]{order:5}
body.archer-ops .sidebar nav [data-view="documents"]{order:6}
body.archer-ops .sidebar nav [data-view="inventory"]{order:7}
body.archer-ops .sidebar nav [data-view="accounting"]{order:8}
body.archer-ops .sidebar nav [data-view="reports"]{order:9}
body.archer-ops .sidebar nav [data-view="settings"]{order:10}
body.archer-ops .sidebar-foot{
  margin-top:auto!important;
  padding:14px 10px 0!important;
  border-top:1px solid rgba(0,185,255,.38)!important;
}
body.archer-ops .business-card{background:transparent!important;border:0!important;padding:0!important}
body.archer-ops .business-card strong{display:none!important}
body.archer-ops .business-card .phone{
  color:#fff!important;
  font-size:22px!important;
  font-weight:800!important;
}
body.archer-ops .business-card .phone::before{
  content:"☎";
  margin-right:10px;
  color:var(--approved-orange);
  font-size:21px;
}
body.archer-ops .business-card small{
  display:block!important;
  margin-top:10px!important;
  color:#d8e3eb!important;
  font-size:7.5px!important;
  line-height:1.7!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.archer-ops .business-card small::after{
  content:"\A MANATEE COUNTY, FLORIDA\A\A —  KEEP MOBILES MOVING";
  white-space:pre;
  color:var(--approved-cyan);
}
body.archer-ops #logoutBtn{
  margin-top:8px!important;
  min-height:26px!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:#6d8798!important;
  font-size:8px!important;
}

/* TOP BAR */
body.archer-ops .topbar{
  left:280px!important;
  height:70px!important;
  padding:0 18px!important;
  background:linear-gradient(180deg,rgba(2,13,22,.97),rgba(2,10,17,.96))!important;
  border-bottom:1px solid rgba(0,185,255,.30)!important;
  box-shadow:none!important;
}
body.archer-ops .topbar .top-brand>img{display:none!important}
body.archer-ops .archer-name{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
body.archer-ops .archer-name b{
  color:#fff!important;
  font-size:20px!important;
  letter-spacing:.08em!important;
}
body.archer-ops .archer-name span{
  color:#d6e3ec!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
}
body.archer-ops .company-name{display:none!important}
body.archer-ops .top-divider{display:block!important;background:var(--approved-cyan)!important;opacity:.7!important}
body.archer-ops .concept-voice-pill{display:none!important}
body.archer-ops .concept-clock{
  color:#fff!important;
  font-size:11px!important;
}
body.archer-ops main{
  margin-left:280px!important;
  padding:82px 14px 16px!important;
  min-height:100vh!important;
}

/* Only selected tab shows */
body.archer-ops .view{display:none!important}
body.archer-ops .view.active{display:block!important}

/* COMMAND CENTER */
.approved-command-center{
  max-width:none!important;
  margin:0!important;
}
.approved-command-shell{
  min-height:calc(100vh - 98px);
  padding:8px!important;
  border:1px solid var(--approved-cyan)!important;
  border-radius:14px!important;
  background:rgba(1,10,17,.82)!important;
  box-shadow:
    0 0 0 1px rgba(0,185,255,.12),
    0 0 22px rgba(0,185,255,.22),
    inset 0 0 24px rgba(0,185,255,.025)!important;
}
.approved-hero{
  position:relative;
  min-height:480px;
  overflow:hidden;
  border:1px solid rgba(0,185,255,.72);
  border-radius:10px;
  background:#07131d;
}
.approved-hero-scene{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 64% 51%,rgba(255,198,80,.98) 0 1.5%,rgba(255,106,0,.75) 2.5%,transparent 8%),
    linear-gradient(180deg,rgba(2,8,14,.1),rgba(2,8,14,.08) 38%,rgba(1,7,11,.80) 92%),
    radial-gradient(ellipse at 64% 52%,#ffb11a 0 6%,#d94f0b 18%,transparent 35%),
    linear-gradient(180deg,#0b1c2c 0 25%,#542013 44%,#f26f12 54%,#1b1514 72%,#06101a 100%);
}

.approved-hero-scene::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:46%;
  opacity:.72;
  background:
    linear-gradient(12deg,transparent 0 26%,rgba(0,0,0,.72) 27% 29%,transparent 30%),
    radial-gradient(ellipse at 16% 75%,#010407 0 10%,transparent 11%),
    linear-gradient(175deg,transparent 0 65%,rgba(0,0,0,.75) 66%);
}
.approved-hero-scene::after{
  content:"";
  position:absolute;
  left:-2%;
  bottom:8%;
  width:42%;
  height:42%;
  opacity:.92;
  background:linear-gradient(155deg,transparent 0 23%,#020507 24% 72%,transparent 73%);
  clip-path:polygon(0 48%,16% 28%,66% 26%,86% 44%,93% 69%,76% 76%,24% 76%,5% 65%);
  filter:drop-shadow(0 8px 7px rgba(0,0,0,.7));
}
.approved-hero-title{
  position:absolute;
  z-index:3;
  left:50%;
  top:24px;
  transform:translateX(-50%);
  text-align:center;
}
.approved-hero-title h1{
  margin:0!important;
  color:#fff!important;
  font-size:48px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-shadow:0 4px 18px rgba(0,0,0,.55)!important;
}
.approved-hero-title p{
  margin:9px 0 0!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.28em!important;
  font-weight:700!important;
}
body.archer-ops #talkBtn.archer-core{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:116px!important;
  width:180px!important;
  height:208px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:visible!important;
}
.approved-shield-ring{
  position:absolute;
  left:50%;top:50%;
  width:220px;height:220px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,205,104,.72);
  border-radius:50%;
  box-shadow:0 0 30px rgba(255,122,0,.28);
}
.approved-shield{
  position:absolute;
  inset:8px 5px 0;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,144,0,.12),transparent 45%),
    linear-gradient(180deg,#1b1712,#090908);
  clip-path:polygon(50% 0,91% 14%,88% 63%,76% 82%,50% 100%,24% 82%,12% 63%,9% 14%);
  border-radius:30%;
  filter:
    drop-shadow(0 0 2px #fff0d0)
    drop-shadow(0 0 8px #ff8a00)
    drop-shadow(0 0 22px rgba(255,106,0,.95));
}
.approved-shield::before,
.approved-shield::after{
  content:"";
  position:absolute;
  inset:7px;
  clip-path:inherit;
  border:2px solid #ff8a00;
}
.approved-shield::after{inset:14px;border-color:rgba(255,180,68,.55)}
.approved-shield svg{position:relative;z-index:2;width:58px;height:58px}
body.archer-ops #talkBtn.archer-core:hover .approved-shield{
  filter:drop-shadow(0 0 3px #fff4d8) drop-shadow(0 0 12px #ff8a00) drop-shadow(0 0 30px rgba(255,106,0,.95));
}
body.archer-ops.archer-listening #talkBtn .approved-shield-ring{
  animation:approvedPulse .7s ease-in-out infinite alternate;
}
@keyframes approvedPulse{to{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 42px rgba(0,185,255,.5);border-color:var(--approved-cyan)}}
.approved-talk-copy{
  position:absolute;
  z-index:4;
  left:50%;
  top:330px;
  transform:translateX(-50%);
  text-align:center;
  white-space:nowrap;
}
.approved-talk-copy b{
  display:block;
  color:#fff;
  font-size:21px;
  letter-spacing:.035em;
}
.approved-talk-copy span{
  display:block;
  margin-top:9px;
  color:#fff;
  font-size:9px;
  letter-spacing:.25em;
}
.approved-hero-slogan{
  position:absolute;
  z-index:4;
  right:4.5%;
  top:118px;
  width:190px;
  color:#fff;
  font-family:"Segoe Script","Brush Script MT",cursive;
  font-size:41px;
  line-height:.9;
  transform:rotate(-4deg);
  text-shadow:0 4px 16px rgba(0,0,0,.5);
}
.approved-hero-slogan span{display:block}
.approved-hero-slogan i{
  display:block;
  width:178px;height:5px;
  margin-top:18px;
  background:var(--approved-orange);
  transform:rotate(-12deg);
  border-radius:100%;
}
.approved-speech-status{
  position:absolute;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  z-index:4;
  color:transparent;
  font-size:1px;
}
.approved-transcript{
  position:absolute;
  z-index:8;
  left:22%;
  right:22%;
  bottom:14px;
  max-height:70px;
  overflow:auto;
  pointer-events:none;
}
.approved-transcript .bubble{
  margin-top:5px!important;
  padding:6px 10px!important;
  border:1px solid rgba(0,185,255,.30)!important;
  border-radius:8px!important;
  background:rgba(1,9,15,.85)!important;
  color:#eaf8ff!important;
  font-size:9px!important;
}
.approved-transcript .bubble-who{color:var(--approved-cyan)!important;font-size:7px!important}
.approved-command-row{
  width:84%;
  height:60px;
  margin:-1px auto 0;
  position:relative;
  z-index:10;
  display:grid;
  grid-template-columns:48px 1fr 58px;
  align-items:center;
  border:1.5px solid var(--approved-cyan);
  border-radius:34px;
  background:linear-gradient(90deg,#061827,#082238);
  box-shadow:0 0 18px rgba(0,185,255,.17);
}
.approved-spark{
  color:var(--approved-orange);
  font-size:28px;
  text-align:center;
  text-shadow:0 0 12px rgba(255,106,0,.55);
}
body.archer-ops .approved-command-row input{
  width:100%;
  height:56px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:15px!important;
}
body.archer-ops .approved-command-row input::placeholder{color:#9eb4ca!important}
.approved-send{
  width:46px!important;height:46px!important;
  margin-right:6px!important;
  border:1px solid #37c8ff!important;
  border-radius:50%!important;
  background:#0767b5!important;
  color:#fff!important;
  box-shadow:inset 0 0 14px rgba(0,185,255,.24)!important;
}
.approved-send svg{width:23px;height:23px}
.approved-conversation-row{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  font-size:11px;
}
.approved-toggle{
  width:50px!important;height:26px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--approved-orange)!important;
  position:relative;
}
.approved-toggle i{
  position:absolute;
  right:3px;top:3px;
  width:20px;height:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 5px rgba(0,0,0,.3);
}
.approved-toggle[aria-pressed="true"]{background:var(--approved-cyan)!important}
.approved-toggle[aria-pressed="true"] i{left:3px;right:auto}
.approved-info{
  width:17px;height:17px;
  display:inline-flex;
  align-items:center;justify-content:center;
  border:1px solid #fff;
  border-radius:50%;
  font-size:10px;
}
.approved-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  padding:0 8px 8px;
}
body.archer-ops .approved-kpi{
  min-height:132px!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  align-items:center!important;
  padding:16px 14px!important;
  border:1px solid rgba(0,185,255,.58)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#061928,#07131e)!important;
  color:#fff!important;
  text-align:left!important;
  box-shadow:inset 0 0 20px rgba(0,185,255,.015)!important;
}
body.archer-ops .approved-kpi:hover{
  transform:translateY(-2px);
  border-color:#40cfff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 15px rgba(0,185,255,.10)!important;
}
.approved-kpi-icon{width:42px;height:42px}
.approved-kpi-icon svg{width:42px;height:42px}
.approved-kpi.schedule .approved-kpi-icon{color:var(--approved-orange)}
.approved-kpi.customers .approved-kpi-icon{color:#04b9ff}
.approved-kpi.quotes .approved-kpi-icon{color:#00e4a1}
.approved-kpi.revenue .approved-kpi-icon{color:#00dc91}
.approved-kpi-copy{display:block!important}
.approved-kpi-copy small{
  display:block;
  color:#fff;
  font-size:11px;
  font-weight:600;
}
.approved-kpi-copy b{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:25px;
  line-height:1;
}
.approved-kpi-copy em{
  display:block;
  margin-top:14px;
  color:#b7cff3;
  font-style:normal;
  font-size:10px;
}
.approved-hidden-runtime{display:none!important}

/* Carry approved palette into the functional tabs */
body.archer-ops .page-title .eyebrow{color:var(--approved-cyan)!important}
body.archer-ops .page-title h1{color:#fff!important}
body.archer-ops .panel,
body.archer-ops .feature-card,
body.archer-ops .setting-card,
body.archer-ops .metric,
body.archer-ops .metrics article{
  background:linear-gradient(145deg,#061724,#07121c)!important;
  border-color:rgba(0,185,255,.25)!important;
}
body.archer-ops button.primary{
  background:linear-gradient(180deg,#0877bd,#035c97)!important;
  border-color:#31c9ff!important;
}
body.archer-ops .dispatch-board,
body.archer-ops .dispatch-summary button{
  background:linear-gradient(145deg,#061724,#07121c)!important;
  border-color:rgba(0,185,255,.30)!important;
}
body.archer-ops .dispatch-summary button.active,
body.archer-ops .dispatch-status-tabs button.active{
  border-color:var(--approved-orange)!important;
  box-shadow:inset 0 3px 0 var(--approved-orange)!important;
}
body.archer-ops .dispatch-call-card:hover{box-shadow:inset 3px 0 0 var(--approved-cyan)!important}

/* Responsiveness */
@media(max-height:900px) and (min-width:1000px){
  body.archer-ops .sidebar{width:250px!important}
  body.archer-ops .topbar{left:250px!important;height:62px!important}
  body.archer-ops main{margin-left:250px!important;padding-top:72px!important}
  body.archer-ops .concept-brand-row{min-height:96px!important}
  body.archer-ops .concept-brand-lockup{height:84px!important}
  body.archer-ops .concept-brand-lockup>img{height:60px!important}
  body.archer-ops .sidebar nav button{min-height:38px!important;font-size:11px!important}
  .approved-hero{min-height:365px}
  .approved-hero-title{top:18px}
  .approved-hero-title h1{font-size:39px!important}
  body.archer-ops #talkBtn.archer-core{top:86px!important;width:145px!important;height:168px!important}
  .approved-shield-ring{width:178px;height:178px}
  .approved-talk-copy{top:260px}
  .approved-talk-copy b{font-size:18px}
  .approved-hero-slogan{top:90px;font-size:32px;width:145px}
  .approved-hero-slogan i{width:140px}
  .approved-command-row{height:50px}
  body.archer-ops .approved-command-row input{height:46px}
  .approved-conversation-row{height:42px}
  body.archer-ops .approved-kpi{min-height:100px!important}
  .approved-kpi-copy b{font-size:21px}
}
@media(max-width:1180px){
  body.archer-ops .sidebar{width:230px!important}
  body.archer-ops .topbar{left:230px!important}
  body.archer-ops main{margin-left:230px!important}
  .approved-kpi-grid{grid-template-columns:1fr 1fr}
  .approved-hero-slogan{right:2%;font-size:31px;width:145px}
}
@media(max-width:760px){
  body.archer-ops .sidebar{width:86vw!important;max-width:300px!important}
  body.archer-ops .topbar{left:0!important;height:64px!important}
  body.archer-ops main{margin-left:0!important;padding:74px 8px 80px!important}
  .approved-command-shell{padding:5px!important}
  .approved-hero{min-height:390px}
  .approved-hero-title h1{font-size:34px!important}
  .approved-hero-title p{font-size:9px!important}
  body.archer-ops #talkBtn.archer-core{top:96px!important;width:145px!important;height:168px!important}
  .approved-shield-ring{width:180px;height:180px}
  .approved-talk-copy{top:276px}
  .approved-talk-copy b{font-size:17px}
  .approved-talk-copy span{font-size:7px}
  .approved-hero-slogan{display:none}
  .approved-command-row{width:94%;height:52px}
  .approved-kpi-grid{grid-template-columns:1fr}
}