*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#08090a;--page:#0c0d0f;--surface:#111318;--surface2:#171a20;--surface3:#1d2028;
  --rule:rgba(255,255,255,0.055);--rule2:rgba(255,255,255,0.11);--rule3:rgba(255,255,255,0.18);
  --text:#edeae4;--sub:#9a9590;--dim:#42403c;--ghost:#232320;
  --gold:#c9a96e;--gold-l:#e2c99a;--gold-d:rgba(201,169,110,0.09);--gold-mid:rgba(201,169,110,0.22);
  --jade:#7ab5a0;--jade-d:rgba(122,181,160,0.08);--jade-b:rgba(122,181,160,0.22);
  --rose:#c97a7a;--rose-d:rgba(201,122,122,0.08);--rose-b:rgba(201,122,122,0.22);
  --sky:#7a9bc9;--sky-d:rgba(122,155,201,0.08);--sky-b:rgba(122,155,201,0.22);
  --amber:#c9a06e;--amber-d:rgba(201,160,110,0.1);--amber-b:rgba(201,160,110,0.25);
  --fd:"Cormorant Garamond",serif;
  --fb:"Montserrat",sans-serif;
  --fm:"Geist Mono",monospace;
}
html,body{min-height:100vh;background:var(--page);color:var(--text);font-family:var(--fb);font-size:15.5px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--fb)}
img{max-width:100%}

/* ── VIEWS ── */
.view{display:none;min-height:100vh;flex-direction:column;align-items:center;justify-content:center}
.view.active{display:flex}
#vPortal{display:none;flex-direction:row;min-height:100vh;width:100%;align-items:stretch}
#vPortal.active{display:flex}

/* ── LOGIN ── */
#vLogin{background:var(--ink)}
#vLogin::before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(201,169,110,.04) 0%,transparent 65%),radial-gradient(ellipse 40% 60% at 88% 90%,rgba(122,181,160,.03) 0%,transparent 60%);pointer-events:none;z-index:0}
.auth-wrap{position:relative;z-index:1;width:440px;padding:2.5rem}
.auth-logo{text-align:center;margin-bottom:2.5rem}
.auth-logo img{height:52px;filter:invert(1);opacity:.75}
.auth-logo .fallback{font-family:var(--fd);font-size:1.8rem;font-weight:300;letter-spacing:.14em;color:var(--text);display:none}
.auth-eyebrow{font-family:var(--fm);font-size:.5rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);text-align:center;display:block;margin-bottom:.5rem}
.auth-rule{width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:.7rem auto 1.6rem;opacity:.5}
.auth-title{font-family:var(--fd);font-size:1.25rem;font-weight:300;font-style:italic;color:var(--sub);text-align:center;margin-bottom:2rem;line-height:1.4}
.auth-err{background:rgba(201,122,122,.08);border:1px solid rgba(201,122,122,.25);color:var(--rose);font-family:var(--fm);font-size:.58rem;letter-spacing:.08em;padding:.65rem .875rem;margin-bottom:1rem;display:none}
.auth-info{background:var(--gold-d);border:1px solid var(--gold-mid);color:var(--gold-l);font-family:var(--fm);font-size:.55rem;letter-spacing:.1em;padding:.65rem .875rem;margin-bottom:1rem}
.fl{margin-bottom:.875rem}
.fl label{display:block;font-family:var(--fm);font-size:.48rem;letter-spacing:.26em;text-transform:uppercase;color:var(--sub);margin-bottom:.42rem}
.fl input,.fl select{width:100%;background:var(--surface);border:1px solid var(--rule);color:var(--text);font-size:.8rem;font-weight:300;padding:.72rem .875rem;outline:none;border-radius:0;-webkit-appearance:none;transition:border-color .2s}
.fl input:focus,.fl select:focus{border-color:var(--gold)}
.fl select option{background:var(--surface)}
.btn-primary{width:100%;background:transparent;border:1px solid var(--gold);color:var(--gold-l);font-family:var(--fm);font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;padding:.9rem;cursor:pointer;transition:all .2s;margin-top:.5rem}
.btn-primary:hover{background:var(--gold-d);letter-spacing:.36em}
.auth-foot{text-align:center;font-family:var(--fm);font-size:.48rem;letter-spacing:.18em;color:var(--dim);margin-top:1.25rem}
.auth-foot a{color:var(--sub);text-decoration:none;transition:color .15s}
.auth-foot a:hover{color:var(--gold-l)}

/* ── LAYOUT ── */
.sidebar{width:240px;background:var(--ink);border-right:1px solid var(--rule);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;flex-shrink:0}
.sb-brand{padding:1.6rem 1.4rem 1.25rem;border-bottom:1px solid var(--rule);display:flex;align-items:flex-start;gap:.75rem}
.sb-brand-logo{flex-shrink:0}
.sb-brand-logo img{height:32px;filter:invert(1);opacity:.7}
.sb-brand-logo .sb-mark{font-family:var(--fd);font-size:1rem;font-weight:300;letter-spacing:.1em;color:var(--text);display:none}
.sb-brand-text .wm{font-family:var(--fd);font-size:1rem;font-weight:300;letter-spacing:.1em;display:block;line-height:1.1}
.sb-brand-text .tg{font-family:var(--fm);font-size:.42rem;letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-top:.3rem;display:block;opacity:.7}
.sb-user{margin:.875rem 1.4rem;padding:.75rem .875rem;background:var(--surface);border:1px solid var(--rule)}
.sb-user-role{font-family:var(--fm);font-size:.42rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem;opacity:.8}
.sb-user-name{font-size:.76rem;font-weight:500;color:var(--text);letter-spacing:.02em}
.sb-sync{display:flex;align-items:center;gap:.4rem;margin:.5rem 1.4rem 0;font-family:var(--fm);font-size:.42rem;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.sync-dot{width:5px;height:5px;border-radius:50%;background:var(--jade);animation:pulse 2.5s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
.sb-nav{flex:1;padding:.625rem 0}
.sb-section{font-family:var(--fm);font-size:.4rem;letter-spacing:.38em;text-transform:uppercase;color:var(--dim);padding:.75rem 1.4rem .25rem}
.ni{display:flex;align-items:center;gap:.55rem;padding:.52rem 1.4rem;cursor:pointer;font-size:.72rem;font-weight:300;color:var(--sub);border-left:2px solid transparent;transition:all .15s;user-select:none;position:relative}
.ni:hover{color:var(--text);background:rgba(255,255,255,.02)}
.ni.on{color:var(--gold-l);border-left-color:var(--gold);background:var(--gold-d)}
.ni-dot{width:3px;height:3px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.5}
.ni .badge{font-family:var(--fm);font-size:.4rem;padding:.1rem .35rem;background:rgba(201,122,122,.15);border:1px solid rgba(201,122,122,.28);color:var(--rose);margin-left:auto;min-width:16px;text-align:center}
.sb-foot{padding:.875rem 1.4rem;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:.4rem}
.sb-btn{background:transparent;border:1px solid var(--rule);color:var(--sub);font-family:var(--fm);font-size:.46rem;letter-spacing:.18em;text-transform:uppercase;padding:.5rem;cursor:pointer;transition:all .2s;width:100%;text-align:center}
.sb-btn:hover{border-color:var(--rule2);color:var(--text)}
.sb-btn.accent{border-color:var(--gold-mid);color:var(--gold)}
.sb-btn.accent:hover{background:var(--gold-d)}

/* ── MAIN ── */
.main{flex:1;min-width:0;background:var(--page);overflow-x:hidden;display:flex;flex-direction:column}
.main-hdr{padding:1.6rem 2rem 1.3rem;border-bottom:1px solid var(--rule);display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-shrink:0}
.main-hdr-l{}
.page-title{font-family:var(--fd);font-size:2.1rem;font-weight:300;letter-spacing:.04em;line-height:1;color:var(--text)}
.page-sub{font-family:var(--fm);font-size:.46rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sub);margin-top:.35rem}
.main-hdr-r{font-family:var(--fm);font-size:.46rem;letter-spacing:.12em;color:var(--dim);text-align:right;line-height:2;flex-shrink:0}
.content{flex:1;padding:1.75rem 2rem;overflow-y:auto}
.panel{display:none}.panel.on{display:block}

/* ── STATS GRID ── */
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}
.kpi{background:var(--surface);border:1px solid var(--rule);padding:1.1rem 1.25rem;position:relative;overflow:hidden;transition:border-color .2s,background .2s}
.kpi:hover{border-color:var(--rule2);background:var(--surface2)}
.kpi::after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--gold);opacity:.45}
.kpi-label{font-family:var(--fm);font-size:.44rem;letter-spacing:.26em;text-transform:uppercase;color:var(--sub);margin-bottom:.5rem}
.kpi-value{font-family:var(--fd);font-size:2rem;font-weight:300;color:var(--text);line-height:1;letter-spacing:.02em}
.kpi-sub{font-family:var(--fm);font-size:.46rem;color:var(--gold);margin-top:.3rem;opacity:.8}

/* ── SECTION HEADERS ── */
.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--rule);gap:.75rem;flex-wrap:wrap}
.sec-title{font-family:var(--fd);font-size:1.15rem;font-weight:300;font-style:italic;letter-spacing:.04em}
.sec-tag{font-family:var(--fm);font-size:.44rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sub)}

/* ── PILLS ── */
.pill{font-family:var(--fm);font-size:.42rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;white-space:nowrap;display:inline-block}
.pill.active,.pill.in-production{border-color:var(--gold-mid);color:var(--gold-l);background:var(--gold-d)}
.pill.review{border-color:var(--sky-b);color:var(--sky);background:var(--sky-d)}
.pill.done,.pill.completed{border-color:var(--jade-b);color:var(--jade);background:var(--jade-d)}
.pill.hold{border-color:var(--rule);color:var(--sub)}
.pill.new{border-color:var(--rose-b);color:var(--rose);background:var(--rose-d)}
.pill.pending{border-color:var(--amber-b);color:var(--amber);background:var(--amber-d)}
.pill.invoiced{border-color:var(--gold-mid);color:var(--gold-l);background:var(--gold-d)}
.pill.partial,.pill.partially_paid{border-color:var(--sky-b);color:var(--sky);background:var(--sky-d)}
.pill.overdue{border-color:var(--rose-b);color:var(--rose);background:var(--rose-d)}
.pill.void{border-color:var(--rule);color:var(--dim);background:rgba(255,255,255,.02)}
.pill.approved{border-color:var(--jade-b);color:var(--jade);background:var(--jade-d)}
.pill.paid{border-color:var(--jade-b);color:var(--jade);background:var(--jade-d)}
.pill.upcoming{border-color:var(--amber-b);color:var(--amber);background:var(--amber-d)}
.pill.prospect{border-color:var(--rule);color:var(--sub)}
.pill.past{border-color:var(--rule);color:var(--dim)}
.pill.walkthrough_pending{border-color:var(--amber-b);color:var(--amber);background:var(--amber-d)}
.pill.walkthrough_scheduled{border-color:var(--sky-b);color:var(--sky);background:var(--sky-d)}
.pill.walkthrough_completed{border-color:var(--jade-b);color:var(--jade);background:var(--jade-d)}
.pill.proposal_sent{border-color:var(--gold-mid);color:var(--gold-l);background:var(--gold-d)}
.pill.negotiation{border-color:var(--amber-b);color:var(--amber);background:var(--amber-d)}
.pill.won,.pill.portal_build,.pill.live{border-color:var(--jade-b);color:var(--jade);background:var(--jade-d)}
.pill.lost{border-color:var(--rose-b);color:var(--rose);background:var(--rose-d)}

/* ── TABLES ── */
.tbl-wrap{overflow-x:auto;margin-bottom:1.5rem}
.tbl{width:100%;border-collapse:collapse}
.tbl th{font-family:var(--fm);font-size:.42rem;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);text-align:left;padding:.5rem .875rem;border-bottom:1px solid var(--rule);font-weight:400}
.tbl td{font-size:.74rem;font-weight:300;color:var(--sub);padding:.78rem .875rem;border-bottom:1px solid rgba(255,255,255,.025);vertical-align:middle}
.tbl tr:hover td{background:rgba(255,255,255,.015);color:var(--text)}
.tbl .tn{font-family:var(--fd);font-size:.9rem;font-weight:400;color:var(--text)}
.tbl .mono{font-family:var(--fm);font-size:.6rem}
.tbl .danger-cell{text-align:right;padding-right:1.25rem}

