.demo{--d-paper:#fcfcfb;--d-card:#fff;--d-sunken:#f5f6f7;--d-ink:#202428;--d-muted:#5c656d;--d-faint:#6b747c;--d-line:#eceef0;--d-line-2:#e3e6e9;--d-amber:#9a6a0f;--d-red:#b5423a;--brand:#2c4c3f;--brand-wash:#e4ede7;background:var(--d-paper);width:100%;color:var(--d-ink);border:1px solid var(--line-strong);box-shadow:var(--shadow);font-family:var(--sans);text-align:left;border-radius:18px;font-size:14px;line-height:1.45;position:relative;overflow:hidden;container:demo/inline-size}.demo button{color:inherit}.demo :focus-visible{outline:2px solid var(--brand);outline-offset:2px}.d-chrome{background:var(--d-card);border-bottom:1px solid var(--d-line);flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:44px;padding:0 16px;display:flex}.d-dots{gap:6px;display:flex}.d-dots i{background:var(--d-line-2);border-radius:99px;width:9px;height:9px}.d-url{color:var(--d-faint);background:var(--d-sunken);font-variant-numeric:tabular-nums;border-radius:8px;padding:3px 14px;font-size:12px;font-weight:500}.d-sample{color:var(--d-muted);border:1px solid var(--d-line-2);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:500}.d-reset{color:var(--d-muted);text-underline-offset:3px;min-height:32px;padding:0 4px;font-size:12.5px;text-decoration:underline}.d-reset:hover{color:var(--d-ink)}.d-studio{align-items:center;gap:10px;margin-left:auto;padding:6px 0;display:flex}.d-studio+.d-sample{margin-left:0}.d-studio label{color:var(--d-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.d-studio input{border:1px solid var(--d-line-2);background:var(--d-sunken);width:180px;height:44px;color:var(--d-ink);border-radius:10px;padding:0 12px;font-size:14px}.d-studio .sw{border-color:var(--d-line-2)}.d-studio .sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--d-card), 0 0 0 4px var(--d-ink)}.d-app{grid-template-columns:210px 1fr;display:grid;position:relative}.d-side{background:var(--d-card);border-right:1px solid var(--d-line);flex-direction:column;gap:2px;padding:18px 14px;display:flex}.d-brand{align-items:center;gap:10px;min-width:0;margin-bottom:14px;display:flex}.d-brand b{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:14.5px;display:block;overflow:hidden}.d-brand em{color:var(--d-muted);font-size:12px;font-style:normal;display:block}.d-mark{background:var(--brand);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;transition:background .3s;display:flex}.d-search{color:var(--d-faint);background:var(--d-sunken);border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:7px 10px;font-size:12.5px;display:flex}.d-search kbd{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.d-navlbl{color:var(--d-faint);font-variant-numeric:tabular-nums;margin:6px 8px;font-size:12px;font-weight:500}.d-side i{color:var(--d-muted);border-radius:9px;padding:7px 10px;font-size:13.5px;font-style:normal}.d-side i.on{background:var(--brand-wash);color:var(--brand);font-weight:600}.d-main{flex-direction:column;min-width:0;display:flex}.d-head{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px 14px;display:flex}.d-head h4{letter-spacing:-.02em;font-size:20px}.d-head span{color:var(--d-muted);font-size:12.5px}.d-btn{background:var(--brand);white-space:nowrap;border-radius:10px;padding:8px 14px;font-weight:600;transition:background .3s;color:#fff!important;font-size:12.5px!important}.d-body{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:16px;padding:0 22px 22px;display:grid}.d-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.d-col{background:var(--d-sunken);border:1px solid #0000;border-radius:14px;padding:10px;transition:border-color .2s,background .2s}.d-col.over{border-color:var(--brand);background:var(--brand-wash)}.d-colhd{color:var(--d-muted);justify-content:space-between;align-items:center;padding:2px 4px 10px;font-size:12.5px;font-weight:600;display:flex}.d-colhd b{text-align:center;background:var(--d-card);border:1px solid var(--d-line-2);min-width:22px;color:var(--d-ink);border-radius:99px;padding:0 6px;font-size:12px;display:inline-block}.d-cards{gap:8px;display:grid}.d-card{text-align:left;background:var(--d-card);border:1px solid var(--d-line);touch-action:manipulation;border-radius:11px;width:100%;padding:0;transition:border-color .2s,box-shadow .2s;display:block;box-shadow:0 1px 2px #14181c0d}button.d-card{cursor:pointer}button.d-card.grab{cursor:grab}button.d-card:hover{border-color:var(--d-line-2);box-shadow:0 4px 14px -6px #14181c2e}.d-card.glow{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash), 0 6px 18px -8px #14181c40}.d-card.ghost{opacity:.35}.d-cardin{gap:3px;padding:10px 11px;display:grid}.d-cardin.lifted{background:var(--d-card);border:1px solid var(--brand);cursor:grabbing;border-radius:11px;transform:rotate(-1.5deg);box-shadow:0 18px 40px -14px #14181c59}.d-title{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.d-client{color:var(--d-muted);font-size:12px}.d-meta{color:var(--d-muted);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.d-av{background:var(--brand-wash);width:24px;height:24px;color:var(--brand);border-radius:99px;flex:none;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:inline-flex}.d-av.none{background:var(--d-sunken);color:var(--d-faint);border:1px dashed var(--d-line-2)}.d-round{border:1px solid var(--d-line-2);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 5px;font-size:12px;font-weight:500}.d-round.hot{background:var(--brand);border-color:var(--brand);color:#fff}.d-due{white-space:nowrap;margin-left:auto}.d-due.late{color:var(--d-red);font-weight:600}.d-empty{color:var(--d-faint);padding:10px 4px;font-size:12px}.d-rail{align-content:start;gap:12px;display:grid}.d-panel{background:var(--d-card);border:1px solid var(--d-line);border-radius:14px;padding:12px 14px}.d-panel h6{align-items:center;gap:8px;margin:0 0 8px;font-size:12.5px;font-weight:650;display:flex}.d-panel h6 span{background:var(--brand-wash);color:var(--brand);border-radius:99px;padding:0 7px;font-size:11px}.d-panel ul{gap:2px;list-style:none;display:grid}.focus-capacity .d-panel.load,.focus-invoicing .d-panel.bill,.focus-pipeline .d-board,.focus-rounds .d-panel.act{box-shadow:0 0 0 3px var(--brand-wash)}.focus-pipeline .d-board{border-radius:16px}.d-line{color:var(--d-muted);grid-template-columns:8px 1fr;gap:9px;padding:6px 0;font-size:12.5px;line-height:1.45;display:grid}.d-dot{background:var(--brand);border-radius:99px;width:7px;height:7px;margin-top:6px}.d-line b{color:var(--d-ink);font-weight:600}.d-line em{color:var(--d-ink);font-style:normal;font-weight:600}.d-when{color:var(--d-faint)}.d-inv{border-top:1px solid var(--d-line);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.d-inv:first-child{border-top:0}.d-inv b{font-size:12.5px;font-weight:600;display:block}.d-inv small{color:var(--d-muted);font-size:12px}.d-tag{border:1px solid var(--d-line-2);color:var(--d-muted);border-radius:99px;flex:none;padding:1px 8px;font-size:11px}.d-tag.on{background:var(--brand-wash);color:var(--brand);border-color:#0000;font-weight:600}.d-wl{grid-template-columns:24px 1fr 70px;align-items:center;gap:10px;padding:6px 0;display:grid}.d-wlname{font-size:12.5px;font-weight:600}.d-wlname small{color:var(--d-muted);font-size:12px;font-weight:400;display:block}.d-trk{background:var(--d-sunken);border-radius:99px;height:6px;overflow:hidden}.d-trk i{background:var(--brand);border-radius:99px;height:100%;display:block}.d-trk i.hot{background:var(--d-amber)}.d-drawer{background:var(--d-card);border-left:1px solid var(--d-line-2);z-index:5;flex-direction:column;gap:12px;width:min(340px,100%);padding:18px 20px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 50px -24px #14181c4d}.d-drhd{justify-content:space-between;align-items:center;display:flex}.d-k{color:var(--d-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.d-x{width:36px;height:36px;color:var(--d-muted);border-radius:10px;font-size:20px;line-height:1}.d-x:hover{background:var(--d-sunken)}.d-drawer h5{letter-spacing:-.02em;font-size:18px;line-height:1.25}.d-dl{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0;display:grid}.d-dl div{background:var(--d-sunken);border-radius:10px;padding:8px 10px}.d-dl dt{color:var(--d-muted);font-size:11.5px}.d-dl dd{margin:0;font-size:14px;font-weight:600}.d-stages{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.d-stages button{border:1px solid var(--d-line-2);border-radius:10px;min-height:40px;font-size:12.5px;font-weight:600}.d-stages button[aria-pressed=true]{background:var(--brand-wash);border-color:var(--brand);color:var(--brand)}.d-primary{border-radius:11px;min-height:44px;margin-top:auto;font-size:14px;font-weight:600;background:var(--brand)!important;color:#fff!important}.d-seg,.d-moves,.d-railbtn{display:none}.d-cardwrap{display:block}@container demo (max-width:1000px){.d-app{grid-template-columns:1fr}.d-side{display:none}.d-body{grid-template-columns:1fr}.d-rail{grid-template-columns:1fr 1fr}}@container demo (max-width:620px){.d-rail{grid-template-columns:1fr}.d-col{min-height:0}.d-head{padding:14px 14px 10px}.d-body{padding:0 12px 14px}.d-url{display:none}.d-studio{flex-basis:100%;order:5;margin-left:0;padding-top:0}.d-studio input{flex:1;min-width:0}.d-studio label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container demo (max-width:520px){.d-board{grid-template-columns:1fr}.d-seg{background:var(--d-sunken);border-radius:12px;gap:4px;margin-bottom:10px;padding:4px;display:flex}.d-seg button{min-height:44px;color:var(--d-muted);white-space:nowrap;border-radius:9px;flex:1;padding:0 4px;font-size:13px;font-weight:600}.d-seg button span{color:var(--d-faint);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.d-seg button[aria-pressed=true]{background:var(--d-card);color:var(--d-ink);box-shadow:0 1px 3px #14181c1f}.d-col:not(.cur){display:none}.d-col{background:0 0;padding:0}.d-colhd{display:none}.d-moves{gap:6px;margin-top:6px;display:flex}.d-moves button{border:1px solid var(--d-line-2);background:var(--d-card);min-height:44px;color:var(--d-ink);border-radius:10px;flex:1;font-size:13px;font-weight:600}.d-cards{gap:12px}.d-railbtn{border:1px solid var(--d-line);background:var(--d-card);border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:0 14px;font-size:14px;font-weight:650;display:flex}.d-railn{color:var(--d-muted);font-weight:500}.d-railic{width:14px;height:14px;transition:transform .25s;position:relative}.d-railic:before,.d-railic:after{content:"";background:currentColor;border-radius:2px;width:14px;height:2px;position:absolute;top:6px;left:0}.d-railic:after{transform:rotate(90deg)}.d-railbtn[aria-expanded=true] .d-railic{transform:rotate(45deg)}.d-rail:not(.open)>.d-panel{display:none}.d-body{row-gap:12px}.d-sample,.d-studio label,.d-av,.d-round,.d-panel h6 span,.d-tag,.d-k,.d-dl dt{font-size:12px}.d-av{width:26px;height:26px}.d-dots{display:none}.d-reset,.d-x{min-width:44px;min-height:44px}.d-stages button{min-height:44px}.d-btn{display:none}.d-drawer{border-left:0;border-top:1px solid var(--d-line-2);border-radius:18px 18px 0 0;width:100%;max-height:92%;top:auto;overflow-y:auto;box-shadow:0 -20px 50px -24px #14181c59}}