/* Sueño OS client command centre visual refresh
   Keeps the editorial black + gold brand language while using gold as an accent,
   not a full-surface background. */

.command-centre-overlay{
  background:rgba(17,17,17,.58);
  backdrop-filter:blur(3px);
}

.client-command-centre{
  background:#f4f1ea;
  border:1px solid rgba(20,20,20,.7);
  box-shadow:0 26px 90px rgba(0,0,0,.34);
}

.command-hero{
  padding:26px 32px 22px;
  background:#151515;
  border-bottom:4px solid #C9A227;
}

.command-hero .eyebrow{
  color:#C9A227;
}

.command-hero h2{
  font-size:clamp(2.7rem,4.5vw,5.3rem);
  margin:9px 0 11px;
  max-width:980px;
}

.command-hero>div>p:last-child{
  color:#c4c0b9;
  font-size:13px;
}

.command-hero-meta{
  gap:11px;
}

.command-hero-meta>span{
  border-color:#5e5a55;
  background:#232323;
  color:#f7f4ed;
  padding:7px 10px;
}

.command-hero-meta>strong{
  font-size:1.85rem;
}

.command-hero-meta>strong small{
  color:#aaa49d;
}

.command-tabs{
  border-bottom:1px solid #cbc5ba;
  background:#faf8f3;
  box-shadow:0 4px 16px rgba(30,25,20,.05);
}

.command-tabs button{
  position:relative;
  background:#faf8f3;
  color:#393532;
  border-right:1px solid #ded8ce;
  padding:16px 18px 15px;
  transition:background .16s ease,color .16s ease;
}

.command-tabs button:hover{
  background:#efebe2;
  color:#111;
}

.command-tabs button b{
  background:#e7e2d8;
  color:#5d5751;
}

.command-tabs button.active{
  background:#fff;
  color:#111;
}

.command-tabs button.active::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:0;
  height:4px;
  background:#C9A227;
}

.command-tabs button.active b{
  background:#C9A227;
  color:#111;
}

.command-scroll{
  padding:30px 32px 38px;
  background:#f4f1ea;
}

.command-section-head{
  padding:21px 22px;
  margin-bottom:16px;
  background:#fff;
  border:1px solid #d7d1c6;
  box-shadow:0 8px 24px rgba(32,27,22,.055);
}

.command-section-head .eyebrow,
.command-block-head .eyebrow{
  color:#8b6d0e;
}

.command-section-head h3,
.command-block-head h3{
  color:#171515;
}

.command-section-head p{
  color:#716b64;
  line-height:1.45;
}

.command-section-head .scope-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.command-section-head .button{
  min-height:40px;
  box-shadow:none;
}

.command-section-head .button.acid{
  background:#C9A227;
  color:#111;
  border:1px solid #a88516;
}

.command-section-head .button.ghost-dark{
  background:#fff;
  color:#25211f;
  border:1px solid #bdb6aa;
}

.command-section-head .button.ghost-dark:hover{
  background:#efebe3;
}

.command-metrics{
  gap:10px;
}

.command-metrics article{
  border:1px solid #d4cec3;
  box-shadow:0 7px 20px rgba(30,25,20,.045);
}

.command-metrics article:first-child{
  border-top:4px solid #C9A227;
}

.command-block{
  border:1px solid #d4cec3;
  box-shadow:0 9px 26px rgba(30,25,20,.05);
}

.command-row,
.command-person,
.command-conversation{
  border-color:#ddd7cd;
  box-shadow:0 2px 8px rgba(30,25,20,.025);
}

.command-row:hover,
.command-person:hover,
.command-conversation:hover{
  background:#fbf8f0;
  border-color:#c8b36d;
}

.command-status{
  border-color:#c4bdb1;
  background:#f7f4ee;
  color:#4f4a45;
}

.command-file-row.is-new{
  border-left:4px solid #C9A227;
  background:#fffdf7;
}

.client-upload-link-box{
  margin:0 0 14px;
  padding:17px 18px;
  border:1px solid #d7d1c6;
  border-left:4px solid #C9A227;
  background:#fff;
  box-shadow:0 5px 16px rgba(30,25,20,.035);
}

.client-upload-link-box strong{
  display:block;
  color:#282421;
  font-size:10px;
  letter-spacing:.09em;
}

.client-upload-link-box p{
  margin:5px 0 0;
  color:#746e67;
  font-size:11px;
}

.command-empty{
  border-color:#c9c2b7;
  background:#fbf9f4;
  color:#6e6862;
}

.command-footer{
  background:#fbf9f4;
  color:#524c46;
  border-top:1px solid #cbc5ba;
  padding:12px 22px;
}

.command-footer button{
  background:#171515;
  color:#fff;
  border:1px solid #171515;
}

.command-footer span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#4f5f4e;
  background:#edf2e9;
  border:1px solid #cbd8c5;
  padding:7px 9px;
}

.command-footer span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#607d53;
}

@media(max-width:900px){
  .command-hero{padding:20px 18px 18px}
  .command-scroll{padding:16px 14px 26px}
  .command-section-head{padding:17px 16px}
  .command-section-head .scope-head-actions{justify-content:flex-start;width:100%}
  .command-section-head .scope-head-actions .button{flex:1 1 auto}
  .command-footer{padding:10px 14px}
}