:root{--accent:#6558f5;--ink:#29324a;--line:#e9ebf2;--muted:#788197}body{background:#f6f7fb;color:var(--ink);font-family:Segoe UI,Arial,sans-serif}aside{width:238px;background:#202945;padding:28px 18px;border-right:1px solid #303956}.logo{letter-spacing:3px;font-size:27px;padding:0 14px}.logo:before{content:'D';display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent);font-size:20px;letter-spacing:0;margin-right:10px;vertical-align:3px}.sub{color:#a3abc4;font-size:14px;margin:8px 14px 42px}.rolelabel{font-size:12px;letter-spacing:1.5px;color:#8d97b4;margin:0 14px 14px}.rolebutton{display:flex;align-items:center;gap:12px;color:#c4cbe0;padding:13px 14px;border-radius:7px;font-size:14px;margin-bottom:8px}.rolebutton:before{content:'▤';font-size:20px;line-height:1;color:#a8b1cd}.rolebutton.active{background:#6558f5;box-shadow:0 5px 16px #11193230;color:white}.rolebutton.active:before{color:white}.rolebutton:hover:not(.active){background:#ffffff0b}.asidefoot{color:#929dbb;padding:0 14px;font-size:13px}.integration button{background:#ffffff08;color:#c2cae0;border-color:#ffffff18;font-size:14px;padding:12px}.integration button:hover{background:#ffffff12}main{margin-left:238px;max-width:none;padding:0 28px 28px}.appbar{height:68px;margin:0 -28px;padding:0 28px;border-color:var(--line);box-shadow:0 3px 14px #29324a03;color:#6e778b}.appbar>span:first-child{font-weight:500}.barsep{color:#d5d8e3}#topRole{background:#f5f3ff;color:#6558d8;border:0;border-radius:6px;padding:8px 12px}.breadcrumb{color:#9298a9;margin:27px 0 8px;font-size:14px}h1{font-size:26px;letter-spacing:-.4px;color:#29324a}#subtitle{font-size:14px;color:#878fa1;margin-top:7px}.top{align-items:center}.primary{background:var(--accent);border-radius:6px;box-shadow:0 4px 9px #6558f51c;font-size:14px;padding:11px 16px}.primary:hover{background:#5447df}.secondary{color:#5d6477;border-color:#e1e4ee;border-radius:6px;font-size:14px}.secondary:hover{background:#f5f3ff;border-color:#cfc8ff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#a89dff}.demo{background:#eeecff;color:#7066ad;border-color:#e1dcff;font-size:13px;padding:9px 13px;margin-top:22px;border-radius:6px}.stats{gap:20px;margin:22px 0}.stat{position:relative;padding:20px 22px;border:1px solid #edf0f5;border-radius:9px;box-shadow:0 4px 18px #20294504;overflow:hidden}.stat:after{content:'▤';position:absolute;right:20px;top:23px;width:44px;height:44px;display:grid;place-items:center;background:#eeebff;border-radius:50%;color:#7768ef;font-size:22px}.stat:nth-child(2):after{content:'◷';background:#fce9f9;color:#d450ca}.stat:nth-child(3):after{content:'✓';background:#e5f7f2;color:#32aa8b}.stat strong{font-size:30px;font-weight:600;color:#283149;margin-top:7px;line-height:1.3}.stat span{color:#81899b;font-size:14px;display:block;padding-right:44px}.toolbar{border-color:var(--line);border-radius:8px;padding:15px;box-shadow:0 3px 15px #20294503;margin:24px 0 14px;gap:10px}input,select,textarea{border-color:#e3e6ef;color:#454c60;border-radius:6px;font-size:14px;padding:10px 12px}.switch{border-color:#e9e6fb;background:#f7f6fd}.switch button{font-size:14px;border-radius:5px}.switch button.active{background:var(--accent);color:white}.board{gap:20px}.col{background:#eef0f7;border:1px solid #e7e9f2;padding:15px;border-radius:9px;min-height:400px}.coltitle{position:relative;color:#4d556b;margin:0 0 18px;padding:5px 0 12px;border-bottom:1px solid #e0e3ee;font-size:15px}.coltitle:before{content:'';width:3px;height:18px;background:#7865ee;margin-right:8px;border-radius:3px}.coltitle .count{margin-left:auto}.col:nth-child(2) .coltitle:before{background:#eeaf42}.col:nth-child(3) .coltitle:before{background:#32b79b}.count{background:white;color:#81899d;border:1px solid #e1e4ee;border-radius:5px;padding:1px 8px}.empty{color:#9098ac;padding:52px 8px;font-size:14px}.card{border-color:#e8eaf2;border-radius:8px;box-shadow:0 4px 12px #20294504;padding:17px}.card:hover{border-color:#b6acf7;box-shadow:0 6px 20px #6558f50d}.card h3{color:#353b53}.card p,.cardfoot,.meta,.kind{color:#81899d}.tag{background:#ece9ff;color:#7765d3}.tag.content{background:#e8f5ff;color:#498dc5}.created{color:#949bad}.cardfoot{border-color:#f0f1f6}.col.dropover{background:#e6e1ff;outline-color:#8f80ef}.table{border-color:var(--line);border-radius:8px}.table th{background:#f8f9fc;color:#70788e;font-size:13px;font-weight:600;text-transform:none;letter-spacing:0}.table td{border-color:#edf0f5;color:#596177}.table tbody tr:nth-child(even){background:white}.table tbody tr:hover{background:#f7f5ff}.summary{border-color:#e5e8f0;color:#8a91a2;font-size:13px}.summary .secondary{background:white}.toast{background:#34324f}dialog{color:#343b50;border-radius:12px;box-shadow:0 30px 100px #20294540}dialog::backdrop{background:#20294570}.dialogbody{padding:28px}.close{color:#838a9b;background:#f2f3f8}.section{border-color:#eaecf3}.sectionchoices label{background:#f9f8fe;border-color:#e6e2f5}.requestsummary{background:#f7f6fd;border-color:#e6e2f5}.comment{background:#f5f4fc}.fileitem{background:#f8f7fd;border-color:#e9e5f6}.fileitem a{color:#6558d8}.timeline{border-color:#e5dfff}.timeline>div:before{background:#8776ef}.note{color:#878fa2}
@media(max-width:1200px){main{margin-left:238px}.top{align-items:start;flex-direction:column}}@media(max-width:850px){aside{position:static;width:auto;height:auto;background:#202945;padding:15px 18px;flex-wrap:wrap;gap:12px}.logo{font-size:21px;padding:0}.logo:before{width:29px;height:29px;font-size:17px;vertical-align:1px}.rolebutton{padding:9px 12px}.rolebutton:before{font-size:17px}.integration{margin:0}.integration button{width:auto;padding:9px 12px}.sub,.asidefoot{display:none}main{margin-left:0;padding:0 18px 24px}.appbar{margin:0 -18px;padding:0 18px;height:60px}.stats{gap:12px}.stat{padding:16px}.stat:after{display:none}.stat span{padding:0}.board{gap:12px}.col{min-height:260px}}@media(max-width:500px){.appbar>span:first-child{font-size:12px}#topRole{font-size:12px}.stats{gap:8px}.stat{padding:12px}.stat span{font-size:12px}.stat strong{font-size:25px}.board{grid-template-columns:1fr}.col{min-height:170px}.toolbar{padding:12px}.integration{width:100%}.integration button{width:100%}.dialogbody{padding:20px}}

.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;margin-right:7px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{cursor:wait;opacity:.7}.auth-pending>aside,.auth-pending>main{display:none}#loginScreen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f7fb}.loginbox{width:min(420px,100%);padding:38px;background:white;border:1px solid #e9ebf2;border-radius:14px;box-shadow:0 15px 55px #2029450d}.loginbrand{font-size:25px;font-weight:750;letter-spacing:3px;color:#6558f5;margin-bottom:28px}.loginbox h1{font-size:24px}.loginbox p{font-size:14px}.loginbox .primary{width:100%;margin-top:12px}#loginError{color:#b43e49;min-height:20px}#logout{padding:7px 12px;margin-left:12px}.appbar>span:first-child{margin-right:auto}
/* Compact working surfaces */
dialog{width:min(720px,94vw);max-height:86vh;overflow:hidden}.dialogbody{max-height:86vh;overflow:auto;padding:0 22px 22px}.dialoghead{position:sticky;top:0;z-index:5;background:white;padding:12px 0;border-bottom:1px solid #e9ebf2;margin-bottom:12px}.close{width:36px;height:36px;flex-shrink:0;border-radius:7px;font-size:22px;background:#efedf9;color:#6558d8}.field{margin:11px 0}.field>span{margin-bottom:4px}.grid2{gap:8px 14px}.section{margin-top:14px;padding-top:12px}.section h3{margin:6px 0 10px}.dialogbody h2{font-size:20px;margin-bottom:10px}.dialogbody textarea{min-height:65px}.dialogbody .actions{margin-top:16px}.card{padding:12px;margin-bottom:9px}.card h3{margin:7px 0 5px;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card p{display:none}.card .kind{font-size:12px;margin-bottom:6px}.cardfoot{margin-top:8px;padding-top:7px}.cardfoot>span:first-child{display:none}.created{font-size:12px}.col{padding:12px}.insights-open>.breadcrumb,.insights-open>.top,.insights-open>.demo,.insights-open>.stats,.insights-open>.toolbar,.insights-open>#draghelp,.insights-open>#workspace,.insights-open>.summary{display:none}#insightsPage{padding-top:28px}#insightsPage h3{font-size:16px}.metricgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metricbox{background:white;border:1px solid #e9ebf2;border-radius:9px;padding:20px}.metricbox p{font-size:14px}.integration button+button{margin-top:8px}@media(max-width:600px){.metricgrid{grid-template-columns:1fr}.dialogbody{padding:0 16px 16px}}
.invalid-field{border-color:#db3e50!important;background:#fff6f7!important;outline-color:#db3e50!important}.field-error{color:#bc2f40;font-size:13px;margin-top:5px}.toast{z-index:10000}.audit-entry{border-left:2px solid #ddd7fa;padding:10px 14px;margin:10px 0;font-size:14px}.audit-entry>strong{display:block;color:#747c90;font-size:13px;margin-bottom:8px}.audit-values{display:grid;gap:4px;margin:5px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.audit-values>span:first-child{color:#8a6670}.audit-values>span:last-child{color:#356f62}.lifecycle-actions{border-top:1px solid #e9ebf2;padding-top:15px;align-items:center;flex-wrap:wrap}.danger{color:#bd394d;border-color:#f1c4cd}.lifecycle-actions .field{margin:0}.lifecycle-actions .note{font-size:12px}
.save-badge{position:sticky;top:61px;z-index:4;background:white;border-bottom:1px solid #eee;padding:7px 0;font-size:13px;color:#7f879a}.save-badge.dirty{color:#a07120}.save-badge.saved{color:#27876d}.save-badge.error{color:#b63749}.save-badge.saving{color:#6558f5}[data-resolution]{width:100%;margin-top:6px;font-size:13px;background:#f8f7ff}[data-note]{min-height:55px;margin-top:6px;font-size:13px}#conflictBox pre{white-space:pre-wrap;max-height:200px;overflow:auto;font-size:12px}