/* Casa Studios Control Center — additive layer for Casa de Veux Team Portal */
.cs-section-mark{margin:.95rem .78rem .42rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.08);font:600 .48rem/1 var(--fm);letter-spacing:.18em;text-transform:uppercase;color:#d2b27a}
.cs-section-mark:first-child{border-top:0}
.cs-nav-accent{position:relative}.cs-nav-accent:after{content:'STUDIOS';margin-left:auto;font:600 .38rem/1 var(--fm);letter-spacing:.12em;color:#d2b27a;opacity:.75}
.cs-switcher{position:relative}.cs-switcher-btn{display:flex;align-items:center;gap:.5rem;border:1px solid var(--rule);background:transparent;color:var(--ink);padding:.62rem .76rem;font:600 .47rem/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.cs-switcher-btn:before{content:'CS';display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:#d2b27a;color:#12110f;font-size:.42rem}.cs-switcher-menu{display:none;position:absolute;right:0;top:calc(100% + .5rem);width:270px;background:#12110f;border:1px solid #373229;box-shadow:0 22px 60px rgba(0,0,0,.45);z-index:300;padding:.45rem}.cs-switcher.open .cs-switcher-menu{display:block}.cs-switcher-menu button,.cs-switcher-menu a{display:block;width:100%;box-sizing:border-box;text-align:left;border:0;background:transparent;color:#eee7da;text-decoration:none;padding:.78rem .8rem;cursor:pointer}.cs-switcher-menu button:hover,.cs-switcher-menu a:hover{background:#1c1915}.cs-switcher-menu strong{display:block;font:500 .72rem/1.2 var(--fd)}.cs-switcher-menu span{display:block;margin-top:.18rem;color:#8f887e;font:500 .4rem/1.3 var(--fm);letter-spacing:.06em;text-transform:uppercase}
.cs-hero{border:1px solid var(--rule);background:linear-gradient(130deg,rgba(205,170,112,.12),transparent 48%),#11100e;padding:2rem;margin-bottom:1rem;display:grid;grid-template-columns:1.7fr .8fr;gap:1.5rem;min-height:210px}.cs-hero-k{font:600 .48rem/1 var(--fm);letter-spacing:.18em;text-transform:uppercase;color:#d2b27a}.cs-hero h2{font:400 clamp(2.1rem,4vw,4.4rem)/.88 var(--fd);margin:.65rem 0;color:#f1eadf;max-width:820px}.cs-hero p{color:#9f978b;max-width:720px;line-height:1.65}.cs-hero-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.cs-hero-side{align-self:end;border-left:1px solid #332f28;padding-left:1.2rem}.cs-hero-side strong{display:block;font:400 2.4rem/1 var(--fd);color:#d2b27a}.cs-hero-side span{display:block;margin-top:.3rem;color:#878074;font:500 .43rem/1.4 var(--fm);letter-spacing:.08em;text-transform:uppercase}
.cs-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-bottom:1rem}.cs-kpi{border:1px solid var(--rule);padding:1rem 1.05rem;background:rgba(255,255,255,.012)}.cs-kpi span{display:block;color:var(--sub);font:600 .43rem/1 var(--fm);letter-spacing:.12em;text-transform:uppercase}.cs-kpi strong{display:block;margin-top:.45rem;font:400 1.9rem/1 var(--fd);color:var(--ink)}.cs-kpi small{display:block;margin-top:.3rem;color:#726c63;font:500 .39rem/1.3 var(--fm)}
.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cs-card{border:1px solid var(--rule);background:rgba(255,255,255,.012);padding:1.1rem}.cs-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem}.cs-card-k{font:600 .42rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:#8d8579}.cs-card h3{font:400 1.35rem/1 var(--fd);margin:.28rem 0 0}.cs-card p{color:#8e877c;line-height:1.5;font-size:.78rem}.cs-list{display:grid;gap:.45rem}.cs-record{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(120px,.8fr) minmax(120px,.7fr) auto;gap:.8rem;align-items:center;border-top:1px solid var(--rule);padding:.78rem 0}.cs-record:first-child{border-top:0}.cs-record-name{font:500 1rem/1.15 var(--fd)}.cs-record-sub{margin-top:.16rem;color:#817a70;font:500 .41rem/1.4 var(--fm);letter-spacing:.04em}.cs-record-meta span{display:block;color:#726c63;font:600 .38rem/1 var(--fm);text-transform:uppercase;letter-spacing:.1em}.cs-record-meta strong{display:block;margin-top:.22rem;font:500 .62rem/1.2 var(--fm);color:#c9c1b5}.cs-status{display:inline-flex;align-items:center;gap:.3rem;font:600 .4rem/1 var(--fm);letter-spacing:.08em;text-transform:uppercase}.cs-status:before{content:'';width:.42rem;height:.42rem;border-radius:50%;background:#8b8276}.cs-status.live:before,.cs-status.active:before,.cs-status.resolved:before{background:#86a283}.cs-status.setup:before,.cs-status.qa:before,.cs-status.in_progress:before{background:#c7a362}.cs-status.paused:before,.cs-status.past_due:before,.cs-status.urgent:before{background:#b66c5a}
.cs-form{border:1px solid var(--rule);padding:1.25rem;background:rgba(255,255,255,.01)}.cs-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.cs-field{display:flex;flex-direction:column;gap:.38rem}.cs-field.full{grid-column:1/-1}.cs-field label{font:600 .42rem/1 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:#8d8579}.cs-field input,.cs-field select,.cs-field textarea{width:100%;box-sizing:border-box;background:#0c0c0b;border:1px solid #343028;color:#eee6db;padding:.72rem .76rem;font:500 .72rem/1.3 var(--fb);outline:0}.cs-field textarea{min-height:90px;resize:vertical}.cs-field input:focus,.cs-field select:focus,.cs-field textarea:focus{border-color:#a88b5b}.cs-form-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.cs-empty{border:1px dashed #343028;padding:2rem;text-align:center;color:#7d766d}.cs-empty strong{display:block;color:#c9c0b4;font:400 1.25rem var(--fd);margin-bottom:.3rem}.cs-empty span{font:500 .43rem var(--fm);letter-spacing:.05em}
.cs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cs-detail-block{border:1px solid var(--rule);padding:1rem}.cs-detail-block h4{font:500 1rem var(--fd);margin:0 0 .65rem}.cs-mini{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-top:1px solid var(--rule);font-size:.72rem}.cs-mini:first-of-type{border-top:0}.cs-mini span{color:#7e776d}.cs-mini strong{font-weight:500;text-align:right}
.cs-security-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:1rem}.cs-security-step{background:#11100e;padding:1rem;min-height:120px}.cs-security-step b{display:block;font:600 .42rem var(--fm);color:#d2b27a;letter-spacing:.1em}.cs-security-step strong{display:block;margin:.55rem 0;font:500 1rem var(--fd)}.cs-security-step span{font-size:.66rem;line-height:1.45;color:#817a70}
.cs-chip{display:inline-flex;border:1px solid #3b352d;padding:.35rem .5rem;font:600 .38rem var(--fm);letter-spacing:.08em;text-transform:uppercase;color:#b9b0a4}.cs-chip.gold{border-color:#725f42;color:#d2b27a}.cs-money{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.cs-kpis{grid-template-columns:repeat(2,1fr)}.cs-security-flow{grid-template-columns:1fr 1fr}.cs-security-step:last-child{grid-column:1/-1}.cs-hero{grid-template-columns:1fr}.cs-hero-side{border-left:0;border-top:1px solid #332f28;padding:1rem 0 0}}
@media(max-width:720px){.cs-grid,.cs-form-grid,.cs-detail-grid{grid-template-columns:1fr}.cs-kpis{grid-template-columns:1fr 1fr}.cs-record{grid-template-columns:1fr;gap:.35rem}.cs-security-flow{grid-template-columns:1fr}.cs-security-step:last-child{grid-column:auto}.cs-hero{padding:1.2rem}.cs-switcher{display:none}}
@media(min-width:761px){.dashboard-links{grid-template-columns:repeat(4,1fr)!important}}


/* Casa Studios demo library */
.cs-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.cs-demo-card{min-height:220px;text-align:left;border:1px solid var(--rule);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:1.25rem;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.cs-demo-card:hover{transform:translateY(-2px);border-color:rgba(201,164,99,.48);background:rgba(201,164,99,.055)}
.cs-demo-card span{font-family:var(--fm);font-size:.48rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.cs-demo-card strong{font-family:var(--fd);font-weight:500;font-size:1.45rem;margin:.85rem 0 .55rem;color:var(--ink)}
.cs-demo-card p{font-size:.72rem;line-height:1.6;color:var(--muted);margin:0 0 1.2rem}
.cs-demo-card em{margin-top:auto;font-style:normal;font-family:var(--fm);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.cs-demo-note{margin-top:.8rem}.cs-demo-note h3{margin:.45rem 0}.cs-demo-hero{margin-bottom:.2rem}
@media(max-width:980px){.cs-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cs-demo-grid{grid-template-columns:1fr}.cs-demo-card{min-height:180px}}

#studios-command-body .cs-card{max-width:980px}.cs-record-name{font-size:.95rem}
