/* ============================================================
   STANDART RESIDENCE OS — CANONICAL DESIGN SYSTEM
   Extracted VERBATIM from StandartOS1127 (Standart OS v1.9).
   This is the single source of visual truth. Do not fork or
   redesign per residence. Cormorant Garamond + Jost, cream/
   charcoal palette, hairline borders, soft shadows.
   ============================================================ */

:root{
  --cream:#F5F1EB;--cream-dark:#EDE8DF;--stone:#C8B89A;--stone-dark:#A8946E;
  --charcoal:#2C2820;--charcoal-light:#4A443C;--charcoal-mid:#6B6358;--warm-grey:#8C8278;
  --line:rgba(44,40,32,0.12);--line-strong:rgba(44,40,32,0.22);
  --card-bg:rgba(245,241,235,0.90);--card-border:rgba(200,184,154,0.35);
  --shadow:0 2px 20px rgba(44,40,32,0.08);--shadow-md:0 8px 36px rgba(44,40,32,0.13);
  --green:#5C7A5E;--green-light:rgba(92,122,94,0.12);
  --amber:#9B7A3E;--amber-light:rgba(155,122,62,0.12);
  --orange:#C97B4A;--orange-light:rgba(201,123,74,0.14);
  --red:#8B3A3A;--red-light:rgba(139,58,58,0.10);
  --blue:#3A5E7A;--blue-light:rgba(58,94,122,0.10);
  --purple:#6B4F7A;--purple-light:rgba(107,79,122,0.10);
  --gold:#B8956A;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--charcoal);min-height:100vh;overflow-x:hidden;}

/* LANDING */
#landing{position:relative;min-height:100vh;width:100%;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity 0.45s,transform 0.45s;padding:20px;}
#landing.hidden{opacity:0;pointer-events:none;transform:translateY(-10px);}
.sketch-img{width:500px;max-width:88vw;display:block;margin:0 auto 24px;}
.landing-title{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:400;letter-spacing:0.18em;color:var(--charcoal);text-align:center;line-height:1;margin-bottom:4px;}
.landing-rule{display:flex;align-items:center;gap:14px;margin-bottom:36px;justify-content:center;}
.landing-rule span{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:300;letter-spacing:0.26em;color:var(--charcoal-mid);}
.landing-rule::before,.landing-rule::after{content:"";display:block;width:40px;height:1px;background:var(--stone);}
.version-tag{font-size:8px;letter-spacing:0.32em;color:var(--stone-dark);font-weight:600;text-transform:uppercase;margin-bottom:32px;}
.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:520px;max-width:90vw;}
.role-card{background:rgba(245,241,235,0.94);border:1px solid var(--card-border);border-radius:3px;padding:20px 24px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden;}
.role-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stone);transform:scaleX(0);transition:transform 0.28s;transform-origin:left;}
.role-card:hover{border-color:var(--stone-dark);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.role-card:hover::before{transform:scaleX(1);}
.rc-code{font-size:8px;font-weight:600;letter-spacing:0.28em;color:var(--stone-dark);text-transform:uppercase;margin-bottom:6px;}
.rc-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--charcoal);margin-bottom:4px;}
.rc-desc{font-size:10px;color:var(--warm-grey);line-height:1.5;}
.rc-lang{margin-top:10px;font-size:8px;letter-spacing:0.2em;color:var(--stone-dark);font-weight:500;}

