/* Waseet One design B — post-chat builder: place an ad (po-), my ads / wallet / promote (mo-), plans / offers (pl-), chats / thread / notifications / favourites (ch-).
   Tokens only (app.css). Logical properties throughout. */

/* ===================================================================== PLACE AN AD (po-) */
.po-hd{border-bottom:0}
.po-hd .ttl{font-size:17px;font-weight:600}
.po-hd .ttl small{font-size:11.5px;margin-top:1px}
.po-prog{height:3px;background:var(--line);position:relative}
.po-prog i{position:absolute;inset-block:0;inset-inline-start:0;background:var(--accent-bg);border-radius:0 2px 2px 0;transition:width .3s}
.po-body{background:var(--bg)}
.po-pb{padding-bottom:150px}
.po-top{padding:18px 16px 4px;text-align:center;display:grid;justify-items:center;gap:6px}
.po-h1{font-size:21px;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--text)}
.po-h2{font-size:17px;font-weight:600;line-height:1.35;color:var(--text);margin:22px 0 6px}
.po-lead{font-size:13.5px;color:var(--text-2);line-height:1.6;max-width:36ch}
.po-in{padding:0 16px}
.po-mx{margin:12px 16px 0}
.po-mt{margin-top:14px}
.po-sec{padding:20px 16px 0}
.po-lb{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}
.po-req{color:var(--bad)}
.po-ctr{font-size:12px;font-weight:500;color:var(--muted)}
.po-f{margin-top:20px}
.po-f.bad .k-inp{border-color:var(--bad)}
.po-f .k-hint,.po-f .k-err{margin-top:6px}
.po-ta{height:auto;min-height:118px;padding:12px 14px;line-height:1.6;resize:none}
.po-flash{animation:poFlash 1.3s ease;border-radius:var(--r)}
@keyframes poFlash{0%,55%{background:var(--amber-50);box-shadow:0 0 0 8px var(--amber-50)}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
/* search field with the icon inside */
.po-sf{position:relative;margin:16px 16px 0}
.po-sf>svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted);pointer-events:none}
.po-sf .k-inp{padding-inline-start:44px;padding-inline-end:44px}
.po-sf .ib{position:absolute;inset-inline-end:2px;top:50%;transform:translateY(-50%);width:42px;height:42px;color:var(--muted)}
.po-sf .ib svg{width:18px;height:18px}
/* category tiles (3D) */
.po-tiles{padding-top:20px}
.po-tile.off{opacity:.55}
.po-tlock{position:absolute;top:7px;inset-inline-end:7px;width:22px;height:22px;border-radius:50%;background:var(--surface-2);color:var(--text-2);display:grid;place-items:center}
.po-tlock svg{width:13px;height:13px}
.po-foot{display:flex;gap:8px;align-items:flex-start;margin:22px 16px 8px;font-size:12.5px;line-height:1.6;color:var(--muted)}
.po-foot svg,.po-sys svg,.po-src svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px}
.po-subim{width:64px;height:64px}
.po-top-s{padding-top:14px}
/* plain list rows (subcategories, suggestions) */
.po-rows{margin-top:12px;border-top:1px solid var(--line)}
.po-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 16px;border-bottom:1px solid var(--line);text-align:start;color:var(--text);background:var(--surface)}
.po-row:active{background:var(--surface-2)}
.po-row[aria-disabled="true"]{opacity:.55}
.po-row .t{flex:1;min-width:0;font-size:15px;font-weight:500;line-height:1.35}
.po-row .t b{font-weight:700}
.po-row .t small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.po-gl{width:32px;height:32px;flex:0 0 auto}
.po-gl svg{width:32px;height:32px}
.po-chev{flex:0 0 auto;color:var(--muted)}
.po-chev svg{width:16px;height:16px}
.po-tg{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-xs);font-size:11px;font-weight:700;background:var(--warn-50);color:var(--warn);white-space:nowrap;flex:0 0 auto}
.po-tg svg{width:12px;height:12px}
.po-tg.off{background:var(--surface-2);color:var(--muted)}
.po-none{display:grid;justify-items:center;text-align:center;gap:6px;padding:26px 24px 8px}
.po-none-im{width:64px;height:64px}
.po-none p{font-size:13px;color:var(--muted)}
/* drafts */
.po-drafts{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.po-draft{min-width:0;display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-tile)}
.po-draft>.art{width:56px;height:56px;border-radius:var(--r-sm);flex:0 0 auto;display:grid;place-items:center}
.po-draft .t{flex:1;min-width:0}
.po-draft .t b{display:block;font-size:14px;font-weight:600}
.po-draft .t small{display:block;font-size:11.5px;color:var(--muted);line-height:1.45}
.po-dres{height:40px;padding:0 12px;flex:0 0 auto}
.po-ddel{color:var(--muted)}
.po-noimg svg{width:24px;height:24px;color:var(--faint)}
/* photos */
.po-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.po-ph{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}
.po-ph>.art{position:absolute;inset:0}
.po-ph.cover::after{content:"";position:absolute;inset:0;border:2px solid var(--ink);border-radius:var(--r-sm);pointer-events:none}
.po-rm{position:absolute;top:0;inset-inline-end:0;width:42px;height:42px;display:grid;place-items:center;z-index:2}
.po-rm span{width:24px;height:24px;border-radius:50%;background:rgba(10,14,24,.62);color:#fff;display:grid;place-items:center}
.po-rm svg{width:13px;height:13px;stroke-width:2.6}
.po-cv{position:absolute;bottom:6px;inset-inline-start:6px;z-index:2;height:22px;padding:0 8px;border-radius:var(--r-xs);background:var(--new);color:var(--on-new);font-size:11px;font-weight:800;display:inline-flex;align-items:center}
.po-mk{position:absolute;bottom:6px;inset-inline:6px;height:28px;border-radius:var(--r-xs);background:rgba(10,14,24,.62);color:#fff;font-size:11.5px;font-weight:600;z-index:2}
.po-mk::after{content:"";position:absolute;inset:-8px -6px -6px}
.po-pl{position:absolute;top:7px;inset-inline-start:7px;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;z-index:2}
.po-pl svg{width:14px;height:14px}
.po-add{aspect-ratio:1;border-radius:var(--r-sm);border:1.5px dashed var(--line-2);background:var(--surface);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:12.5px}
.po-add svg{width:26px;height:26px;color:var(--accent)}
.po-new{animation:poIn .38s cubic-bezier(.2,.8,.2,1) both}
@keyframes poIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.po-drop{margin-top:16px;border:1.5px dashed var(--line-2);background:var(--surface);border-radius:var(--r);padding:24px 16px 20px;display:grid;justify-items:center;text-align:center;gap:6px;width:100%}
.po-drop-ic{width:60px;height:60px;border-radius:50%;background:var(--accent-50);color:var(--accent);display:grid;place-items:center;margin-bottom:4px}
.po-drop-ic svg{width:28px;height:28px}
.po-drop b{font-size:16px;font-weight:600;color:var(--text)}
.po-drop p{font-size:13px;color:var(--muted);max-width:30ch}
.po-drop .k-soft{margin-top:8px;pointer-events:none}
.po-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.po-meta b{color:var(--text)}
.po-sys,.po-src{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}
.po-list{margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.po-list .mrow+.mrow{border-top:1px solid var(--line)}
.po-list .mrow[aria-disabled="true"]{opacity:.5}
.po-tlink{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:600;font-size:13.5px}
.po-tlink svg{width:15px;height:15px}
.po-tlink.bad{color:var(--bad)}
.po-on{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--ok)}
.po-on svg{width:14px;height:14px}
.po-tipbox{margin-top:16px;padding:14px;border-radius:var(--r);background:var(--surface-2)}
.po-tipbox b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.po-tipbox b svg{width:18px;height:18px;color:var(--warn)}
.po-tipbox ul{margin-top:8px;padding-inline-start:20px;display:grid;gap:4px;font-size:13px;color:var(--text-2);line-height:1.55}
/* details */
.po-q{margin-top:16px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:grid;gap:10px}
.po-q .hd{display:flex;align-items:baseline;gap:8px}
.po-q .hd b{font-size:14.5px;font-weight:600}
.po-q .hd small{font-size:12px;color:var(--muted);flex:1}
.po-q .qv{font-size:18px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.po-q .meter{height:5px}
.po-tips{display:flex;flex-wrap:wrap;gap:8px}
.po-tip{height:34px;font-size:12.5px}
.po-tip b{color:var(--ok);font-weight:800}
.po-full{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ok);font-weight:600}
.po-full svg{width:17px;height:17px}
.po-catl{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 12px;border-radius:var(--r);background:var(--surface-2)}
.po-catl .k-tile-im,.po-catl .k-tile-im img{width:34px;height:34px}
.po-catl .t{flex:1;min-width:0;font-size:14px;font-weight:600}
.po-catl .t small{display:block;color:var(--muted);font-size:11.5px;font-weight:400}
.po-pick{display:flex;align-items:center;justify-content:space-between;text-align:start;cursor:pointer}
/* placeholder state (not .empty, the global empty-state block, nor .po-ph, the photo tile) */
.po-pick.po-unset{color:var(--muted)}
.po-pick svg{width:18px;height:18px;color:var(--muted)}
.po-sfx{position:relative}
.po-sfx .k-inp{padding-inline-end:52px}
.po-sfx>span{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;font-size:13.5px;pointer-events:none}
.po-th{display:flex;align-items:center;gap:5px;color:var(--accent)}
.po-th svg{width:14px;height:14px}
/* price */
.po-pt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.po-pt button{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);padding:10px 12px 11px;text-align:start;display:grid;gap:2px;min-height:62px;align-content:start}
.po-pt button b{font-size:14px;font-weight:600}
.po-pt button small{font-size:11.5px;color:var(--muted);line-height:1.35}
.po-pt button[aria-checked="true"]{border:1.5px solid var(--ink);padding:9.5px 11.5px 10.5px}
.po-pt button[aria-checked="true"] b{font-weight:700}
.po-money{position:relative}
.po-money .po-rs{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;color:var(--text-2);pointer-events:none}
.po-money .po-rs .rs{width:17px;height:19px}
.po-money .k-inp{padding-left:42px;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;direction:ltr}
.po-see{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:12px 14px;border-radius:var(--r);background:var(--surface-2);font-size:13px;color:var(--text-2);min-height:50px}
.po-see [data-see]{display:inline-flex;align-items:center;gap:6px}
.po-loc{display:flex;align-items:center;gap:10px;height:auto;min-height:54px;padding:8px 12px;text-align:start;cursor:pointer}
.po-loc>svg{width:20px;height:20px;color:var(--text-2);flex:0 0 auto}
.po-loc .t{flex:1;min-width:0}
.po-loc .t b{display:block;font-size:14.5px;font-weight:600}
.po-loc .t small{font-size:12px;color:var(--muted)}
.po-loc .k-link{min-height:0;padding:0;font-size:13.5px}
.po-map{margin-top:10px}
/* review */
.po-prev{margin-top:16px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);box-shadow:var(--sh-tile)}
.po-prevph{position:relative;aspect-ratio:16/10}
.po-prevph .k-count{bottom:10px}
.po-vid{position:absolute;bottom:10px;inset-inline-end:10px;width:28px;height:24px;border-radius:var(--r-xs);background:rgba(10,14,24,.6);color:#fff;display:grid;place-items:center;z-index:2}
.po-vid svg{width:15px;height:15px}
.po-previn{padding:12px 14px 14px;display:grid;gap:6px}
.po-prevt{font-size:14.5px;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.po-sum{margin-top:16px;border-top:1px solid var(--line)}
.po-sr{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);min-height:58px}
.po-sr .t{flex:1;min-width:0}
.po-sr .t small{display:block;color:var(--muted);font-size:12px;margin-bottom:1px}
.po-sr .v{font-weight:600;font-size:14px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.po-ed{flex:0 0 auto;min-width:44px;justify-content:center}
.po-lk{width:44px;display:grid;place-items:center;color:var(--faint);flex:0 0 auto}
.po-lk svg{width:17px;height:17px}
.po-thumbs{display:flex;gap:4px;margin-top:6px}
.po-thumbs .art{width:36px;height:36px;border-radius:var(--r-xs)}
.po-rc{margin-top:8px}
.po-rc .po-h2{margin-top:18px}
.po-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px}
.po-ask{margin-top:12px}
.po-ask+.po-rules{grid-template-columns:1fr}
.po-ri{display:flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;color:var(--text-2);line-height:1.3;min-height:36px}
.po-ri .ic,.po-rg .ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--bad-50);color:var(--bad)}
.po-ri .ic.ok,.po-rg .ic.ok{background:var(--ok-50);color:var(--ok)}
.po-ri .ic svg,.po-rg .ic svg{width:16px;height:16px}
.po-rc .k-link .flip svg{width:15px;height:15px}
.po-rg{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.po-rg .ic{width:38px;height:38px}
.po-rg b{display:block;font-size:14px;font-weight:600}
.po-rg p{font-size:13px;color:var(--text-2);line-height:1.55;margin-top:2px}
.po-sh-lead{padding:4px 16px 10px;font-size:13px;color:var(--muted);line-height:1.55}
.po-agree{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);width:100%;text-align:start;margin-top:16px}
.po-agree[aria-checked="true"]{border:1.5px solid var(--ink);padding:13.5px}
.po-agree b{display:block;font-size:14px;font-weight:600;line-height:1.45}
.po-agree small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
/* sticky action bar with a hint line */
.po-cta{flex-direction:column;gap:8px}
.po-cta>.btn{flex:0 0 auto;width:100%;height:48px}
.po-cta .k-load{--kd-on:var(--on-accent);--kd-off:color-mix(in srgb,var(--on-accent) 45%,transparent)}
.po-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--warn);text-align:center;line-height:1.4}
.po-hint svg{width:15px;height:15px;flex:0 0 auto}
/* success */
.po-ok{display:grid;justify-items:center;text-align:center;gap:8px;padding:26px 24px 12px}
.po-big{width:104px;height:104px;animation:poPop .55s cubic-bezier(.2,1.5,.4,1) both;filter:drop-shadow(0 10px 14px rgba(16,24,40,.16))}
@keyframes poPop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.po-ok p{color:var(--text-2);font-size:14px;max-width:32ch;line-height:1.6}
.po-mini{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-tile);width:100%;text-align:start}
.po-mini>.art{width:72px;height:72px;border-radius:var(--r-sm);flex:0 0 auto}
.po-mini .grow{display:grid;gap:3px}
.po-mini .tt{font-weight:600;font-size:14px;display:block}
.po-naf{margin-top:12px;width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);background:linear-gradient(100deg,var(--promo-a),var(--promo-b));text-align:start;color:var(--text)}
.po-naf .ic{width:42px;height:42px;border-radius:50%;background:var(--surface);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.po-naf .ic svg{width:24px;height:24px}
.po-naf .t{flex:1;min-width:0;display:grid;gap:2px}
.po-naf .t b{font-size:14.5px;font-weight:600}
.po-naf .t small{font-size:12.5px;color:var(--text-2);line-height:1.45}
.po-naf .flip svg{width:20px;height:20px}
.po-push{display:flex;gap:12px;padding:14px;border-radius:var(--r);border:1px solid var(--line);margin-top:12px;background:var(--surface)}
.po-push .ic{width:40px;height:40px;border-radius:50%;background:var(--amber-50);color:var(--warn);display:grid;place-items:center;flex:0 0 auto}
.po-push .ic svg{width:21px;height:21px}
.po-push b{font-size:14.5px;font-weight:600}
.po-push p{font-size:12.5px;color:var(--text-2);line-height:1.5;margin-top:2px}
.po-pushb{margin-top:10px}
.po-pushb .k-soft{height:40px}
.po-okb{display:grid;gap:10px;margin-top:20px}
.po-note{font-size:12.5px;color:var(--muted);text-align:center;margin-top:-4px}
.po-another{justify-self:center}
.po-another svg{width:17px;height:17px}
/* REGA licence */
.po-lic{font-size:19px;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums;text-align:left}
.po-try{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.po-try .k-chip{height:34px;font-size:12.5px}
.po-found{margin-top:16px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:grid;gap:10px}
.po-found .hd{display:flex;align-items:center;gap:10px}
.po-found .hd .okc{width:38px;height:38px;border-radius:50%;background:var(--ok-50);color:var(--ok);display:grid;place-items:center;flex:0 0 auto}
.po-found .hd .okc svg{width:21px;height:21px}
.po-found .hd b{display:block;font-size:15px;font-weight:600}
.po-found .k-load{justify-self:center}
.po-kv .k-kv>div{border-bottom:1px solid var(--line);padding:8px 0}
.po-kv .k-kv>div:last-child{border-bottom:0}
.po-nafbox{margin-top:14px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);display:grid;gap:12px}
.po-nafbox .ic{width:38px;height:38px;border-radius:50%;background:var(--surface);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.po-nafbox .ic svg{width:20px;height:20px}
.po-nafbox b{font-size:14.5px;font-weight:600;display:block}
.po-nafbox p{font-size:13px;color:var(--text-2);line-height:1.55;margin-top:2px}
.po-in>.k-link{margin-top:8px}
.po-in>.k-link svg{width:17px;height:17px}
/* leave-the-flow sheet */
.po-dk{justify-self:center;color:var(--bad)}
.po-dk svg{width:17px;height:17px}
.po-sheetlist{margin:4px 0 8px}
/* first-open skeleton */
.po-skl{position:absolute;inset:0;z-index:4;background:var(--bg);padding:16px;display:grid;gap:12px;align-content:start;pointer-events:none}
.phone[data-theme="dark"] .po-cv{color:var(--on-new)}
.po-licn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}

/* ===================================================================== MY ADS · WALLET · PROMOTE · CHECKOUT (mo-) */
.mo-in{padding:0 16px}
.mo-amt{display:inline-flex;align-items:center;gap:4px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-weight:700}
.mo-amt .rs{width:.9em;height:1em;flex:0 0 auto}
.mo-ld{padding:0}
.mo-ld i{background:color-mix(in srgb,var(--on-accent) 55%,transparent)}
.mo-ld i:nth-child(2){background:var(--on-accent)}
/* guest / empty states */
.mo-guest{display:grid;justify-items:center;text-align:center;gap:8px;padding:48px 28px 24px}
.mo-guest-im{width:92px;height:92px;margin-bottom:4px}
.mo-guest h2{font-size:18px;font-weight:700;line-height:1.35}
.mo-guest p{font-size:13.5px;color:var(--text-2);line-height:1.6;max-width:32ch}
.mo-guest .k-soft{margin-top:10px;min-width:200px;height:44px}
.mo-empty{padding:34px 28px 20px}
.mo-empty .mo-guest-im{width:72px;height:72px}
/* summary card */
.mo-sum{margin:14px 16px 0;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-tile);display:grid;gap:10px}
.mo-sumt{display:flex;align-items:flex-start;gap:12px}
.mo-sum .lb{font-size:13px;color:var(--text-2);font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mo-q{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.mo-q b{font-size:26px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.mo-q span{font-size:14px;color:var(--text-2);font-weight:500}
.mo-sum .meter{height:5px}
.mo-nt{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.mo-nt svg{width:15px;height:15px;flex:0 0 auto}
.mo-wal{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm);background:var(--surface-2);text-align:start;flex:0 0 auto;min-height:44px}
.mo-wal>svg{width:20px;height:20px;color:var(--accent)}
.mo-wal small{display:block;font-size:11px;color:var(--muted);line-height:1.2}
.mo-wal b{font-size:13.5px;font-weight:700;white-space:nowrap}
.mo-wal .flip svg,.mo-plans .flip svg{width:15px;height:15px;color:var(--muted)}
.mo-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:10px}
.mo-stats>div{display:grid;gap:1px;justify-items:center;text-align:center}
.mo-stats>div+div{border-inline-start:1px solid var(--line)}
.mo-stats b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.mo-stats small{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px}
.mo-stats small svg{width:13px;height:13px}
.mo-plans{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:linear-gradient(100deg,var(--promo-a),var(--promo-b));text-align:start;min-height:48px}
.mo-plans>svg{width:22px;height:22px;color:var(--warn)}
.mo-plans small{display:block;font-size:11.5px;color:var(--text-2)}
.mo-plans b{font-size:14px;font-weight:600}
.mo-sup{display:inline-flex;align-items:center;gap:4px;background:var(--new);color:var(--on-new);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}
.mo-sup svg{width:12px;height:12px}
.mo-limit{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--warn-50);font-size:12.5px;line-height:1.5;font-weight:600;color:var(--text)}
.mo-limit .k-soft{height:40px;flex:0 0 auto}
.mo-prow2{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.mo-prow2 .mi{width:40px;height:40px;border-radius:50%;background:var(--amber-50);color:var(--warn);display:grid;place-items:center;flex:0 0 auto}
.mo-prow2 .mi svg{width:20px;height:20px}
.mo-prow2 b{display:block;font-size:14px;font-weight:600}
.mo-prow2 small{font-size:12px;color:var(--muted)}
.mo-prow2 .k-soft{height:40px}
/* tabs */
.mo-tabs{margin-top:16px;position:sticky;top:0;z-index:3}
.mo-tabs button{font-size:13.5px;padding:0 2px;gap:4px;min-width:0;white-space:nowrap}
.mo-tabs .k-tabs-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--surface-3);color:var(--text-2);display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
.mo-tabs button[aria-selected="true"] .k-tabs-n{background:var(--ink);color:var(--on-ink)}
/* own-ad card */
.mo-card{background:var(--surface);border-bottom:8px solid var(--surface-2);animation:fadeIn .25s ease}
.mo-top{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:14px 16px 10px;width:100%;text-align:start}
.mo-th{width:96px;height:96px;border-radius:var(--r-sm);display:grid;place-items:center}
.mo-th .sold-rib{font-size:10.5px;top:11px;inset-inline-start:-38px}
.mo-noimg svg{width:26px;height:26px;color:var(--faint)}
.mo-info{min-width:0;display:flex;flex-direction:column;gap:5px}
.mo-ttl{font-weight:500;font-size:14.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text)}
.mo-sub{font-size:12.5px;color:var(--muted)}
.mo-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:auto}
.mo-pulse{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:moPulse 1.4s ease-in-out infinite}
@keyframes moPulse{0%,100%{opacity:1}50%{opacity:.25}}
.mo-meta{display:flex;align-items:center;gap:14px;padding:0 16px 10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap;row-gap:6px}
.mo-st{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-2)}
.mo-st svg,.mo-exp svg{width:15px;height:15px;color:var(--muted)}
.mo-exp{margin-inline-start:auto;display:inline-flex;gap:4px;align-items:center;white-space:nowrap}
.mo-exp.soon{color:var(--warn);font-weight:600}
.mo-exp.soon svg{color:var(--warn)}
.mo-line{margin:0 16px 10px;padding:8px 10px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;display:flex;gap:8px;align-items:center}
.mo-line svg{width:16px;height:16px;flex:0 0 auto}
.mo-line.feat{background:var(--amber-50);color:var(--warn)}
.mo-line.pin{background:var(--accent-50);color:var(--accent)}
.mo-line.ok{background:var(--ok-50);color:var(--ok)}
.mo-rev{margin:0 16px 10px;padding:8px 10px;border-radius:var(--r-sm);background:var(--surface-2);font-size:12.5px;color:var(--text-2)}
.mo-rev .k-load{padding:0 2px}
.mo-rev .k-load i{width:6px;height:6px}
.mo-rev b{font-weight:600}
.mo-rej{margin:0 16px 10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--bad-50);font-size:12.5px;color:var(--text-2);display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.mo-rej svg{width:16px;height:16px;color:var(--bad);flex:0 0 auto;margin-top:1px}
.mo-rej b{display:block;color:var(--bad);font-weight:700}
.mo-acts{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;padding:0 16px 14px}
.mo-acts .k-soft{height:42px;padding:0 10px;font-size:13.5px}
.mo-acts .wide{grid-column:span 2}
.mo-acts2{grid-template-columns:1fr 44px}
.mo-dots{padding:0!important}
.mo-locked{color:var(--faint)}
/* first-seller checklist */
.mo-first{display:grid;justify-items:center;text-align:center;gap:8px;margin:14px 16px;padding:22px 16px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.mo-first h2{font-size:17px;font-weight:700}
.mo-first p{font-size:13.5px;color:var(--text-2)}
.mo-ck{display:grid;gap:8px;text-align:start;width:100%;margin-top:6px}
.mo-ckr{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);min-height:56px}
.mo-ckr .c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;border:1.5px solid var(--line-2);font-size:12px;font-weight:700;color:var(--muted)}
.mo-ckr.done .c{background:var(--ok);border-color:var(--ok);color:#fff}
.mo-ckr .c svg{width:15px;height:15px;stroke-width:3}
.mo-ckr .t{flex:1;font-weight:600;font-size:14px}
.mo-ckr.done .t{color:var(--muted);text-decoration:line-through}
.mo-ckr .k-soft{height:40px}
/* sheets */
.mo-menu{padding:0 0 4px}
.mo-mprev{display:flex;gap:12px;align-items:center;padding:4px 16px 14px;border-bottom:1px solid var(--line)}
.mo-mprev .art{width:48px;height:48px;border-radius:var(--r-sm);flex:0 0 auto}
.mo-mprev b{font-size:14px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-menu .mrow+.mrow{border-top:1px solid var(--line)}
.mo-cf-im{width:64px;height:64px;margin:0 auto 8px}
.mo-cf-x{justify-self:center}
.mo-mlist{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}
.mo-fld{margin-top:16px}
.mo-fld.bad .k-inp{border-color:var(--bad)}
.mo-fld .k-hint,.mo-fld .k-err{margin-top:6px}
.mo-lb{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.mo-money{position:relative}
.mo-money .mo-rs{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;color:var(--text-2);pointer-events:none}
.mo-money .mo-rs .rs{width:16px;height:18px}
.mo-money .k-inp{padding-left:40px;font-size:18px;font-weight:700;text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.mo-feehd{display:grid;justify-items:center;text-align:center;gap:6px;padding:4px 8px 6px}
.mo-feehd h3{font-size:17px;font-weight:700}
.mo-feehd p{font-size:13px;color:var(--text-2);line-height:1.6;max-width:34ch}
.mo-feebox{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);margin-top:12px}
.mo-feebox span{font-weight:600;font-size:14px}
.mo-feebox .mo-amt{font-size:19px;color:var(--accent)}
/* promote */
.mo-prev{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.mo-prev .art{width:58px;height:58px;border-radius:var(--r-sm);flex:0 0 auto}
.mo-prev .tt{font-weight:600;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.mo-prev .cur{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-top:2px}
.mo-prev .cur svg{width:13px;height:13px}
.mo-hrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 10px}
.mo-h{font-size:16px;font-weight:600;margin:0 0 10px}
.mo-hrow .mo-h{margin:0}
.mo-hm{margin-top:20px}
.mo-bal{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);font-weight:600;font-size:12.5px;white-space:nowrap}
.mo-bal svg{width:16px;height:16px;color:var(--accent)}
.mo-bal b{font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.mo-opts{display:grid;gap:8px}
.mo-opt{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);width:100%;text-align:start;min-height:66px}
.mo-opt[aria-checked="true"]{border:1.5px solid var(--ink);padding:11.5px}
.mo-oi{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.mo-oi svg{width:20px;height:20px}
.mo-oi.bump{background:var(--ok-50);color:var(--ok)}
.mo-oi.pinned{background:var(--accent-50);color:var(--accent)}
.mo-oi.featured{background:var(--amber-50);color:var(--warn)}
.mo-oi.bundle{background:var(--ink);color:var(--new)}
.mo-ot{flex:1;min-width:0;line-height:1.35}
.mo-ot b{font-size:14.5px;font-weight:600}
.mo-ot .k-new{margin-inline-start:6px;vertical-align:1px;height:18px;font-size:10px}
.mo-ot small{display:block;font-size:12px;color:var(--muted);line-height:1.45;margin-top:2px}
.mo-oc{display:grid;justify-items:center;line-height:1.15;flex:0 0 auto;min-width:42px}
.mo-oc b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.mo-oc small{font-size:10.5px;color:var(--muted)}
.mo-math{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2)}
.mo-math>div{display:grid;gap:1px}
.mo-math>div:last-child{text-align:end}
.mo-math small{font-size:11.5px;color:var(--muted)}
.mo-math b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.mo-math b.neg{color:var(--bad)}
.mo-math .flip svg{width:18px;height:18px;color:var(--muted)}
.mo-fine{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--muted);margin-top:14px;line-height:1.55}
.mo-fine svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px}
/* packs */
.mo-packs{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding-top:6px}
.mo-pack{position:relative;border:1px solid var(--line-2);border-radius:var(--r);padding:16px 12px 12px;background:var(--surface);display:grid;gap:1px;text-align:start;width:100%}
.mo-pack[aria-checked="true"]{border:1.5px solid var(--ink);padding:15.5px 11.5px 11.5px}
.mo-pack .cr{display:flex;align-items:baseline;gap:5px}
.mo-pack .cr b{font-size:24px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.mo-pack .cr small{font-size:12px;font-weight:600;color:var(--muted)}
.mo-pack .bn{font-size:11.5px;font-weight:700;color:var(--ok);min-height:17px}
.mo-pack .mo-amt{margin-top:6px;font-size:15px;color:var(--text);justify-self:start}
.mo-pack .rib{position:absolute;top:-10px;inset-inline-start:10px;height:20px;padding:0 8px;border-radius:var(--r-pill);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;background:var(--new);color:var(--on-new);white-space:nowrap}
.mo-pack .rib.pop{background:var(--ink);color:var(--on-ink)}
.mo-pack .radio{position:absolute;top:12px;inset-inline-end:12px}
/* payment */
.mo-pms{display:grid;gap:8px}
.mo-pm{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);width:100%;text-align:start;min-height:58px}
.mo-pm[aria-checked="true"]{border:1.5px solid var(--ink);padding:9.5px 11.5px}
.mo-pm .t{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:1.35}
.mo-pm .t small{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.mo-lg{min-width:64px;height:32px;padding:0 8px;border-radius:var(--r-xs);display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:800;font-size:12.5px;letter-spacing:.01em;border:1px solid var(--line-2);background:var(--surface);color:var(--text);direction:ltr;flex:0 0 auto;font-family:'Plus Jakarta Sans',sans-serif}
.mo-lg.inv{background:var(--text);color:var(--bg);border-color:var(--text)}
.mo-lg svg{width:22px;height:14px}
.mo-store{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.mo-store .hd{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.mo-store .hd .mk{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--on-ink);flex:0 0 auto}
.mo-store .hd .mk svg{width:19px;height:19px}
.mo-store .hd b{font-size:14.5px;display:block;font-weight:600}
.mo-store .hd small{font-size:12px;color:var(--muted)}
.mo-skv{padding:6px 14px}
.mo-store .ft{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.mo-store .ft svg{width:16px;height:16px;flex:0 0 auto}
.mo-total{margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);background:var(--surface-2);display:grid;gap:4px}
.mo-total .row{justify-content:space-between}
.mo-total .mo-amt.lg{font-size:20px}
.mo-total small{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.mo-total small .mo-amt{font-weight:600}
.mo-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:56px 24px 26px}
.mo-state h3{font-size:18px;font-weight:700;line-height:1.4}
.mo-state p{color:var(--text-2);font-size:13.5px;max-width:32ch;line-height:1.55}
.mo-state .k-load i{width:11px;height:11px}
.mo-ok-im{width:96px;height:96px;animation:moPop .4s cubic-bezier(.2,.8,.2,1.2)}
.mo-badc{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--bad-50);color:var(--bad);animation:moPop .35s cubic-bezier(.2,.8,.2,1.2)}
.mo-badc svg{width:34px;height:34px;stroke-width:2.4}
@keyframes moPop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
.mo-newbal{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r-pill);background:var(--accent-50);color:var(--accent);font-weight:700;font-size:13.5px}
.mo-newbal svg{width:16px;height:16px}
.mo-fs .k-fs-f .k-soft{height:48px;flex:0 0 auto;padding:0 18px}
/* wallet */
.mo-wcard{margin:14px 16px 0;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-tile);display:grid;gap:10px}
.mo-wcard .top{display:flex;align-items:center;gap:14px}
.mo-wim{width:56px;height:56px;flex:0 0 auto}
.mo-wcard .lb{font-size:13px;color:var(--text-2)}
.mo-wbig{display:flex;align-items:baseline;gap:8px}
.mo-wbig b{font-size:34px;font-weight:700;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.mo-wbig span{font-size:15px;color:var(--text-2);font-weight:600}
.mo-wcard p{font-size:13px;color:var(--text-2);line-height:1.55}
.mo-wacts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mo-wacts .k-soft{height:44px;padding:0 8px;gap:6px}
.mo-wmini{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:10px}
.mo-wmini>div{display:grid;gap:1px;justify-items:center;text-align:center}
.mo-wmini>div+div{border-inline-start:1px solid var(--line)}
.mo-wmini small{font-size:11.5px;color:var(--muted)}
.mo-wmini b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.mo-how{display:flex;gap:8px;align-items:flex-start;margin:12px 16px 0;font-size:12.5px;color:var(--muted);line-height:1.55}
.mo-how svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px}
.mo-plist,.mo-led{border-top:1px solid var(--line)}
.mo-prow,.mo-lrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.mo-px{flex:1;min-width:0;line-height:1.35}
.mo-px b{font-size:14px;font-weight:600}
.mo-px small{display:block;font-size:12px;color:var(--muted)}
.mo-pc{font-weight:700;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mo-pc small{font-weight:500;color:var(--muted);font-size:11.5px}
.mo-li{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.mo-li svg{width:19px;height:19px}
.mo-li.in{background:var(--ok-50);color:var(--ok)}
.mo-li.gift{background:var(--amber-50);color:var(--warn)}
.mo-li.out{background:var(--accent-50);color:var(--accent)}
.mo-lx{flex:1;min-width:0;line-height:1.35}
.mo-lx b{font-size:14px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-lx small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-la{display:grid;justify-items:end;gap:1px;flex:0 0 auto}
.mo-la b{font-size:15.5px;font-weight:700;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;color:var(--text)}
.mo-la b.pos{color:var(--ok)}
.mo-la small{font-size:11px;color:var(--muted)}
.mo-la .mo-amt{font-size:11.5px;color:var(--muted);font-weight:600}
.mo-foot{padding:16px 24px 6px;font-size:12px;color:var(--muted);text-align:center;line-height:1.6}

/* ===================================================================== PLANS · OFFERS (pl-) */
.pl-in{padding:0 16px}
.pl-hero{display:grid;justify-items:center;text-align:center;gap:6px;padding:18px 16px 4px}
.pl-hero-im{width:80px;height:80px}
.pl-use{margin-top:14px;padding:14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:grid;gap:8px;box-shadow:var(--sh-tile)}
.pl-use .r{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2)}
.pl-use .r b{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.pl-use .nm{font-size:14.5px}
.pl-use .sub{font-size:12px;color:var(--muted);white-space:nowrap}
.pl-use .meter{height:5px}
.pl-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pl-acts .k-soft{height:44px}
.pl-money{display:inline-flex;align-items:center;gap:3px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-weight:700}
.pl-money .rs{width:.86em;height:.95em}
/* plan cards */
.pl-cards{display:grid;gap:14px}
.pl-card{position:relative;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:16px 14px 14px;display:grid;gap:12px}
.pl-card.best{border:1.5px solid var(--ink)}
.pl-card.cur{border:1.5px solid var(--ok)}
.pl-best{position:absolute;top:-10px;inset-inline-end:14px}
.pl-ct{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pl-nm{font-size:17px;font-weight:700;line-height:1.3;margin-bottom:4px}
.pl-pr{display:grid;justify-items:end;line-height:1.2;flex:0 0 auto}
.pl-pr .pl-money{font-size:21px;color:var(--accent)}
.pl-pr small{font-size:11.5px;color:var(--muted)}
.pl-gets{list-style:none;display:grid;gap:7px}
.pl-gets li{display:flex;gap:9px;align-items:center;font-size:13.5px;color:var(--text-2)}
.pl-gets li b{color:var(--text);font-variant-numeric:tabular-nums}
.pl-gets svg{width:17px;height:17px;color:var(--ok);flex:0 0 auto}
.pl-okl{text-align:start;width:100%;max-width:300px;margin-top:4px}
.pl-okl svg{color:var(--accent)}
.pl-bn{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center}
.pl-bn svg{width:15px;height:15px;color:var(--accent);flex:0 0 auto}
/* comparison table */
.pl-tbw{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.pl-tb{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12.5px}
.pl-tb th,.pl-tb td{padding:10px 3px;text-align:center;border-bottom:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums}
.pl-tb tr:last-child th,.pl-tb tr:last-child td{border-bottom:0}
.pl-tb thead th{font-size:11.5px;font-weight:700;line-height:1.3;padding:11px 3px;color:var(--text);vertical-align:bottom;background:var(--surface-2)}
.pl-tb tbody th{text-align:start;padding-inline-start:12px;font-weight:500;color:var(--text-2);font-size:12px;line-height:1.35}
.pl-tb td{font-weight:600;color:var(--text)}
.pl-tb .lb{width:25%}
.pl-tb .hi{background:var(--accent-50)}
.pl-tb thead .cur{box-shadow:inset 0 -2.5px 0 var(--accent)}
.pl-tb .pl-money{font-size:12px;gap:2px}
.pl-tb .yes,.pl-tb .no{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%}
.pl-tb .yes{background:var(--ok-50);color:var(--ok)}
.pl-tb .no{color:var(--faint)}
.pl-tb .yes svg,.pl-tb .no svg{width:12px;height:12px}
.pl-tb .dash{color:var(--faint);font-weight:500}
.pl-fine{font-size:12px;color:var(--muted);line-height:1.6;padding:16px 20px 28px;text-align:center}
/* checkout summary */
.pl-sum{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line)}
.pl-sum-im{width:44px;height:44px;flex:0 0 auto}
.pl-sum b{font-size:15px;font-weight:700;display:block}
.pl-sum small{font-size:12px;color:var(--muted);line-height:1.5;display:block}
.pl-foot2{display:grid;gap:8px;width:100%}
.pl-foot2 .pl-acts{margin-top:0}
/* limit sheet */
.pl-lim-im{width:64px;height:64px;margin:0 auto 8px}
.pl-limrows{border-top:1px solid var(--line);margin:8px 0 4px}
.pl-limrows .mrow+.mrow{border-top:1px solid var(--line)}
/* own store box */
.pl-box{margin:0 16px 12px;padding:14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-tile);display:grid;gap:10px}
.pl-box .t{display:flex;align-items:center;gap:12px}
.pl-box-im{width:44px;height:44px;flex:0 0 auto}
.pl-box b{font-size:14.5px;font-weight:700;display:block;line-height:1.3}
.pl-box small{font-size:12px;color:var(--muted);line-height:1.5;display:block}
.pl-box .pl-acts{margin-top:0}
/* offer form */
.pl-fld{margin-top:18px;margin-bottom:0}
.pl-lbr{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}
.pl-fld>label{display:flex}
.pl-count{font-size:12px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.pl-prevh{margin-top:22px}
.pl-ocard{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(100deg,var(--promo-a),var(--promo-b))}
.pl-oim{width:64px;height:64px;border-radius:var(--r-sm);background:var(--surface);display:grid;place-items:center;flex:0 0 auto}
.pl-oim img{width:46px;height:46px}
.pl-ocard .grow{display:grid;gap:3px;justify-items:start}
.pl-ocard b{font-size:14.5px;font-weight:700;line-height:1.35}
.pl-ocard small{font-size:12.5px;color:var(--text-2)}
.pl-oby{font-size:11.5px;color:var(--muted)}

/* ===================================================================== CHATS · THREAD · NOTIFICATIONS · FAVOURITES (ch-) */
.ch-guest{display:grid;justify-items:center;text-align:center;gap:8px;padding:56px 28px 24px}
.ch-guest-im{width:96px;height:96px;margin-bottom:4px}
.ch-guest h2{font-size:18px;font-weight:700;line-height:1.35}
.ch-guest p{font-size:13.5px;color:var(--text-2);line-height:1.6;max-width:32ch}
.ch-guest .k-soft{margin-top:10px;min-width:200px;height:44px}
.ch-empty{padding:40px 28px 20px}
.ch-empty .ch-guest-im{width:76px;height:76px}
.ch-pad{padding:12px 16px 4px}
.ch-amt{display:inline-flex;align-items:center;gap:3px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;font-weight:700}
.ch-amt .rs{width:.86em;height:.95em;flex:0 0 auto}
.ch-amt.in{font-weight:inherit}
/* tab-root header: centred title, search, chips / underline tabs */
/* the title keeps the shared .hdr .ttl size and weight (16.5px/700), like every other header */
.ch-top .ib .dot{border-color:var(--surface)}
.ch-srch{position:relative;padding:2px 16px 10px}
.ch-srch>svg{position:absolute;inset-inline-start:30px;top:calc(50% - 4px);transform:translateY(-50%);width:19px;height:19px;color:var(--muted);pointer-events:none}
/* the bordered white k-inp field with a leading icon, as City and the post picker draw it */
.ch-srch .k-inp{padding-inline-start:44px}
.ch-chips{padding:0 16px 12px}
.ch-fvtabs{border-bottom:0}
/* inbox rows */
.ch-row{display:flex;gap:12px;align-items:center;width:100%;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line);text-align:start;position:relative;min-height:82px}
.ch-row:active{background:var(--surface-2)}
.ch-thumb{position:relative;width:56px;height:56px;flex:0 0 auto}
.ch-thumb .art{display:block;width:56px;height:56px;border-radius:var(--r-sm)}
.ch-thumb .av{position:absolute;bottom:-5px;inset-inline-end:-5px;width:26px;height:26px;font-size:10.5px;border:2px solid var(--surface)}
.ch-thumb .av.sq{border-radius:8px}
.ch-thumb .av .on{width:9px;height:9px;bottom:-1px;inset-inline-end:-1px;border-width:1.5px}
.ch-mid{flex:1;min-width:0;display:grid;gap:3px}
.ch-l1{display:flex;align-items:center;gap:5px;min-width:0}
.ch-l1 b{font-weight:600;font-size:15px;min-width:0;flex:0 1 auto}
.ch-l1 time{margin-inline-start:auto;font-size:11.5px;color:var(--muted);white-space:nowrap;flex:0 0 auto;padding-inline-start:8px}
.ch-l2{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);min-width:0}
.ch-l2 .ell{min-width:0;flex:0 1 auto}
.ch-l3{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-2);min-width:0}
.ch-l3 .ell{flex:1;min-width:0}
.ch-row.unread .ch-l1 b{font-weight:700}
.ch-row.unread .ch-l3{color:var(--text);font-weight:600}
.ch-row.unread time{color:var(--accent);font-weight:700}
.ch-row.blk .ch-thumb,.ch-row.blk .ch-mid{opacity:.55}
.ch-row.blk .ch-thumb{filter:grayscale(1)}
.ch-row.blk .av .on,.ch-hd.blk .av .on{display:none}
.ch-cnt{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent-bg);color:var(--on-accent);font-size:11px;font-weight:700;display:grid;place-items:center;flex:0 0 auto}
.ch-tg{height:19px;padding:0 6px;font-size:10.5px;flex:0 0 auto}
.ch-pv>svg{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-inline-end:4px}
.ch-pof{display:inline-flex;align-items:center;gap:4px}
.ch-pof svg{width:15px;height:15px;color:var(--warn)}
.ch-tk{display:inline-flex;align-items:center;vertical-align:-2px;margin-inline-end:4px}
.ch-tk svg{display:block;width:14px;height:14px}
.ch-tk svg+svg{margin-inline-start:-9px}
.ch-tk.rd{color:var(--accent)}
.ch-typ{color:var(--accent);font-weight:600}
.ch-note{display:flex;gap:8px;align-items:center;justify-content:center;padding:20px 28px;font-size:12px;color:var(--muted);text-align:center;line-height:1.5}
.ch-note svg{width:15px;height:15px;flex:0 0 auto}
.ch-sk{height:40px;border-radius:16px;flex:0 0 auto}
.ch-sk.out{align-self:flex-end}.ch-sk.in{align-self:flex-start}
/* thread */
.ch-who{display:flex;align-items:center;gap:10px;min-width:0;text-align:start;height:48px;padding-inline:2px 6px}
.ch-who .av.sm{width:38px;height:38px;font-size:14px}
.ch-wt{display:grid;min-width:0;gap:1px}
.ch-wt .nm{display:flex;align-items:center;gap:5px;font-weight:600;font-size:15.5px;min-width:0;line-height:1.3}
.ch-wt .nm bdi{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-wt small{font-size:12px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.ch-wt small.on{color:var(--ok);font-weight:600;display:flex;align-items:center;gap:5px}
.ch-wt small.on::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.ch-wt small.typ{color:var(--accent);font-weight:600}
.ch-ctx{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 auto;position:relative;z-index:4}
.ch-ctxb{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:start}
.ch-ctx .art{display:block;width:48px;height:48px;border-radius:var(--r-sm);flex:0 0 auto}
.ch-ctx .grow{display:grid;gap:2px}
.ch-ctx .t{display:block;font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-pr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.ch-pr .tag{height:20px;font-size:10.5px;padding:0 7px}
.ch-ctx .chev{color:var(--muted)}
.ch-ctx .chev svg{width:16px;height:16px}
.ch-mk{height:36px;padding:0 12px;font-size:13px;flex:0 0 auto}
.ch-mk::after{content:"";position:absolute;inset:-4px 0}
.ch-mk{position:relative}
.ch-soldb{display:flex;gap:10px;align-items:center;padding:10px 16px;background:var(--bad-50);border-bottom:1px solid var(--line);flex:0 0 auto}
.ch-soldb>svg{width:20px;height:20px;color:var(--bad);flex:0 0 auto}
.ch-soldb b{display:block;font-size:13.5px;color:var(--bad)}
.ch-soldb small{display:block;font-size:12px;color:var(--text-2);line-height:1.45}
.ch-tbody{background:var(--bg)}
.ch-safe{margin:12px 16px 2px;padding:12px 14px;border-radius:var(--r);background:var(--surface-2);display:grid;gap:6px}
.ch-safe .hd{display:flex;align-items:center;gap:8px}
.ch-safe .hd>svg{width:18px;height:18px;color:var(--warn);flex:0 0 auto}
.ch-safe .hd b{font-size:14px;font-weight:600;flex:1}
.ch-safe .k-link{min-height:40px;margin-block:-8px;font-size:13px}
.ch-safe ul{list-style:none;display:grid;gap:4px;font-size:12.5px;color:var(--text-2);line-height:1.5}
.ch-safe li{display:flex;gap:8px;align-items:flex-start}
.ch-safe li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--muted);margin-top:8px;flex:0 0 auto}
.ch-msgs{display:flex;flex-direction:column;gap:3px;padding:6px 16px 18px}
.ch-msgs .bub{overflow-wrap:anywhere}
.ch-msgs .bub.in{background:var(--surface-2);border:0}
.ch-msgs .g{margin-top:9px}
.ch-msgs .bub .tm{display:flex;justify-content:flex-end;align-items:center;gap:4px;opacity:1;margin-top:2px}
.ch-tme{opacity:.9}
.bub.in .ch-tme,.ch-ofs .ch-tme{color:var(--muted);opacity:1}
.ch-msgs .bub .ch-tk{margin:0}
.bub.out .ch-tk{color:inherit;opacity:.8}
.bub.out .ch-tk.rd{color:var(--new);opacity:1}
.ch-day{display:flex;justify-content:center;margin:12px 0 6px}
.ch-day span{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:3px 12px;border-radius:var(--r-pill)}
.ch-sys{align-self:center;margin:8px 0;max-width:92%;display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;font-size:12px;color:var(--text-2);background:var(--surface-2);padding:5px 12px;border-radius:var(--r-pill)}
.ch-sys svg{width:14px;height:14px;flex:0 0 auto}
.ch-sys .ch-st{opacity:.75;font-size:11px}
.ch-sys.rv{color:var(--ok);background:var(--ok-50);font-weight:600}
.ch-sys.sd{color:var(--bad);background:var(--bad-50);font-weight:600}
.ch-intro{display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 24px 10px}
.ch-intro b{font-size:16px}
.ch-intro p{font-size:13px;color:var(--muted);max-width:30ch;line-height:1.55}
.bub.ch-med{padding:4px;overflow:hidden}
.ch-med .art,.ch-med .ch-map{display:block;width:216px;max-width:100%;height:146px;border-radius:12px;overflow:hidden}
.ch-med .ch-map .k-map{border:0;border-radius:12px}
.ch-med .cap{display:flex;gap:6px;align-items:center;padding:7px 8px 0;font-size:13.5px;font-weight:600}
.ch-med .cap svg{width:15px;height:15px;flex:0 0 auto}
.ch-med .tm{padding:0 8px 3px}
.ch-med .ch-imgb{display:block;width:216px;max-width:100%;border-radius:12px;overflow:hidden}
.ch-med .ch-imgb .art{width:100%}
.ch-voice{display:flex;align-items:center;gap:10px;min-width:196px;padding:2px 0}
.ch-voice .pl{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:var(--accent-bg);color:var(--on-accent)}
.bub.out .ch-voice .pl{background:var(--on-accent);color:var(--accent)}
.ch-voice .pl svg{width:14px;height:14px}
.ch-wave{display:flex;align-items:center;gap:2px;height:28px;flex:1;direction:ltr}
.ch-wave i{flex:1;max-width:3px;min-width:2px;border-radius:2px;background:currentColor;opacity:.55;transition:opacity .2s}
.ch-voice.on .ch-wave i{opacity:1;animation:chWave .7s infinite ease-in-out alternate}
.ch-voice.on .ch-wave i:nth-child(3n+1){animation-delay:.12s}.ch-voice.on .ch-wave i:nth-child(3n+2){animation-delay:.24s}
@keyframes chWave{from{transform:scaleY(.55)}to{transform:scaleY(1.1)}}
.ch-voice .d{font-size:11.5px;font-variant-numeric:tabular-nums;opacity:.85}
.bub.ch-typing{display:inline-flex;align-items:center;padding:6px 10px;width:auto}
.ch-typing .k-load{padding:4px}
.ch-typing .k-load i{width:7px;height:7px}
/* offer bubble */
.ch-ofr{width:min(82%,290px);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);padding:12px 14px;display:grid;gap:6px;box-shadow:var(--sh-tile)}
.ch-ofr.out{align-self:flex-end;border-color:var(--accent-100);background:var(--accent-50)}
.ch-ofr.in{align-self:flex-start}
.ch-ofh{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}
.ch-ofh svg{width:17px;height:17px;color:var(--warn);flex:0 0 auto}
.ch-ofa{font-size:22px;line-height:1.2;color:var(--text)}
.ch-ofa .ch-amt{font-weight:800}
.ch-ofl{font-size:12px;color:var(--muted)}
.ch-ofr p{font-size:13.5px;line-height:1.5;color:var(--text)}
.ch-ofs{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}
.ch-ofs .tm{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--muted)}
.ch-ofb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.ch-ofb .k-soft{height:40px;font-size:13.5px}
.ch-ofx{grid-column:1/-1;justify-self:center;color:var(--bad);min-height:40px}
.ch-ofsum{display:flex;gap:12px;align-items:center;padding:10px;border-radius:var(--r);border:1px solid var(--line)}
.ch-ofsum .art{width:52px;height:52px;border-radius:var(--r-sm);flex:0 0 auto}
.ch-ofsum b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-ofsum small{font-size:12.5px;color:var(--text-2)}
.ch-offld{margin-top:18px}
.ch-offld.bad .k-inp{border-color:var(--bad)}
.ch-offld .k-err{margin-top:6px}
.ch-ofq{margin-top:12px}
.ch-ofs-sheet .k-hint{margin-top:10px}
/* footer: quick replies + composer */
.ch-foot{flex:0 0 auto;background:var(--surface);border-top:1px solid var(--line);position:relative;z-index:4}
.ch-foot .composer{border-top:0;padding-top:8px}
.ch-qr{padding:10px 16px 2px}
.ch-qr .k-chip{height:34px;border-radius:var(--r-pill)}
.ch-warn{margin:10px 16px 0;padding:9px 12px;font-size:12.5px}
.ib.ch-att{width:44px;height:44px;border-radius:50%;background:var(--surface-2);color:var(--text)}
.composer .box{border-radius:22px;background:var(--surface);border:1px solid var(--line-2)}
.composer .send{background:var(--surface-2);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform .15s,background .15s}
.composer .send.on{background:var(--accent-bg);color:var(--on-accent)}
.composer.rec .send{background:var(--bad);color:#fff;transform:scale(1.15)}
.ch-recl{display:none;align-items:center;gap:8px;color:var(--bad);font-weight:600;font-size:14px;height:42px;flex:1}
.ch-recl i{width:9px;height:9px;border-radius:50%;background:var(--bad);animation:chBlink 1s infinite}
@keyframes chBlink{50%{opacity:.25}}
.composer.rec input{display:none}
.composer.rec .ch-recl{display:flex}
.ch-blk{display:flex;align-items:center;gap:12px;padding:14px 16px calc(var(--safe-b) + 8px);background:var(--surface);border-top:1px solid var(--line);flex:0 0 auto}
.ch-blk .i{width:40px;height:40px;border-radius:50%;background:var(--bad-50);color:var(--bad);display:grid;place-items:center;flex:0 0 auto}
.ch-blk .i svg{width:20px;height:20px}
.ch-blk b{display:block;font-size:14px}
.ch-blk small{display:block;font-size:12px;color:var(--muted);line-height:1.45}
.ch-blk .k-soft{flex:0 0 auto;height:40px}
.ch-push{display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding-block:8px;padding-inline:12px 4px;border-radius:var(--r);background:var(--surface-2)}
.ch-push .i{width:34px;height:34px;border-radius:50%;background:var(--surface);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}
.ch-push .i svg{width:18px;height:18px}
.ch-push b{display:block;font-size:13px;line-height:1.35}
.ch-push small{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}
.ch-push .k-soft{height:36px;padding:0 12px;flex:0 0 auto}
.ch-push .ib{width:40px;height:40px;color:var(--muted)}
.ch-push .ib svg{width:18px;height:18px}
.ch-attg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px 16px 10px}
.ch-attb{display:grid;justify-items:center;align-content:start;gap:6px;padding:16px 8px 14px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);text-align:center}
.ch-attb .i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent-50);color:var(--accent)}
.ch-attb .i svg{width:24px;height:24px}
.ch-attb b{font-size:13.5px;font-weight:600}
.ch-attb small{font-size:11.5px;color:var(--muted);line-height:1.35}
.ch-mlist .mrow+.mrow{border-top:1px solid var(--line)}
/* notifications */
.ch-ntbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding-inline:16px;background:var(--surface);border-bottom:1px solid var(--line);flex:0 0 auto}
.ch-ntbar>span{font-size:13px;color:var(--text-2);font-weight:600;display:flex;align-items:center;gap:6px}
.ch-ntbar>span.ok{color:var(--ok)}
.ch-ntbar>span svg{width:16px;height:16px}
.ch-ntbar .k-link{font-size:13.5px}
.ch-grp{padding:18px 16px 6px;font-size:13px;font-weight:700;color:var(--muted)}
.ch-nlist{border-top:1px solid var(--line)}
.ch-nt{display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px 16px;border-bottom:1px solid var(--line);text-align:start;background:var(--surface)}
.ch-nt:active{background:var(--surface-2)}
.ch-nt.unread{background:color-mix(in srgb,var(--accent-50) 60%,var(--surface))}
.ch-nt .ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.ch-nt .ic svg{width:20px;height:20px}
.ch-nt .tx{flex:1;min-width:0;display:grid;gap:3px}
.ch-nt .k{font-size:11.5px;color:var(--muted)}
.ch-nt .tx b{font-size:14px;font-weight:600;color:var(--text);line-height:1.4}
.ch-nt .tx p{font-size:13px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-nt .dot{width:9px;height:9px;border-radius:50%;background:var(--accent-bg);flex:0 0 auto;margin-top:6px}
.ch-t-brand{background:var(--accent-50);color:var(--accent)}
.ch-t-ok{background:var(--ok-50);color:var(--ok)}
.ch-t-amber{background:var(--amber-50);color:var(--warn)}
.ch-t-grey{background:var(--surface-2);color:var(--muted)}
.ch-skc{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
/* favourites: ads */
.ch-fav{position:relative;background:var(--surface);border-bottom:1px solid var(--line)}
.ch-favb{display:grid;grid-template-columns:128px 1fr;gap:12px;width:100%;padding:14px 16px;text-align:start}
.ch-favph{position:relative;width:128px;height:100px;border-radius:var(--r-sm)}
.ch-favph .k-count{bottom:6px;inset-inline-start:6px;height:22px;font-size:11px;padding:0 6px}
.ch-favin{min-width:0;display:flex;flex-direction:column;gap:3px;padding-inline-end:30px}
.ch-favpr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ch-old{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.ch-favm{font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-favt{font-size:13.5px;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-favin .k-rc-loc{font-size:12.5px}
.ch-favin .k-rc-loc svg{width:14px;height:14px}
.ch-unfav{position:absolute;top:8px;inset-inline-end:6px}
.ch-unfav svg{width:22px;height:22px}
.ch-flags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:2px}
.ch-flags .tag{height:20px;font-size:10.5px;padding:0 7px}
.ch-fav.off .ch-favph{filter:grayscale(.75);opacity:.8}
.ch-fav.off .ch-favt{color:var(--muted)}
/* favourites: saved searches */
.ch-sshint{display:flex;gap:8px;align-items:flex-start;padding:12px 16px 10px;font-size:12.5px;color:var(--muted);line-height:1.5}
.ch-sshint svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px}
.ch-ss{margin:0 16px 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-tile);overflow:hidden}
.ch-ssm{display:flex;gap:12px;align-items:flex-start;width:100%;padding:14px;text-align:start}
.ch-ssm .ic{width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--text);display:grid;place-items:center;flex:0 0 auto}
.ch-ssm .ic svg{width:20px;height:20px}
.ch-ssm .grow{display:grid;gap:7px}
.ch-ssm .hd{display:flex;gap:8px;align-items:flex-start}
.ch-ssm b{font-size:15px;font-weight:600;line-height:1.35;flex:1;min-width:0}
.ch-ssm .chev{color:var(--muted)}
.ch-ssm .chev svg{width:16px;height:16px;margin-top:12px}
.ch-ssm small{font-size:11.5px;color:var(--muted)}
.ch-sschips{display:flex;flex-wrap:wrap;gap:5px}
.ch-sschips>span{font-size:12px;color:var(--text-2);border:1px solid var(--line-2);padding:2px 8px;border-radius:var(--r-xs);display:inline-block;line-height:1.5}
.ch-ssf{display:flex;align-items:center;gap:10px;padding-block:2px;padding-inline:14px 6px;border-top:1px solid var(--line)}
.ch-ssf .lb{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--text-2);flex:1}
.ch-ssf .lb svg{width:17px;height:17px}
.ch-ssf .ib{width:44px;height:44px}
.ch-ssf .tgl::before{content:"";position:absolute;inset:-8px -6px}
.ch-ssf .tgl{position:relative}
@media (prefers-reduced-motion:reduce){.ch-recl i,.ch-voice.on .ch-wave i,.po-new,.po-big,.mo-ok-im,.mo-badc,.mo-pulse,.mo-card{animation:none}}
/* the shared .chk tick turns into a chevron under dir=rtl (app.css); draw it with physical borders so it reads as a tick both ways */
.po-agree[aria-checked="true"]>.chk::after{border:0;border-left:2.4px solid var(--on-ink);border-bottom:2.4px solid var(--on-ink);transform:rotate(-45deg) translate(1px,-1px)}