/* Planroom — Technical, drawing-office precision */
:root{--rl-bg:#f8f9fa;--rl-muted-bg:#f3f5f7;--rl-surface2:#f6f8fa;--rl-surface3:#e9f1fb;--rl-border:#dbe0e7;--rl-ink:#182a42;--rl-muted:#53647a;--rl-faint:#8595a3;--rl-accent:#2465b1;--rl-positive:#247b80;}
/* Reliance project-controls presentation. Retains application DOM, data, and role controls. */
:root{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif}
body[data-theme="light"]{color-scheme:light;--bg:var(--rl-bg);--bg2:var(--rl-muted-bg);--surface:#fff;--surface2:var(--rl-surface2);--surface3:var(--rl-surface3);--border:var(--rl-border);--text:var(--rl-ink);--muted:var(--rl-muted);--muted2:var(--rl-faint);--blue:var(--rl-accent);--teal:var(--rl-positive);--gold:var(--rl-accent);--red:#c55349;--purple:#7866a1;--nav:#fff;--shadow:0 3px 14px rgba(18,37,56,.045)}
body[data-theme="light"] .main{background:var(--bg)}
body[data-theme="light"]{background:var(--bg)}
.app-shell{display:flex;width:100%;min-width:0}
.app-shell>.main{flex:1;min-width:0;width:100%}
.content{max-width:none;padding:0 23px 22px!important;margin:0 auto;min-height:100vh}
.app-toprail{display:flex;align-items:center;gap:17px;min-height:66px;background:#fff;border-bottom:1px solid var(--rl-border);padding:0 20px;position:relative;margin:0 -23px 19px;z-index:9}
.nav-trigger{border:1px solid var(--rl-border);background:#fff;color:var(--rl-ink);border-radius:7px;height:36px;padding:0 12px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750}
.nav-trigger:hover{background:var(--rl-surface2)}.menu-symbol{font-size:17px;line-height:1}
.rail-wordmark{display:flex;gap:10px;align-items:center;white-space:nowrap}.rail-monogram{height:29px;width:29px;display:grid;place-items:center;background:var(--rl-accent);border-radius:6px;color:#fff;font-weight:850;font-size:18px}.rail-name{font-size:14px;letter-spacing:1.5px;font-weight:850;color:var(--rl-ink)}.rail-divider{width:1px;height:18px;background:var(--rl-border)}.rail-product{font-size:10px;font-weight:750;letter-spacing:1.4px;color:var(--rl-muted)}
.rail-shortcuts{display:flex;align-items:center;gap:2px;margin-left:auto;align-self:stretch}.quick-nav{border:0;border-bottom:2px solid transparent;padding:3px 12px 0;background:transparent;font-weight:650;font-size:11px;color:var(--rl-muted);white-space:nowrap}.quick-nav:hover{color:var(--rl-ink)}.quick-nav.active{border-bottom-color:var(--rl-accent);color:var(--rl-ink)}
.design-marker{font-size:9px;letter-spacing:1.3px;color:var(--rl-muted);border:1px solid var(--rl-border);padding:6px 8px;border-radius:3px;white-space:nowrap}
.nav-scrim,.insights-scrim{position:fixed;inset:0;background:rgba(20,36,53,.18);z-index:95}.nav-scrim[hidden],.insights-scrim[hidden]{display:none}
.sidebar{position:fixed!important;z-index:100;left:0;top:0;height:100dvh;width:260px!important;padding:20px 12px 16px!important;overflow:auto;border-right:1px solid var(--rl-border)!important;background:#fff;box-shadow:12px 0 45px rgba(20,36,53,.09);transform:translateX(-104%);transition:transform .2s ease}
body.nav-open .sidebar{transform:translateX(0)}.sidebar-close{align-self:flex-end;border:1px solid var(--rl-border);background:#fff;color:var(--rl-ink);font-size:22px;width:32px;height:32px;border-radius:6px;flex:0 0 auto}
.sidebar .brand{padding:5px 0 17px;margin:0 0 8px}.sidebar .brand-emblem{background:var(--rl-accent);border:0;width:40px;height:40px;border-radius:8px;margin-bottom:7px}.sidebar .brand-emblem span{font-family:Inter,"Segoe UI",sans-serif;font-size:28px;color:#fff;text-shadow:none}.sidebar .brand-word{font-family:inherit;font-size:19px;font-weight:850;color:var(--rl-ink);letter-spacing:1.8px}.sidebar .brand-sub{font-size:8px;color:var(--rl-muted);letter-spacing:2px}.sidebar .nav-item{padding:10px 12px;border-radius:7px;color:var(--rl-muted);font-size:12px}.sidebar .nav-icon{font-size:15px;color:var(--rl-muted)}body[data-theme=light] .nav-item.active{background:var(--rl-surface3);color:var(--rl-ink);box-shadow:inset 3px 0 var(--rl-accent);border-color:transparent}.sidebar .side-user{position:static!important;bottom:auto;left:auto;right:auto;z-index:auto;box-shadow:none;background:transparent;border-radius:0}
.top-head{gap:18px;margin:0 0 10px;min-height:54px}.top-caption{font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--rl-muted)}.titlebar{margin-bottom:0}.titlebar h1{font-size:clamp(18px,1.65vw,24px);font-weight:760;letter-spacing:-.65px;color:var(--rl-ink)}#project-caption{margin:4px 0 0;font-size:10px;color:var(--rl-muted)}.top-controls{gap:7px}
.top-search,.top-export,.top-theme,.top-sync,.layout-button,.zoom-buttons,.filter-wrap select{background:white!important;color:var(--rl-ink)!important;border:1px solid var(--rl-border)!important;box-shadow:none!important;border-radius:6px!important}.top-search input{color:var(--rl-ink)!important;font-size:11px}.top-search input::placeholder{color:var(--rl-faint)!important}.top-sync,.top-export{font-size:11px}.top-sync small{font-size:9px}.top-subline{margin:0 0 10px;gap:8px}.top-subline .safe-chip{font-size:10px;color:var(--rl-muted)}.subline-button{border:1px solid var(--rl-border)!important;background:#fff!important;color:var(--rl-ink)!important;border-radius:6px!important}
.notice{display:none!important;background:var(--rl-surface2)!important;border:1px solid var(--rl-border)!important;padding:8px 11px;margin-bottom:10px;font-size:10px;border-radius:6px}.notice-circle{background:var(--rl-accent)}.notice strong{color:var(--rl-ink)}
.kpi-grid{gap:9px;margin:0 0 11px}.kpi-card{min-height:74px;max-height:74px;padding:11px 13px;border:1px solid var(--rl-border)!important;border-radius:7px;box-shadow:none!important;background:#fff!important;gap:10px}.kpi-card:hover,.kpi-card.selected{border-color:var(--rl-accent)!important;background:var(--rl-surface2)!important}.kpi-card::after{display:none}.kpi-icon{width:30px;height:30px;min-width:30px;border-radius:5px;font-size:16px;color:var(--rl-accent)!important;background:var(--rl-surface3)!important}.kpi-value{font-size:23px;font-weight:780;line-height:1.1}.kpi-label{font-size:10px;font-weight:730;color:var(--rl-muted);margin:0 0 2px}.kpi-extra{font-size:9px;margin-top:2px}.kpi-spark{display:none!important}
.workspace-region,.workspace-region.insight-closed{display:block!important;position:relative;min-width:0;grid-template-columns:none!important}.workspace-card,.info-card{border:1px solid var(--rl-border)!important;border-radius:7px!important;box-shadow:none!important;background:#fff}.workspace-card{width:100%;min-width:0}.viewbar{min-height:51px;padding:9px 11px;border-bottom:1px solid var(--rl-border)}.tabs{gap:3px}.tab{color:var(--rl-muted);font-size:11px;padding:7px 11px;border-radius:5px}.tab.active{background:var(--rl-surface3)!important;color:var(--rl-ink)!important;border:1px solid var(--rl-border)!important}.filters{gap:5px}.zoom-buttons button{padding:6px 8px!important;font-size:10px!important}.zoom-buttons button.active{background:var(--rl-accent)!important;color:#fff!important}.layout-button{font-size:10px}.filter-wrap{border-radius:5px}.filter-wrap select{font-size:10px}
.schedule-scroll{max-height:min(61vh,680px);min-height:335px;border-top:0;scrollbar-color:var(--rl-border) transparent}.grid-row,.grid-row.group{grid-template-columns:86px 215px 70px 70px 60px var(--timeline-width);height:33px}.grid-head{height:45px}.grid-cell{font-size:10px;padding:0 7px;border-right-color:var(--rl-border)!important;border-bottom-color:var(--rl-border)!important}.grid-head .grid-cell{background:var(--rl-surface2)!important;font-size:9px;color:var(--rl-muted)}.grid-cell.col0{left:0}.grid-cell.col1{left:86px}.grid-cell.col2{left:301px}.grid-cell.col3{left:371px}.grid-cell.col4{left:441px}.grid-cell.col4{box-shadow:2px 0 3px #172d3b12}.grid-cell.timeline-cell{padding:0}.group .grid-cell,.group .grid-cell.sticky{background:var(--rl-surface2)!important}.group .grid-cell{font-weight:750}.group-toggle{color:var(--rl-accent)}.tick-label{font-size:9px;color:var(--rl-muted)}.tick-label.month-label{color:var(--rl-ink);font-weight:700}.bar{background:var(--rl-accent)!important}.bar.critical{background:#cf6854!important}.bar.complete{background:var(--rl-positive)!important}
.panel-footer{border-top:1px solid var(--rl-border);font-size:9px}.bottom-grid{grid-template-columns:1.4fr 1fr 1fr;gap:10px;margin-top:10px}.info-card{padding:11px 12px;min-height:170px}.card-title{font-weight:750;color:var(--rl-ink)}.detail-value{background:var(--rl-surface2)!important;border-color:var(--rl-border)!important;color:var(--rl-ink)!important}.edit-selected{color:var(--rl-accent)!important;border-color:var(--rl-accent)!important;background:#fff!important}.detail-tabs button.active{color:var(--rl-ink)!important;background:var(--rl-surface2)!important;box-shadow:inset 0 -2px var(--rl-accent)}
.insights-panel{position:fixed!important;display:flex;z-index:99;right:0;top:0;bottom:0;width:min(420px,95vw);height:100dvh;max-height:100dvh!important;box-shadow:-12px 0 50px #182d4933;overflow:auto;border-radius:0!important;border:0!important;border-left:1px solid var(--rl-border)!important;background:#fff!important}.insights-panel[hidden]{display:none!important}.insights-head{background:var(--rl-surface2);color:var(--rl-ink);border-bottom:1px solid var(--rl-border)}.insight-content{overflow:auto}.insights-scrim{z-index:98}
.main-footer{color:var(--rl-muted);font-size:9px;margin-top:8px}.web-auth-card{border-color:var(--rl-border)}
@media(max-width:1440px){.rail-product{display:none}.design-marker{display:none}.top-search input{width:150px}.content{padding:0 14px 18px!important}.app-toprail{margin-left:-14px;margin-right:-14px}}
@media(max-width:1100px){.rail-shortcuts{gap:0}.quick-nav{padding:2px 6px;font-size:10px}.top-head{flex-wrap:wrap}.bottom-grid{grid-template-columns:1fr 1fr}.activity-details{grid-column:1/-1}}
@media(max-width:800px){.app-toprail{flex-wrap:wrap;gap:5px;min-height:88px;padding:10px}.rail-wordmark{gap:6px}.rail-shortcuts{overflow:auto;width:100%;margin:0;justify-content:flex-start;min-height:30px}.quick-nav{padding:7px}.top-controls{flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.viewbar{flex-wrap:wrap}.filters{flex-wrap:wrap}.grid-row,.grid-row.group{grid-template-columns:72px 165px 0 0 0 var(--timeline-width)}.grid-cell.col0{left:0}.grid-cell.col1{left:72px}.grid-cell.col2,.grid-cell.col3,.grid-cell.col4{display:none}.bottom-grid{grid-template-columns:1fr}.content{padding:0 10px 12px!important}.app-toprail{margin:0 -10px 12px}.sidebar{width:min(85vw,290px)!important}.sidebar .side-user{display:flex!important}.schedule-scroll{min-height:250px}}

.app-toprail{border-top:4px solid #1b3557}.rail-monogram{background:#1b3557;border-radius:0}.rail-product{letter-spacing:2px}.workspace-card{border-radius:2px!important}.kpi-card,.info-card{border-radius:2px!important}.grid-row{height:30px}.grid-head{background:#f4f7fc}.tick-label.month-label{letter-spacing:.3px}.quick-nav.active{color:#2465b1}.kpi-grid{gap:0;border:1px solid #dbe0e7;background:#fff}.kpi-card{border:0!important;border-right:1px solid #dbe0e7!important}.kpi-card:last-child{border:0!important}.top-caption{color:#2465b1}.workspace-card{border-top:2px solid #2465b1!important}