/* APP SHELL */
#app{display:none;min-height:100vh;flex-direction:column;}
.topbar{position:sticky;top:0;z-index:100;background:rgba(245,241,235,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;height:56px;}
.tb-brand{display:flex;flex-direction:column;cursor:pointer;margin-right:32px;}
.tb-title{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:400;letter-spacing:0.15em;color:var(--charcoal);line-height:1;}
.tb-sub{font-size:8px;letter-spacing:0.24em;color:var(--warm-grey);margin-top:2px;}
.tb-nav{display:flex;flex:1;align-items:center;height:100%;overflow-x:auto;}
.nav-item{font-size:9px;letter-spacing:0.16em;font-weight:500;text-transform:uppercase;color:var(--warm-grey);padding:0 14px;height:100%;display:flex;align-items:center;cursor:pointer;border-bottom:2px solid transparent;transition:all 0.16s;white-space:nowrap;}
.nav-item:hover{color:var(--charcoal);}
.nav-item.active{color:var(--charcoal);border-bottom-color:var(--stone-dark);}
.tb-right{display:flex;align-items:center;gap:12px;margin-left:auto;}
.lang-toggle{display:flex;gap:3px;}
.lang-btn{font-size:8px;letter-spacing:0.18em;font-weight:500;padding:3px 7px;cursor:pointer;color:var(--warm-grey);border:1px solid transparent;border-radius:2px;}
.lang-btn.active{color:var(--charcoal);border-color:var(--stone);background:var(--cream-dark);}
.role-badge{font-size:8px;letter-spacing:0.18em;font-weight:600;color:var(--stone-dark);border:1px solid var(--stone);padding:3px 9px;border-radius:2px;text-transform:uppercase;}
.back-btn{font-size:8px;letter-spacing:0.18em;color:var(--warm-grey);cursor:pointer;padding:3px 9px;border:1px solid var(--line-strong);border-radius:2px;}
.back-btn:hover{color:var(--charcoal);border-color:var(--stone-dark);}

/* CONSTITUTION BANNER */
.constitution-banner{background:linear-gradient(to right,rgba(200,184,154,0.10),rgba(245,241,235,0.4));border-bottom:1px solid var(--line);padding:18px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;}
.cb-head{display:flex;align-items:center;gap:14px;margin-bottom:8px;}
.cb-head::before,.cb-head::after{content:"";display:block;width:24px;height:1px;background:var(--stone);}
.cb-title{font-family:'Cormorant Garamond',serif;font-size:10px;font-weight:500;letter-spacing:0.36em;color:var(--stone-dark);text-transform:uppercase;}
.cb-no{font-size:9px;letter-spacing:0.22em;color:var(--warm-grey);font-weight:500;margin-left:8px;}
.cb-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:14px;font-weight:400;color:var(--charcoal);line-height:1.6;max-width:760px;letter-spacing:0.01em;}

.demo-banner{background:var(--amber-light);border-bottom:1px solid rgba(155,122,62,0.22);text-align:center;padding:5px;font-size:8px;letter-spacing:0.2em;color:var(--amber);font-weight:600;}
.main{flex:1;padding:32px 32px 52px;max-width:1500px;width:100%;margin:0 auto;animation:fadeUp 0.3s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ATOMS */
.eyebrow{font-size:8px;letter-spacing:0.28em;font-weight:600;color:var(--stone-dark);text-transform:uppercase;margin-bottom:6px;}
.page-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;color:var(--charcoal);letter-spacing:0.05em;line-height:1.1;}
.page-meta{font-size:10px;color:var(--warm-grey);margin-top:4px;}
.sec-head{margin-bottom:26px;}
.gap{margin-bottom:20px;}
.divider{height:1px;background:var(--line);margin:18px 0;}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}

.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:22px 26px;box-shadow:var(--shadow);}
.card-label{font-size:8px;letter-spacing:0.26em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;margin-bottom:8px;}

.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:2px;font-size:8px;letter-spacing:0.16em;font-weight:500;text-transform:uppercase;}
.dot{width:5px;height:5px;border-radius:50%;}
.p-green{background:var(--green-light);color:var(--green);} .p-green .dot{background:var(--green);}
.p-amber{background:var(--amber-light);color:var(--amber);} .p-amber .dot{background:var(--amber);}
.p-orange{background:var(--orange-light);color:var(--orange);} .p-orange .dot{background:var(--orange);}
.p-red{background:var(--red-light);color:var(--red);} .p-red .dot{background:var(--red);}
.p-blue{background:var(--blue-light);color:var(--blue);} .p-blue .dot{background:var(--blue);}
.p-purple{background:var(--purple-light);color:var(--purple);} .p-purple .dot{background:var(--purple);}
.tag{font-size:7px;letter-spacing:0.14em;font-weight:600;padding:2px 7px;border-radius:2px;text-transform:uppercase;display:inline-block;}
.tg{background:var(--green-light);color:var(--green);}
.ta{background:var(--amber-light);color:var(--amber);}
.to{background:var(--orange-light);color:var(--orange);}
.tr{background:var(--red-light);color:var(--red);}
.tb{background:var(--blue-light);color:var(--blue);}
.tp{background:var(--purple-light);color:var(--purple);}
.tn{background:var(--cream-dark);color:var(--warm-grey);border:1px solid var(--line);}

.ib{background:none;border:none;cursor:pointer;font-size:12px;padding:4px 5px;border-radius:2px;color:var(--warm-grey);transition:background 0.13s;line-height:1;display:inline-flex;align-items:center;}
.ib:hover{background:var(--cream-dark);color:var(--charcoal);}
.ib.del:hover{background:var(--red-light);color:var(--red);}
.ib.pub:hover{background:var(--green-light);color:var(--green);}
.actions{display:flex;gap:1px;align-items:center;}