/* ── ROWS ── */
.row-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--rule);margin-bottom:.45rem;transition:border-color .15s,background .15s}
.row-card:hover{border-color:var(--rule2);background:var(--surface2)}
.rc-name{font-family:var(--fd);font-size:.95rem;font-weight:400;color:var(--text);line-height:1.2}
.rc-sub{font-family:var(--fm);font-size:.48rem;letter-spacing:.1em;color:var(--sub);margin-top:.2rem;line-height:1.6}
.rc-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}
.rc-primary{display:flex;align-items:center;gap:.4rem}
.rc-danger{margin-left:1.5rem;padding-left:1.5rem;border-left:1px solid var(--rule)}

/* ── PROJECT CARDS ── */
.proj-card{background:var(--surface);border:1px solid var(--rule);padding:1.25rem 1.5rem;margin-bottom:.875rem;transition:all .2s;position:relative}
.proj-card:hover{border-color:var(--rule2);background:var(--surface2)}
.proj-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.proj-card.status-active::before{background:var(--gold);opacity:.6}
.proj-card.status-review::before{background:var(--sky);opacity:.5}
.proj-card.status-done::before{background:var(--jade);opacity:.4}
.proj-card.status-hold::before{background:var(--dim);opacity:.5}
.pc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;gap:.875rem}
.pc-name{font-family:var(--fd);font-size:1.1rem;font-weight:400;color:var(--text);line-height:1.2}
.pc-type{font-family:var(--fm);font-size:.44rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sub);margin-top:.2rem}
.pc-desc{font-size:.72rem;font-weight:300;color:var(--sub);line-height:1.7;margin-bottom:.875rem}
.pc-meta{display:flex;gap:1.5rem;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:.72rem}
.meta-i .ml{font-family:var(--fm);font-size:.4rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:.15rem}
.meta-i .mv{font-family:var(--fm);font-size:.56rem;color:var(--sub)}
.prog-wrap{margin:.5rem 0 .25rem}
.prog-track{background:var(--rule);height:1.5px;width:100%}
.prog-fill{height:1.5px;background:linear-gradient(90deg,var(--gold),var(--gold-l));transition:width .4s ease}
.prog-label{font-family:var(--fm);font-size:.42rem;color:var(--dim);letter-spacing:.1em;margin-top:.2rem}
.pc-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--rule)}

/* ── TEAM GRID ── */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.75rem}
.tc{background:var(--surface);border:1px solid var(--rule);padding:1.25rem;transition:all .2s;position:relative;overflow:hidden}
.sortable-card{cursor:grab}
.sortable-card.dragging{opacity:.35;border-color:var(--gold)}
.drag-handle{font-family:var(--fm);font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);text-align:center;padding:.3rem 0 .5rem;cursor:grab;user-select:none}
.drag-handle:hover{color:var(--gold-l)}
.tc:hover{border-color:var(--rule2);background:var(--surface2)}
.tc::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.3}
.tc-av{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:1rem;color:var(--gold-l);background:var(--gold-d);border:1px solid var(--gold-mid);margin-bottom:.875rem;flex-shrink:0;letter-spacing:.05em}
.tc-name{font-size:.82rem;font-weight:500;color:var(--text);letter-spacing:.02em}
.tc-role{font-family:var(--fm);font-size:.42rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:.15rem;opacity:.8}
.tc-email{font-family:var(--fm);font-size:.5rem;color:var(--sub);margin-top:.4rem}
.tc-market{font-family:var(--fm);font-size:.44rem;color:var(--dim);margin-top:.18rem;letter-spacing:.1em}
.tc-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.875rem;padding-top:.75rem;border-top:1px solid var(--rule)}

/* ── MESSAGES ── */
.msg-item{display:flex;gap:.875rem;align-items:flex-start;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--rule);margin-bottom:.45rem;cursor:pointer;transition:all .15s}
.msg-item:hover{border-color:var(--rule2);background:var(--surface2)}
.msg-item.unread{border-left:2px solid var(--gold)}
.msg-av{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:.75rem;color:var(--gold-l);background:var(--gold-d);border:1px solid var(--gold-mid);flex-shrink:0;letter-spacing:.05em}
.msg-body{flex:1;min-width:0}
.msg-from{font-size:.76rem;font-weight:500;color:var(--text)}
.msg-subj{font-size:.7rem;font-weight:300;color:var(--sub);margin-top:.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-date{font-family:var(--fm);font-size:.44rem;color:var(--dim);flex-shrink:0}

/* ── NOTES ── */
.note-item{background:var(--surface);border:1px solid var(--rule);border-left:2px solid var(--gold);padding:1rem 1.25rem;margin-bottom:.5rem}
.note-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.32rem}
.note-who{font-family:var(--fm);font-size:.46rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.85}
.note-when{font-family:var(--fm);font-size:.44rem;color:var(--dim)}
.note-text{font-size:.74rem;font-weight:300;color:var(--sub);line-height:1.65}
.note-foot{display:flex;justify-content:flex-end;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--rule)}

/* ── TIMELINE ── */
.tl-row{display:grid;grid-template-columns:72px 1px 1fr;gap:0 1rem}
.tl-date{font-family:var(--fm);font-size:.48rem;color:var(--sub);text-align:right;padding-top:.22rem;padding-bottom:1.25rem;line-height:1.4}
.tl-spine{display:flex;flex-direction:column;align-items:center}
.tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:.2rem}
.tl-dot.done{background:var(--dim)}
.tl-dot.now{background:var(--gold-l);box-shadow:0 0 0 3px var(--gold-d),0 0 12px rgba(201,169,110,.3)}
.tl-dot.upcoming{background:var(--surface3);border:1px solid var(--gold-mid)}
.tl-line{width:1px;flex:1;background:var(--rule);margin-top:4px}
.tl-row:last-child .tl-line{display:none}
.tl-content{padding-bottom:1.25rem}
.tl-event{font-size:.78rem;font-weight:400;color:var(--text);line-height:1.4}
.tl-event.now{color:var(--gold-l)}
.tl-detail{font-family:var(--fm);font-size:.5rem;color:var(--dim);margin-top:.12rem;line-height:1.6}

/* ── ASSET ROWS ── */
.asset-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--rule);margin-bottom:.45rem;transition:all .15s}
.asset-row:hover{border-color:var(--rule2)}
.ar-name{font-size:.78rem;font-weight:400;color:var(--text)}
.ar-meta{font-family:var(--fm);font-size:.48rem;color:var(--sub);margin-top:.15rem;line-height:1.6}
.ar-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}

/* ── FORM SYSTEM ── */
.form-card{background:var(--surface);border:1px solid var(--rule);padding:1.5rem;margin-bottom:1.75rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}
.form-full{grid-column:1/-1}
.fg{display:flex;flex-direction:column;gap:.36rem}
.fg label{font-family:var(--fm);font-size:.44rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sub)}
.fg input,.fg select,.fg textarea{background:var(--ink);border:1px solid var(--rule);color:var(--text);font-size:.76rem;font-weight:300;padding:.62rem .875rem;outline:none;border-radius:0;-webkit-appearance:none;transition:border-color .2s;resize:vertical}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold)}
.fg select option{background:var(--ink)}
.upload-zone{border:1.5px dashed var(--rule2);padding:1.75rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;background:var(--ink);margin-bottom:.75rem}
.upload-zone:hover,.upload-zone.drag{border-color:var(--gold);background:var(--gold-d)}
.upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.uz-icon{font-family:var(--fd);font-size:1.6rem;color:var(--dim);margin-bottom:.5rem;display:block}
.uz-text{font-family:var(--fm);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sub);display:block}
.uz-sub{font-family:var(--fm);font-size:.44rem;color:var(--dim);margin-top:.25rem;display:block}
.file-preview-row{background:var(--ink);border:1px solid var(--rule);padding:.55rem .875rem;display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}
.fp-name{font-family:var(--fm);font-size:.58rem;color:var(--text)}
.fp-size{font-family:var(--fm);font-size:.5rem;color:var(--dim)}
.danger-zone{margin-top:2rem;padding-top:1.25rem;border-top:1px dashed rgba(201,122,122,.2)}
.dz-label{font-family:var(--fm);font-size:.42rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(201,122,122,.38);margin-bottom:.625rem}

/* ── BUTTONS ── */
.btn-act{background:transparent;border:1px solid var(--gold);color:var(--gold-l);font-family:var(--fm);font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;padding:.7rem 1.5rem;cursor:pointer;transition:all .2s}
.btn-act:hover{background:var(--gold-d);letter-spacing:.32em}
.btn-ghost{background:transparent;border:1px solid var(--rule);color:var(--sub);font-family:var(--fm);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;padding:.6rem 1.1rem;cursor:pointer;transition:all .2s}
.btn-ghost:hover{border-color:var(--rule2);color:var(--text)}
.btn-sm{background:transparent;border:1px solid var(--rule);color:var(--sub);font-family:var(--fm);font-size:.46rem;letter-spacing:.16em;text-transform:uppercase;padding:.42rem .75rem;cursor:pointer;transition:all .2s}
.btn-sm:hover{border-color:var(--rule2);color:var(--text)}
.btn-del{background:transparent;border:1px solid rgba(201,122,122,.15);color:rgba(201,122,122,.5);font-family:var(--fm);font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;padding:.36rem .68rem;cursor:pointer;transition:all .25s}
.btn-del:hover{border-color:var(--rose-b);color:var(--rose);background:var(--rose-d)}
.btn-restore{background:transparent;border:1px solid var(--jade-b);color:var(--jade);font-family:var(--fm);font-size:.46rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .875rem;cursor:pointer;transition:all .2s}
.btn-restore:hover{background:var(--jade-d)}
.btn-row{display:flex;gap:.75rem;align-items:center;margin-top:1rem;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.875rem}
.chip{font-family:var(--fm);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border:1px solid var(--rule);color:var(--sub);cursor:pointer;transition:all .15s;user-select:none}
.chip:hover,.chip.on{border-color:var(--gold-mid);color:var(--gold-l);background:var(--gold-d)}

/* ── SEARCH ── */
.search-bar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}
.search-input{background:var(--surface);border:1px solid var(--rule);color:var(--text);font-family:var(--fb);font-size:.74rem;font-weight:300;padding:.6rem 1rem;outline:none;flex:1;min-width:160px;transition:border-color .2s}
.search-input:focus{border-color:var(--gold)}
.filter-sel{background:var(--surface);border:1px solid var(--rule);color:var(--sub);font-family:var(--fm);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase;padding:.6rem .875rem;outline:none;cursor:pointer;-webkit-appearance:none}
.filter-sel:focus{border-color:var(--gold)}

/* ── CASA STUDIOS SALES ── */
.cs-sales-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}
.cs-sales-kpi{background:var(--surface);border:1px solid var(--rule);padding:1rem 1.1rem;min-height:92px}
.cs-sales-kpi span{display:block;font-family:var(--fm);font-size:.42rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sub);margin-bottom:.45rem}
.cs-sales-kpi strong{display:block;font-family:var(--fd);font-size:1.7rem;font-weight:300;color:var(--text)}
.cs-sales-kpi small{font-family:var(--fm);font-size:.43rem;color:var(--dim);letter-spacing:.05em}
.cs-form-library{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.5rem}
.cs-form-card{background:var(--surface);border:1px solid var(--rule);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cs-form-card .meta{min-width:0}.cs-form-card strong{display:block;font-size:.78rem;font-weight:400;color:var(--text);margin-bottom:.18rem}.cs-form-card span{display:block;font-family:var(--fm);font-size:.43rem;color:var(--dim);line-height:1.55}
.cs-lead-card{background:var(--surface);border:1px solid var(--rule);padding:1rem 1.05rem;margin-bottom:.55rem;display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(160px,.8fr) minmax(160px,.8fr) auto;gap:1rem;align-items:center;transition:border-color .2s,background .2s}
.cs-lead-card:hover{border-color:var(--rule2);background:var(--surface2)}
.cs-lead-name{font-family:var(--fd);font-size:1.08rem;font-weight:300;color:var(--text);line-height:1.2}.cs-lead-contact{font-family:var(--fm);font-size:.46rem;color:var(--sub);margin-top:.25rem;line-height:1.65}.cs-lead-plan{font-size:.7rem;color:var(--text);line-height:1.45}.cs-lead-plan span{display:block;font-family:var(--fm);font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:.2rem}.cs-lead-meta{font-family:var(--fm);font-size:.46rem;color:var(--sub);line-height:1.7}.cs-lead-actions{display:flex;gap:.4rem;justify-content:flex-end;flex-wrap:wrap}
.cs-detail-head{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start;padding-bottom:1rem;margin-bottom:1.2rem;border-bottom:1px solid var(--rule)}
.cs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1rem}.cs-detail-item{background:var(--ink);border:1px solid var(--rule);padding:.72rem .8rem;min-height:62px}.cs-detail-item.full{grid-column:1/-1}.cs-detail-item span{display:block;font-family:var(--fm);font-size:.4rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:.3rem}.cs-detail-item strong,.cs-detail-item div{font-size:.7rem;font-weight:300;color:var(--text);line-height:1.65;white-space:pre-wrap;word-break:break-word}
.cs-pipeline-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.cs-pipeline-row .fg textarea{min-height:88px}
.cs-pdf-note{font-family:var(--fm);font-size:.43rem;color:var(--dim);line-height:1.65;margin-top:.45rem}
@media(max-width:1100px){.cs-sales-kpis{grid-template-columns:1fr 1fr}.cs-form-library{grid-template-columns:1fr 1fr}.cs-lead-card{grid-template-columns:1fr 1fr}.cs-lead-actions{justify-content:flex-start}}
@media(max-width:700px){.cs-sales-kpis,.cs-form-library,.cs-detail-grid,.cs-pipeline-row{grid-template-columns:1fr}.cs-lead-card{grid-template-columns:1fr}.cs-detail-item.full{grid-column:auto}}

