/* Cadence Social Autopilot — demo styles, scoped under .app */
.app{--ca:#c6f432;--ca2:#dcff7a;--caT:rgba(198,244,50,.14);--mint:#4fe3c1;--amber:#ffb547;--bad:#ff6b6b;--cbg:#0b0b10;--c1:#121219;--c2:#1a1a24;--c3:#22222e;--cl:rgba(255,255,255,.07);--cl2:rgba(255,255,255,.14);--tx:#ecebf5;--tx2:#a9a7bd;--tx3:#75738a;
  position:relative;background:var(--cbg);color:var(--tx);font:400 14px/1.45 var(--body)}
.app *{min-width:0}
.app button{min-width:auto}
.app svg{flex:none}

/* header */
.app .cd-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 18px;border-bottom:1px solid var(--cl);background:linear-gradient(180deg,#101018,#0b0b10)}
.app .cd-logo{display:flex;align-items:center;gap:9px;font:700 19px var(--display);letter-spacing:-.03em}
.app .cd-logo svg{width:30px;height:30px}
.app .cd-ws{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid var(--cl2);border-radius:999px;font-size:13px;color:var(--tx2);white-space:nowrap}
.app .cd-ws b{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#d58b4a,#6b3a1e);display:grid;place-items:center;font:700 10.5px var(--mono);color:#fff}
.app .cd-tabs{display:flex;gap:3px;padding:3px;background:var(--c1);border-radius:12px;border:1px solid var(--cl)}
.app .cd-tab{min-height:38px;padding:0 16px;border-radius:9px;border:0;background:none;color:var(--tx2);font-weight:600;font-size:13.5px}
.app .cd-tab[aria-selected=true]{background:var(--c3);color:#fff;box-shadow:inset 0 0 0 1px var(--cl2)}
.app .cd-actions{margin-left:auto;display:flex;gap:8px}
.app .cd-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:11px;border:1px solid var(--cl2);background:var(--c2);color:var(--tx);font-weight:600;font-size:13.5px;white-space:nowrap;transition:background .2s,border-color .2s,transform .12s,opacity .2s}
.app .cd-btn:hover{border-color:var(--ca)}
.app .cd-btn:active{transform:scale(.97)}
.app .cd-btn svg{width:14px;height:14px}
.app .cd-btn--p{background:var(--ca);border-color:var(--ca);color:#141a02}
.app .cd-btn--p:hover{background:var(--ca2)}
.app .cd-btn--s{min-height:40px;padding:0 12px;font-size:13px}
.app .cd-btn--ghost{background:none;border-color:transparent;color:var(--bad)}
.app .cd-btn--ghost:hover{border-color:rgba(255,107,107,.4)}
.app .cd-btn[disabled]{opacity:.5;cursor:not-allowed}
.app .cd-btn.is-busy svg{animation:cdspin 1s linear infinite}
.app .cd-ib{width:40px;height:40px;border-radius:11px;border:1px solid var(--cl2);background:var(--c2);color:var(--tx);font-size:20px;line-height:1;display:grid;place-items:center}
.app .cd-ib:hover{border-color:var(--ca)}

/* layout */
.app .cd-body{display:grid;grid-template-columns:minmax(0,1fr) 330px}
.app .cd-main{padding:16px 18px 18px;border-right:1px solid var(--cl)}
.app .cd-side{padding:16px;display:grid;gap:14px;align-content:start;background:#0d0d13}
.app .cd-tool{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.app .cd-nav{display:flex;gap:6px}
.app .cd-range{font:700 20px var(--display);letter-spacing:-.03em;margin-right:auto;white-space:nowrap}
.app .cd-range small{font:500 11px var(--mono);color:var(--tx3);letter-spacing:.06em;text-transform:uppercase;margin-left:8px}
.app .cd-seg{display:flex;padding:3px;gap:2px;background:var(--c1);border:1px solid var(--cl);border-radius:11px}
.app .cd-seg button{min-height:34px;padding:0 13px;border:0;border-radius:8px;background:none;color:var(--tx2);font-weight:600;font-size:13px}
.app .cd-seg button[aria-pressed=true]{background:var(--caT);color:var(--ca2);box-shadow:inset 0 0 0 1px rgba(198,244,50,.45)}
.app .cd-seg--sm button{min-height:32px;padding:0 10px;font-size:12.5px}
.app .cd-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px;font:500 11.5px var(--mono);color:var(--tx3)}
.app .cd-legend span{display:inline-flex;align-items:center;gap:6px}
.app .cd-hint{margin-top:10px;font:500 11.5px var(--mono);color:var(--tx3)}

/* platform glyph */
.app .cd-pf{width:20px;height:20px;border-radius:6px;display:inline-grid;place-items:center;font:700 10px/1 var(--mono);color:#0b0b10;background:var(--pc);flex:none;letter-spacing:-.04em}
.app .cd-pf--lg{width:26px;height:26px;border-radius:8px;font-size:12px}

/* week view */
.app .cd-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.app .cd-day{background:var(--c1);border:1px solid var(--cl);border-radius:14px;min-height:400px;padding:7px;display:flex;flex-direction:column;gap:6px;transition:background .2s,border-color .2s,box-shadow .2s}
.app .cd-day.is-past{background:#0e0e14}
.app .cd-day.is-today{border-color:rgba(198,244,50,.55);box-shadow:0 0 0 1px rgba(198,244,50,.2),0 14px 40px -20px rgba(198,244,50,.6)}
.app .cd-day.is-over{background:rgba(198,244,50,.1);border-color:var(--ca);border-style:dashed}
.app .cd-day.is-no{background:rgba(255,107,107,.06);border-color:rgba(255,107,107,.5);border-style:dashed}
.app .cd-dh{display:flex;justify-content:space-between;align-items:center;font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);padding:2px 3px 4px}
.app .cd-dh b{font:700 17px var(--display);color:var(--tx);letter-spacing:-.02em;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.app .cd-day.is-today .cd-dh b{background:var(--ca);color:#141a02}
.app .cd-day.is-past .cd-dh b{color:var(--tx3)}
.app .cd-empty{flex:1;display:grid;place-items:center;font:500 11px var(--mono);color:#3d3c4c;text-align:center;border-radius:10px;min-height:40px}

/* post chip */
.app .cd-post{position:relative;background:var(--c2);border:1px solid var(--cl);border-left:3px solid var(--ca);border-radius:10px;padding:7px 8px;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y;transition:border-color .2s,opacity .3s,transform .2s,background .3s}
.app .cd-post:hover{border-color:var(--cl2);border-left-color:var(--ca2);background:var(--c3)}
.app .cd-post .t{font:600 10.5px var(--mono);color:var(--tx2);display:flex;align-items:center;justify-content:space-between;gap:4px}
.app .cd-post .c{font-size:12.3px;line-height:1.35;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#dcdbe9}
.app .cd-post .b{display:flex;gap:3px;margin-top:6px;flex-wrap:wrap}
.app .cd-post .th{height:30px;border-radius:6px;margin-top:6px;background-size:cover}
.app .cd-st{font:700 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:2px 5px;border-radius:5px;white-space:nowrap}
.app .cd-post.is-pub{border-left-color:var(--mint);opacity:.66}
.app .cd-post.is-pub .cd-st{background:rgba(79,227,193,.14);color:var(--mint)}
.app .cd-post.is-pub.is-rec{opacity:.9}
.app .cd-post.is-missed{border:1px dashed rgba(255,181,71,.7);border-left:3px solid var(--amber);background:rgba(255,181,71,.06)}
.app .cd-post.is-missed .cd-st{background:rgba(255,181,71,.16);color:var(--amber)}
.app .cd-post.is-busy{border-left-color:var(--ca2);background:linear-gradient(90deg,var(--c2) 0%,#2a2640 50%,var(--c2) 100%);background-size:200% 100%;animation:cdshim 1.1s linear infinite}
.app .cd-post.is-busy .cd-st{background:var(--caT);color:var(--ca2)}
.app .cd-post.is-src{opacity:.25}
.app .cd-post.is-flash{animation:cdflash 1.2s var(--ease)}
.app .cd-ghost{position:fixed;left:0;top:0;z-index:140;pointer-events:none;transform-origin:20% 20%;box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px var(--ca);opacity:.96;margin:0;rotate:-2.5deg}
@keyframes cdshim{to{background-position:-200% 0}}
@keyframes cdflash{0%{box-shadow:0 0 0 0 rgba(198,244,50,.8)}100%{box-shadow:0 0 0 12px rgba(198,244,50,0)}}
@keyframes cdspin{to{transform:rotate(360deg)}}
@keyframes cdpulse{50%{opacity:.45}}

/* month view */
.app .cd-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.app .cd-mh{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);padding:0 4px 2px}
.app .cd-mc{min-height:108px;background:var(--c1);border:1px solid var(--cl);border-radius:11px;padding:5px;display:flex;flex-direction:column;gap:3px;cursor:pointer;transition:background .2s,border-color .2s}
.app .cd-mc:hover{border-color:var(--cl2)}
.app .cd-mc.is-out{opacity:.35}
.app .cd-mc.is-past{background:#0e0e14}
.app .cd-mc.is-today{border-color:rgba(198,244,50,.6)}
.app .cd-mc.is-over{background:rgba(198,244,50,.1);border-color:var(--ca);border-style:dashed}
.app .cd-mc.is-no{border-color:rgba(255,107,107,.5);border-style:dashed}
.app .cd-mn{font:600 12px var(--mono);color:var(--tx2);padding:1px 3px}
.app .cd-mc.is-today .cd-mn{color:var(--ca2)}
.app .cd-mp{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1;padding:4px 5px;border-radius:6px;background:var(--c2);border-left:2px solid var(--pc,var(--ca));white-space:nowrap;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.app .cd-mp span{overflow:hidden;text-overflow:ellipsis}
.app .cd-mp i{flex:none;font-style:normal;font:600 10px var(--mono);color:var(--tx3)}
.app .cd-mp.is-pub{opacity:.55}
.app .cd-mp.is-missed{border-left-color:var(--amber);background:rgba(255,181,71,.1)}
.app .cd-mp.is-busy{animation:cdpulse .8s infinite}
.app .cd-more{font:600 10.5px var(--mono);color:var(--ca2);padding:1px 4px}

/* side cards */
.app .cd-card{background:var(--c1);border:1px solid var(--cl);border-radius:16px;padding:14px}
.app .cd-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.app .cd-ch h3{font:700 15.5px var(--display);letter-spacing:-.02em}
.app .cd-sub{font-size:12.5px;color:var(--tx2);margin-bottom:10px}
.app .cd-sub b{color:var(--tx)}
.app .cd-tag{font:700 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:rgba(255,181,71,.14);color:var(--amber);white-space:nowrap}
.app .cd-tag.ok{background:rgba(79,227,193,.13);color:var(--mint)}
.app .cd-tag.run{background:var(--caT);color:var(--ca2)}
.app .cd-tag--q{background:rgba(255,255,255,.06);color:var(--tx2)}
.app .cd-drip{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px}
.app .cd-drip li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:var(--c2);border:1px solid transparent;min-height:42px;transition:background .3s,border-color .3s}
.app .cd-drip li.is-act{border-color:var(--ca);background:rgba(198,244,50,.1)}
.app .cd-drip .n{font:700 12px var(--mono);color:var(--tx3)}
.app .cd-drip .d{font-size:12.5px;line-height:1.25}
.app .cd-drip .d small{display:block;font:500 10.5px var(--mono);color:var(--tx3)}
.app .cd-drip .s{font:700 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;white-space:nowrap}
.app .s--done{background:rgba(79,227,193,.13);color:var(--mint)}
.app .s--missed{background:rgba(255,181,71,.15);color:var(--amber);animation:cdpulse 1.6s infinite}
.app .s--due{background:var(--caT);color:var(--ca2)}
.app .s--q{background:rgba(255,255,255,.06);color:var(--tx2)}
.app .s--run{background:var(--ca);color:#141a02}
.app .cd-log{font:500 11px/1.55 var(--mono);background:#07070b;border:1px solid var(--cl);border-radius:10px;padding:9px 10px;height:152px;overflow:auto;color:#8c8aa2;overflow-wrap:anywhere}
.app .cd-log div{white-space:pre-wrap}
.app .cd-log .ok{color:var(--mint)}
.app .cd-log .w{color:var(--amber)}
.app .cd-log .a{color:var(--ca2)}
.app .cd-log .ts{color:#4c4a5e;margin-right:6px}
.app .cd-reset{margin-top:10px;width:100%}
.app .cd-quotas{display:grid;gap:11px}
.app .cd-q .r{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px}
.app .cd-q .r b{font:600 11.5px var(--mono);color:var(--tx2);white-space:nowrap}
.app .cd-q .r span{display:flex;align-items:center;gap:7px}
.app .cd-q .bar{height:7px;border-radius:9px;background:var(--c3);margin-top:6px;overflow:hidden}
.app .cd-q .bar i{display:block;height:100%;border-radius:9px;background:var(--ca);transition:width .6s var(--ease),background .3s}
.app .cd-q.is-warn .bar i{background:var(--amber)}
.app .cd-q.is-warn .r b{color:var(--amber)}
.app .cd-q.is-bump .r b{color:#fff}

/* drawer */
.app .cd-scrim{position:fixed;inset:0;z-index:110;background:rgba(3,3,6,.6);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s}
.app .cd-scrim.on{opacity:1;pointer-events:auto}
.app .cd-drawer{position:fixed;top:0;right:0;bottom:0;z-index:120;width:min(440px,100vw);background:#111118;border-left:1px solid var(--cl2);display:flex;flex-direction:column;transform:translateX(102%);visibility:hidden;transition:transform .32s var(--ease),visibility 0s linear .32s;box-shadow:-30px 0 80px rgba(0,0,0,.5)}
.app .cd-drawer.on{transform:none;visibility:visible;transition:transform .32s var(--ease),visibility 0s}
.app .cd-dhd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--cl)}
.app .cd-kick{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ca2)}
.app .cd-dhd h3{font:700 20px var(--display);letter-spacing:-.03em;margin-top:4px}
.app .cd-dbody{flex:1;overflow:auto;padding:14px 18px 18px;overscroll-behavior:contain}
.app .cd-lbl{display:block;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);margin:14px 0 6px}
.app .cd-lbl:first-of-type{margin-top:4px}
.app textarea,.app input[type=date],.app input[type=time]{width:100%;background:var(--c1);border:1px solid var(--cl2);border-radius:11px;padding:10px 12px;color:var(--tx);font-size:14px;resize:vertical;min-height:44px;color-scheme:dark}
.app textarea{line-height:1.5}
.app textarea:focus,.app input:focus{outline:none;border-color:var(--ca);box-shadow:0 0 0 3px rgba(198,244,50,.18)}
.app textarea[readonly]{opacity:.75}
.app .cd-ptogs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.app .cd-ptog{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:11px;border:1px solid var(--cl2);background:var(--c1);color:var(--tx2);font-size:12.5px;font-weight:600;text-align:left;transition:all .18s}
.app .cd-ptog .cd-pf{filter:grayscale(1);opacity:.5;transition:all .18s}
.app .cd-ptog[aria-pressed=true]{border-color:var(--pc);color:var(--tx);background:color-mix(in srgb,var(--pc) 12%,var(--c1))}
.app .cd-ptog[aria-pressed=true] .cd-pf{filter:none;opacity:1}
.app .cd-ptog[disabled]{cursor:default}
.app .cd-counts{display:grid;gap:7px;margin-top:10px}
.app .cd-cnt{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;font:500 11.5px var(--mono);color:var(--tx2)}
.app .cd-cnt .bar{height:5px;border-radius:5px;background:var(--c3);overflow:hidden}
.app .cd-cnt .bar i{display:block;height:100%;background:var(--pc);transition:width .2s}
.app .cd-cnt.is-over{color:var(--bad)}
.app .cd-cnt.is-over .bar i{background:var(--bad)}
.app .cd-cnt.is-near{color:var(--amber)}
.app .cd-media{height:150px;border-radius:13px;border:1px dashed var(--cl2);display:grid;place-items:center;color:var(--tx3);font:500 12px var(--mono);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:background .3s}
.app .cd-media.has{border-style:solid;border-color:transparent}
.app .cd-media em{position:absolute;left:10px;bottom:10px;font:600 10.5px var(--mono);font-style:normal;background:rgba(0,0,0,.55);color:#fff;padding:4px 8px;border-radius:7px;letter-spacing:.04em}
.app .cd-mbtns{display:flex;gap:8px;margin-top:8px}
.app .cd-when{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.app .cd-note{font-size:12.5px;padding:10px 12px;border-radius:11px;background:rgba(255,181,71,.1);border:1px solid rgba(255,181,71,.3);color:#ffd08a;margin-bottom:6px}
.app .cd-note.ok{background:rgba(79,227,193,.08);border-color:rgba(79,227,193,.3);color:#a6f3df}
.app .cd-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.app .cd-stats div{background:var(--c1);border:1px solid var(--cl);border-radius:11px;padding:9px}
.app .cd-stats b{display:block;font:700 18px var(--display)}
.app .cd-stats span{font:500 10px var(--mono);color:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
.app .cd-dft{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--cl);flex-wrap:wrap}
.app .cd-err{flex:1;font:500 11.5px var(--mono);color:var(--bad);min-width:60px}

/* fake cursor */
.app .cd-cursor{position:fixed;left:0;top:0;z-index:150;width:26px;height:26px;pointer-events:none;opacity:0;transition:transform .6s var(--ease),opacity .25s;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.app .cd-cursor.on{opacity:1}
.app .cd-cursor::after{content:"";position:absolute;left:-10px;top:-10px;width:24px;height:24px;border-radius:50%;border:2px solid var(--ca2);opacity:0;transform:scale(.4)}
.app .cd-cursor.click::after{animation:cdclick .45s ease-out}
.app .cd-cursor.is-drag{transition:transform .9s var(--ease)}
@keyframes cdclick{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.6)}}

/* analytics */
.app .cd-an{padding:16px 18px 20px;display:grid;gap:14px}
.app .cd-an .cd-tool{margin-bottom:0}
.app .cd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.app .cd-kpi{background:var(--c1);border:1px solid var(--cl);border-radius:16px;padding:13px 14px;position:relative;overflow:hidden}
.app .cd-kpi span{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.app .cd-kpi b{display:block;font:700 clamp(22px,2.4vw,30px) var(--display);letter-spacing:-.03em;margin:6px 0 4px}
.app .cd-kpi em{font:600 11.5px var(--mono);font-style:normal;color:var(--mint)}
.app .cd-kpi em.dn{color:var(--bad)}
.app .cd-kpi svg{position:absolute;right:10px;top:12px;width:70px;height:26px;opacity:.85}
.app .cd-chart{position:relative;height:250px;margin-top:4px}
.app .cd-chart--col{height:200px}
.app .cd-chart svg{width:100%;height:100%;overflow:visible}
.app .cd-chart text{font:500 10.5px var(--mono);fill:var(--tx3)}
.app .cd-tip{position:absolute;z-index:3;pointer-events:none;background:#1f1f2b;border:1px solid var(--cl2);border-radius:10px;padding:7px 10px;font:500 11.5px var(--mono);color:var(--tx);white-space:nowrap;opacity:0;transform:translate(-50%,-110%);transition:opacity .15s;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.app .cd-tip.on{opacity:1}
.app .cd-tip small{display:block;color:var(--tx3);font-size:10.5px}
.app .cd-chartleg{display:flex;gap:16px;margin-top:8px;font:500 11px var(--mono);color:var(--tx3)}
.app .cd-chartleg span{display:inline-flex;align-items:center;gap:6px}
.app .cd-chartleg i{width:16px;height:2px;background:var(--ca);display:inline-block}
.app .cd-chartleg i.cmp{background:none;border-top:2px dashed #5d5b70;height:0}
.app .cd-an2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.app .cd-bars{display:grid;gap:10px;margin-top:4px}
.app .cd-bar{display:grid;grid-template-columns:26px 76px minmax(0,1fr) 64px;align-items:center;gap:9px;font-size:12.5px}
.app .cd-bar .tr{height:12px;border-radius:7px;background:var(--c3);overflow:hidden}
.app .cd-bar .tr i{display:block;height:100%;border-radius:7px;background:var(--pc);transition:width .7s var(--ease)}
.app .cd-bar b{font:600 11.5px var(--mono);text-align:right;color:var(--tx2)}
.app .cd-top5{display:grid;gap:6px}
.app .cd-tp{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;border-radius:11px;background:var(--c2)}
.app .cd-tp .c{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app .cd-tp .m{font:600 11.5px var(--mono);color:var(--tx2);text-align:right;white-space:nowrap}
.app .cd-tp .m small{display:block;color:var(--tx3);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}

/* responsive */
@media (max-width:1100px){
  .app .cd-body{grid-template-columns:1fr}
  .app .cd-main{border-right:0;border-bottom:1px solid var(--cl)}
  .app .cd-side{grid-template-columns:1fr 1fr}
  .app .cd-day{min-height:300px}
}
@media (max-width:860px){
  .app .cd-week{grid-template-columns:1fr;gap:6px}
  .app .cd-day{min-height:0;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:8px;padding:8px}
  .app .cd-dh{flex-direction:column;justify-content:flex-start;gap:2px;padding:2px 0}
  .app .cd-day .cd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}
  .app .cd-empty{min-height:44px;place-items:center start;padding-left:4px}
  .app .cd-kpis{grid-template-columns:1fr 1fr}
  .app .cd-an2{grid-template-columns:1fr}
}
@media (max-width:640px){
  .app .cd-top{padding:12px 14px;gap:10px}
  .app .cd-ws{margin-left:auto}
  .app .cd-tabs{order:3;flex:1 1 100%}
  .app .cd-tab{flex:1}
  .app .cd-actions{order:4;flex:1 1 100%;margin-left:0}
  .app .cd-actions .cd-btn{flex:1}
  .app .cd-main{padding:14px 12px}
  .app .cd-side{grid-template-columns:1fr;padding:12px}
  .app .cd-range{order:-1;flex:1 1 100%;font-size:19px}
  .app .cd-new{margin-left:auto}
  .app .cd-mc{min-height:62px;padding:4px 3px;gap:2px}
  .app .cd-mn{font-size:11px;padding:0 2px}
  .app .cd-mp{font-size:0;height:6px;padding:0;border-left:0;background:var(--pc,var(--ca));pointer-events:none}
  .app .cd-mp i,.app .cd-mp span{display:none}
  .app .cd-mp.is-missed{background:var(--amber)}
  .app .cd-more{font-size:9.5px;padding:0 2px}
  .app .cd-mh{font-size:9.5px;padding:0 2px;text-align:center}
  .app .cd-month{gap:4px}
  .app .cd-an{padding:14px 12px}
  .app .cd-kpi{padding:11px 12px}
  .app .cd-kpi svg{display:none}
  .app .cd-chart{height:210px}
  .app .cd-ch .cd-seg{width:100%}
  .app .cd-ch .cd-seg button{flex:1}
  .app .cd-bar{grid-template-columns:22px 64px minmax(0,1fr) 54px;gap:7px;font-size:12px}
  .app .cd-tp{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}
  .app .cd-tp .m:last-child{display:none}
  .app .cd-drawer{top:auto;left:0;width:100%;height:92svh;border-left:0;border-top:1px solid var(--cl2);border-radius:20px 20px 0 0;transform:translateY(102%)}
  .app .cd-ptogs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app .cd-dft .cd-err{flex:1 1 100%;order:-1;min-height:0}
  .app .cd-dft .cd-btn{flex:1}
  .app .cd-dft .cd-btn--ghost{flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){
  .app .cd-cursor{transition:none}
}