/* PRINCIPAL HERO */
.ph{display:grid;grid-template-columns:1fr 340px;gap:22px;margin-bottom:22px;}
.hero-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:38px 42px;display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative;overflow:hidden;}
.hero-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green);}
.hero-label{font-size:8px;letter-spacing:0.28em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;margin-bottom:12px;}
.hero-value{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:400;color:var(--charcoal);line-height:1.1;margin-bottom:16px;}
.hero-action{font-size:11px;color:var(--green);letter-spacing:0.03em;line-height:1.6;padding:10px 16px;background:var(--green-light);border-left:2px solid var(--green);border-radius:0 2px 2px 0;}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--card-border);border-radius:3px;overflow:hidden;margin-top:18px;}
.mc{background:var(--card-bg);padding:12px 16px;}
.mc-l{font-size:7px;letter-spacing:0.22em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;margin-bottom:3px;}
.mc-v{font-size:11px;color:var(--charcoal);}
.pool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;box-shadow:var(--shadow);overflow:hidden;}
.ph-head{padding:16px 22px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
.ph-title{font-size:8px;letter-spacing:0.24em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;}
.ph-body{padding:16px 22px;}
.pm{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);}
.pm:last-child{border-bottom:none;}
.pm-l{font-size:10px;color:var(--charcoal-mid);}
.pm-v{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--charcoal);}
.pm-u{font-size:9px;color:var(--warm-grey);margin-left:2px;}

/* EM SIDEBAR */
.em-wrap{display:flex;margin:-32px -32px -52px;min-height:calc(100vh - 110px);}
.em-side{width:220px;flex-shrink:0;border-right:1px solid var(--line);padding:18px 0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;}
.em-body{flex:1;padding:26px 32px;overflow-y:auto;min-width:0;}
.ss{margin-bottom:16px;}
.ss-label{font-size:7px;letter-spacing:0.28em;font-weight:700;color:var(--stone-dark);text-transform:uppercase;padding:0 16px;margin-bottom:2px;}
.si{display:flex;align-items:center;gap:7px;padding:7px 16px;font-size:10px;color:var(--charcoal-mid);cursor:pointer;transition:all 0.13s;border-right:2px solid transparent;letter-spacing:0.02em;}
.si:hover{color:var(--charcoal);background:var(--cream-dark);}
.si.active{color:var(--charcoal);background:var(--cream-dark);border-right-color:var(--stone-dark);font-weight:500;}
.sb{margin-left:auto;font-size:7px;font-weight:700;background:var(--amber);color:white;padding:2px 5px;border-radius:9px;min-width:16px;text-align:center;}
.sb-progress{background:var(--orange);}

/* CHECKS */
.tg-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;overflow:hidden;}
.tc-h{padding:10px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;}
.tc-ht{font-size:8px;letter-spacing:0.2em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;}
.ck{display:flex;align-items:center;gap:9px;padding:9px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:background 0.13s;}
.ck:last-child{border-bottom:none;}
.ck:hover{background:var(--cream-dark);}
.cb{width:14px;height:14px;border:1.5px solid var(--stone);border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:8px;}
.cb.on{background:var(--green);border-color:var(--green);color:white;}
.ck-l{font-size:11px;color:var(--charcoal);flex:1;}
.ck-l.done{color:var(--warm-grey);text-decoration:line-through;}

/* TABLES */
.dt{width:100%;border-collapse:collapse;}
.dt th{font-size:7px;letter-spacing:0.2em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;text-align:left;padding:9px 12px;border-bottom:1px solid var(--line-strong);background:var(--cream-dark);}
.dt td{font-size:11px;color:var(--charcoal);padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle;}
.dt tr:last-child td{border-bottom:none;}
.dt tr:hover td{background:var(--cream-dark);}
.dt .ac{text-align:right;}