/* ── EMPTY ── */
.empty-state{text-align:center;padding:3rem 2rem;background:var(--surface);border:1px dashed var(--rule);margin-bottom:1.75rem}
.empty-icon{font-family:var(--fd);font-size:2.5rem;color:var(--ghost);margin-bottom:.75rem;display:block}
.empty-title{font-family:var(--fd);font-size:1.1rem;font-weight:300;font-style:italic;color:var(--sub);margin-bottom:.4rem}
.empty-sub{font-family:var(--fm);font-size:.5rem;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}

/* ── NDA BANNER ── */
.nda-bar{background:var(--gold-d);border:1px solid var(--gold-mid);padding:.7rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}
.nda-bar span{font-family:var(--fm);font-size:.48rem;letter-spacing:.1em;color:var(--gold-l);text-transform:uppercase;opacity:.85}

/* ── TRASH ── */
.trash-bar{background:var(--rose-d);border:1px solid var(--rose-b);padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.tb-text{font-family:var(--fm);font-size:.48rem;letter-spacing:.1em;color:var(--rose);text-transform:uppercase;opacity:.85}

/* ── MODAL ── */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:100;display:none;align-items:center;justify-content:center;padding:2rem}
.modal-bg.on{display:flex}
.modal-box{background:var(--surface);border:1px solid var(--rule2);padding:1.75rem;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;position:relative}
.modal-box.wide{max-width:980px}

/* SITE PREVIEW */
.preview-shell{border:1px solid var(--rule);background:var(--ink)}
.preview-pages{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem;border-bottom:1px solid var(--rule)}
.preview-page-btn{font-family:var(--fm);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .75rem;border:1px solid var(--rule);color:var(--sub);background:transparent;cursor:pointer;transition:all .15s}
.preview-page-btn:hover{border-color:var(--rule2);color:var(--text)}
.preview-page-btn.on{border-color:var(--gold);color:var(--gold-l);background:var(--gold-d)}
.preview-frame-wrap{width:100%;height:520px;overflow:hidden}
.preview-frame-wrap iframe{width:100%;height:100%;border:0;background:#0a0a0a}

/* IMAGE EDITOR */
.editor-layout{display:grid;grid-template-columns:1fr 260px;gap:1.5rem;align-items:start}
@media(max-width:800px){.editor-layout{grid-template-columns:1fr}}
.editor-stage{background:var(--ink);border:1px solid var(--rule);min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:.75rem}
.editor-stage canvas{max-width:100%;max-height:420px;cursor:crosshair}
.editor-empty{font-family:var(--fm);font-size:.56rem;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;text-align:center;padding:2rem}
.editor-tools{display:flex;flex-direction:column;gap:1.1rem}
.editor-group-label{font-family:var(--fm);font-size:.42rem;letter-spacing:.28em;text-transform:uppercase;color:var(--sub);margin-bottom:.5rem;display:block}
.editor-slider{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}
.editor-slider label{display:flex;justify-content:space-between;font-family:var(--fm);font-size:.46rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sub)}
.editor-slider input[type=range]{width:100%;accent-color:var(--gold)}
.preset-row{display:flex;flex-wrap:wrap;gap:.4rem}
.preset-chip{font-family:var(--fm);font-size:.44rem;letter-spacing:.08em;text-transform:uppercase;padding:.36rem .6rem;border:1px solid var(--rule);color:var(--sub);cursor:pointer;transition:all .15s;background:transparent}
.preset-chip:hover{border-color:var(--rule2);color:var(--text)}
.preset-chip.on{border-color:var(--gold);color:var(--gold-l);background:var(--gold-d)}
.editor-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--rule)}
.editor-upload-row{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}
.editor-upload-row input[type=text]{flex:1;min-width:160px}
.upload-zone:hover,.upload-zone.drag{border-color:var(--gold);background:var(--gold-d)}
.upload-zone.video-zone{padding:1.1rem}
.upload-zone.uploading{border-color:var(--gold);cursor:default;pointer-events:none}
.upload-zone-progress{font-family:var(--fm);font-size:.5rem;letter-spacing:.1em;color:var(--gold-l);text-transform:uppercase}
.upload-zone-label{font-family:var(--fm);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin-bottom:.3rem}
.upload-zone-hint{font-family:var(--fm);font-size:.44rem;letter-spacing:.08em;color:var(--sub);text-transform:uppercase}
.editor-url-row{display:flex;gap:.5rem;margin-bottom:.5rem}
.editor-url-row input[type=text]{flex:1}
.modal-title{font-family:var(--fd);font-size:1.5rem;font-weight:300;letter-spacing:.04em;margin-bottom:.35rem}
.modal-sub{font-family:var(--fm);font-size:.46rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sub);margin-bottom:1.25rem}
.modal-close{position:absolute;top:1.1rem;right:1.1rem;background:transparent;border:1px solid var(--rule);color:var(--sub);font-family:var(--fm);font-size:.46rem;letter-spacing:.1em;padding:.28rem .58rem;cursor:pointer;transition:all .2s}
.modal-close:hover{border-color:var(--rule2);color:var(--text)}

/* ── CONFIRM ── */
.confirm-bg{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:200;display:none;align-items:center;justify-content:center;padding:2rem}
.confirm-bg.on{display:flex}
.confirm-box{background:var(--surface);border:1px solid var(--rose-b);padding:2.25rem;max-width:380px;width:100%;text-align:center}
.confirm-title{font-family:var(--fd);font-size:1.4rem;font-weight:300;letter-spacing:.04em;color:var(--text);margin-bottom:.5rem}
.confirm-msg{font-family:var(--fm);font-size:.5rem;letter-spacing:.08em;color:var(--sub);margin-bottom:1.75rem;line-height:1.9;text-transform:uppercase}
.confirm-btns{display:flex;gap:.875rem;justify-content:center}
.confirm-cancel{background:transparent;border:1px solid var(--rule2);color:var(--text);font-family:var(--fm);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;padding:.72rem 1.75rem;cursor:pointer;flex:1;transition:all .2s}
.confirm-cancel:hover{background:rgba(255,255,255,.03)}
.confirm-ok{background:var(--rose-d);border:1px solid var(--rose-b);color:var(--rose);font-family:var(--fm);font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;padding:.72rem 1.75rem;cursor:pointer;flex:1;transition:all .2s}
.confirm-ok:hover{background:rgba(201,122,122,.16)}

/* ── CREDENTIALS ── */
.cred-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--rule);margin-bottom:.45rem;transition:all .15s}
.cred-row:hover{border-color:var(--rule2);background:var(--surface2)}
.cred-pass{font-family:var(--fm);font-size:.6rem;letter-spacing:.08em;color:var(--gold-l)}
.cred-status-set{color:var(--jade);font-family:var(--fm);font-size:.44rem;letter-spacing:.1em}
.cred-status-temp{color:var(--amber);font-family:var(--fm);font-size:.44rem;letter-spacing:.1em}

/* ── TOAST ── */
#toast{position:fixed;bottom:2rem;right:2rem;background:var(--surface2);border:1px solid var(--gold-mid);color:var(--gold-l);font-family:var(--fm);font-size:.54rem;letter-spacing:.1em;padding:.72rem 1.1rem;opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none;z-index:999;max-width:300px;border-left:3px solid var(--gold)}
#toast.on{opacity:1;transform:translateY(0)}
#toast.jade{border-color:var(--jade-b);border-left-color:var(--jade);color:var(--jade)}

