:root{color:#172026;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{align-items:center;background:#fff;border:1px solid #c9d3dc;color:#16212b;cursor:pointer;display:inline-flex;font-weight:650;gap:8px;justify-content:center;min-height:36px;padding:0 12px}button:hover{background:#f6f9fb;border-color:#74899a}button.primary{background:#0f6f68;border-color:#0f6f68;color:#fff}button.primary:hover{background:#0b5f59}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:0;line-height:1.12}h2{font-size:16px;letter-spacing:0;line-height:1.25}h3{font-size:13px;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#111820;color:#eef4f6;display:flex;flex-direction:column;gap:22px;padding:18px 14px}.brand{align-items:center;display:flex;gap:12px;min-height:52px}.brand strong{display:block;font-size:15px}.brand small,.railStatus,.topbar p,.panelHeader p,.dialogHeader p,.editorEmpty p,.role p,.miniRow span,.task small{color:#667789}.brand small{color:#9fb0bd;display:block;margin-top:3px}.mark{align-items:center;background:#d7f2ee;color:#0b4f4a;display:inline-flex;font-weight:850;height:40px;justify-content:center;width:40px}nav{display:grid;gap:4px}nav button{background:transparent;border-color:transparent;color:#c6d3db;justify-content:flex-start;min-height:42px;padding:0 10px;text-align:left;width:100%}nav button span{align-items:center;background:#1d2a35;color:#9fb0bd;display:inline-flex;font-size:11px;font-weight:800;height:24px;justify-content:center;width:24px}nav button.active{background:#21313d;border-color:#304757;color:#fff}nav button.active span{background:#d7f2ee;color:#0b4f4a}.railStatus{align-items:center;border-top:1px solid #293944;display:flex;gap:8px;margin-top:auto;padding:14px 4px 2px}.workspace{min-width:0;padding:26px}.topbar{align-items:start;display:flex;gap:18px;justify-content:space-between;margin-bottom:22px}.eyebrow{color:#0f6f68;font-size:12px;font-weight:800;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}.identity{background:#fff;border:1px solid #d8e0e7;min-width:260px;padding:11px 12px}.identity span{color:#667789;display:block;font-size:12px;margin-bottom:3px}.identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{background:#fff8df;border:1px solid #ead07a;display:grid;gap:5px;margin-bottom:16px;padding:12px}.stack{display:grid;gap:16px}.metricGrid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(150px,1fr))}.metric,.panel,.editorPanel,.editorEmpty,.dialog,.role{background:#fff;border:1px solid #d8e0e7}.metric{min-height:116px;padding:16px;position:relative}.metric:before{background:#c9d3dc;content:"";height:3px;left:16px;position:absolute;right:16px;top:0}.metric.green:before{background:#1f8a5b}.metric.blue:before{background:#246bce}.metric.red:before{background:#c24141}.metric span{color:#667789;display:block;font-size:13px;margin-bottom:18px}.metric strong{display:block;font-size:26px;letter-spacing:0;line-height:1.1}.dashboardGrid,.emailLayout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.emailLayout{grid-template-columns:minmax(0,1fr) minmax(420px,520px)}.panel{padding:16px}.panelHeader{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.panelHeader p{margin-top:4px}.panelAction{flex:0 0 auto}.searchBar{max-width:720px}.field{display:grid;gap:6px;margin-bottom:12px}.field span{color:#4f6173;font-size:12px;font-weight:750;text-transform:uppercase}.formGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}input,textarea{background:#fbfdfe;border:1px solid #c9d3dc;color:#172026;min-height:38px;padding:9px 10px;width:100%}input:focus,textarea:focus{border-color:#0f6f68;box-shadow:0 0 0 3px #0f6f681f;outline:none}textarea{min-height:96px;resize:vertical}.editorPanel,.editorEmpty{position:sticky;top:18px}.editorPanel{max-height:calc(100vh - 36px);overflow:auto;padding:16px}.editorEmpty{padding:20px}.editorEmpty h2{font-size:22px;margin:12px 0 8px}.editorHeader,.dialogHeader{display:grid;gap:8px;margin-bottom:14px}.editorHeader{align-items:start;display:flex;justify-content:space-between}.editorHeader h2{font-size:22px;margin-top:6px;overflow-wrap:anywhere}.iconButton{min-height:32px;width:36px}.stickyActions{background:#fff;bottom:0;border-top:1px solid #d8e0e7;margin:0 -16px 16px;padding:12px 16px 0;position:sticky}.versionPanel{border-top:1px solid #d8e0e7;padding-top:14px}.preview{border:1px solid #d8e0e7;display:grid;gap:10px;margin-top:14px;padding:12px}.preview pre{background:#f4f7f9;margin:0;overflow:auto;padding:10px;white-space:pre-wrap}.preview iframe{border:1px solid #d8e0e7;height:320px;width:100%}.tableWrap{border:1px solid #e3e9ee;overflow:auto}table{border-collapse:collapse;min-width:760px;width:100%}.compact table{min-width:520px}th,td{border-bottom:1px solid #e8eef2;padding:11px 10px;text-align:left;white-space:nowrap}.compact th,.compact td{padding:8px}th{background:#f7fafc;color:#667789;font-size:11px;font-weight:800;position:sticky;text-transform:uppercase;top:0}tbody tr.selectable{cursor:pointer}tbody tr:hover{background:#f4f8fa}td{font-size:13px}.emptyCell,.emptyText{color:#667789}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.badge{background:#eef3f6;color:#4f6173;display:inline-flex;font-size:11px;font-weight:800;min-height:22px;padding:4px 8px;text-transform:uppercase}.badge.green{background:#e4f7ee;color:#17623e}.badge.red{background:#fdeaea;color:#9f2f2f}.badge.amber{background:#fff3d8;color:#805500}.taskList,.miniList,.roleGrid{display:grid;gap:10px}.task,.miniRow{align-items:center;border:1px solid #e3e9ee;display:flex;gap:10px;justify-content:space-between;padding:10px}.task{justify-content:flex-start}.task div,.miniRow{min-width:0}.task strong,.miniRow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{background:#c9d3dc;display:inline-block;flex:0 0 auto;height:9px;width:9px}.dot.ok{background:#1f8a5b}.roleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.role{padding:14px}.role p{margin-top:12px}.modal{align-items:center;background:#111820ad;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:10}.dialog{max-width:580px;padding:20px;width:100%}.dialogHeader h2{font-size:22px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.danger{background:#a73535;border-color:#a73535;color:#fff}.danger:hover{background:#8f2b2b;border-color:#8f2b2b}.ghost{background:transparent}@media(max-width:1180px){.metricGrid{grid-template-columns:repeat(3,minmax(160px,1fr))}.dashboardGrid,.emailLayout{grid-template-columns:1fr}.editorPanel,.editorEmpty{position:static}}@media(max-width:780px){.shell{grid-template-columns:1fr}.sidebar{gap:14px;position:static}nav{grid-template-columns:repeat(3,1fr)}nav button{justify-content:center}.workspace{padding:18px}.topbar{display:block}.identity{margin-top:12px;min-width:0}.metricGrid,.formGrid,.roleGrid{grid-template-columns:1fr}.panelHeader{display:grid}}