/* BUTTONS */
.btn-p{padding:10px 22px;background:var(--charcoal);color:var(--cream);border:none;border-radius:2px;font-size:8px;letter-spacing:0.2em;font-weight:600;text-transform:uppercase;cursor:pointer;}
.btn-p:hover{background:var(--charcoal-light);}
.btn-s{padding:10px 18px;background:transparent;color:var(--charcoal-mid);border:1px solid var(--line-strong);border-radius:2px;font-size:8px;letter-spacing:0.2em;font-weight:600;text-transform:uppercase;cursor:pointer;}
.btn-s:hover{border-color:var(--stone-dark);color:var(--charcoal);}
.btn-approve{background:var(--green);color:white;border:none;padding:8px 14px;border-radius:2px;font-size:8px;letter-spacing:0.18em;font-weight:600;text-transform:uppercase;cursor:pointer;}
.btn-approve:hover{background:#4a6a4d;}
.btn-reject{background:transparent;color:var(--red);border:1px solid var(--red);padding:8px 14px;border-radius:2px;font-size:8px;letter-spacing:0.18em;font-weight:600;text-transform:uppercase;cursor:pointer;}
.btn-reject:hover{background:var(--red-light);}
.btn-hold{background:transparent;color:var(--amber);border:1px solid var(--amber);padding:8px 14px;border-radius:2px;font-size:8px;letter-spacing:0.18em;font-weight:600;text-transform:uppercase;cursor:pointer;}
.btn-hold:hover{background:var(--amber-light);}

/* POOL ENTRY */
.mdev{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:20px 24px;margin-bottom:12px;}
.mdev-n{font-size:9px;letter-spacing:0.18em;font-weight:600;color:var(--stone-dark);text-transform:uppercase;margin-bottom:2px;}
.mdev-d{font-size:11px;color:var(--warm-grey);margin-bottom:12px;}
.mf{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;}
.mf-f{flex:1;min-width:120px;}
.mf-f label{font-size:8px;letter-spacing:0.18em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;display:block;margin-bottom:6px;}
.mi{width:100%;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;color:var(--charcoal);border:none;border-bottom:2px solid var(--line-strong);background:transparent;padding:2px 0;outline:none;}
.mi:focus{border-bottom-color:var(--stone-dark);}
.mi::placeholder{color:var(--stone);}
.sr{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;}

/* EMPTY */
.empty{text-align:center;padding:48px 32px;color:var(--warm-grey);}
.empty-i{font-size:28px;opacity:0.22;margin-bottom:12px;}
.empty-t{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;margin-bottom:6px;}
.empty-s{font-size:10px;line-height:1.6;}

/* MODAL */
.mo{position:fixed;inset:0;z-index:2000;background:rgba(44,40,32,0.45);display:flex;align-items:center;justify-content:center;animation:fadeUp 0.16s ease;padding:20px;}
.md{background:var(--cream);border:1px solid var(--card-border);border-radius:4px;padding:30px 34px;width:580px;max-width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-md);position:relative;}
.md-title{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:400;color:var(--charcoal);margin-bottom:4px;}
.md-sub{font-size:8px;letter-spacing:0.16em;color:var(--warm-grey);text-transform:uppercase;margin-bottom:20px;}
.mc-x{position:absolute;top:12px;right:16px;font-size:22px;color:var(--warm-grey);cursor:pointer;line-height:1;background:none;border:none;}
.mc-x:hover{color:var(--charcoal);}
.fr{margin-bottom:14px;}
.fl{font-size:8px;letter-spacing:0.18em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;display:block;margin-bottom:6px;}
.fi,.fsel,.fta{width:100%;font-family:'Jost',sans-serif;font-size:12px;color:var(--charcoal);background:var(--cream-dark);border:1px solid var(--line-strong);border-radius:2px;padding:8px 11px;outline:none;}
.fi:focus,.fsel:focus,.fta:focus{border-color:var(--stone-dark);}
.fta{min-height:80px;resize:vertical;}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.fg3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.ma{display:flex;gap:8px;justify-content:flex-end;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);}

/* TOAST */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--charcoal);color:var(--cream);padding:9px 20px;border-radius:3px;font-size:10px;letter-spacing:0.04em;z-index:3000;animation:slideUp 0.2s;}
@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}

/* RATING STARS */
.star-row{display:flex;gap:3px;align-items:center;}
.star{cursor:pointer;font-size:16px;color:var(--line-strong);transition:color 0.13s;}
.star.on{color:var(--gold);}
.star:hover{color:var(--gold);}
.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:8px;}
.rating-item{display:flex;justify-content:space-between;align-items:center;}
.rating-label{font-size:11px;color:var(--charcoal-mid);}