@media(max-width:960px){.kpi-row{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.kpi-row{grid-template-columns:1fr}.sidebar{width:200px}.form-grid{grid-template-columns:1fr}}

/* ═════════════════════════ CASA OS v7 ═════════════════════════ */
.os-hdr-tools{display:flex;align-items:center;gap:.5rem}.os-search{width:min(32vw,390px);background:var(--surface);border:1px solid var(--rule);color:var(--text);padding:.64rem .8rem;font-family:var(--fm);font-size:.5rem;outline:none}.os-search:focus{border-color:var(--gold)}
.os-icon-btn{border:1px solid var(--rule);background:var(--surface);color:var(--sub);padding:.62rem .76rem;font-family:var(--fm);font-size:.48rem;letter-spacing:.06em;white-space:nowrap}.os-icon-btn:hover{border-color:var(--gold);color:var(--gold-l)}
.os-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1.2rem}.os-kpi{border:1px solid var(--rule);background:var(--surface);padding:1rem}.os-kpi-label{font-family:var(--fm);font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.os-kpi-value{font-family:var(--fd);font-size:1.7rem;font-weight:300;color:var(--text);margin:.25rem 0}.os-kpi-sub{font-family:var(--fm);font-size:.44rem;color:var(--sub)}
.os-toolbar{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.os-toolbar .filter-sel,.os-toolbar .search-input{min-width:150px}.os-spacer{flex:1}
.os-pipeline{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:.6rem;overflow-x:auto;padding-bottom:.6rem}.os-stage{border:1px solid var(--rule);background:var(--surface);min-height:330px;padding:.7rem}.os-stage-hd{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding:.2rem .1rem .6rem;margin-bottom:.6rem}.os-stage-name{font-family:var(--fm);font-size:.44rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}.os-stage-count{font-family:var(--fm);font-size:.42rem;color:var(--gold-l)}.os-opp{border:1px solid var(--rule);background:var(--ink);padding:.7rem;margin-bottom:.5rem}.os-opp-company{font-size:.75rem;color:var(--text);margin-bottom:.18rem}.os-opp-service{font-family:var(--fm);font-size:.4rem;color:var(--dim);line-height:1.5}.os-opp-value{font-family:var(--fd);font-size:1rem;color:var(--gold-l);margin:.45rem 0 .2rem}.os-opp-next{font-family:var(--fm);font-size:.4rem;color:var(--sub);line-height:1.55}
.os-task-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:.65rem;overflow-x:auto}.os-task-col{background:var(--surface);border:1px solid var(--rule);min-height:360px;padding:.75rem}.os-task-col-hd{font-family:var(--fm);font-size:.44rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);display:flex;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:.65rem;margin-bottom:.65rem}.os-task{border:1px solid var(--rule);background:var(--ink);padding:.75rem;margin-bottom:.5rem}.os-task-title{font-size:.72rem;color:var(--text);line-height:1.45}.os-task-meta{font-family:var(--fm);font-size:.4rem;color:var(--dim);line-height:1.6;margin-top:.45rem}.os-task-priority{display:inline-block;font-family:var(--fm);font-size:.36rem;letter-spacing:.1em;text-transform:uppercase;padding:.15rem .32rem;border:1px solid var(--rule);margin-top:.45rem}.os-task-priority.high{color:var(--rose);border-color:rgba(207,105,93,.35)}.os-task-priority.medium{color:var(--gold-l)}.os-task-priority.low{color:var(--sub)}
.os-cal{border:1px solid var(--rule);background:var(--surface);overflow:hidden}.os-cal-head{display:grid;grid-template-columns:repeat(7,1fr);background:var(--ink);border-bottom:1px solid var(--rule)}.os-cal-head div{font-family:var(--fm);font-size:.4rem;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;padding:.6rem;border-right:1px solid var(--rule)}.os-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.os-day{min-height:130px;padding:.55rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.os-day.muted{opacity:.35}.os-day-num{font-family:var(--fd);font-size:1.05rem;color:var(--sub);margin-bottom:.35rem}.os-event{font-family:var(--fm);font-size:.36rem;line-height:1.35;padding:.28rem .35rem;margin:.22rem 0;border-left:2px solid var(--gold);background:rgba(196,158,91,.06);color:var(--sub)}.os-event.task{border-left-color:var(--sky)}
.os-360-head{display:grid;grid-template-columns:1.4fr .8fr;gap:1rem;margin-bottom:1rem}.os-360-hero,.os-360-health{border:1px solid var(--rule);background:var(--surface);padding:1.15rem}.os-360-title{font-family:var(--fd);font-size:2rem;font-weight:300;color:var(--text)}.os-360-sub{font-family:var(--fm);font-size:.46rem;color:var(--sub);margin-top:.35rem;line-height:1.6}.os-360-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:1rem}.os-360-metric{background:var(--ink);padding:.7rem}.os-360-metric span{display:block;font-family:var(--fm);font-size:.38rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.os-360-metric strong{display:block;font-size:.72rem;color:var(--text);margin-top:.25rem;font-weight:400}.os-tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);overflow-x:auto;margin-bottom:1rem}.os-tab{font-family:var(--fm);font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:.7rem .9rem;border-bottom:2px solid transparent;white-space:nowrap}.os-tab.on{color:var(--gold-l);border-bottom-color:var(--gold)}.os-tab-panel{display:none}.os-tab-panel.on{display:block}.os-two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.os-card{border:1px solid var(--rule);background:var(--surface);padding:1rem}.os-card-title{font-family:var(--fm);font-size:.43rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:.75rem}.os-money-row,.os-mini-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--rule);font-size:.65rem;color:var(--sub)}.os-money-row strong,.os-mini-row strong{color:var(--text);font-weight:400}.os-health{font-family:var(--fd);font-size:2.2rem;color:var(--jade);font-weight:300}.os-health.warn{color:var(--gold-l)}.os-health.risk{color:var(--rose)}
.os-review-grid{display:grid;grid-template-columns:1fr .8fr;gap:.8rem}.os-version{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--rule);font-size:.65rem;color:var(--sub)}.os-comment{border-left:2px solid var(--gold);padding:.65rem .75rem;background:var(--ink);margin:.5rem 0}.os-comment-by{font-family:var(--fm);font-size:.38rem;color:var(--gold-l);letter-spacing:.08em;text-transform:uppercase}.os-comment-text{font-size:.65rem;color:var(--sub);line-height:1.5;margin-top:.25rem}.os-comment-pin{font-family:var(--fm);font-size:.36rem;color:var(--dim);margin-top:.3rem}
.os-capacity{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem}.os-cap-card{border:1px solid var(--rule);background:var(--surface);padding:.9rem}.os-cap-name{font-size:.7rem;color:var(--text)}.os-cap-role{font-family:var(--fm);font-size:.38rem;color:var(--dim);margin-top:.2rem}.os-cap-bar{height:5px;background:var(--ink);margin:.75rem 0 .4rem;overflow:hidden}.os-cap-fill{height:100%;background:var(--gold)}.os-cap-meta{font-family:var(--fm);font-size:.4rem;color:var(--sub);display:flex;justify-content:space-between}
.os-intel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.os-intel-card{border:1px solid var(--rule);background:var(--surface);padding:1rem}.os-intel-title{font-family:var(--fd);font-size:1.1rem;color:var(--text);font-weight:300}.os-intel-body{font-size:.62rem;color:var(--sub);line-height:1.65;margin-top:.45rem}.os-prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.7rem}.os-prompt{border:1px solid var(--rule);background:var(--ink);padding:.7rem;color:var(--sub);font-size:.58rem;text-align:left}.os-prompt:hover{border-color:var(--gold);color:var(--text)}
.os-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.os-asset{border:1px solid var(--rule);background:var(--surface);padding:1rem}.os-asset-type{font-family:var(--fm);font-size:.38rem;color:var(--gold-l);text-transform:uppercase;letter-spacing:.1em}.os-asset-name{font-family:var(--fd);font-size:1rem;font-weight:300;color:var(--text);margin:.35rem 0}.os-asset-meta{font-family:var(--fm);font-size:.4rem;color:var(--dim)}
.os-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:220;display:none;align-items:flex-start;justify-content:center;padding-top:11vh}.os-overlay.on{display:flex}.os-command{width:min(720px,92vw);background:var(--ink);border:1px solid var(--rule2);box-shadow:0 30px 80px rgba(0,0,0,.45)}.os-command input{width:100%;border:0;border-bottom:1px solid var(--rule);background:var(--surface);color:var(--text);padding:1rem;font-size:.85rem;outline:none}.os-command-results{max-height:60vh;overflow:auto;padding:.5rem}.os-result{display:grid;grid-template-columns:80px 1fr auto;gap:.7rem;align-items:center;padding:.7rem;border-bottom:1px solid var(--rule);cursor:pointer}.os-result:hover{background:var(--surface)}.os-result-type{font-family:var(--fm);font-size:.36rem;color:var(--gold-l);text-transform:uppercase;letter-spacing:.1em}.os-result-name{font-size:.65rem;color:var(--text)}.os-result-sub{font-family:var(--fm);font-size:.38rem;color:var(--dim);margin-top:.18rem}.os-result-go{font-family:var(--fm);font-size:.38rem;color:var(--sub)}
.os-notify{width:min(520px,92vw);background:var(--ink);border:1px solid var(--rule2);padding:.75rem}.os-note{border-bottom:1px solid var(--rule);padding:.8rem}.os-note.unread{background:rgba(196,158,91,.05)}.os-note-title{font-size:.68rem;color:var(--text)}.os-note-detail{font-family:var(--fm);font-size:.4rem;color:var(--sub);line-height:1.55;margin-top:.25rem}
@media(max-width:1100px){.os-kpis{grid-template-columns:1fr 1fr}.os-360-head,.os-review-grid{grid-template-columns:1fr}.os-capacity{grid-template-columns:repeat(2,1fr)}.os-intel-grid,.os-asset-grid{grid-template-columns:1fr 1fr}.os-360-grid{grid-template-columns:1fr 1fr}.os-search{width:220px}}
@media(max-width:720px){.os-hdr-tools{display:none}.os-kpis,.os-two,.os-intel-grid,.os-asset-grid,.os-prompt-grid{grid-template-columns:1fr}.os-capacity{grid-template-columns:1fr}.os-cal{overflow-x:auto}.os-cal-head,.os-cal-grid{min-width:760px}.os-360-grid{grid-template-columns:1fr}.os-360-title{font-size:1.55rem}}



