.ctd-shell{display:grid;gap:14px;min-height:calc(100vh - 145px)}
.ctd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 0}.ctd-head h2{margin:0;font-size:18px;letter-spacing:-.02em}.ctd-head p{margin:4px 0 0;color:#7f8fa7;font-size:11px}.ctd-head-actions{display:flex;align-items:center;gap:8px}.ctd-source,.ctd-sync{display:inline-flex;align-items:center;gap:7px;border:1px solid #1e3550;background:#0b1623;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#9fb0c6}.ctd-source::before{content:"";width:7px;height:7px;border-radius:50%;background:#23d18b;box-shadow:0 0 12px rgba(35,209,139,.65)}.ctd-source.error::before{background:#ff6b6b;box-shadow:0 0 12px rgba(255,107,107,.55)}.ctd-refresh{min-height:34px;padding:0 12px;border-radius:9px;border:1px solid #295eaa;background:linear-gradient(180deg,#3474c9,#245aa5);color:white;font-size:11px;font-weight:800;cursor:pointer}.ctd-refresh:disabled{opacity:.55;cursor:wait}
.ctd-overview{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));border:1px solid #1b3047;border-radius:13px;overflow:hidden;background:#0a131f}.ctd-stat{min-height:86px;padding:15px 16px;border-right:1px solid #1b3047;position:relative}.ctd-stat:last-child{border-right:0}.ctd-stat span{display:block;color:#73859d;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ctd-stat strong{display:block;margin-top:9px;color:#eef6ff;font-size:17px;line-height:1}.ctd-stat small{display:block;margin-top:8px;color:#667990;font-size:9px}.ctd-stat.pos strong,.ctd-money.pos{color:#4ade80}.ctd-stat.neg strong,.ctd-money.neg{color:#ff6b72}
.ctd-top-grid,.ctd-bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);gap:14px}.ctd-card{border:1px solid #1b3047;border-radius:13px;background:#0a131f;overflow:hidden;min-width:0}.ctd-card-head{min-height:54px;padding:12px 15px;border-bottom:1px solid #1b3047;display:flex;align-items:center;justify-content:space-between;gap:12px}.ctd-card-head h3{margin:0;font-size:13px;color:#e9f3ff}.ctd-card-head p{margin:4px 0 0;color:#6f8299;font-size:9px}.ctd-link{border:0;background:none;color:#72aaf7;font-size:10px;font-weight:800;cursor:pointer}.ctd-body{padding:0}.ctd-empty{min-height:150px;display:grid;place-items:center;text-align:center;padding:28px;color:#71839a;font-size:11px}.ctd-empty strong{display:block;color:#b7c8dc;margin-bottom:6px}.ctd-note{margin:12px 14px;padding:10px 11px;border:1px solid #29415d;border-radius:9px;background:#0d1b2a;color:#8fa3bc;font-size:10px;line-height:1.45}
.ctd-signal-list{display:grid}.ctd-signal-row{display:grid;grid-template-columns:115px 130px 85px 1fr auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #14263a;font-size:10px}.ctd-signal-row:last-child{border-bottom:0}.ctd-signal-row b{color:#dbe8f6}.ctd-signal-row span{color:#8295aa}.ctd-pill{display:inline-flex;justify-content:center;align-items:center;min-width:66px;padding:5px 8px;border-radius:999px;border:1px solid #26415e;background:#102136;color:#9db6d3;font-size:9px;font-weight:900;letter-spacing:.06em}.ctd-pill.ok{color:#53e2a2;border-color:#176246;background:#0d2a23}.ctd-pill.warn{color:#ffc857;border-color:#705620;background:#2b2410}.ctd-pill.bad{color:#ff737b;border-color:#74333b;background:#2b141a}
.ctd-summary-grid{display:grid;padding:12px 15px}.ctd-summary-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;border-bottom:1px solid #16283d;font-size:10px}.ctd-summary-row:last-child{border-bottom:0}.ctd-summary-label{display:flex;align-items:center;gap:8px;color:#9aadc2}.ctd-dot{width:7px;height:7px;border-radius:2px;background:#7c8fa7}.ctd-dot.accepted{background:#1fb06d}.ctd-dot.warning{background:#d7891b}.ctd-dot.rejected{background:#e5484d}.ctd-summary-row strong{color:#e9f3ff;font-size:11px}
.ctd-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid #1b3047;padding:0 10px}.ctd-tab{position:relative;border:0;background:none;color:#8b9db3;padding:13px 12px;font-size:10px;font-weight:800;cursor:pointer}.ctd-tab.active{color:#73b7ff}.ctd-tab.active::after{content:"";position:absolute;height:2px;left:9px;right:9px;bottom:-1px;border-radius:4px;background:#4da3ff;box-shadow:0 0 10px rgba(77,163,255,.45)}
.ctd-table-wrap{overflow:auto;max-height:310px}.ctd-table{width:100%;border-collapse:collapse;min-width:720px}.ctd-table th{position:sticky;top:0;z-index:1;background:#0d1826;color:#73859d;text-align:left;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid #21364e}.ctd-table td{padding:10px 12px;border-bottom:1px solid #15283b;color:#bac9d9;font-size:10px;white-space:nowrap}.ctd-table tr:last-child td{border-bottom:0}.ctd-table td b{color:#edf6ff}.ctd-table .muted{color:#667991}.ctd-table .right{text-align:right}.ctd-table .pos{color:#4ade80}.ctd-table .neg{color:#ff6b72}
.ctd-accounts{display:grid}.ctd-account{display:grid;grid-template-columns:minmax(130px,1.25fr) repeat(3,minmax(82px,.8fr));gap:8px;align-items:center;padding:11px 14px;border-bottom:1px solid #15283b}.ctd-account:last-child{border-bottom:0}.ctd-account .name b{display:block;color:#edf6ff;font-size:10px}.ctd-account .name small{display:block;color:#667991;font-size:8px;margin-top:3px}.ctd-account label{display:block;color:#657890;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.ctd-account strong{display:block;color:#d8e6f5;font-size:10px;margin-top:3px}.ctd-account .pos{color:#4ade80}.ctd-account .neg{color:#ff6b72}.ctd-last-sync{display:block!important;margin-top:3px!important;color:#d6a84b!important;font-size:7px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase}
.ctd-health{display:flex;align-items:center;gap:7px;color:#70839a;font-size:9px}.ctd-health i{width:6px;height:6px;border-radius:50%;background:#23d18b}.ctd-error{border:1px solid #73313a;background:#2b141a;color:#ff8b92;border-radius:11px;padding:13px 14px;font-size:10px;line-height:1.5}.ctd-setup{display:grid;place-items:center;min-height:360px;text-align:center;padding:35px;border:1px dashed #36516f;border-radius:14px;background:#0a131f}.ctd-setup h3{margin:0 0 8px;font-size:16px;color:#edf6ff}.ctd-setup p{max-width:650px;margin:0;color:#8497ac;font-size:11px;line-height:1.6}.ctd-setup code{display:block;margin:18px auto 0;padding:11px 13px;border:1px solid #253e59;border-radius:9px;background:#07111b;color:#7bc0ff;font-size:10px;user-select:all}
.ctd-fresh-flash{animation:ctdFresh .7s ease-out}@keyframes ctdFresh{0%{box-shadow:inset 0 0 0 1px rgba(71,170,255,.55),0 0 20px rgba(71,170,255,.12)}100%{box-shadow:none}}
@media(max-width:1500px){.ctd-overview{grid-template-columns:repeat(4,1fr)}.ctd-stat:nth-child(4){border-right:0}.ctd-stat:nth-child(-n+4){border-bottom:1px solid #1b3047}.ctd-top-grid,.ctd-bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,.8fr)}}
@media(max-width:980px){.ctd-overview{grid-template-columns:repeat(2,1fr)}.ctd-stat{border-bottom:1px solid #1b3047}.ctd-stat:nth-child(2n){border-right:0}.ctd-top-grid,.ctd-bottom-grid{grid-template-columns:1fr}.ctd-account{grid-template-columns:1fr 1fr}.ctd-head{align-items:flex-start;flex-direction:column}.ctd-head-actions{width:100%;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ctd-fresh-flash{animation:none!important}}

/* Order lifecycle drawer: keep header/summary fixed and make the timeline itself scroll. */
.ctd-life-drawer{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}
.ctd-life-head{flex:0 0 auto!important}
#ctdLifeContent{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;flex-direction:column!important}
.ctd-life-summary{flex:0 0 auto!important}
.ctd-life-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;padding-bottom:max(28px,env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}
.ctd-life-timeline{padding-bottom:10px}
@media(max-width:680px){.ctd-life-drawer{height:100dvh!important;max-height:100dvh!important}}