/* VENDOR CARD */
.vendor-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:20px 24px;margin-bottom:12px;transition:all 0.16s;}
.vendor-card.preferred{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;}
.vc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;}
.vc-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--charcoal);}
.vc-meta{font-size:10px;color:var(--warm-grey);margin-top:2px;letter-spacing:0.04em;}
.vc-body{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:12px;font-size:11px;color:var(--charcoal-mid);}
.vc-field{display:flex;flex-direction:column;gap:2px;}
.vc-flabel{font-size:7px;letter-spacing:0.22em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;}
.vc-fval{color:var(--charcoal);}
.vc-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.vc-score{display:flex;flex-direction:column;gap:3px;}
.vc-score-l{font-size:7px;letter-spacing:0.18em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;}
.vc-score-v{display:flex;gap:1px;}
.vcs-star{font-size:11px;color:var(--gold);}
.vcs-empty{font-size:11px;color:var(--line-strong);}

/* HANDYMAN */
.hm-wrap{max-width:460px;margin:0 auto;padding:18px 14px;}
.hm-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;padding:16px 18px;margin-bottom:11px;position:relative;overflow:hidden;}
.hm-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;}
.hm-card.urg::before{background:var(--red);}
.hm-card.nor::before{background:var(--stone);}
.hm-card.don::before{background:var(--green);}
.hm-t{font-size:13px;font-weight:500;color:var(--charcoal);margin-bottom:4px;}
.hm-w{font-size:10px;color:var(--warm-grey);margin-bottom:10px;}
.hm-btn{width:100%;padding:9px;background:var(--charcoal);color:var(--cream);border:none;border-radius:2px;font-size:9px;letter-spacing:0.14em;font-weight:500;cursor:pointer;}
.hm-btn:hover{background:var(--charcoal-light);}
.hm-btn.done-btn{background:transparent;color:var(--green);border:1px solid var(--green);}

/* PROJECT CARD */
.project-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:18px 22px;margin-bottom:12px;}
.proj-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;}
.proj-title{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:500;color:var(--charcoal);}
.proj-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;}
.proj-field-l{font-size:7px;letter-spacing:0.22em;font-weight:600;color:var(--warm-grey);text-transform:uppercase;margin-bottom:3px;}
.proj-field-v{font-size:11px;color:var(--charcoal);}

/* STAFF CARD */
.staff-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:18px 22px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.staff-card.protected{border-left:3px solid var(--gold);}
.staff-card.operational{border-left:3px solid var(--blue);}
.staff-name{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:500;color:var(--charcoal);}
.staff-role{font-size:10px;color:var(--warm-grey);margin-top:2px;letter-spacing:0.04em;}

/* TASK CARD */
.task-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:3px;padding:18px 22px;margin-bottom:12px;}
.task-card.priority-urgent{border-left:3px solid var(--red);}
.task-card.priority-important{border-left:3px solid var(--orange);}
.task-card.priority-normal{border-left:3px solid var(--stone);}
.tc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;}
.tc-id{font-size:8px;letter-spacing:0.22em;color:var(--stone-dark);font-weight:700;}
.tc-source{font-size:10px;color:var(--charcoal-mid);margin:6px 0;letter-spacing:0.04em;}
.tc-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:var(--charcoal);line-height:1.5;padding:10px 14px;background:rgba(245,241,235,0.6);border-left:2px solid var(--stone);border-radius:0 2px 2px 0;margin:8px 0;}
.tc-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:10px;padding-top:10px;border-top:1px solid var(--line);margin-top:10px;}
.tc-completion{margin-top:12px;padding:12px 14px;background:var(--green-light);border-radius:2px;border-left:2px solid var(--green);}
.tc-completion-l{font-size:8px;letter-spacing:0.2em;font-weight:700;color:var(--green);text-transform:uppercase;margin-bottom:4px;}
.tc-completion-n{font-size:11px;color:var(--charcoal);font-style:italic;}

/* UTILITY BAR */
.ubar{height:5px;background:var(--cream-dark);border-radius:3px;overflow:hidden;margin-top:5px;}
.ubf{height:100%;border-radius:3px;background:var(--green);transition:width 0.5s;}

/* RESPONSIVE */
@media(max-width:1050px){.ph{grid-template-columns:1fr;}.g4{grid-template-columns:repeat(2,1fr);}.proj-meta{grid-template-columns:repeat(2,1fr);}.tc-meta{grid-template-columns:1fr;}}
@media(max-width:720px){.main{padding:14px;}.topbar{padding:0 12px;}.constitution-banner{padding:12px 16px;}.cb-text{font-size:12px;}.g2,.g3{grid-template-columns:1fr;}.em-side{display:none;}.role-grid{grid-template-columns:1fr;}.vc-body,.vc-scores{grid-template-columns:1fr;}}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:var(--cream-dark);}
::-webkit-scrollbar-thumb{background:var(--stone);border-radius:2px;}