/* ═══════════════════════════════════════════════════════════
   CASA DE VEUX — CREATIVE OPERATIONS PORTAL / V8 REDESIGN
   High-fashion creative + marketing agency operating system.
   Functional layer remains connected to the existing Casa OS data model.
═══════════════════════════════════════════════════════════ */
:root{
  --ink:#070707;--page:#0a0a0a;--surface:#10100f;--surface2:#151513;--surface3:#1b1a17;
  --rule:rgba(237,229,214,.08);--rule2:rgba(237,229,214,.16);--rule3:rgba(237,229,214,.26);
  --text:#f2eee7;--sub:#aaa39a;--dim:#625d56;--ghost:#27231f;
  --gold:#c8a96b;--gold-l:#e3cfaa;--gold-d:rgba(200,169,107,.08);--gold-mid:rgba(200,169,107,.24);
  --jade:#8eb5a2;--jade-d:rgba(142,181,162,.08);--jade-b:rgba(142,181,162,.28);
  --rose:#c9857e;--rose-d:rgba(201,133,126,.08);--rose-b:rgba(201,133,126,.26);
  --sky:#8ba0bb;--sky-d:rgba(139,160,187,.08);--sky-b:rgba(139,160,187,.24);
  --amber:#c9a66f;--amber-d:rgba(201,166,111,.09);--amber-b:rgba(201,166,111,.28);
}
html,body{background:#090909;color:var(--text)}
body{letter-spacing:.002em}
#vPortal{background:#090909}

/* editorial shell */
.sidebar{width:268px;background:linear-gradient(180deg,#070707 0%,#090908 66%,#080808 100%);border-right:1px solid rgba(226,207,170,.12);overflow-y:auto}
.sb-brand{min-height:112px;padding:1.75rem 1.65rem 1.4rem;border-bottom:1px solid rgba(226,207,170,.12);display:block;position:relative}
.sb-brand::after{content:"";position:absolute;left:1.65rem;right:1.65rem;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.42}
.sb-brand-logo{display:none}
.sb-brand-text .wm{font-family:var(--fd);font-size:1.54rem;line-height:1;letter-spacing:.20em;text-transform:uppercase;color:var(--gold-l);white-space:nowrap}
.sb-brand-text .tg{font-family:var(--fm);font-size:.43rem;letter-spacing:.38em;color:#8e806a;text-transform:uppercase;margin-top:.68rem;opacity:1}
.sb-user{display:none}
.sb-sync{margin:.95rem 1.65rem .4rem;padding:0;font-size:.4rem;letter-spacing:.22em;color:#69635b}
.sync-dot{background:var(--jade);box-shadow:0 0 0 4px rgba(142,181,162,.05)}
.sb-nav{padding:.25rem 0 1rem}
.sb-section{font-size:.38rem;letter-spacing:.42em;color:#5f5951;padding:1.05rem 1.65rem .42rem}
.ni{min-height:41px;gap:.78rem;padding:.66rem 1.65rem;border-left:0;font-size:.69rem;color:#aaa39a;transition:background .18s,color .18s,padding .18s}
.ni::before{content:attr(data-index);width:22px;flex:0 0 22px;font-family:var(--fm);font-size:.38rem;letter-spacing:.08em;color:#62594c;transition:color .18s}
.ni .ni-dot{display:none}
.ni:hover{color:#eee8dd;background:linear-gradient(90deg,rgba(200,169,107,.055),transparent);padding-left:1.8rem}
.ni.on{color:var(--gold-l);background:linear-gradient(90deg,rgba(200,169,107,.13),rgba(200,169,107,.025) 68%,transparent);box-shadow:inset 2px 0 0 var(--gold)}
.ni.on::before{color:var(--gold)}
.ni .badge{margin-left:auto;background:transparent;border:1px solid rgba(201,133,126,.38);border-radius:999px;color:#d9938c;font-size:.38rem;padding:.12rem .32rem}
.sb-foot{padding:1.15rem 1.65rem 1.45rem;border-top:1px solid rgba(226,207,170,.1);gap:.55rem;position:relative}
.sb-foot::before{content:"CASA DE VEUX\A NEW YORK · PARIS";white-space:pre;display:block;font-family:var(--fd);font-size:.72rem;letter-spacing:.22em;line-height:1.65;color:#968469;margin-bottom:.8rem}
.sb-profile-mini{display:flex;align-items:center;gap:.65rem;padding:.72rem .75rem;border:1px solid var(--rule);background:rgba(255,255,255,.014);margin-bottom:.2rem}
.sb-profile-monogram{width:31px;height:31px;border:1px solid var(--gold-mid);display:grid;place-items:center;border-radius:50%;font-family:var(--fd);font-size:.78rem;color:var(--gold-l)}
.sb-profile-copy{min-width:0;flex:1}.sb-profile-name{font-size:.65rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-profile-role{font-family:var(--fm);font-size:.35rem;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-top:.15rem}
.sb-btn{font-size:.42rem;letter-spacing:.22em;padding:.62rem;border-color:rgba(226,207,170,.12)}
.sb-btn.accent{background:var(--gold-l);border-color:var(--gold-l);color:#0a0908;font-weight:600}
.sb-btn.accent:hover{background:#f0dfbf;color:#090807}

.main{background:radial-gradient(circle at 88% 8%,rgba(200,169,107,.035),transparent 25%),#0a0a0a}
.main-hdr{min-height:112px;padding:1.55rem 2.45rem;border-bottom:1px solid rgba(226,207,170,.1);align-items:center;position:sticky;top:0;background:rgba(10,10,10,.94);backdrop-filter:blur(18px);z-index:40}
.page-title{font-size:1.95rem;letter-spacing:.02em}
.page-sub{font-size:.39rem;letter-spacing:.31em;color:#716a62}
.main-hdr-r{min-width:390px;text-align:right;line-height:normal}
.os-hdr-tools{display:flex;align-items:center;justify-content:flex-end;gap:.48rem}
.os-search{width:230px!important;height:38px!important;border-color:rgba(226,207,170,.12)!important;background:#0d0d0c!important;font-size:.58rem!important;color:var(--text)!important;border-radius:999px!important;padding:0 1rem!important}
.os-icon-btn{height:38px!important;border:1px solid rgba(226,207,170,.14)!important;background:#0d0d0c!important;color:#b7afa5!important;border-radius:999px!important;padding:0 .85rem!important;font-size:.42rem!important;letter-spacing:.12em!important}
.os-icon-btn:hover{border-color:var(--gold-mid)!important;color:var(--gold-l)!important}
.hdr-user{display:flex;align-items:center;gap:.6rem;margin-left:.15rem;padding-left:.65rem;border-left:1px solid var(--rule)}
.hdr-user-monogram{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold-mid);display:grid;place-items:center;font-family:var(--fd);color:var(--gold-l);font-size:.78rem;background:var(--gold-d)}
.hdr-user-copy{text-align:left;line-height:1.2}.hdr-user-name{font-size:.55rem;color:var(--text);white-space:nowrap}.hdr-user-role{font-family:var(--fm);font-size:.31rem;text-transform:uppercase;letter-spacing:.11em;color:#716a62;margin-top:.18rem}
.content{padding:2.2rem 2.45rem 3rem}

/* global editorial components */
.sec-hd{margin-bottom:1.2rem;padding-bottom:.85rem;border-bottom:1px solid rgba(226,207,170,.1)}
.sec-title{font-size:1.3rem;font-style:normal;letter-spacing:.025em}
.sec-tag{font-size:.38rem;letter-spacing:.25em;color:#716a62}
.nda-bar{background:transparent!important;border:1px solid rgba(226,207,170,.11)!important;border-left:2px solid var(--gold)!important;color:#8e8478!important;padding:.62rem .85rem!important;margin-bottom:1.15rem!important}
.kpi-row,.os-kpis{gap:.7rem}
.kpi,.os-kpi,.os-card,.form-card,.row-card,.proj-card,.cs-lead-card{background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,.006));border-color:rgba(226,207,170,.105);box-shadow:0 18px 60px rgba(0,0,0,.08)}
.kpi::after{width:1px;opacity:.7}
.kpi-label,.os-kpi-label{font-size:.38rem;letter-spacing:.28em;color:#7b746b}
.kpi-value,.os-kpi-value{font-size:2.15rem}
.kpi-sub,.os-kpi-sub{font-size:.4rem}
.btn-act{background:var(--gold-l)!important;color:#0b0a08!important;border:1px solid var(--gold-l)!important;font-size:.43rem!important;letter-spacing:.20em!important;padding:.72rem 1rem!important;text-transform:uppercase!important}
.btn-act:hover{background:#f0dfbf!important;border-color:#f0dfbf!important}
.btn-sm,.btn-del{font-size:.4rem;letter-spacing:.14em;text-transform:uppercase;border-radius:0!important}
.search-input,.filter-sel,.fg input,.fg select,.fg textarea{background:#0c0c0b!important;border-color:rgba(226,207,170,.12)!important;color:var(--text)!important}
.filter-sel{min-height:38px}
.tbl-wrap{border:1px solid rgba(226,207,170,.09);background:rgba(255,255,255,.008)}
.tbl th{background:#0d0d0c;color:#686159;border-color:rgba(226,207,170,.08);padding:.72rem .85rem;font-size:.36rem}
.tbl td{border-color:rgba(226,207,170,.065);padding:.92rem .85rem}
.tbl tr:hover td{background:rgba(200,169,107,.025)}
.pill{border-radius:999px;padding:.24rem .56rem;font-size:.36rem;letter-spacing:.14em}

/* studio dashboard */
.studio-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);margin-bottom:1.35rem;min-height:210px}
.studio-hero-main{padding:1.7rem 1.6rem 1.7rem 0;display:flex;flex-direction:column;justify-content:center}
.studio-eyebrow{font-family:var(--fm);font-size:.39rem;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;margin-bottom:.85rem}
.studio-hero-title{font-family:var(--fd);font-size:3.35rem;font-weight:300;line-height:.9;letter-spacing:-.015em;max-width:760px}
.studio-hero-copy{max-width:710px;color:#9c958b;font-size:.72rem;line-height:1.8;margin-top:1rem;font-weight:300}
.studio-hero-actions{display:flex;gap:.6rem;margin-top:1.1rem}
.studio-hero-side{border-left:1px solid var(--rule2);padding:1.45rem 0 1.45rem 1.55rem;display:flex;flex-direction:column;justify-content:space-between}
.studio-side-label{font-family:var(--fm);font-size:.36rem;letter-spacing:.28em;color:#746c61;text-transform:uppercase}.studio-side-big{font-family:var(--fd);font-size:2.2rem;color:var(--gold-l);margin-top:.2rem}.studio-side-copy{font-size:.59rem;color:#81796f;line-height:1.55}
.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}.dashboard-card{border:1px solid var(--rule);padding:1.1rem 1.15rem;background:rgba(255,255,255,.008)}
.dashboard-card .sec-hd{margin-bottom:.35rem}
.dashboard-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}.dash-link{border:1px solid var(--rule);padding:1rem;cursor:pointer;transition:.2s;background:linear-gradient(145deg,rgba(255,255,255,.014),transparent)}.dash-link:hover{border-color:var(--gold-mid);transform:translateY(-1px)}.dash-link-k{font-family:var(--fm);font-size:.34rem;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.dash-link-t{font-family:var(--fd);font-size:1.05rem;margin-top:.5rem}.dash-link-s{font-size:.52rem;line-height:1.55;color:#787168;margin-top:.28rem}

/* invoice / finance redesign */
.finance-mast{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1.3rem 0 1.35rem;border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2);margin-bottom:1rem}.finance-kicker{font-family:var(--fm);font-size:.38rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}.finance-title{font-family:var(--fd);font-size:2.55rem;font-weight:300;line-height:1;margin-top:.48rem}.finance-copy{font-size:.64rem;color:#8d857b;max-width:680px;line-height:1.7;margin-top:.55rem}.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem}.finance-kpi{border:1px solid var(--rule);padding:1rem 1.05rem;background:rgba(255,255,255,.008)}.finance-kpi-label{font-family:var(--fm);font-size:.34rem;letter-spacing:.24em;text-transform:uppercase;color:#716a62}.finance-kpi-value{font-family:var(--fd);font-size:1.7rem;margin-top:.35rem}.finance-kpi-sub{font-size:.47rem;color:#756e65;margin-top:.2rem}
.inv-client{font-family:var(--fd);font-size:.96rem;color:var(--text)}.inv-project{font-size:.55rem;color:#716a62;max-width:300px;margin-top:.18rem;line-height:1.4}.inv-num{font-family:var(--fm);font-size:.47rem;color:var(--gold-l)}.inv-amount{font-family:var(--fd);font-size:1rem;color:var(--text)}
.inv-quick{display:flex;align-items:center;gap:.28rem;flex-wrap:wrap;min-width:272px}.inv-state-btn{appearance:none;background:#0b0b0a;border:1px solid rgba(226,207,170,.12);color:#777068;font-family:var(--fm);font-size:.31rem;letter-spacing:.10em;text-transform:uppercase;padding:.38rem .46rem;cursor:pointer;transition:.15s}.inv-state-btn:hover{border-color:var(--gold-mid);color:var(--gold-l)}.inv-state-btn.active{border-color:var(--gold);background:var(--gold-d);color:var(--gold-l)}.inv-state-btn.paid.active,.inv-state-btn.paid:hover{border-color:var(--jade-b);background:var(--jade-d);color:var(--jade)}.inv-state-btn.danger:hover{border-color:var(--rose-b);color:var(--rose)}.inv-state-btn:disabled{opacity:.35;cursor:wait}.inv-status-more{position:relative}.inv-more-menu{display:none;position:absolute;right:0;top:calc(100% + 5px);z-index:60;min-width:120px;background:#0b0b0a;border:1px solid rgba(226,207,170,.18);box-shadow:0 18px 40px rgba(0,0,0,.45);padding:.3rem}.inv-more-menu.on{display:block}.inv-more-menu button{width:100%;text-align:left;background:transparent;border:0;color:#9f978d;font-family:var(--fm);font-size:.33rem;text-transform:uppercase;letter-spacing:.1em;padding:.48rem .55rem;cursor:pointer}.inv-more-menu button:hover{background:var(--gold-d);color:var(--gold-l)}.inv-row.saving{opacity:.52}.inv-row.saving .inv-state-btn{pointer-events:none}.invoice-sync-note{display:flex;align-items:center;gap:.45rem;font-family:var(--fm);font-size:.35rem;letter-spacing:.16em;color:#716a62;text-transform:uppercase}.invoice-sync-note::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--jade)}

/* responsive */
@media(max-width:1180px){.sidebar{width:230px}.main-hdr{padding-left:1.5rem;padding-right:1.5rem}.content{padding:1.7rem 1.5rem}.main-hdr::before,.main-hdr::after{display:none}.main-hdr-r{min-width:0}.os-search{display:none}.studio-hero{grid-template-columns:1fr}.studio-hero-side{border-left:0;border-top:1px solid var(--rule2);padding-left:0}.finance-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:760px){#vPortal.active{display:block}.sidebar{position:relative;width:100%;height:auto;max-height:none}.sb-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem}.sb-section{grid-column:1/-1;padding-left:.8rem}.ni{padding:.6rem .8rem}.sb-foot{display:none}.main-hdr{position:relative;min-height:auto;align-items:flex-start}.main-hdr-r{display:none}.content{padding:1.3rem 1rem}.studio-hero-title{font-size:2.5rem}.kpi-row,.os-kpis,.finance-kpis,.dashboard-links{grid-template-columns:1fr 1fr}.finance-mast{align-items:flex-start;flex-direction:column}.tbl-wrap{overflow-x:auto}.tbl{min-width:1050px}}



/* ═══════════════════════════════════════════════════════════
   CASA OS V9 — FUTURE EDITORIAL SYSTEM
   Layout language adapted from the supplied futuristic HTML:
   deliberate grid, glass panels, stronger hierarchy, larger type,
   and responsive controls — retained in Casa de Veux black/champagne.
═══════════════════════════════════════════════════════════ */
:root{
  --casa-bg:#070807;
  --casa-panel:rgba(18,19,18,.78);
  --casa-panel-strong:#111210;
  --casa-line:rgba(216,183,122,.18);
  --casa-line-strong:rgba(216,183,122,.34);
  --casa-accent:#d8b77a;
  --casa-accent-2:#8f7bb7;
  --casa-white:#f2eee7;
  --casa-muted:#aaa49c;
  --casa-tech:"Rajdhani",sans-serif;
  --casa-ui:"Space Grotesk",sans-serif;
}
html,body{font-size:16px!important;background:var(--casa-bg)!important}
body{font-family:var(--casa-ui)!important;line-height:1.45}
button,input,select,textarea{font-family:var(--casa-ui)!important}
#vPortal{position:relative;isolation:isolate;background:var(--casa-bg)!important}
#vPortal::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.055;background-image:linear-gradient(rgba(216,183,122,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(216,183,122,.42) 1px,transparent 1px);background-size:56px 56px}
#vPortal::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 8%,rgba(216,183,122,.075),transparent 30%),radial-gradient(circle at 18% 92%,rgba(143,123,183,.035),transparent 28%)}

/* shared shell */
.sidebar{width:286px!important;background:rgba(7,8,7,.94)!important;backdrop-filter:blur(14px);border-right:1px solid var(--casa-line)!important}
.sb-brand{min-height:118px!important;padding:1.85rem 1.75rem 1.45rem!important}
.sb-brand::after{left:1.75rem!important;right:1.75rem!important;background:linear-gradient(90deg,var(--casa-accent),transparent)!important}
.sb-brand-text .wm{font-family:var(--fd)!important;font-size:1.72rem!important;letter-spacing:.19em!important;color:#ead9bb!important}
.sb-brand-text .tg{font-family:var(--casa-tech)!important;font-size:.69rem!important;line-height:1.2;letter-spacing:.34em!important;color:#9e8c70!important;margin-top:.68rem!important}
.sb-sync{font-family:var(--casa-tech)!important;font-size:.62rem!important;letter-spacing:.18em!important;margin:1rem 1.75rem .55rem!important}
.sb-section{font-family:var(--casa-tech)!important;font-size:.62rem!important;letter-spacing:.26em!important;padding:1rem 1.75rem .4rem!important;color:#69635c!important}
.ni{min-height:48px!important;padding:.78rem 1.75rem!important;gap:.75rem!important;font-size:.90rem!important;font-weight:400!important;color:#aaa59d!important}
.ni::before{width:26px!important;flex-basis:26px!important;font-family:var(--casa-tech)!important;font-size:.62rem!important;color:#6f6557!important}
.ni:hover{padding-left:1.92rem!important;background:linear-gradient(90deg,rgba(216,183,122,.075),transparent)!important}
.ni.on{background:linear-gradient(90deg,rgba(216,183,122,.16),rgba(216,183,122,.025) 72%,transparent)!important;box-shadow:inset 2px 0 0 var(--casa-accent)!important}
.ni .badge{font-family:var(--casa-tech)!important;font-size:.58rem!important;padding:.15rem .38rem!important}
.sb-foot{padding:1.25rem 1.75rem 1.5rem!important}
.sb-foot::before{font-size:.88rem!important;line-height:1.55!important;letter-spacing:.2em!important;color:#a38d6c!important}
.sb-profile-mini{padding:.82rem!important;border-radius:10px!important;background:rgba(255,255,255,.018)!important}
.sb-profile-monogram{width:38px!important;height:38px!important;font-size:1rem!important}
.sb-profile-name{font-size:.80rem!important}.sb-profile-role{font-family:var(--casa-tech)!important;font-size:.56rem!important;letter-spacing:.1em!important}
.sb-btn{font-family:var(--casa-tech)!important;font-size:.66rem!important;letter-spacing:.16em!important;padding:.74rem!important;border-radius:7px!important}

.main{background:transparent!important;position:relative}
.main-hdr{display:grid!important;grid-template-columns:minmax(260px,.85fr) minmax(260px,.58fr) minmax(560px,1.35fr)!important;gap:1.4rem!important;min-height:118px!important;padding:1.45rem 2.25rem!important;align-items:center!important;background:rgba(7,8,7,.86)!important;border-bottom:1px solid var(--casa-line)!important;backdrop-filter:blur(18px)!important}
.main-hdr::before,.main-hdr::after{display:none!important;content:none!important}
.main-hdr-l{min-width:0}
.page-title{font-family:var(--fd)!important;font-size:2.65rem!important;font-weight:300!important;line-height:.95!important;letter-spacing:.012em!important;color:#f3eee6!important;white-space:nowrap}
.page-sub{font-family:var(--casa-tech)!important;font-size:.72rem!important;line-height:1.35!important;letter-spacing:.22em!important;color:#81786c!important;margin-top:.58rem!important;text-transform:uppercase!important;white-space:nowrap}
.hdr-brand{text-align:center;align-self:center;justify-self:center;min-width:250px;line-height:1}
.hdr-brand-name{font-family:var(--fd);font-size:1.25rem;letter-spacing:.31em;color:#d3b98d;white-space:nowrap}
.hdr-brand-sub{font-family:var(--casa-tech);font-size:.58rem;letter-spacing:.23em;color:#7e6d52;margin-top:.55rem;white-space:nowrap}
.main-hdr-r{width:100%!important;min-width:0!important;text-align:left!important;line-height:1!important}
.os-hdr-tools{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto auto auto!important;gap:.6rem!important;align-items:center!important;width:100%!important}
.os-search{width:100%!important;min-width:0!important;height:46px!important;border:1px solid var(--casa-line)!important;background:rgba(17,18,16,.82)!important;border-radius:10px!important;font-size:.84rem!important;padding:0 1.05rem!important;color:#eee8df!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)!important}
.os-search:focus{outline:none!important;border-color:var(--casa-line-strong)!important;box-shadow:0 0 0 3px rgba(216,183,122,.06)!important}
.os-icon-btn{height:46px!important;min-width:48px!important;border:1px solid var(--casa-line)!important;background:rgba(17,18,16,.82)!important;color:#c3bbb0!important;border-radius:10px!important;padding:0 .9rem!important;font-family:var(--casa-tech)!important;font-size:.69rem!important;font-weight:600!important;letter-spacing:.11em!important;white-space:nowrap!important}
.os-icon-btn:hover{border-color:var(--casa-line-strong)!important;color:#ecd8b5!important;background:rgba(216,183,122,.055)!important}
.hdr-user{min-width:208px!important;height:46px!important;padding-left:.8rem!important;margin-left:.05rem!important;gap:.72rem!important;border-left:1px solid var(--casa-line)!important}
.hdr-user-monogram{width:40px!important;height:40px!important;font-size:1rem!important;background:rgba(216,183,122,.07)!important;border-color:var(--casa-line-strong)!important}
.hdr-user-name{font-size:.78rem!important;font-weight:500!important;letter-spacing:.035em!important}.hdr-user-role{font-family:var(--casa-tech)!important;font-size:.55rem!important;letter-spacing:.09em!important;margin-top:.2rem!important}
.content{width:100%!important;max-width:1740px!important;margin:0 auto!important;padding:2.25rem 2.35rem 4rem!important}

/* hierarchy + components: intentionally larger and more legible */
.panel{font-size:.92rem}
.sec-hd{margin-bottom:1.35rem!important;padding-bottom:1rem!important;border-color:var(--casa-line)!important}
.sec-title{font-family:var(--fd)!important;font-size:1.65rem!important;line-height:1.1!important;letter-spacing:.02em!important}
.sec-tag{font-family:var(--casa-tech)!important;font-size:.66rem!important;line-height:1.35!important;letter-spacing:.17em!important;color:#80786f!important}
.nda-bar{border-radius:10px!important;font-size:.82rem!important;padding:.8rem 1rem!important}
.kpi-row,.os-kpis{gap:1rem!important}
.kpi,.os-kpi,.os-card,.form-card,.row-card,.proj-card,.cs-lead-card,.dashboard-card,.dash-link,.finance-kpi,.os-intel-card,.os-asset,.os-cap-card{background:var(--casa-panel)!important;border:1px solid var(--casa-line)!important;border-radius:12px!important;backdrop-filter:blur(8px);box-shadow:0 20px 65px rgba(0,0,0,.10)!important}
.kpi:hover,.os-kpi:hover,.dash-link:hover,.os-card:hover{border-color:var(--casa-line-strong)!important}
.kpi,.os-kpi{padding:1.15rem 1.2rem!important;min-height:126px}
.kpi-label,.os-kpi-label{font-family:var(--casa-tech)!important;font-size:.66rem!important;line-height:1.3!important;letter-spacing:.19em!important;color:#827a71!important}
.kpi-value,.os-kpi-value{font-size:2.4rem!important;line-height:1!important;margin-top:.45rem!important}
.kpi-sub,.os-kpi-sub{font-family:var(--casa-ui)!important;font-size:.70rem!important;line-height:1.4!important;margin-top:.42rem!important;color:#8f887e!important}
.btn-act{font-family:var(--casa-tech)!important;font-size:.72rem!important;font-weight:700!important;letter-spacing:.13em!important;padding:.78rem 1.15rem!important;border-radius:8px!important}
.btn-sm,.btn-del{font-family:var(--casa-tech)!important;font-size:.66rem!important;font-weight:600!important;line-height:1!important;letter-spacing:.10em!important;padding:.62rem .82rem!important;border-radius:7px!important;min-height:36px!important}
.search-input,.filter-sel,.fg input,.fg select,.fg textarea{font-family:var(--casa-ui)!important;font-size:.86rem!important;line-height:1.35!important;border-radius:8px!important;padding:.72rem .9rem!important;min-height:42px!important}
.filter-sel,.fg label{font-family:var(--casa-tech)!important}.fg label{font-size:.66rem!important;letter-spacing:.13em!important;color:#8e867c!important;line-height:1.3!important}
.tbl-wrap{border-color:var(--casa-line)!important;border-radius:12px!important;overflow:hidden!important}
.tbl th{font-family:var(--casa-tech)!important;font-size:.62rem!important;letter-spacing:.14em!important;padding:.82rem .9rem!important;color:#81796f!important}
.tbl td{font-size:.84rem!important;line-height:1.45!important;padding:1rem .9rem!important;color:#aaa39a!important}
.mono{font-family:var(--casa-tech)!important;font-size:.74rem!important}
.pill{font-family:var(--casa-tech)!important;border-radius:999px!important;padding:.32rem .62rem!important;font-size:.59rem!important;line-height:1!important;letter-spacing:.09em!important}
.rc-name{font-size:1.06rem!important;line-height:1.25!important}.rc-sub{font-family:var(--casa-ui)!important;font-size:.72rem!important;line-height:1.55!important;letter-spacing:0!important}
.msg-from{font-size:.90rem!important}.msg-subj{font-size:.80rem!important}.msg-preview,.msg-body{font-size:.78rem!important;line-height:1.6!important}
.modal-box{border-radius:14px!important;background:#0d0e0c!important;border-color:var(--casa-line)!important;padding:1.45rem!important}.modal-title{font-size:1.85rem!important}.modal-sub{font-family:var(--casa-tech)!important;font-size:.68rem!important;letter-spacing:.13em!important}
.empty-title{font-size:1.25rem!important}.empty-sub{font-size:.72rem!important}

/* Studio Home adopts the supplied template's hero/panel rhythm */
.studio-hero{border:1px solid var(--casa-line)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(20,21,19,.86),rgba(12,13,12,.68))!important;overflow:hidden!important;margin-bottom:1.5rem!important;min-height:300px!important}
.studio-hero-main{padding:2.25rem 2.1rem!important}
.studio-eyebrow{font-family:var(--casa-tech)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.23em!important;margin-bottom:1.05rem!important;color:var(--casa-accent)!important}
.studio-hero-title{font-family:var(--fd)!important;font-size:4.05rem!important;line-height:.93!important;letter-spacing:-.012em!important;max-width:820px!important}
.studio-hero-copy{max-width:760px!important;font-size:.96rem!important;line-height:1.75!important;color:#a39b91!important;margin-top:1.15rem!important}
.studio-hero-actions{gap:.75rem!important;margin-top:1.3rem!important}
.studio-hero-side{padding:2rem!important;background:rgba(216,183,122,.028)!important;border-color:var(--casa-line)!important}
.studio-side-label{font-family:var(--casa-tech)!important;font-size:.64rem!important;letter-spacing:.20em!important}.studio-side-big{font-size:2.8rem!important}.studio-side-copy{font-size:.82rem!important;line-height:1.65!important}
.dashboard-links{gap:1rem!important;margin-top:1.2rem!important}.dash-link{padding:1.2rem!important;min-height:150px!important}.dash-link-k{font-family:var(--casa-tech)!important;font-size:.62rem!important;letter-spacing:.17em!important}.dash-link-t{font-size:1.35rem!important}.dash-link-s{font-size:.76rem!important;line-height:1.6!important}
.dashboard-columns{gap:1rem!important}.dashboard-card{padding:1.25rem 1.3rem!important}

/* Project 360 / production / intelligence sizing */
.os-360-title{font-size:2.65rem!important}.os-360-sub{font-family:var(--casa-ui)!important;font-size:.76rem!important;line-height:1.65!important}.os-360-metric span{font-family:var(--casa-tech)!important;font-size:.60rem!important}.os-360-metric strong{font-size:.86rem!important}.os-tab{font-family:var(--casa-tech)!important;font-size:.65rem!important;padding:.82rem 1rem!important}.os-card-title{font-family:var(--casa-tech)!important;font-size:.66rem!important}.os-money-row,.os-mini-row{font-size:.78rem!important;padding:.55rem 0!important}.os-intel-title{font-size:1.32rem!important}.os-intel-body{font-family:var(--casa-ui)!important;font-size:.76rem!important;line-height:1.65!important}.os-prompt{font-size:.76rem!important;line-height:1.45!important;padding:.85rem!important;border-radius:8px!important}.os-event{font-family:var(--casa-ui)!important;font-size:.67rem!important;line-height:1.4!important;padding:.38rem .45rem!important}.os-day-num{font-size:1.25rem!important}.os-cal-head div{font-family:var(--casa-tech)!important;font-size:.62rem!important;padding:.72rem!important}.os-cap-name{font-size:.86rem!important}.os-cap-role,.os-cap-meta{font-family:var(--casa-ui)!important;font-size:.68rem!important}

/* invoices: visible state controls, no hidden native select behavior */
.finance-title{font-size:3rem!important}.finance-copy{font-size:.82rem!important;line-height:1.65!important}.finance-kicker,.finance-kpi-label{font-family:var(--casa-tech)!important;font-size:.64rem!important}.finance-kpi-value{font-size:2rem!important}.finance-kpi-sub{font-size:.68rem!important}.inv-client{font-size:1.14rem!important}.inv-project{font-size:.70rem!important;line-height:1.45!important}.inv-num{font-family:var(--casa-tech)!important;font-size:.70rem!important}.inv-amount{font-size:1.16rem!important}.inv-quick{gap:.4rem!important;min-width:310px!important}.inv-state-btn{font-family:var(--casa-tech)!important;font-size:.60rem!important;font-weight:600!important;letter-spacing:.07em!important;min-height:36px!important;padding:.45rem .62rem!important;border-radius:7px!important}.inv-more-menu{min-width:150px!important;border-radius:8px!important;padding:.35rem!important}.inv-more-menu button{font-family:var(--casa-tech)!important;font-size:.62rem!important;line-height:1.25!important;padding:.58rem .62rem!important}.invoice-sync-note{font-family:var(--casa-tech)!important;font-size:.60rem!important;letter-spacing:.12em!important}

/* NEXUS-inspired panel interaction, restrained for agency use */
.dash-link,.os-card,.kpi,.os-kpi,.finance-kpi{transition:border-color .22s ease,transform .22s ease,background .22s ease!important}
.dash-link:hover,.os-card:hover,.kpi:hover,.os-kpi:hover,.finance-kpi:hover{transform:translateY(-2px);background:rgba(23,24,22,.82)!important}

@media(max-width:1500px){
  .main-hdr{grid-template-columns:minmax(220px,.7fr) 210px minmax(470px,1.35fr)!important;padding-left:1.6rem!important;padding-right:1.6rem!important}
  .hdr-brand-name{font-size:1.05rem}.hdr-brand-sub{font-size:.52rem}.os-hdr-tools{grid-template-columns:minmax(190px,1fr) auto auto auto auto!important}.hdr-user{min-width:185px!important}.page-title{font-size:2.3rem!important}.content{padding-left:1.6rem!important;padding-right:1.6rem!important}.studio-hero-title{font-size:3.55rem!important}
}
@media(max-width:1220px){
  .sidebar{width:246px!important}.main-hdr{grid-template-columns:minmax(220px,1fr) auto!important}.hdr-brand{display:none}.os-hdr-tools{grid-template-columns:minmax(210px,1fr) auto auto auto auto!important}.page-title{white-space:normal}.page-sub{white-space:normal}.content{padding:1.6rem 1.35rem 3rem!important}.studio-hero{grid-template-columns:1fr!important}.studio-hero-side{border-left:0!important;border-top:1px solid var(--casa-line)!important}.studio-hero-title{font-size:3.15rem!important}.finance-kpis{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:900px){
  #vPortal.active{display:block!important}.sidebar{position:relative!important;width:100%!important;height:auto!important;max-height:none!important}.sb-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:.6rem!important}.sb-section{grid-column:1/-1!important;padding-left:.9rem!important}.ni{padding:.72rem .9rem!important}.sb-foot{display:none!important}.main-hdr{position:relative!important;display:block!important;min-height:auto!important;padding:1.3rem 1.15rem!important}.main-hdr-r{margin-top:1rem!important}.os-hdr-tools{display:grid!important;grid-template-columns:1fr auto auto!important}.os-search{grid-column:1/-1}.os-hdr-tools .os-icon-btn:nth-of-type(3){display:none}.hdr-user{grid-column:1/-1;border-left:0!important;padding-left:0!important;margin-top:.35rem!important}.content{padding:1.2rem 1rem 2.5rem!important}.page-title{font-size:2.2rem!important}.studio-hero-title{font-size:2.75rem!important}.kpi-row,.os-kpis,.finance-kpis,.dashboard-links{grid-template-columns:1fr 1fr!important}.dashboard-columns{grid-template-columns:1fr!important}.tbl-wrap{overflow-x:auto!important}.tbl{min-width:1100px!important}
}
@media(max-width:600px){.sb-nav{grid-template-columns:1fr!important}.kpi-row,.os-kpis,.finance-kpis,.dashboard-links{grid-template-columns:1fr!important}.studio-hero-title{font-size:2.35rem!important}.page-title{font-size:2rem!important}.os-hdr-tools{grid-template-columns:1fr auto!important}.os-hdr-tools .os-icon-btn:nth-of-type(2){display:none}.hdr-user{display:none!important}}


/* ═══════════════════════════════════════════════════════════
   CASA OS V10 — INTERFACE COMPLETION PASS
   Repairs header collisions, creative review controls,
   invoice status controls and automation-rule layout.
═══════════════════════════════════════════════════════════ */

/* Header: strict columns and no collision between brand + tools */
.main-hdr{
  grid-template-columns:minmax(220px,.72fr) minmax(190px,.48fr) minmax(0,1.6fr)!important;
  gap:1.15rem!important;
  overflow:visible!important;
}
.hdr-brand{min-width:0!important;width:100%!important;overflow:hidden!important}
.hdr-brand-name{font-size:1.08rem!important;letter-spacing:.24em!important;text-overflow:ellipsis;overflow:hidden}
.hdr-brand-sub{font-size:.55rem!important;letter-spacing:.18em!important;text-overflow:ellipsis;overflow:hidden}
.main-hdr-r{min-width:0!important;overflow:visible!important}
.os-hdr-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.5rem!important;
  min-width:0!important;
  width:100%!important;
  flex-wrap:nowrap!important;
}
.os-search{
  flex:1 1 210px!important;
  width:auto!important;
  max-width:290px!important;
  min-width:150px!important;
}
.os-icon-btn{flex:0 0 auto!important;padding:0 .78rem!important}
.hdr-user{
  flex:0 1 190px!important;
  min-width:160px!important;
  max-width:205px!important;
  width:auto!important;
  overflow:hidden!important;
}
.hdr-user-copy{min-width:0!important;overflow:hidden!important}
.hdr-user-name{overflow:hidden!important;text-overflow:ellipsis!important;max-width:130px!important}
.hdr-user-role{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.hdr-alert-badge{display:none;place-items:center;min-width:18px;height:18px;margin-left:.25rem;padding:0 .32rem;border-radius:999px;background:rgba(216,183,122,.14);border:1px solid rgba(216,183,122,.32);color:#efd9b0;font-size:.58rem;line-height:1;letter-spacing:0}

/* Creative Review: remove native select / fragmented wrapping */
.asset-row.deliverable-card{
  display:block!important;
  padding:1.1rem 1.15rem!important;
  margin-bottom:.75rem!important;
  border-radius:12px!important;
  overflow:visible!important;
}
.deliverable-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;min-width:0}
.deliverable-info{min-width:0;flex:1}
.deliverable-current{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;flex:0 0 auto}
.deliverable-visibility{font-family:var(--casa-tech);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#777168;white-space:nowrap}
.deliverable-visibility.is-visible{color:var(--jade)}
.deliverable-controls{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:1.1rem;margin-top:1rem;padding-top:.95rem;border-top:1px solid var(--casa-line)}
.control-label{font-family:var(--casa-tech);font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#746c62;margin-bottom:.5rem}
.del-status-group,.del-action-group{display:flex;align-items:center;gap:.42rem;flex-wrap:wrap}
.del-state-btn{appearance:none;min-height:38px;padding:.5rem .78rem;border:1px solid var(--casa-line);border-radius:7px;background:#0c0d0b;color:#8d867e;font-family:var(--casa-tech)!important;font-size:.66rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.del-state-btn:hover{border-color:var(--casa-line-strong);color:#e6d6ba}
.del-state-btn.active{border-color:var(--casa-accent);background:rgba(216,183,122,.10);color:#efd9b0}
.del-state-btn.review.active{border-color:rgba(141,166,201,.45);background:rgba(141,166,201,.08);color:#aebfd6}
.del-state-btn.approved.active{border-color:var(--jade-b);background:var(--jade-d);color:var(--jade)}
.del-action-group{justify-content:flex-end}
.del-action-group .btn-sm,.del-action-group .btn-del{white-space:nowrap!important}

/* Invoice status: one complete control row; table scrolls instead of breaking controls */
.invoice-table{min-width:1380px!important}
#p-invoices .tbl-wrap{overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:thin;scrollbar-color:rgba(216,183,122,.28) transparent}
.invoice-table th:nth-child(7),.invoice-table td:nth-child(7){min-width:330px!important;width:330px!important}
.invoice-table th:nth-child(8),.invoice-table td:nth-child(8){min-width:220px!important;width:220px!important}
.inv-quick{
  display:flex!important;
  align-items:center!important;
  gap:.38rem!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  width:100%!important;
  white-space:nowrap!important;
}
.inv-state-btn{flex:0 0 auto!important;min-width:68px!important;padding:.48rem .58rem!important;white-space:nowrap!important}
.inv-state-btn:first-child{min-width:82px!important}
.inv-status-more{flex:0 0 auto!important}
.inv-status-more>.inv-state-btn{min-width:72px!important}
.inv-more-menu{right:auto!important;left:0!important;top:calc(100% + 7px)!important}
.danger-cell>div{flex-wrap:nowrap!important}

/* Automation Rules: dedicated cards instead of generic row cards */
#os-automations{display:grid;grid-template-columns:1fr;gap:.7rem}
.automation-rule{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.05rem;border:1px solid var(--casa-line);border-radius:12px;background:var(--casa-panel);min-height:98px;overflow:hidden}
.automation-index{font-family:var(--casa-tech);font-size:.72rem;letter-spacing:.12em;color:#756b5c;border-right:1px solid var(--casa-line);align-self:stretch;display:flex;align-items:center}
.automation-main{min-width:0}
.automation-title{font-family:var(--fd);font-size:1.35rem;line-height:1.1;color:#f0ebe3;white-space:normal}
.automation-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.85rem;align-items:center;margin-top:.6rem;color:#aaa39b;font-size:.74rem;line-height:1.45}
.automation-flow span{display:block;font-family:var(--casa-tech);font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:#746c62;margin-bottom:.15rem}
.automation-flow b{font-family:var(--casa-tech);font-size:1.05rem;font-weight:500;color:var(--casa-accent)}
.automation-state{min-width:74px;padding:.44rem .58rem;border:1px solid var(--casa-line);border-radius:999px;font-family:var(--casa-tech);font-size:.60rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;text-align:center;color:#8d867d}
.automation-state.on{border-color:var(--jade-b);background:var(--jade-d);color:var(--jade)}

@media(max-width:1600px){
  .main-hdr{grid-template-columns:minmax(200px,.65fr) minmax(160px,.40fr) minmax(0,1.8fr)!important;padding-left:1.4rem!important;padding-right:1.4rem!important}
  .page-title{font-size:2.25rem!important}.page-sub{font-size:.66rem!important}
  .hdr-brand-name{font-size:.96rem!important}.hdr-brand-sub{font-size:.50rem!important}
  .os-search{max-width:235px!important;min-width:135px!important}
  .hdr-user{flex-basis:175px!important;min-width:150px!important}
  .hdr-user-name{max-width:110px!important}
}
@media(max-width:1320px){
  .hdr-brand{display:none!important}
  .main-hdr{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)!important}
  .os-search{max-width:none!important}
}
@media(max-width:1050px){
  .deliverable-controls{grid-template-columns:1fr!important}
  .del-action-group{justify-content:flex-start!important}
  .automation-flow{grid-template-columns:1fr!important;gap:.35rem!important}
  .automation-flow b{transform:rotate(90deg);justify-self:start}
}
@media(max-width:900px){
  .main-hdr{display:block!important}.main-hdr-r{margin-top:1rem!important}.os-hdr-tools{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important}.os-search{flex-basis:100%!important;max-width:none!important}.hdr-user{flex-basis:100%!important;max-width:none!important;border-left:0!important;padding-left:0!important}
  .deliverable-head{display:block}.deliverable-current{justify-content:flex-start;margin-top:.65rem}.automation-rule{grid-template-columns:38px minmax(0,1fr)}.automation-state{grid-column:2;justify-self:start}
}


/* CASA OS V11 — HEADER BRAND CLEANUP
   Sidebar already carries the Casa de Veux identity, so the workspace header
   is reserved for page context and operating controls only. */
.hdr-brand{display:none!important}
.main-hdr{
  grid-template-columns:minmax(310px,.78fr) minmax(0,1.72fr)!important;
  gap:1.5rem!important;
}
.main-hdr-r{justify-self:stretch!important}
.os-hdr-tools{justify-content:flex-end!important}
@media(max-width:1600px){
  .main-hdr{grid-template-columns:minmax(270px,.68fr) minmax(0,1.7fr)!important}
}
@media(max-width:1180px){
  .main-hdr{grid-template-columns:minmax(235px,.58fr) minmax(0,1.55fr)!important}
}
@media(max-width:900px){
  .main-hdr{display:block!important}
}


/* ═══════════════════════════════════════════════════════════
   CASA OS V12 — INVOICE CONTROL CLEANUP
   Remove the outer capsule/white outline around invoice status controls.
═══════════════════════════════════════════════════════════ */
#p-invoices .inv-quick{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
}
#p-invoices .inv-quick::before,
#p-invoices .inv-quick::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
#p-invoices .invoice-table td:nth-child(7){
  outline:0!important;
  box-shadow:none!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}
#p-invoices .inv-status-more{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}


/* ═══════════════════════════════════════════════════════════
   CASA OS V13 — INVOICE STATUS FLAT CONTROL
   Status controls are intentionally ungrouped. No capsule,
   focus-ring wrapper, fieldset, outline or rounded container.
═══════════════════════════════════════════════════════════ */
#p-invoices .invoice-table th:nth-child(7),
#p-invoices .invoice-table td:nth-child(7){
  min-width:370px!important;
  width:370px!important;
}
#p-invoices .invoice-table td:nth-child(7),
#p-invoices .invoice-table td:nth-child(7):focus,
#p-invoices .invoice-table td:nth-child(7):focus-within{
  border-radius:0!important;
  outline:none!important;
  box-shadow:none!important;
  background-image:none!important;
  clip-path:none!important;
  filter:none!important;
}
#p-invoices .invoice-table td:nth-child(7)::before,
#p-invoices .invoice-table td:nth-child(7)::after{
  content:none!important;
  display:none!important;
}
#p-invoices .inv-quick,
#p-invoices .inv-quick:hover,
#p-invoices .inv-quick:focus,
#p-invoices .inv-quick:focus-visible,
#p-invoices .inv-quick:focus-within{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  clip-path:none!important;
  filter:none!important;
  overflow:visible!important;
}
#p-invoices .inv-quick::before,
#p-invoices .inv-quick::after{
  content:none!important;
  display:none!important;
}
#p-invoices .inv-quick > *{
  margin:0!important;
  outline:none!important;
  box-shadow:none!important;
}
#p-invoices .inv-state-btn{
  min-width:72px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:7px!important;
}
#p-invoices .inv-state-btn:first-child{min-width:88px!important}
#p-invoices .inv-status-more,
#p-invoices .inv-status-more:hover,
#p-invoices .inv-status-more:focus,
#p-invoices .inv-status-more:focus-within{
  display:inline-block!important;
  flex:0 0 auto!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:none!important;
  box-shadow:none!important;
  background:transparent!important;
}
#p-invoices .inv-status-more::before,
#p-invoices .inv-status-more::after{content:none!important;display:none!important}
#p-invoices .inv-status-more > .inv-state-btn{min-width:68px!important}


/* ---- merged portal style block ---- */

.auth-actions-v14{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin:.9rem 0}.auth-link-btn{border:0;background:none;color:var(--gold-l);font:600 .72rem var(--casa-tech,Montserrat,sans-serif);letter-spacing:.08em;cursor:pointer;padding:.35rem}.auth-link-btn:hover{text-decoration:underline}.auth-activation{margin-top:1rem;padding:1rem;border:1px solid var(--rule2);background:rgba(255,255,255,.018)}

/* CASA OS V14 — production integrity components */
.field-help{font-family:var(--casa-ui,Montserrat,sans-serif);font-size:.72rem;line-height:1.5;color:#817a70;margin-top:.45rem}
.finance-summary-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 1.25rem}
.finance-summary-mini>div{border:1px solid var(--casa-line,rgba(216,183,122,.18));background:rgba(255,255,255,.018);padding:.85rem .9rem;border-radius:9px}
.finance-summary-mini span{display:block;font-family:var(--casa-tech,Rajdhani,sans-serif);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:#81796f;margin-bottom:.35rem}
.finance-summary-mini strong{display:block;font-family:var(--fd,serif);font-size:1.35rem;font-weight:400;color:#eee7dc}
.timeline-visibility{font-family:var(--casa-tech,Rajdhani,sans-serif)!important;font-size:.64rem!important;letter-spacing:.08em;color:var(--jade)!important}
.timeline-visibility.creative{color:var(--gold-l)!important}.timeline-visibility.private{color:var(--dim)!important}
@media(max-width:700px){.finance-summary-mini{grid-template-columns:1fr}}

/* CASA OS V14 — legibility + header cleanup */
.main-hdr::before,.main-hdr::after{content:none!important;display:none!important}
.sb-sync,.sb-section,.ni::before,.ni .badge,.sb-profile-role,.sb-btn,.page-sub,.sec-tag,.kpi-label,.os-kpi-label,.studio-eyebrow,.studio-side-label,.dash-link-k{font-size:.66rem!important}
.ni{font-size:.82rem!important;min-height:44px!important}
.sb-profile-name{font-size:.78rem!important}.hdr-user-name{font-size:.78rem!important}.hdr-user-role{font-size:.62rem!important}
.os-search{font-size:.78rem!important}.os-icon-btn{font-size:.68rem!important;min-width:44px!important}
.kpi-sub,.os-kpi-sub,.studio-side-copy,.dash-link-s,.os-task-meta,.os-cap-meta,.os-note-detail,.os-result-sub{font-size:.68rem!important}
.btn-act,.btn-sm,.btn-del,.pill,.tbl th,.fg label,.os-task-col-hd,.os-task-priority,.os-cal-head div,.os-event,.os-tab,.os-card-title,.os-comment-by,.os-comment-pin,.os-cap-role,.os-result-type,.os-result-go{font-size:.64rem!important}
.tbl td,.os-mini-row,.os-money-row,.os-version,.os-comment-text,.os-intel-body,.os-prompt,.os-result-name{font-size:.76rem!important}
@media(max-width:1180px){.main-hdr-r{min-width:0}.os-search{width:190px!important}.hdr-user-copy{display:none}}

.auth-help-v16{font:400 .72rem var(--casa-tech,Montserrat,sans-serif);color:var(--muted);line-height:1.6;text-align:center;max-width:34rem;margin:.3rem auto 0}
/* CASA SEND DESK */
.send-hero{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;padding:2rem;border:1px solid var(--line);background:linear-gradient(120deg,rgba(255,255,255,.04),transparent);margin-bottom:1rem}.send-kicker{font:500 .48rem var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}.send-title{font:400 clamp(2.8rem,5vw,5.2rem)/.88 "Cormorant Garamond",serif;margin:.45rem 0}.send-copy{max-width:650px;color:var(--sub);font-size:.76rem}.send-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.send-kpi{border:1px solid var(--line);padding:1rem}.send-kpi span{font:500 .45rem var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.send-kpi strong{display:block;font:400 2rem "Cormorant Garamond",serif}.send-tabs{display:flex;border-bottom:1px solid var(--line);margin:1.5rem 0}.send-tab{background:none;border:0;color:var(--dim);padding:.8rem 1rem;font:600 .5rem var(--fm);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.send-tab.on{color:var(--text);border-bottom:2px solid currentColor}.send-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.send-format-card{min-height:190px;border:1px solid var(--line);padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background:rgba(255,255,255,.015)}.send-format-card:hover{border-color:var(--sub);transform:translateY(-2px)}.send-format-num{font:500 .45rem var(--fm);color:var(--dim);letter-spacing:.15em}.send-format-card h3{font:400 1.55rem "Cormorant Garamond",serif;margin:.4rem 0}.send-format-card p{font-size:.65rem;color:var(--sub);line-height:1.55}.send-format-foot{display:flex;justify-content:space-between;font:500 .43rem var(--fm);text-transform:uppercase;color:var(--dim)}.send-history-row{display:grid;grid-template-columns:1.8fr 1fr .8fr .7fr;gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.send-overlay{position:fixed;inset:0;background:#0b0b0b;z-index:9999;display:none}.send-overlay.on{display:block}.send-composer{height:100vh;display:flex;flex-direction:column}.send-composer-top{padding:1rem 1.3rem;border-bottom:1px solid #2b2b2b;display:flex;align-items:center;justify-content:space-between}.send-composer-top h2{font:400 1.55rem "Cormorant Garamond",serif;margin:.15rem 0}.send-x{border:0;background:none;color:#aaa;font-size:1.6rem;cursor:pointer}.send-compose-grid{display:grid;grid-template-columns:300px minmax(420px,1fr) 260px;min-height:0;flex:1}.send-compose-left,.send-compose-right{padding:1rem;overflow:auto;border-right:1px solid #2b2b2b}.send-compose-right{border-right:0;border-left:1px solid #2b2b2b}.send-compose-left label{display:block;font:500 .42rem var(--fm);letter-spacing:.12em;color:#777;margin:.9rem 0 .35rem}.send-compose-left input,.send-compose-left select,.send-compose-left textarea{width:100%;box-sizing:border-box;background:#121212;border:1px solid #333;color:#eee;padding:.7rem}.send-live{background:#161616;overflow:auto;padding:1rem}.send-live-bar{display:flex;justify-content:space-between;font:500 .42rem var(--fm);letter-spacing:.12em;color:#777;margin-bottom:.8rem}.send-paper{max-width:820px;min-height:760px;margin:auto;background:#f4f0e8;color:#121212;padding:4rem;box-sizing:border-box}.send-paper.dark{background:#0c0c0c;color:#f4f0e8}.send-paper.cavyre{background:linear-gradient(145deg,#170d28,#4a246c 55%,#17121d);color:white}.sp-brand{font:600 .52rem var(--fm);letter-spacing:.2em}.sp-meta{font:500 .45rem var(--fm);letter-spacing:.15em;opacity:.55;margin-top:3rem}.sp-title{font:400 clamp(3rem,7vw,6.4rem)/.82 "Cormorant Garamond",serif;letter-spacing:-.055em;margin:1rem 0 2rem}.sp-note{font-size:.8rem;line-height:1.75;max-width:560px}.sp-hero{height:260px;margin:2.5rem 0;background:linear-gradient(135deg,#bcb7ad,#6f6b65);display:flex;align-items:flex-end;padding:1rem;color:white}.sp-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sp-block{border-top:1px solid currentColor;padding-top:.7rem;min-height:90px}.sp-block b{font:500 .45rem var(--fm);letter-spacing:.13em}.sp-block span{display:block;font:400 1.25rem "Cormorant Garamond",serif}.sp-cta{display:inline-block;margin-top:2rem;border:1px solid currentColor;padding:.8rem 1.2rem;font:600 .46rem var(--fm);letter-spacing:.14em}.send-side-title{font:600 .43rem var(--fm);letter-spacing:.15em;color:#777;margin:.4rem 0 .8rem}.send-add{width:100%;display:flex;gap:.7rem;text-align:left;background:#111;border:1px solid #2d2d2d;color:#eee;padding:.7rem;margin-bottom:.45rem;cursor:pointer}.send-add span{font-size:.62rem}.send-add em{display:block;color:#666;font-style:normal;font-size:.48rem}.send-block-chip{display:flex;justify-content:space-between;padding:.55rem;border-bottom:1px solid #272727;font-size:.55rem;color:#aaa}.send-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.send-design-card{border:1px solid var(--line);padding:1rem}.send-design-swatch{height:140px;background:#ece7dd;margin-bottom:.8rem}.send-design-card:nth-child(2n) .send-design-swatch{background:#111}.send-design-card:nth-child(3n) .send-design-swatch{background:linear-gradient(135deg,#1a0d28,#7d4da0)}