:root{--status-aman-bg:#1a7f37;--status-aman-text:#fff;--status-menipis-bg:#b98900;--status-menipis-text:#1a1a1a;--status-kritis-bg:#c1121f;--status-kritis-text:#fff;--sev-info-bg:#3b82f6;--sev-info-text:#fff;--sev-low-bg:#b98900;--sev-low-text:#1a1a1a;--sev-high-bg:#c1121f;--sev-high-text:#fff;--sev-critical-bg:#7f1d1d;--sev-critical-text:#fff;--chart-aktual:#1f77b4;--chart-forecast:#ff7f0e;--chart-band:#ff7f0e2e;--chart-event:#7c2d12;--chart-purchase-marker:#2563eb;--chart-cat-1:#3b82f6;--chart-cat-2:#8b5cf6;--chart-cat-3:#0891b2;--chart-cat-4:#d97706;--chart-cat-5:#6366f1;--chart-cat-6:#64748b;--health-kritis:#c1121f;--health-perhatian:#b98900;--health-baik:#1a7f37;--label-tentatif-bg:#fde2e2;--label-tentatif-text:#7f1d1d;--label-asumsi-bg:#fff3cd;--label-asumsi-text:#664d03;--label-insufficient-bg:#e2e8f0;--label-insufficient-text:#334155;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-muted:#94a3b8;--surface-page:#f5f6f8;--surface-card:#fff;--border-default:#e2e4e9;--border-soft:#eef0f3;--surface-header-cell:#fafbfc;--nav-active-bg:#f0f7f2;--nav-active-text:#166030;--nav-active-rail:#1a7f37;--chip-info-bg:#eef2ff;--chip-info-border:#c7d2fe;--chip-info-text:#3730a3;--banner-sim-bg:#fff7ed;--banner-sim-border:#fdba74;--banner-sim-text:#7c2d12;--badge-onorder-bg:#e0f2fe;--badge-onorder-text:#075985;--state-success-bg:#eafaf0;--state-success-border:#a8e6c1;--state-success-text:#166030;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-screen-title:22px;--text-kpi-value:27px;--text-card-heading:15px;--text-body:13px;--text-body-sm:12.5px;--text-label:11px;--text-caption:11.5px;--weight-bold:800;--weight-semibold:700;--letter-spacing-label:.035em;--radius-card:8px;--radius-modal:12px;--radius-pill:99px;--radius-control:6px;--elevation-card:0 1px 2px #0000000f;--elevation-modal:0 20px 60px #00000047;--space-grid:14px;--space-grid-lg:20px;--content-max-width:1200px;--bottom-nav-height:56px;--touch-target-min:44px;--content-max-width-mobile:560px;--bp-tablet:768px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}p{margin:0}button,select,input{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.tabular-nums{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--chart-purchase-marker);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-grid);background:var(--surface-page);border-bottom:1px solid var(--border-soft);padding:14px 16px;display:flex;position:sticky;top:0}.app-header__title{font-size:var(--text-screen-title);font-weight:var(--weight-bold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-header__scope-chip{min-height:var(--touch-target-min);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);box-shadow:var(--elevation-card);-webkit-tap-highlight-color:transparent;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;padding:6px 14px;display:flex}.app-header__scope-chip:active{box-shadow:none;transform:translateY(1px)}.app-header__scope-chip-name{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.app-header__scope-chip-count{font-size:var(--text-caption);color:var(--text-secondary)}@media (width>=768px){.app-header{max-width:var(--content-max-width-mobile);width:100%;margin:0 auto}}.bottom-nav{z-index:20;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface-card);border-top:1px solid var(--border-default);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.bottom-nav__item{min-height:var(--touch-target-min);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.bottom-nav__rail{background:var(--nav-active-rail);width:28px;height:3px;transition:transform var(--duration-normal,.2s) var(--ease-out-expo,ease-out);border-radius:0 0 3px 3px;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.bottom-nav__icon{font-size:20px;line-height:1}.bottom-nav__label{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.bottom-nav__item--active{color:var(--nav-active-text)}.bottom-nav__item--active .bottom-nav__rail{transform:translate(-50%)scaleX(1)}@media (prefers-reduced-motion:reduce){.bottom-nav__rail{transition:none}}@media (width>=768px){.bottom-nav{width:min(100%, var(--content-max-width-mobile));border-radius:var(--radius-card) var(--radius-card) 0 0;border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);left:50%;right:auto;transform:translate(-50%)}}.error-state{border:1px solid var(--status-kritis-bg);border-radius:var(--radius-card);color:var(--status-kritis-bg);background:#fdecec;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.error-state__icon{flex-shrink:0;font-size:16px;line-height:1.5}.error-state__message{font-size:var(--text-body);color:var(--text-primary);line-height:1.5}.pilih-cakupan{justify-content:center;gap:var(--space-grid-lg);min-height:100vh;max-width:var(--content-max-width-mobile);flex-direction:column;margin:0 auto;padding:48px 20px;display:flex}.pilih-cakupan__intro{text-align:center}.pilih-cakupan__eyebrow{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--nav-active-text);margin-bottom:4px}.pilih-cakupan__title{font-size:clamp(24px,5vw,30px);font-weight:var(--weight-bold);color:var(--text-primary)}.pilih-cakupan__subtitle{font-size:var(--text-body);color:var(--text-secondary);margin-top:8px;line-height:1.5}.pilih-cakupan__list{flex-direction:column;gap:12px;display:flex}.persona-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-modal);width:100%;min-height:72px;box-shadow:var(--elevation-card);text-align:left;transition:transform var(--duration-fast,.15s) var(--ease-out-expo,ease-out), box-shadow var(--duration-fast,.15s);align-items:center;gap:14px;padding:14px 16px;display:flex}.persona-card:active{transform:scale(.98)}.persona-card:disabled{opacity:.6}.persona-card:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.persona-card__dots{flex-shrink:0;grid-template-columns:repeat(6,5px);grid-auto-rows:5px;gap:3px;width:38px;display:grid}.persona-card__dot{background:var(--border-default);border-radius:50%;width:5px;height:5px}.persona-card__dot--filled{background:var(--nav-active-rail)}.persona-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.persona-card__label{font-size:var(--text-card-heading);font-weight:var(--weight-semibold);color:var(--text-primary)}.persona-card__hint{font-size:var(--text-caption);color:var(--text-secondary)}.persona-card__chevron{color:var(--text-muted);flex-shrink:0;font-size:20px}@media (prefers-reduced-motion:reduce){.persona-card{transition:none}}.empty-state{background:var(--state-success-bg);border:1px solid var(--state-success-border);border-radius:var(--radius-card);color:var(--state-success-text);padding:14px 16px}.empty-state__message{font-size:var(--text-body);line-height:1.5}.confidence-chip{border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;white-space:nowrap;cursor:help;align-items:center;padding:2px 8px;display:inline-flex}.honesty-banner{margin-bottom:var(--space-grid);background:var(--banner-sim-bg);border:1px solid var(--banner-sim-border);border-radius:var(--radius-card);color:var(--banner-sim-text);font-size:var(--text-body-sm);align-items:flex-start;gap:8px;padding:10px 12px;line-height:1.4;display:flex}.honesty-banner__icon{flex-shrink:0;font-size:16px;line-height:1.4}.as-of-line{margin:0 0 var(--space-grid);color:var(--text-secondary);font-size:var(--text-caption);line-height:1.3}.loading-skeleton{flex-direction:column;gap:8px;display:flex}.loading-skeleton__row{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--border-soft) 25%, var(--surface-header-cell) 37%, var(--border-soft) 63%);background-size:400% 100%;height:44px;animation:1.4s ease-in-out infinite loading-skeleton-shimmer}@keyframes loading-skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}.pantau__list{flex-direction:column;gap:10px;display:flex}.branch-card{background:color-mix(in srgb, var(--band-color) 7%, var(--surface-card));border:1px solid var(--border-default);border-radius:var(--radius-card);width:100%;box-shadow:var(--elevation-card);text-align:left;transition:transform var(--duration-fast,.15s) var(--ease-out-expo,ease-out);align-items:stretch;gap:12px;padding:14px 14px 14px 18px;display:flex;position:relative;overflow:hidden}.branch-card:active{transform:scale(.98)}.branch-card:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.branch-card__rail{background:var(--band-color);width:5px;position:absolute;top:0;bottom:0;left:0}.branch-card__main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.branch-card__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.branch-card__name{font-size:var(--text-card-heading);font-weight:var(--weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.branch-card__score{font-size:22px;font-weight:var(--weight-bold);color:var(--band-color);flex-shrink:0}.branch-card__badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.branch-card__band-label{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--band-color)}.branch-card__metrics{font-size:var(--text-body-sm);color:var(--text-secondary);gap:14px;display:flex}.branch-card__alerts{gap:6px;display:flex}.branch-card__alert-badge{border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--weight-semibold);align-items:center;gap:3px;padding:1px 7px;display:inline-flex}.branch-card__chevron{color:var(--text-muted);flex-shrink:0;align-self:center;font-size:20px}@media (prefers-reduced-motion:reduce){.branch-card{transition:none}}.health-gauge{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);text-align:center;padding:16px}.health-gauge__tentatif{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;background:var(--label-tentatif-bg);color:var(--label-tentatif-text);border-radius:4px;margin-bottom:8px;padding:2px 8px;display:inline-block}.health-gauge__score{margin-top:-6px;font-size:30px;font-weight:700}.health-gauge__score--dash{color:var(--text-secondary)}.health-gauge__label{margin-top:2px;font-size:13px;font-weight:600}.health-gauge__label--dash{color:var(--text-secondary)}.health-gauge__badge{background:var(--label-insufficient-bg);color:var(--label-insufficient-text);border-radius:var(--radius-pill);align-items:center;gap:4px;margin-top:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.confirm-sheet__backdrop{z-index:60;animation:confirm-sheet-backdrop-in var(--duration-normal,.22s) ease-out;background:#1a1a1a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.confirm-sheet{width:100%;max-width:var(--content-max-width-mobile);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-modal) var(--radius-modal) 0 0;box-shadow:var(--elevation-modal);padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;animation:.26s cubic-bezier(.16,1,.3,1) confirm-sheet-slide-up;display:flex}.confirm-sheet__grabber{border-radius:var(--radius-pill);background:var(--border-default);align-self:center;width:36px;height:4px;margin-bottom:2px}.confirm-sheet__title{font-size:var(--text-card-heading);font-weight:var(--weight-bold);color:var(--text-primary)}.confirm-sheet__body{font-size:var(--text-body);color:var(--text-secondary);flex-direction:column;gap:8px;line-height:1.5;display:flex}.confirm-sheet__error{border-radius:var(--radius-card);background:var(--label-tentatif-bg);color:var(--label-tentatif-text);font-size:var(--text-body-sm);align-items:flex-start;gap:6px;padding:10px 12px;line-height:1.4;display:flex}.confirm-sheet__actions{gap:10px;margin-top:4px;display:flex}.confirm-sheet__cancel,.confirm-sheet__confirm{min-height:var(--touch-target-min);border-radius:var(--radius-control);font-size:var(--text-body);font-weight:var(--weight-semibold);transition:filter var(--duration-fast,.12s) ease-out, transform var(--duration-fast,.12s) ease-out;flex:1}.confirm-sheet__cancel{background:var(--surface-page);border:1px solid var(--border-default);color:var(--text-primary)}.confirm-sheet__cancel:hover:not(:disabled){background:var(--border-soft)}.confirm-sheet__confirm{background:var(--nav-active-rail);border:1px solid var(--nav-active-rail);color:#fff}.confirm-sheet__confirm:hover:not(:disabled){filter:brightness(1.08)}.confirm-sheet__confirm:active:not(:disabled){transform:scale(.98)}.confirm-sheet__cancel:disabled,.confirm-sheet__confirm:disabled{opacity:.6;cursor:not-allowed}.confirm-sheet__cancel:focus-visible,.confirm-sheet__confirm:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}@keyframes confirm-sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.confirm-sheet__backdrop,.confirm-sheet{animation:none}}@media (width>=768px){.confirm-sheet__backdrop{align-items:center}.confirm-sheet{border-radius:var(--radius-modal);max-width:440px;padding:20px 24px calc(20px + env(safe-area-inset-bottom,0px))}.confirm-sheet__grabber{display:none}}.alert-feed{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);padding:16px}.alert-feed__title{font-size:var(--text-card-heading);font-weight:var(--weight-semibold);margin-bottom:10px}.alert-feed__empty{background:var(--state-success-bg);border:1px solid var(--state-success-border);color:var(--state-success-text);border-radius:var(--radius-control);padding:10px 12px;font-size:12.5px}.alert-feed__badges{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.alert-feed__badge{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.alert-feed__list{border-top:1px solid var(--border-soft);max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}.alert-feed__item{border-bottom:1px solid var(--border-soft);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.alert-feed__item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.alert-feed__item-body{flex:1;min-width:0}.alert-feed__item-branch{color:var(--text-secondary);font-size:12px;font-weight:700}.alert-feed__item-msg{margin-top:2px;font-size:13px}.alert-feed__dismiss{border:1px solid var(--border-default);background:var(--surface-card);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;font-size:12px}.alert-feed__dismiss:hover{background:var(--state-success-bg);border-color:var(--state-success-border);color:var(--state-success-text)}.hari-ini{gap:var(--space-grid-lg);flex-direction:column;display:flex}.hari-ini__back{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--nav-active-text);min-height:var(--touch-target-min);align-self:flex-start;padding:6px 4px}.hari-ini__gauge{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.hari-ini__section-title{font-size:var(--text-card-heading);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:10px}.rekom-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rekom-row{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);align-items:flex-start;gap:10px;padding:12px;display:flex}.rekom-row__status-icon{width:26px;height:26px;font-size:12px;font-weight:var(--weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.rekom-row__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rekom-row__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.rekom-row__name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.rekom-row__qty{font-size:var(--text-card-heading);font-weight:var(--weight-bold);color:var(--text-primary);flex-shrink:0}.rekom-row__badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rekom-row__status-label{font-size:var(--text-caption);color:var(--text-secondary)}.rekom-row__flag{border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-semibold);background:var(--chip-info-bg);border:1px solid var(--chip-info-border);color:var(--chip-info-text);align-items:center;padding:2px 8px;display:inline-flex}.rekom-row__flag--event{cursor:help}.rekom-row__stock{font-size:var(--text-caption);color:var(--text-muted)}.hari-ini__section-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.hari-ini__section-header .hari-ini__section-title{margin-bottom:0}.hari-ini__add-note{min-height:var(--touch-target-min);border-radius:var(--radius-pill);background:var(--nav-active-bg);color:var(--nav-active-text);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);transition:filter var(--duration-fast,.12s) ease-out;flex-shrink:0;padding:0 14px}.hari-ini__add-note:hover{filter:brightness(.97)}.hari-ini__add-note:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.notes-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notes-list__item{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.notes-list__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.notes-list__from{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-secondary)}.notes-list__status{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-muted)}.notes-list__body{font-size:var(--text-body-sm);color:var(--text-primary)}.notes-list__action{min-height:var(--touch-target-min);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--nav-active-text);align-self:flex-start;padding:0 12px}.notes-list__action:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.catatan-compose__textarea{border:1px solid var(--border-default);border-radius:var(--radius-control);width:100%;min-height:88px;font-size:var(--text-body);font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-page);resize:vertical;padding:10px 12px}.catatan-compose__textarea:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:1px}.detail-hub{gap:var(--space-grid-lg);flex-direction:column;display:flex}.detail-hub__section-title{font-size:var(--text-card-heading);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:10px}.expiry-list,.inventory-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.expiry-row,.inventory-row{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);align-items:flex-start;gap:10px;padding:12px;display:flex}.expiry-row__icon,.inventory-row__icon{width:26px;height:26px;font-size:12px;font-weight:var(--weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.expiry-row__body,.inventory-row__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.expiry-row__top,.inventory-row__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.expiry-row__name,.inventory-row__name{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.expiry-row__qty{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);flex-shrink:0}.expiry-row__badges{align-items:center;gap:8px;display:flex}.expiry-row__priority{border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;align-items:center;padding:2px 8px;display:inline-flex}.expiry-row__days{font-size:var(--text-caption);color:var(--text-secondary)}.expiry-row__meta{font-size:var(--text-caption);color:var(--text-muted)}.inventory-row__status-label{font-size:var(--text-caption);color:var(--text-secondary)}.inventory-row__grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;display:grid}.inventory-row__cell{background:var(--surface-page);border-radius:var(--radius-control);flex-direction:column;gap:1px;padding:6px 8px;display:flex}.inventory-row__cell dt{font-size:var(--text-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-muted)}.inventory-row__cell dd{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.coming-soon-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.coming-soon-list__item{background:var(--surface-card);border:1px dashed var(--border-default);border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.coming-soon-list__badge{border-radius:var(--radius-pill);background:var(--label-asumsi-bg);color:var(--label-asumsi-text);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;align-items:center;padding:2px 8px;display:inline-flex}.coming-soon-list__title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary)}.coming-soon-list__note{font-size:var(--text-body-sm);color:var(--text-secondary);line-height:1.5}.chat{gap:var(--space-grid-lg);flex-direction:column;display:flex}.brief-card{padding:var(--space-grid);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);flex-direction:column;gap:6px;display:flex}.brief-card__head{justify-content:space-between;align-items:center;display:flex}.brief-card__title{font-size:var(--text-card-heading);font-weight:var(--weight-bold);color:var(--text-primary)}.brief-card__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.brief-card__line{width:100%;min-height:var(--touch-target-min);text-align:left;border-radius:var(--radius-control);border-bottom:1px solid var(--border-soft);transition:background var(--duration-fast,.12s) ease-out;justify-content:space-between;align-items:center;gap:10px;padding:8px 6px;display:flex}.brief-card__list li:last-child .brief-card__line{border-bottom:none}.brief-card__line:not(:disabled):hover{background:var(--surface-page)}.brief-card__line:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:-2px}.brief-card__line:disabled{cursor:default}.brief-card__line-body{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.brief-card__line-text{font-size:var(--text-body);color:var(--text-primary);line-height:1.4}.brief-card__chevron{color:var(--text-muted);flex-shrink:0;font-size:18px}.chat-branch-selector{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chat-branch-selector__item{border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-default);min-height:36px;color:var(--text-secondary);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);transition:background var(--duration-fast,.12s) ease-out, color var(--duration-fast,.12s) ease-out;flex-shrink:0;padding:0 16px}.chat-branch-selector__item--active{background:var(--nav-active-bg);border-color:var(--nav-active-rail);color:var(--nav-active-text)}.chat-branch-selector__item:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.chip-tray{flex-wrap:wrap;gap:8px;display:flex}.chip-tray__chip{min-height:var(--touch-target-min);border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);transition:filter var(--duration-fast,.12s) ease-out, transform var(--duration-fast,.12s) ease-out;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip-tray__chip--ask{background:var(--chip-info-bg);border:1px solid var(--chip-info-border);color:var(--chip-info-text)}.chip-tray__chip--write{background:var(--label-asumsi-bg);color:var(--label-asumsi-text);border:1px solid #0000}.chip-tray__chip:hover:not(:disabled){filter:brightness(.97)}.chip-tray__chip:active:not(:disabled){transform:scale(.98)}.chip-tray__chip:disabled{opacity:.55;cursor:not-allowed}.chip-tray__chip:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.chip-tray__icon{font-size:12px}.chat-log{flex-direction:column;gap:10px;display:flex}.chat-log__entry{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);animation:chat-entry-in var(--duration-normal,.22s) var(--ease-out-expo,ease-out);gap:12px;padding:12px 14px 12px 18px;display:flex;position:relative;overflow:hidden}.chat-log__rail{background:var(--nav-active-rail);width:4px;position:absolute;top:0;bottom:0;left:0}.chat-log__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.chat-log__question{font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-secondary)}.chat-log__answer-line{font-size:var(--text-body);color:var(--text-primary);line-height:1.5}.chat-log__error{font-size:var(--text-body);color:var(--label-tentatif-text);line-height:1.5}.chat-honesty-labels{flex-wrap:wrap;gap:6px;display:flex}.chat-log__footer{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.chat-log__citation{font-size:var(--text-label);color:var(--text-muted)}.chat-log__nav{min-height:var(--touch-target-min);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--nav-active-text);flex-shrink:0;padding:0 4px}.chat-log__nav:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.chat-compose__textarea{border:1px solid var(--border-default);border-radius:var(--radius-control);width:100%;min-height:88px;font-size:var(--text-body);font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-page);resize:vertical;padding:10px 12px}.chat-compose__textarea:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:1px}.chat-compose__textarea:disabled{opacity:.6}.chat-pick-list{flex-direction:column;gap:6px;max-height:45vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-pick-list__item{width:100%;min-height:var(--touch-target-min);text-align:left;font-size:var(--text-body-sm);color:var(--text-primary);background:var(--surface-page);border:1px solid var(--border-default);border-radius:var(--radius-control);transition:background var(--duration-fast,.12s) ease-out;padding:10px 12px}.chat-pick-list__item:hover{background:var(--border-soft)}.chat-pick-list__item:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:1px}@keyframes chat-entry-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-log__entry{animation:none}}.menu{gap:var(--space-grid-lg);flex-direction:column;padding-top:12px;display:flex}.menu__identity{padding:var(--space-grid-lg);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--elevation-card);flex-direction:column;align-items:flex-start;gap:6px;display:flex}.menu__eyebrow{font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--text-secondary)}.menu__user-name{font-size:var(--text-screen-title);font-weight:var(--weight-bold);color:var(--text-primary)}.menu__scope{font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:6px}.menu__ganti{min-height:var(--touch-target-min);border-radius:var(--radius-pill);background:var(--nav-active-rail);color:#fff;font-size:var(--text-body);font-weight:var(--weight-semibold);transition:filter var(--duration-fast,.12s) ease-out;padding:0 18px}.menu__ganti:hover{filter:brightness(1.08)}.menu__ganti:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.menu__callout,.menu__disclaimer{padding:var(--space-grid);background:var(--banner-sim-bg);border:1px solid var(--banner-sim-border);border-radius:var(--radius-card)}.menu__callout-title,.menu__disclaimer-title{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--banner-sim-text);margin-bottom:6px}.menu__callout-body,.menu__disclaimer-body{font-size:var(--text-body-sm);color:var(--banner-sim-text);line-height:1.5}.menu__meta{padding:var(--space-grid);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-card)}.menu__meta-title{font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:8px}.menu__meta-list{flex-direction:column;gap:6px;margin:0;display:flex}.menu__meta-row{font-size:var(--text-body-sm);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.menu__meta-row dt{color:var(--text-secondary)}.menu__meta-row dd{font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.menu__panduan{min-height:var(--touch-target-min);padding:12px var(--space-grid);background:var(--surface-page);border:1px dashed var(--border-default);border-radius:var(--radius-card);font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.menu__panduan:focus-visible{outline:2px solid var(--nav-active-rail);outline-offset:2px}.menu__panduan-badge{border-radius:var(--radius-pill);background:var(--label-asumsi-bg);color:var(--label-asumsi-text);font-size:var(--text-label);font-weight:var(--weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;padding:2px 8px}.app-shell{background:var(--surface-page);flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;max-width:var(--content-max-width-mobile);padding:var(--space-grid) 16px calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-grid-lg));flex:1;margin:0 auto}