/* TJO command center — charcoal, parchment and a restrained gold accent. */
:root{--bg:#111210;--panel:#191b18;--raised:#21231f;--line:#34372f;--ink:#f2f1e9;--muted:#a7aa9f;--gold:#d9c393;--green:#a6ceb3;--red:#efb1a8;--ease-out:cubic-bezier(.2,.8,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
body{background:#111210;color:var(--ink)}::selection{background:#d9c39335;color:#fff}a{color:var(--gold)}:focus-visible{outline:2px solid #e2cc9c!important;outline-offset:4px!important}
.brand{gap:12px;letter-spacing:.1em;color:#eeeede}.brand small{color:#898e81;letter-spacing:.17em;font-weight:500}.brand-emblem{display:block;width:43px;height:43px;flex:none;overflow:hidden}.brand-emblem img,.emblem-stage img,.intro-seal img{width:100%;height:100%;object-fit:cover;filter:invert(1);mix-blend-mode:screen;display:block}.brand-emblem img{opacity:.92}
.workspace{grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#151712;border-right:1px solid #ffffff0b;backdrop-filter:none;-webkit-backdrop-filter:none;padding:28px 16px 18px}.sidebar .brand{padding:0 8px;font-size:10px}.nav-label{margin:36px 12px 12px;font-size:9px;letter-spacing:.16em;color:#848b7d}.nav-section{padding:22px 12px 9px;font-size:9px;letter-spacing:.13em;color:#747d6b}.nav-item{padding:11px 12px;min-height:43px;border-radius:7px;margin:2px 0;gap:12px;color:#a7ae9f;font-size:12px;font-weight:500;box-shadow:none}.nav-item>.nav-icon{width:18px;height:18px;display:flex;color:inherit}.nav-icon svg{width:18px;height:18px}.nav-item.active{background:#d9c39310;color:#ead5a8;box-shadow:inset 0 0 0 1px #d9c39312}.nav-item.active::after{width:3px;height:14px;right:10px;background:#d9c393;border-radius:2px}.nav-item b{background:#d9c39318;color:#e3cda0;font-size:10px;margin-left:auto}.sidebar-bottom{border-color:#ffffff0b;gap:10px;padding-top:18px}.identity-avatar{background:#d9c39316;color:#e0c99a;border:1px solid #d9c39322;border-radius:9px}.identity strong{font-size:12px;color:#dcded5}.identity small{color:#929b86;font-size:10px}
.main{padding:0 clamp(24px,4vw,64px) 24px;max-width:1540px}.topbar{height:72px;background:#111210ee;border-bottom:1px solid #ffffff09;font-size:10px;letter-spacing:.055em;backdrop-filter:blur(14px)}.topbar::after{display:none}.topbar i{color:#666f5d}.topbar-meta{display:flex;align-items:center;gap:18px}.timezone-label{font-size:9px;letter-spacing:.1em;border:1px solid #ffffff15;padding:4px 7px;border-radius:4px;color:#a9ad9e}.access-tag{color:#a6b59d;font-size:10px}.access-tag i{background:#a6b59d}.page-heading{padding:36px 0 27px}.page-heading h1{font-size:clamp(28px,3.1vw,40px);font-weight:550;letter-spacing:-.045em;margin-bottom:10px}.page-heading .eyebrow{color:#a1a991;font-size:9px;letter-spacing:.14em;margin-bottom:12px}.page-heading p:last-child{color:#9ca390;font-size:13px;line-height:1.65;max-width:620px}
.button{background:#dac79e;border:1px solid #ead7b0;color:#28271e;box-shadow:0 1px 0 #fff3 inset;font-size:12px;font-weight:650;border-radius:7px;min-height:42px;padding:10px 16px}.secondary{background:#ffffff03;border-color:#ffffff17;color:#d3d7ca;border-radius:7px;box-shadow:none;min-height:40px;font-size:12px}.danger{background:#d9827210;border-color:#d9827233;color:#e9ac9c;border-radius:7px;min-height:40px;font-size:12px}.button:disabled,.secondary:disabled{transform:none;opacity:.5}.icon-button{color:#9ca390}.link{color:#d8c394}.small{min-height:33px;padding:6px 11px;font-size:11px}
.card{background:#191c17;border:1px solid #ffffff0c;border-radius:12px;box-shadow:none;margin-bottom:22px;overflow:hidden}.card-head{padding:22px 24px;border-color:#ffffff09}.card-head h2{font-size:15px;font-weight:550;letter-spacing:-.015em;color:#e8eadf}.card-head p{color:#8e9984;font-size:11px;line-height:1.65;margin-top:5px}.card-body{padding:24px}.stats{gap:14px}.stat{background:#191c17;border:1px solid #ffffff0d;border-radius:10px;padding:20px 23px}.stat::after{display:none}.stat span{color:#a8b09e;font-size:11px}.stat strong{font-size:33px;font-weight:500;color:#ebeddf}.stat small{color:#828f75;font-size:10px}
.workspace-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#282c21,#1a1d17);border:1px solid #d9c39316;border-radius:12px;padding:27px 30px;margin-bottom:26px;overflow:hidden}.workspace-intro .eyebrow{font-size:9px;color:#c5b58d;letter-spacing:.13em}.workspace-intro h2{font-weight:500;letter-spacing:-.035em;font-size:24px;margin:12px 0 6px;color:#ececde}.workspace-intro p{font-size:12px;color:#a7ae99;margin:0}.intro-seal{width:88px;height:88px;flex:none;opacity:.33}.quick-actions{padding:20px;gap:12px}.quick-action{background:#ffffff01;border-color:#ffffff0d;border-radius:9px;min-height:174px;padding:21px;box-shadow:none}.quick-icon{background:#d9c3930b;border:1px solid #d9c39315;color:#d6c18d;width:37px;height:37px;border-radius:8px;margin-bottom:20px}.quick-icon svg{width:19px;height:19px}.quick-action strong{font-size:13px;font-weight:550;color:#e1e5d7}.quick-action small{font-size:11px;line-height:1.65;color:#919e83;max-width:230px}.quick-action .quick-arrow{font-size:17px;color:#6f7c62;right:18px;top:18px}.home-activity>div{border-color:#ffffff08}.home-activity strong{font-size:12px;color:#d9dfcd}.home-activity small,.home-activity time{font-size:11px;color:#8f9b82}
input,textarea,select{background:#12150f;border:1px solid #ffffff1a;border-radius:7px;box-shadow:none;color:#e4e8d9;font-size:13px;min-height:42px;padding:10px 12px}input:focus,textarea:focus,select:focus{background:#181d13;border-color:#c1ad7c}input::placeholder,textarea::placeholder{color:#758067}input[type=checkbox]{accent-color:#d8c494;min-height:0}.field>span{color:#cbd3bf;font-size:12px}.field small{color:#919e83}.question,.command{background:#ffffff02;border-color:#ffffff0e;border-radius:9px}.command{padding:22px}.command code{color:#ddc89a}.command p{color:#a2ae94;font-size:12px}.command small{color:#839175}.badge{background:#d8c3930e;color:#d6c69e;border:1px solid #d8c39317;box-shadow:none;font-size:10px}.badge.open,.badge.ACCEPTED{background:#a2c79a0c;color:#b5d0a3;border-color:#a2c79a1c}.badge.REJECTED,.badge.CANCELLED{color:#e6ac9f;background:#dd88750c;border-color:#dd88751c}.member-card{background:#ffffff01;border-color:#ffffff0e;border-radius:9px}.member-role{background:#d9c3930a;color:#b8c2aa;border-color:#d9c39316}.operation-item{background:#ffffff01;border-color:#ffffff0c;border-radius:9px;color:#cbd4c0}.operation-item.selected{background:#d9c3930b;border-color:#d9c39340;box-shadow:none}.operation-item small{color:#91a17e}.operation-search{background:#12150f}.access-groups li{border-color:#ffffff0a}.access-facts dt{color:#8f9c82}.access-facts dd{color:#d8e0cc}.admin-action-bar,.sync-summary{background:#d9c39306;border-color:#d9c39316}.ticket-history{background:#11150e;border-color:#ffffff10;color:#a9b89a}
th{background:#ffffff02;color:#8f9c81;font-size:9px;letter-spacing:.1em}td{border-color:#ffffff09;color:#ced8c3;font-size:12px}td small{color:#849374}.empty{color:#8f9f7e;font-size:12px}.empty strong{color:#d2dcc6;font-size:15px}dialog{background:#1c2118;border-color:#59664a;border-radius:14px;box-shadow:0 28px 90px #0008}dialog::backdrop{background:#070a05bc}.modal-top{border-color:#ffffff10}.notice{background:#242c1e;border-color:#788c5a44;color:#c2d4ac}.notice.error{background:#33231c;border-color:#af70533d;color:#ebbaa2}.dashboard-footer{border-color:#ffffff09;color:#758469;font-size:9px;letter-spacing:.08em;padding-top:24px}
.landing{max-width:1240px;padding:36px 48px 26px;min-height:100svh}.landing .brand{font-size:11px}.landing-grid{grid-template-columns:1.12fr 1fr;gap:80px;padding:68px 0 70px}.landing .eyebrow{font-size:9px;letter-spacing:.16em;color:#b2a27b}.landing h1{font-size:clamp(46px,5.5vw,78px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin-bottom:26px;color:#f0f0e5}.landing h1 em{color:#d9c393}.landing .intro{font-size:14px;color:#9fa590;line-height:1.9;max-width:420px;margin-bottom:30px}.landing .button{padding:14px 20px;min-height:48px;gap:30px;font-size:12px}.landing .fine{font-size:10px;color:#7f8973;margin-top:17px;max-width:380px}.landing-note{background:#191c16;border:1px solid #ffffff0c;border-radius:14px;padding:0;overflow:hidden;box-shadow:none}.emblem-stage{display:flex;align-items:center;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#d9c3930c,transparent 65%);padding:38px 30px 30px;border-bottom:1px solid #ffffff0b}.emblem-stage img{width:170px;height:170px;opacity:.85}.emblem-caption{font-size:9px;letter-spacing:.34em;color:#989d8a;margin-top:24px}.landing-capabilities{padding:29px 32px 32px}.landing-note .eyebrow{color:#7e8b6d;font-size:8px;letter-spacing:.11em;margin:0 0 23px}.landing-note ol{margin:0}.landing-note li{margin-top:22px;gap:17px}.landing-note li:first-child{margin-top:0}.landing-note li>span{font-family:ui-monospace,monospace;color:#8b805f;font-size:10px;padding-top:2px}.landing-note strong{font-size:12px;font-weight:500;color:#d3dcc6}.landing-note li p{color:#8a987a;font-size:11px;line-height:1.7;margin-top:4px}.landing footer{border-color:#ffffff0c;font-size:9px;color:#7f8b70;padding-top:22px;letter-spacing:.1em}.landing footer a{color:#a5ad94}
@media(hover:hover) and (pointer:fine){.nav-item:hover{background:#d9c39306;color:#e0dfcb}.button:hover{background:#e5d5b2;color:#25251c;border-color:#e9dabd}.secondary:hover{background:#ffffff07;border-color:#ffffff28}.quick-action:hover{background:#d9c39304;border-color:#d9c39333}.quick-action:hover .quick-arrow{color:#d9c393;transform:translate(2px,-2px)}.member-card:hover,.operation-item:hover{background:#d9c39306}.nav-item.active:hover{background:#d9c39310}}
@media(max-width:1100px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-grid{gap:45px}.landing{padding:28px 30px}.main{padding-right:28px;padding-left:28px}.workspace{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.workspace{display:block}.sidebar{height:auto;position:relative;padding:18px 16px 0;border-right:0;border-bottom:1px solid #ffffff0c}.sidebar .brand{font-size:10px}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding:16px 0 12px;scrollbar-width:thin}.sidebar .nav-label,.nav-section,.sidebar-bottom{display:none}.nav-item{flex:0 0 auto;width:auto;white-space:nowrap;min-height:40px;padding:9px 12px;gap:8px}.nav-item.active::after{display:none}.main{padding:0 18px 20px}.topbar{height:54px;font-size:9px;position:relative;backdrop-filter:none}.topbar-meta{gap:8px}.access-tag{font-size:9px}.page-heading{padding:27px 0 22px}.page-heading h1{font-size:30px}.page-heading p:last-child{font-size:12px}.workspace-intro{padding:23px 21px;margin-bottom:20px}.workspace-intro h2{font-size:21px;max-width:230px}.intro-seal{width:63px;height:63px;opacity:.27}.quick-actions{grid-template-columns:1fr;padding:12px;gap:8px}.quick-action{min-height:0;padding:19px 38px 19px 68px}.quick-icon{left:18px;top:20px;width:33px;height:33px;margin:0}.quick-action .quick-arrow{top:22px;right:16px}.quick-action small{max-width:none;font-size:11px}.card-head{padding:20px}.card-body{padding:20px}.card{margin-bottom:18px}.stats{gap:9px}.stat{padding:16px}.stat strong{font-size:29px}.landing{padding:24px 24px}.landing-grid{grid-template-columns:1fr;gap:38px;padding:50px 0 38px}.landing h1{font-size:58px;margin-bottom:23px}.landing .intro{font-size:13px;max-width:390px}.landing .eyebrow{font-size:8px}.landing .brand{font-size:10px}.landing-note{max-width:500px;width:100%}.emblem-stage{padding:28px}.emblem-stage img{width:120px;height:120px}.emblem-caption{margin-top:18px;font-size:8px}.landing-capabilities{padding:25px}.landing footer{font-size:8px;line-height:1.6}.dashboard-footer{flex-wrap:wrap;gap:8px}.timezone-label{font-size:8px}.member-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.quick-arrow{transform:none!important}}
@media(prefers-contrast:more){.card,.stat,.quick-action,.member-card,.command,.operation-item{border-color:#8a977b}.card-head p,.quick-action small,.empty,.landing .intro{color:#c2ccaf}}
/* Keep the emblem composited against its card, without an opaque image tile. */
.intro-seal{opacity:1}.intro-seal img{opacity:.3}
@media(max-width:760px){.intro-seal{opacity:1}.intro-seal img{opacity:.27}}
.intro-seal{mix-blend-mode:screen}.intro-seal img{mix-blend-mode:normal}