@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";:root{--color-brand-accent: #00d9ad;--color-brand-accent-hover: #00c39b;--color-brand-accent-active: #00ad89;--color-brand-accent-text: #00705c;--color-bg: #f7f8f8;--color-bg-sunken: #f0f1f3;--color-surface: #ffffff;--color-surface-alt: #e4e5e9;--color-surface-raised: #eceef0;--color-border: #d7d9dd;--color-border-soft: #e4e5e9;--color-border-strong: #c3c6cc;--color-text-main: #0a0b0d;--color-text-muted: #4b4e54;--color-text-faint: #6b6e74;--color-text-disabled: #9b9da3;--color-on-accent: #0a0b0d;--color-success: #1f8a65;--color-danger: #d92b2b;--color-warning: #b5750c;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-capsule: 9999px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark}:root:not([data-theme=light]){--color-brand-accent: #00d6aa;--color-brand-accent-hover: #00bf97;--color-brand-accent-active: #00a884;--color-brand-accent-text: #2edcb5;--color-bg: #262624;--color-bg-sunken: #1f1e1d;--color-surface: #2d2c2a;--color-surface-alt: #3a3936;--color-surface-raised: #333230;--color-border: #403f3c;--color-border-soft: #383734;--color-border-strong: #4d4c48;--color-text-main: #f0eee6;--color-text-muted: #b8b5ac;--color-text-faint: #8a877e;--color-text-disabled: #5c5a54;--color-success: #3ecf8e;--color-danger: #f87171;--color-warning: #f5b942}}:root[data-theme=dark]{color-scheme:dark;--color-brand-accent: #00d6aa;--color-brand-accent-hover: #00bf97;--color-brand-accent-active: #00a884;--color-brand-accent-text: #2edcb5;--color-bg: #262624;--color-bg-sunken: #1f1e1d;--color-surface: #2d2c2a;--color-surface-alt: #3a3936;--color-surface-raised: #333230;--color-border: #403f3c;--color-border-soft: #383734;--color-border-strong: #4d4c48;--color-text-main: #f0eee6;--color-text-muted: #b8b5ac;--color-text-faint: #8a877e;--color-text-disabled: #5c5a54;--color-success: #3ecf8e;--color-danger: #f87171;--color-warning: #f5b942}:root[data-theme=light]{color-scheme:light}:root{--a11y-scale: 1}html{font-size:calc(16px * var(--a11y-scale))}:root[data-contrast=high]{--color-border: var(--color-border-strong);--color-border-soft: var(--color-border-strong);--color-text-muted: var(--color-text-main);--color-text-faint: var(--color-text-muted)}:root:not([data-theme=light])[data-contrast=high]{--color-bg: #000000;--color-surface: #141413;--color-surface-alt: #1f1e1c}:root[data-theme=light][data-contrast=high]{--color-bg: #ffffff;--color-surface-alt: #eceef0}[data-contrast=high] .btn--primary{outline:2px solid var(--color-text-main);outline-offset:-2px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text-main);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.text-wave{background-image:linear-gradient(90deg,color-mix(in srgb,currentColor 45%,transparent) 0%,currentColor 50%,color-mix(in srgb,currentColor 45%,transparent) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:status-wave 1.6s ease-in-out infinite}button{font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;border:none;outline:none}.app{display:flex;flex-direction:column;height:100dvh;position:relative}.app--centered{align-items:center;justify-content:center}.link-screen{width:min(92vw,340px);padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.link-screen__title{font-size:19px;font-weight:600;margin:14px 0 0;letter-spacing:-.01em}.link-screen__hint{font-size:13.5px;color:var(--color-text-faint);margin:4px 0 22px;max-width:280px}.link-screen__scan-btn{display:flex;align-items:center;justify-content:center;gap:8px}.link-screen .scan-frame{width:100%;margin-bottom:12px}.link-screen__manual-toggle{background:none;border:none;color:var(--color-brand-accent-text);font-size:13.5px;font-weight:500;padding:10px;margin-top:4px}.link-screen__manual{width:100%;margin-top:8px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px 14px;background:var(--color-surface);border-bottom:1px solid var(--color-border-soft);flex-shrink:0;z-index:5}.app-header__brand{display:flex;align-items:center;gap:8px}.brand-mark{position:relative;display:inline-block}.brand-mark__light,.brand-mark__dark{position:absolute;inset:0}.brand-mark__dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-mark__light{display:none}:root:not([data-theme=light]) .brand-mark__dark{display:block}}:root[data-theme=dark] .brand-mark__light{display:none}:root[data-theme=dark] .brand-mark__dark{display:block}.app-header__wordmark{display:flex;align-items:baseline;gap:5px}.app-header__title{font-weight:600;font-size:15px;color:var(--color-text-main);letter-spacing:-.01em}.app-header__subtitle{font-weight:400;font-size:11.5px;color:var(--color-text-faint)}.app-header__actions{display:flex;align-items:center;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);transition:background .15s ease,transform .1s ease}.icon-btn:active{transform:scale(.92)}.icon-btn--spinning svg{animation:icon-spin-once .5s ease}@keyframes icon-spin-once{to{transform:rotate(360deg)}}.icon-btn--sm{width:30px;height:30px;flex-shrink:0}.icon-btn--danger{color:var(--color-danger)}.icon-btn--danger:disabled{opacity:.5}.status-banner{background:var(--color-warning);color:#1a1a1a;flex-shrink:0;overflow:hidden}.status-banner__inner{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;font-size:12.5px;font-weight:500}.status-banner__spin{animation:status-spin .9s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}@keyframes status-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.status-banner--danger{background:var(--color-danger);color:#fff}.status-banner--danger .status-banner__inner{color:#fff}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(76px + env(safe-area-inset-bottom));position:relative;transition:opacity .25s ease,filter .25s ease}.app-main--blocked{opacity:.45;filter:grayscale(.7);pointer-events:none}.page{padding:20px 16px}.page h1{font-size:21px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.section-list__subtitle{margin:0 0 20px}.overview-header{display:flex;align-items:center;gap:10px}.overview-header h1{margin:0}.store-logo{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;margin-bottom:20px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:6px}.stat-card--warn{border-color:var(--color-warning)}.stat-label{font-size:11.5px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-value{font-size:24px;font-weight:700;letter-spacing:-.02em}.bar-chart{display:flex;align-items:flex-end;gap:6px;height:88px;margin-top:14px}.bar-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.bar-chart__bar{width:100%;max-width:22px;background:var(--color-brand-accent);border-radius:4px 4px 0 0;min-height:3px}.bar-chart__label{font-size:10px;color:var(--color-text-disabled)}.page-section{margin-top:24px}.section-heading{font-size:14px;font-weight:600;margin:0 0 10px;color:var(--color-text-main)}.input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-md);padding:12px 14px;font-size:16px;margin-bottom:12px;transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--color-brand-accent)}.field-label{display:block;font-size:13px;color:var(--color-text-muted);margin-bottom:6px}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-main);margin-bottom:12px}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand-accent)}.btn{width:100%;background:var(--color-surface-alt);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:13px;font-size:15px;font-weight:500;margin-bottom:12px;transition:transform .1s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-brand-accent);border-color:var(--color-brand-accent);color:var(--color-on-accent);font-weight:600}.btn--primary:active{background:var(--color-brand-accent-active)}.btn:disabled{opacity:.5}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-item{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .15s ease,transform .1s ease}.list-item:active{transform:scale(.99);border-color:var(--color-border-strong)}.list-item>div:first-child{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.list-item__title{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__sub{font-size:12.5px;color:var(--color-text-faint);margin-top:2px}.list-item__end{text-align:right;font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:14px;margin-bottom:16px}.muted{color:var(--color-text-muted);font-size:14px}.error{color:var(--color-danger);font-size:14px}.state-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;gap:4px}.state-view__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-capsule);background:var(--color-surface-alt);color:var(--color-text-faint);margin-bottom:12px}.state-view__icon--danger{background:#f871711f;color:var(--color-danger)}.state-view__title{font-size:15px;font-weight:600;color:var(--color-text-main);margin:0}.state-view__desc{font-size:13px;color:var(--color-text-faint);margin:2px 0 0;max-width:260px}.state-view__action{width:auto;min-width:140px;margin:18px 0 0;padding:11px 20px}.scan-video{width:100%;border-radius:var(--radius-md);margin-bottom:12px;background:#000;display:block}.scan-frame{position:relative;margin-bottom:12px;border-radius:var(--radius-md);overflow:hidden}.scan-frame .scan-video{margin-bottom:0;border-radius:0}.scan-frame__mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059}.scan-frame__window{position:relative;width:78%;aspect-ratio:5 / 3;box-shadow:0 0 0 999px #00000059;border-radius:var(--radius-sm)}.scan-frame__corner{position:absolute;width:22px;height:22px;border:3px solid var(--color-brand-accent)}.scan-frame__corner--tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:6px}.scan-frame__corner--tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:6px}.scan-frame__corner--bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:6px}.scan-frame__corner--br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:6px}.scan-frame__line{position:absolute;left:4%;right:4%;height:2px;background:var(--color-brand-accent);box-shadow:0 0 8px 1px var(--color-brand-accent);animation:scan-line 1.8s ease-in-out infinite}@keyframes scan-line{0%,to{top:6%;opacity:.9}50%{top:94%;opacity:.5}}.scan-frame__hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:13px;font-weight:500;color:#fff}.scan-frame__close{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-capsule);background:#00000080;color:#fff}[dir=rtl] .scan-frame__close{right:auto;left:10px}.upload-indicator{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.upload-indicator__bar{height:4px;border-radius:var(--radius-capsule);background:var(--color-surface-alt);overflow:hidden}.upload-indicator__fill{height:100%;width:40%;border-radius:var(--radius-capsule);background:var(--color-brand-accent);animation:upload-indeterminate 1.2s ease-in-out infinite}@keyframes upload-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.upload-indicator__label{font-size:12.5px;font-weight:500}.section-tab{position:relative;height:100%}.row-list{display:flex;flex-direction:column;gap:10px}.row-card{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:14px;color:var(--color-text-main)}.row-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:var(--color-surface-alt);border-radius:var(--radius-md);color:var(--color-brand-accent-text)}.row-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-card__title{font-size:15.5px;font-weight:600}.row-card__desc{font-size:12.5px;color:var(--color-text-faint)}.row-card__chevron{color:var(--color-text-disabled);flex-shrink:0}[dir=rtl] .row-card__chevron{transform:rotate(180deg)}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--color-surface);border-top:1px solid var(--color-border-soft);padding-bottom:env(safe-area-inset-bottom);z-index:4}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--color-text-faint);padding:10px 4px 8px;font-size:11px;font-weight:500}.bottom-nav button.active{color:var(--color-brand-accent-text)}.back-bar{display:flex;align-items:center;gap:8px;width:100%;background:var(--color-surface);border-bottom:1px solid var(--color-border-soft);color:var(--color-text-main);font-size:15px;font-weight:600;flex-shrink:0;overflow:hidden;z-index:4}.back-bar__inner{display:flex;align-items:center;gap:8px;padding:12px 16px}[dir=rtl] .back-bar svg{transform:scaleX(-1)}.toast-viewport{position:fixed;top:max(66px,calc(66px + env(safe-area-inset-top)));left:50%;transform:translate(-50%);width:min(92vw,360px);display:flex;flex-direction:column;gap:8px;z-index:20;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:11px 12px;font-size:13.5px;color:var(--color-text-main);pointer-events:auto;animation:toast-in .22s cubic-bezier(.2,.8,.3,1.1)}.toast--leaving{animation:toast-out .18s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.97)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px) scale(.97)}}.toast__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-capsule);background:var(--color-surface-alt)}.toast--success .toast__icon{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface-alt))}.toast--error .toast__icon{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface-alt))}.toast--warning .toast__icon{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 16%,var(--color-surface-alt))}.toast--info .toast__icon{color:var(--color-text-faint)}.toast__message{flex:1;min-width:0}.toast__close{display:flex;flex-shrink:0;color:var(--color-text-disabled)}.drawer-scrim{position:fixed;inset:0;background:#00000080;z-index:10}.drawer{position:fixed;top:0;bottom:0;right:0;width:min(86vw,340px);background:var(--color-surface);border-left:1px solid var(--color-border-soft);display:flex;flex-direction:column;z-index:11;padding-bottom:env(safe-area-inset-bottom)}[dir=rtl] .drawer{right:auto;left:0;border-left:none;border-right:1px solid var(--color-border-soft)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px 14px;border-bottom:1px solid var(--color-border-soft);font-weight:600;font-size:15px}.drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-muted)}.drawer__tabs{display:flex;gap:6px;padding:12px 16px;flex-wrap:wrap}.drawer__tab{display:flex;align-items:center;gap:6px;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-capsule);padding:7px 12px;font-size:12.5px;font-weight:500}.drawer__tab.active{color:var(--color-on-accent);background:var(--color-brand-accent);border-color:var(--color-brand-accent)}.drawer__content{flex:1;overflow-y:auto}.drawer__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 16px calc(12px + env(safe-area-inset-bottom))}.drawer__lang-select{width:64px;flex-shrink:0;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-md);padding:10px 6px;font-size:16px;font-weight:600;appearance:auto}.drawer__theme-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-md)}.drawer__a11y-btn{display:flex;align-items:center;gap:6px;justify-content:center;flex:1;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-md);padding:10px 12px;font-size:13.5px;font-weight:500}.a11y-dialog-wrap{position:fixed;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:20px}.a11y-dialog{width:min(90vw,360px);max-height:80vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);padding-bottom:max(14px,env(safe-area-inset-bottom))}.a11y-dialog__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-soft);font-weight:600;font-size:15px}.a11y-dialog__section{padding:16px;border-bottom:1px solid var(--color-border-soft)}.a11y-dialog__section:last-of-type{border-bottom:none}.a11y-dialog__label{font-size:13.5px;font-weight:600;color:var(--color-text-main)}.a11y-scale-row{display:flex;align-items:center;gap:10px;margin-top:10px}.a11y-scale-row__preview{flex:1;display:flex;align-items:baseline;justify-content:center;gap:10px;color:var(--color-text-main)}.a11y-scale-row__pct{font-size:13px;color:var(--color-text-faint);font-weight:600;min-width:40px;text-align:center}.a11y-toggle-row{display:flex;align-items:center;gap:10px;cursor:pointer}.a11y-toggle-row__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:var(--color-surface-alt);border-radius:var(--radius-capsule);color:var(--color-text-muted)}.a11y-toggle-row__text{flex:1;display:flex;flex-direction:column;gap:2px}.a11y-toggle-row__hint{font-size:12px;color:var(--color-text-faint);font-weight:400}.a11y-switch{appearance:none;-webkit-appearance:none;width:42px;height:24px;flex-shrink:0;border-radius:var(--radius-capsule);background:var(--color-surface-alt);border:1px solid var(--color-border);position:relative;transition:background .15s ease}.a11y-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--color-text-faint);transition:transform .15s ease,background .15s ease}.a11y-switch:checked{background:var(--color-brand-accent);border-color:var(--color-brand-accent)}.a11y-switch:checked:after{transform:translate(18px);background:var(--color-on-accent)}[dir=rtl] .a11y-switch:after{left:auto;right:2px}[dir=rtl] .a11y-switch:checked:after{transform:translate(-18px)}.a11y-dialog__footer{display:flex;gap:8px;padding:14px 16px 0}.a11y-dialog__footer .btn{margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:6px}.receipt{position:fixed;left:0;right:0;bottom:0;max-height:86vh;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;flex-direction:column;z-index:11;padding-bottom:env(safe-area-inset-bottom)}.receipt__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--color-border-soft);font-weight:600;font-size:15px;flex-shrink:0}.receipt__content{padding:14px 16px 20px;overflow-y:auto}.receipt__customer{font-weight:600;font-size:14px;margin:4px 0 0}.receipt__items{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:10px}.receipt__item-main{display:flex;justify-content:space-between;font-size:14px;font-weight:500}.receipt__item-sub{font-size:12.5px;margin-top:2px}.receipt__totals{border-top:1px solid var(--color-border-soft);padding-top:10px;display:flex;flex-direction:column;gap:4px}.receipt__row{display:flex;justify-content:space-between;font-size:13.5px}.receipt__row--total{font-size:16px;font-weight:700;color:var(--color-text-main);margin-top:4px}.receipt__notes{margin-top:14px;font-style:italic}.catalog-thumb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:var(--color-surface-alt);border-radius:var(--radius-md);color:var(--color-text-faint);overflow:hidden}.catalog-thumb img{width:100%;height:100%;object-fit:cover}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;flex-wrap:wrap}.catalog-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.catalog-toggle input{width:16px;height:16px;accent-color:var(--color-brand-accent)}.catalog-sorts{display:flex;gap:6px}.catalog-sort-btn{display:flex;align-items:center;gap:4px;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-capsule);padding:6px 10px;font-size:12px;font-weight:500}.catalog-sort-btn.active{color:var(--color-on-accent);background:var(--color-brand-accent);border-color:var(--color-brand-accent)}.catalog-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.catalog-detail{display:flex;gap:12px}.catalog-detail__rows{flex:1;display:flex;flex-direction:column;gap:8px}.list-item--clickable{cursor:pointer}.list-item__with-dot{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success) 25%,transparent)}.live-dot--pending{background:var(--color-text-disabled);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text-disabled) 25%,transparent)}