/* Scoped verbatim from the approved showcase prototype, not a replacement layout. */
:is(#screen-showcase,.showcase-dialog){color-scheme:dark;--bg:#231e1a;--paper:#302822;--ink:#faf3e9;--muted:#c6b8a7;--line:#574a3c;--field:#28211b;--raised:#3e3329;--selected:#4a3b2d;--accent:#735740;--blue:#d9c3a6;--banner:#d9c3a6;--banner-ink:#513d2d;--danger:#edb5a9;--warning:#e6c58d;--green:#add0b7}
:is(#screen-showcase,.showcase-dialog) *{box-sizing:border-box}:is(#screen-showcase,.showcase-dialog) button,:is(#screen-showcase,.showcase-dialog) input,:is(#screen-showcase,.showcase-dialog) select,:is(#screen-showcase,.showcase-dialog) textarea{font:inherit;color:inherit}:is(#screen-showcase,.showcase-dialog) button,:is(#screen-showcase,.showcase-dialog) a,:is(#screen-showcase,.showcase-dialog) input,:is(#screen-showcase,.showcase-dialog) select,:is(#screen-showcase,.showcase-dialog) textarea{-webkit-tap-highlight-color:transparent}:is(#screen-showcase,.showcase-dialog) button{cursor:pointer;border:0;background:none;min-height:44px}:is(#screen-showcase,.showcase-dialog) button:disabled{opacity:.45;cursor:default}:is(#screen-showcase,.showcase-dialog) a{text-decoration:none;color:inherit}:is(#screen-showcase,.showcase-dialog) button,:is(#screen-showcase,.showcase-dialog) a{touch-action:manipulation}:is(#screen-showcase,.showcase-dialog) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}:is(#screen-showcase,.showcase-dialog) h1,:is(#screen-showcase,.showcase-dialog) h2,:is(#screen-showcase,.showcase-dialog) h3,:is(#screen-showcase,.showcase-dialog) p{margin:0}:is(#screen-showcase,.showcase-dialog) h1{font-size:42px;line-height:1.1;letter-spacing:-.03em;font-weight:800}:is(#screen-showcase,.showcase-dialog) h2{font-size:19px;font-weight:800;line-height:1.3}:is(#screen-showcase,.showcase-dialog) h3{font-size:16px;font-weight:750}:is(#screen-showcase,.showcase-dialog) small,:is(#screen-showcase,.showcase-dialog) .small{font-size:12px}:is(#screen-showcase,.showcase-dialog) button:focus-visible,:is(#screen-showcase,.showcase-dialog) a:focus-visible,:is(#screen-showcase,.showcase-dialog) summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}:is(#screen-showcase,.showcase-dialog) input:focus,:is(#screen-showcase,.showcase-dialog) textarea:focus,:is(#screen-showcase,.showcase-dialog) select:focus{outline:2px solid var(--blue);outline-offset:2px}:is(#screen-showcase,.showcase-dialog) ::selection{background:var(--selected);color:var(--ink)}:is(#screen-showcase,.showcase-dialog) input,:is(#screen-showcase,.showcase-dialog) textarea{caret-color:var(--blue)}:is(#screen-showcase,.showcase-dialog) [hidden]{display:none!important}:is(#screen-showcase,.showcase-dialog) input[type=number]{appearance:textfield;-moz-appearance:textfield}:is(#screen-showcase,.showcase-dialog) input::-webkit-inner-spin-button,:is(#screen-showcase,.showcase-dialog) input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:is(#screen-showcase,.showcase-dialog) input[type=datetime-local]{appearance:none;-webkit-appearance:none;min-width:0;max-width:100%}:is(#screen-showcase,.showcase-dialog) input::-webkit-date-and-time-value{min-width:0;text-align:left}:is(#screen-showcase,.showcase-dialog) input[type=checkbox],:is(#screen-showcase,.showcase-dialog) input[type=radio]{accent-color:var(--accent);width:20px;height:20px}:is(#screen-showcase,.showcase-dialog) summary{min-height:44px;cursor:pointer;padding:10px 0}:is(#screen-showcase,.showcase-dialog) button:hover:not(:disabled){filter:brightness(1.08)}
:is(#screen-showcase,.showcase-dialog) .workspace{width:100%;max-width:1040px;margin:0 auto;padding:30px 32px 80px;min-width:0}:is(#screen-showcase,.showcase-dialog) .sidebar{position:fixed;left:0;top:0;bottom:0;width:228px;background:#1b1713;padding:30px 18px;display:flex;flex-direction:column}:is(#screen-showcase,.showcase-dialog) .brand{font-size:23px;font-weight:800;padding:0 12px}:is(#screen-showcase,.showcase-dialog) .shop{font-size:13px;color:var(--muted);margin:12px 12px 28px}:is(#screen-showcase,.showcase-dialog) .sidebar nav{overflow:auto;min-height:0;display:grid;gap:6px}:is(#screen-showcase,.showcase-dialog) .sidebar a{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;color:var(--muted);font-size:14px;min-height:44px}:is(#screen-showcase,.showcase-dialog) .sidebar a.selected{background:var(--selected);color:var(--ink)}:is(#screen-showcase,.showcase-dialog) .side-label{font-size:12px;color:var(--muted);padding:16px 14px 4px}:is(#screen-showcase,.showcase-dialog) .side-profile{margin-top:auto;background:var(--raised);border-radius:16px;padding:14px;font-size:13px}:is(#screen-showcase,.showcase-dialog) .side-profile span{display:block;color:var(--muted);margin-top:3px}:is(#screen-showcase,.showcase-dialog) .topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin-bottom:32px;min-height:48px}:is(#screen-showcase,.showcase-dialog) .topbar>span{text-align:center;white-space:nowrap}:is(#screen-showcase,.showcase-dialog) .back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:650;min-height:44px;color:var(--blue);justify-self:start}:is(#screen-showcase,.showcase-dialog) .back svg{width:20px;height:20px}:is(#screen-showcase,.showcase-dialog) .profile{justify-self:end;border-radius:50%;background:var(--raised);font-size:12px;font-weight:800;width:36px;min-height:36px}:is(#screen-showcase,.showcase-dialog) .heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}:is(#screen-showcase,.showcase-dialog) .heading p{color:var(--muted);font-size:14px;margin-top:8px}:is(#screen-showcase,.showcase-dialog) .icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;padding:0;flex:none}:is(#screen-showcase,.showcase-dialog) .icon-button svg{width:20px;height:20px}:is(#screen-showcase,.showcase-dialog) .demo-note{font-size:12px;color:var(--muted);margin:0 0 24px}:is(#screen-showcase,.showcase-dialog) .summary-strip{background:var(--banner);color:var(--banner-ink);border-radius:24px;padding:22px 24px;margin-bottom:24px}:is(#screen-showcase,.showcase-dialog) .summary-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}:is(#screen-showcase,.showcase-dialog) .summary-top strong{font-weight:750}:is(#screen-showcase,.showcase-dialog) .summary-top button{min-height:44px;display:flex;align-items:center;gap:6px;color:inherit;font-size:13px}:is(#screen-showcase,.showcase-dialog) .summary-top svg{width:18px;height:18px}:is(#screen-showcase,.showcase-dialog) .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0}:is(#screen-showcase,.showcase-dialog) .metrics strong{display:block;font-size:30px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}:is(#screen-showcase,.showcase-dialog) .metrics strong small{font-size:14px;font-weight:650}:is(#screen-showcase,.showcase-dialog) .metrics span{display:block;font-size:12px;margin-top:6px}:is(#screen-showcase,.showcase-dialog) .sync-copy{font-size:12px;border-top:1px solid #513d2d45;padding-top:14px;margin-top:18px}:is(#screen-showcase,.showcase-dialog) .error-banner{border:1px solid var(--line);background:var(--raised);color:var(--ink);border-radius:14px;padding:14px 18px;margin-bottom:20px;font-size:13px}:is(#screen-showcase,.showcase-dialog) .layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}:is(#screen-showcase,.showcase-dialog) .side-column{display:grid;gap:24px;min-width:0}:is(#screen-showcase,.showcase-dialog) .card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0}:is(#screen-showcase,.showcase-dialog) .card-head,:is(#screen-showcase,.showcase-dialog) .list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:0}:is(#screen-showcase,.showcase-dialog) .card-head>span,:is(#screen-showcase,.showcase-dialog) .list-head>span{font-size:12px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .catalog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}:is(#screen-showcase,.showcase-dialog) .link{color:var(--blue);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}:is(#screen-showcase,.showcase-dialog) .segment{position:relative;isolation:isolate;display:flex;background:var(--field);padding:4px;border-radius:14px;touch-action:pan-y;user-select:none;width:250px;max-width:100%}:is(#screen-showcase,.showcase-dialog) .segment button{position:relative;z-index:1;font-size:13px;flex:1;min-width:0;padding:8px 10px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .segment button[aria-pressed=true]{color:var(--ink)}:is(#screen-showcase,.showcase-dialog) .segment-marker{position:absolute;left:0;top:4px;bottom:4px;background:var(--selected);border-radius:11px;z-index:0;transition:transform 240ms ease,width 240ms ease;pointer-events:none}:is(#screen-showcase,.showcase-dialog) .segment.dragging .segment-marker{transition:none}:is(#screen-showcase,.showcase-dialog) .segment span{display:inline-block;transition:transform 160ms}:is(#screen-showcase,.showcase-dialog) .segment .under span{transform:scale(1.06)}:is(#screen-showcase,.showcase-dialog) .search{display:flex;align-items:center;position:relative;gap:10px;margin-bottom:14px}:is(#screen-showcase,.showcase-dialog) .search>span{position:absolute;left:13px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .search input{background:var(--field);border:1px solid var(--line);border-radius:14px;width:100%;min-height:48px;padding:10px 14px 10px 44px;font-size:16px;min-width:0}:is(#screen-showcase,.showcase-dialog) .search input::placeholder{color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}:is(#screen-showcase,.showcase-dialog) .filter-row button{border-radius:10px;padding:7px 10px;color:var(--muted);font-size:12px;min-height:44px}:is(#screen-showcase,.showcase-dialog) .filter-row button[aria-pressed=true]{background:var(--raised);color:var(--ink)}:is(#screen-showcase,.showcase-dialog) .product{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .product:last-child{border-bottom:0;padding-bottom:0}:is(#screen-showcase,.showcase-dialog) .product-copy{flex:1;min-width:0}:is(#screen-showcase,.showcase-dialog) .product-copy strong{font-size:14px;font-weight:750;display:block;line-height:1.45}:is(#screen-showcase,.showcase-dialog) .product-copy small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}:is(#screen-showcase,.showcase-dialog) .product-count{font-size:22px;font-weight:800;white-space:nowrap;line-height:1.3;font-variant-numeric:tabular-nums}:is(#screen-showcase,.showcase-dialog) .product-count small{font-weight:500;font-size:12px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .product>svg{width:16px;height:16px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .badge{display:inline-flex;padding:4px 7px;border-radius:7px;background:var(--raised);font-size:12px;color:var(--muted);font-weight:550}:is(#screen-showcase,.showcase-dialog) .badge.danger{background:#583d34;color:var(--danger)}:is(#screen-showcase,.showcase-dialog) .badge.warning{background:#4c402d;color:var(--warning)}:is(#screen-showcase,.showcase-dialog) .badge.good{background:#354238;color:var(--green)}:is(#screen-showcase,.showcase-dialog) .muted{color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .attention-copy{font-size:13px;color:var(--muted);margin:14px 0}:is(#screen-showcase,.showcase-dialog) .review-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}:is(#screen-showcase,.showcase-dialog) .review-row strong{display:block;font-size:14px}:is(#screen-showcase,.showcase-dialog) .review-row small{display:block;color:var(--muted);margin-top:5px}:is(#screen-showcase,.showcase-dialog) .review-row .link{margin-top:8px}:is(#screen-showcase,.showcase-dialog) .review-row:last-child{border-bottom:0}:is(#screen-showcase,.showcase-dialog) .row-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:14px;padding:14px 0;text-align:left;border-bottom:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .row-button:last-child{border-bottom:0;padding-bottom:0}:is(#screen-showcase,.showcase-dialog) .arrow svg{width:18px;height:18px}:is(#screen-showcase,.showcase-dialog) .primary,:is(#screen-showcase,.showcase-dialog) .secondary,:is(#screen-showcase,.showcase-dialog) .danger-button{border-radius:12px;padding:11px 16px;min-height:46px;font-size:14px;font-weight:650;text-align:center}:is(#screen-showcase,.showcase-dialog) .primary{background:var(--accent);color:white}:is(#screen-showcase,.showcase-dialog) .secondary{background:var(--field);border:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .danger-button{background:#603d34;border:1px solid #9e6d5d;color:#f4d8ce}:is(#screen-showcase,.showcase-dialog) .wide{width:100%}:is(#screen-showcase,.showcase-dialog) .operations .primary,:is(#screen-showcase,.showcase-dialog) .operations .danger-button{width:100%;margin:16px 0 4px}:is(#screen-showcase,.showcase-dialog) .operations p{font-size:13px;color:var(--muted);margin:14px 0}:is(#screen-showcase,.showcase-dialog) .empty{padding:28px 0;color:var(--muted);font-size:14px}:is(#screen-showcase,.showcase-dialog) .empty button{margin-top:14px}:is(#screen-showcase,.showcase-dialog) .note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}:is(#screen-showcase,.showcase-dialog) footer{font-size:12px;color:var(--muted);margin-top:28px}:is(#screen-showcase,.showcase-dialog) footer>p{max-width:70ch}:is(#screen-showcase,.showcase-dialog) #demo-controls{margin-top:12px}:is(#screen-showcase,.showcase-dialog) #demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 0}:is(#screen-showcase,.showcase-dialog) .check-label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}:is(#screen-showcase,.showcase-dialog) .demo-buttons{display:flex;gap:10px;flex-wrap:wrap;grid-column:1/-1}:is(#screen-showcase,.showcase-dialog) .mobile-nav{display:none}
/* Native dialog provides focus trapping, inert background, and Escape. */
.showcase-dialog{inset:16px 16px 16px auto;margin:0;width:min(480px,calc(100% - 32px));height:calc(100dvh - 32px);max-height:none;max-width:none;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 18px 60px #100c0980;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line) var(--paper)}.showcase-dialog::backdrop{background:#17110b9c}:is(#screen-showcase,.showcase-dialog) .panel-head{position:sticky;top:0;background:var(--paper);z-index:3;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .panel-head h2{font-size:22px;overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .panel-head .icon-button{border:0}:is(#screen-showcase,.showcase-dialog) .panel-content{padding:22px;min-width:0}:is(#screen-showcase,.showcase-dialog) .panel-content>p{font-size:14px;color:var(--muted);margin-bottom:18px}:is(#screen-showcase,.showcase-dialog) .panel-content h3{margin-top:24px;margin-bottom:12px}:is(#screen-showcase,.showcase-dialog) .panel-content>h3:first-child{margin-top:0}:is(#screen-showcase,.showcase-dialog) .field{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:14px;margin:0 0 18px;min-width:0}:is(#screen-showcase,.showcase-dialog) .field input,:is(#screen-showcase,.showcase-dialog) .field select,:is(#screen-showcase,.showcase-dialog) .field textarea{width:100%;min-width:0;max-width:100%;padding:12px;background:var(--field);border:1px solid var(--line);border-radius:12px;font-size:16px;min-height:48px}:is(#screen-showcase,.showcase-dialog) .field textarea{resize:vertical;min-height:96px}:is(#screen-showcase,.showcase-dialog) .field small{color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .two-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}:is(#screen-showcase,.showcase-dialog) .form-error{color:#f0c5b8;background:#483329;border:1px solid #946550;border-radius:12px;padding:12px;margin:12px 0;font-size:14px}:is(#screen-showcase,.showcase-dialog) .form-actions{margin-top:22px;display:grid;gap:12px}:is(#screen-showcase,.showcase-dialog) .sheet-summary{display:flex;justify-content:space-between;gap:12px;background:var(--field);padding:16px;border-radius:12px;margin:16px 0;font-size:14px}:is(#screen-showcase,.showcase-dialog) .batch{padding:16px 0;border-bottom:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .batch strong{font-size:14px;display:block}:is(#screen-showcase,.showcase-dialog) .batch small{display:block;color:var(--muted);margin-top:5px}:is(#screen-showcase,.showcase-dialog) .batch .button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}:is(#screen-showcase,.showcase-dialog) .batch .button-row button{font-size:12px;color:var(--blue);padding:8px}:is(#screen-showcase,.showcase-dialog) .reason-choices{border:0;padding:0;margin:18px 0}:is(#screen-showcase,.showcase-dialog) .reason-choices legend{font-size:14px;margin-bottom:8px}:is(#screen-showcase,.showcase-dialog) .reason-choices label{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px}:is(#screen-showcase,.showcase-dialog) .history-event{padding:16px 0;border-bottom:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .history-event strong{font-size:14px;font-weight:650;display:block;overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .history-event small{color:var(--muted);display:block;margin-top:7px}:is(#screen-showcase,.showcase-dialog) .count-row{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;align-items:center}:is(#screen-showcase,.showcase-dialog) .count-row strong{font-size:14px;display:block}:is(#screen-showcase,.showcase-dialog) .count-row small{color:var(--muted);font-size:12px}:is(#screen-showcase,.showcase-dialog) .count-row input{width:100%;min-width:0;background:var(--field);border:1px solid var(--line);border-radius:12px;font-size:16px;padding:12px;min-height:48px}:is(#screen-showcase,.showcase-dialog) .count-delta{font-size:12px;color:var(--warning);grid-column:1/-1}:is(#screen-showcase,.showcase-dialog) .report-table{font-size:12px;width:100%;border-collapse:collapse;table-layout:fixed}:is(#screen-showcase,.showcase-dialog) .report-table th{text-align:left;color:var(--muted);font-weight:500;padding:12px 4px;border-bottom:1px solid var(--line)}:is(#screen-showcase,.showcase-dialog) .report-table td{padding:12px 4px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .report-table th:first-child{width:46%}:is(#screen-showcase,.showcase-dialog) .report-table td:not(:first-child){text-align:center;font-variant-numeric:tabular-nums}:is(#screen-showcase,.showcase-dialog) .message-preview{padding:18px;background:var(--field);border:1px solid var(--line);border-radius:16px;white-space:pre-wrap;font-size:13px;line-height:1.8;overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .preview-tabs{display:flex;gap:8px;margin:16px 0}:is(#screen-showcase,.showcase-dialog) .preview-tabs button{color:var(--muted);font-size:13px;padding:8px 14px;border-radius:12px}:is(#screen-showcase,.showcase-dialog) .preview-tabs [aria-pressed=true]{background:var(--raised);color:var(--ink)}:is(#screen-showcase,.showcase-dialog) .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 18px;max-width:calc(100% - 32px);font-size:13px;z-index:20;box-shadow:0 8px 26px #100c0950}
@media(min-width:761px) and (max-width:1050px){:is(#screen-showcase,.showcase-dialog) .sidebar{width:190px}:is(#screen-showcase,.showcase-dialog) .workspace{padding:24px}:is(#screen-showcase,.showcase-dialog) .layout{grid-template-columns:1fr}:is(#screen-showcase,.showcase-dialog) .side-column{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:is(#screen-showcase,.showcase-dialog) .sidebar{display:none}:is(#screen-showcase,.showcase-dialog) .workspace{max-width:560px;padding:calc(12px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(130px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}:is(#screen-showcase,.showcase-dialog) .topbar{position:sticky;top:0;z-index:4;background:var(--bg);margin:-12px -2px 26px;padding-top:env(safe-area-inset-top);min-height:56px;grid-template-columns:1fr auto 1fr;gap:6px}:is(#screen-showcase,.showcase-dialog) .topbar>span{font-size:13px}:is(#screen-showcase,.showcase-dialog) .heading{margin-top:8px}:is(#screen-showcase,.showcase-dialog) h1{font-size:34px}:is(#screen-showcase,.showcase-dialog) .summary-strip{padding:20px;border-radius:24px}:is(#screen-showcase,.showcase-dialog) .summary-top{font-size:12px}:is(#screen-showcase,.showcase-dialog) .summary-top button{font-size:12px}:is(#screen-showcase,.showcase-dialog) .metrics{gap:8px}:is(#screen-showcase,.showcase-dialog) .metrics strong{font-size:28px}:is(#screen-showcase,.showcase-dialog) .layout{display:flex;flex-direction:column;gap:20px}:is(#screen-showcase,.showcase-dialog) .layout>*{width:100%;min-width:0}:is(#screen-showcase,.showcase-dialog) .side-column{display:grid;gap:20px}:is(#screen-showcase,.showcase-dialog) .card{padding:20px}:is(#screen-showcase,.showcase-dialog) .catalog-head{flex-wrap:wrap}:is(#screen-showcase,.showcase-dialog) .segment{flex:1;min-width:180px}:is(#screen-showcase,.showcase-dialog) .catalog-head>.link{margin-left:auto}:is(#screen-showcase,.showcase-dialog) .list-head h2{font-size:18px}:is(#screen-showcase,.showcase-dialog) .product-copy strong{font-size:14px}:is(#screen-showcase,.showcase-dialog) .product-count{font-size:22px}:is(#screen-showcase,.showcase-dialog) .product{gap:10px}:is(#screen-showcase,.showcase-dialog) .mobile-nav{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 36px);max-width:440px;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:6px;display:flex;isolation:isolate;z-index:5;box-shadow:0 8px 28px #100c0935}:is(#screen-showcase,.showcase-dialog) .mobile-nav a{position:relative;z-index:1;flex:1;height:54px;display:grid;place-items:center;border-radius:24px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .mobile-nav a:last-child{background:var(--selected);color:var(--blue)}:is(#screen-showcase,.showcase-dialog) .mobile-nav svg{width:27px;height:27px}:is(#screen-showcase,.showcase-dialog) .mobile-nav a:last-child svg{stroke-width:2.5}.showcase-dialog{inset:auto 0 0;margin:0;width:100%;height:auto;max-height:calc(100dvh - env(safe-area-inset-top) - 14px);border-radius:26px 26px 0 0;animation:slide-up 220ms cubic-bezier(.22,.75,.25,1)}:is(#screen-showcase,.showcase-dialog) .panel-head{padding:18px 22px}:is(#screen-showcase,.showcase-dialog) .panel-head h2{font-size:22px}:is(#screen-showcase,.showcase-dialog) .panel-content{padding:20px 22px calc(24px + env(safe-area-inset-bottom))}:is(#screen-showcase,.showcase-dialog) .toast{bottom:100px}:is(#screen-showcase,.showcase-dialog) .filter-row button{padding-inline:8px}:is(#screen-showcase,.showcase-dialog) .heading p{font-size:14px}:is(#screen-showcase,.showcase-dialog) #demo-fields{grid-template-columns:1fr}}
@media(max-width:350px){:is(#screen-showcase,.showcase-dialog) .workspace{padding-inline:14px}:is(#screen-showcase,.showcase-dialog) .card{padding:16px}:is(#screen-showcase,.showcase-dialog) .summary-strip{padding:18px}:is(#screen-showcase,.showcase-dialog) .metrics strong{font-size:25px}:is(#screen-showcase,.showcase-dialog) .metrics span{font-size:12px}:is(#screen-showcase,.showcase-dialog) .topbar>span{font-size:12px}:is(#screen-showcase,.showcase-dialog) .catalog-head>.link{margin-top:3px}:is(#screen-showcase,.showcase-dialog) .two-fields{grid-template-columns:1fr}:is(#screen-showcase,.showcase-dialog) .panel-content,:is(#screen-showcase,.showcase-dialog) .panel-head{padding-inline:18px}}
@keyframes slide-up{from{transform:translateY(18px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){:is(#screen-showcase,.showcase-dialog) *,:is(#screen-showcase,.showcase-dialog) *:before,:is(#screen-showcase,.showcase-dialog) *:after{animation:none!important;transition:none!important}:is(#screen-showcase,.showcase-dialog) .segment .under span{transform:none}}
:is(#screen-showcase,.showcase-dialog) .choice{position:relative;min-width:0}:is(#screen-showcase,.showcase-dialog) .choice>[role=combobox]{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;font-size:16px;font-weight:450}:is(#screen-showcase,.showcase-dialog) .choice>[role=combobox]>span{min-width:0;overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .choice-list{position:relative;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:5px;margin-top:6px;max-height:240px;overflow:auto}:is(#screen-showcase,.showcase-dialog) .choice-list button{display:block;text-align:left;width:100%;padding:10px;border-radius:8px;font-size:14px}:is(#screen-showcase,.showcase-dialog) .choice-list [aria-selected=true]{background:var(--selected)}:is(#screen-showcase,.showcase-dialog) .choice svg{width:16px;height:16px}:is(#screen-showcase,.showcase-dialog) .choice [aria-expanded=true] svg{transform:rotate(90deg)}
:is(#screen-showcase,.showcase-dialog) .transfer-line{border-top:1px solid var(--line);padding:16px 0 20px}:is(#screen-showcase,.showcase-dialog) .transfer-line-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}:is(#screen-showcase,.showcase-dialog) .transfer-line-head>strong{font-size:14px}:is(#screen-showcase,.showcase-dialog) .transfer-line-head .icon-button{width:44px;border:0;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .transfer-line .field{margin-bottom:12px}:is(#screen-showcase,.showcase-dialog) .transfer-quantity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center}:is(#screen-showcase,.showcase-dialog) .transfer-quantity .note{margin:8px 0 16px}:is(#screen-showcase,.showcase-dialog) .transfer-quantity .note strong{font-size:14px;color:var(--ink);font-weight:650}:is(#screen-showcase,.showcase-dialog) .transfer-deadline{font-size:12px;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .transfer-deadline summary{font-size:12px;padding-block:10px}:is(#screen-showcase,.showcase-dialog) .transfer-deadline[open] summary{margin-bottom:6px}:is(#screen-showcase,.showcase-dialog) .transfer-deadline .field{color:var(--ink)}:is(#screen-showcase,.showcase-dialog) .transfer-deadline .note{margin-top:4px}:is(#screen-showcase,.showcase-dialog) .add-transfer{margin-top:2px;border-style:dashed;color:var(--blue)}
/* Shared identity tokens: sizes use rem so browser text scaling is respected. */
:is(#screen-showcase,.showcase-dialog){color-scheme:dark;--font-ui:Manrope,sans-serif;--font-accent:Unbounded,Manrope,sans-serif;--font-service:'IBM Plex Mono',monospace;--type-accent-size:1.75rem;--type-accent-line:2.25rem;--type-screen-size:1.5rem;--type-screen-line:2rem;--type-section-size:1.25rem;--type-section-line:1.75rem;--type-card-size:1rem;--type-card-line:1.5rem;--type-body-size:1rem;--type-body-line:1.5rem;--type-secondary-size:.875rem;--type-secondary-line:1.25rem;--type-service-size:.75rem;--type-service-line:1rem;--type-button-size:.875rem;--type-button-line:1.25rem;--weight-bold:700;--weight-semibold:600;--weight-regular:400;--weight-medium:500;--tracking:0;--cherry:#59191f;--olive:#50533c;--milk:#f5f1e8;--graphite:#242321;--sand:#c8b69e;--bg:var(--graphite);--paper:#2d2a27;--ink:var(--milk);--muted:var(--sand);--line:#63584c;--field:#211f1d;--raised:#3a342e;--selected:var(--olive);--accent:var(--olive);--blue:var(--sand);--banner:var(--olive);--banner-ink:var(--milk);--danger:#efb4bd;--warning:#e7cd9d;--green:#b9d0ad;--error-surface:#482d33;--warning-surface:#423929;--success-surface:#303e2b}
:is(#screen-showcase,.showcase-dialog) .type-accent{font-family:var(--font-accent);font-size:var(--type-accent-size);line-height:var(--type-accent-line);font-weight:var(--weight-bold)}:is(#screen-showcase,.showcase-dialog) .type-screen{font:var(--weight-bold) var(--type-screen-size)/var(--type-screen-line) var(--font-ui)}:is(#screen-showcase,.showcase-dialog) .type-section{font:var(--weight-bold) var(--type-section-size)/var(--type-section-line) var(--font-ui)}:is(#screen-showcase,.showcase-dialog) .type-card{font:var(--weight-semibold) var(--type-card-size)/var(--type-card-line) var(--font-ui)}:is(#screen-showcase,.showcase-dialog) .type-body{font:var(--weight-regular) var(--type-body-size)/var(--type-body-line) var(--font-ui)}:is(#screen-showcase,.showcase-dialog) .type-secondary{font:var(--weight-medium) var(--type-secondary-size)/var(--type-secondary-line) var(--font-ui)}:is(#screen-showcase,.showcase-dialog) .type-service{font:var(--weight-medium) var(--type-service-size)/var(--type-service-line) var(--font-service)}

/* Identity application; layout and all prototype interactions are preserved. */:is(#screen-showcase,.showcase-dialog) *,:is(#screen-showcase,.showcase-dialog) *:before,:is(#screen-showcase,.showcase-dialog) *:after{letter-spacing:var(--tracking)}:is(#screen-showcase,.showcase-dialog) button,:is(#screen-showcase,.showcase-dialog) input,:is(#screen-showcase,.showcase-dialog) select,:is(#screen-showcase,.showcase-dialog) textarea{font-family:var(--font-ui);line-height:var(--type-body-line);font-synthesis:none}:is(#screen-showcase,.showcase-dialog) button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) h1{font-size:var(--type-screen-size);line-height:var(--type-screen-line);font-weight:700}:is(#screen-showcase,.showcase-dialog) h2,:is(#screen-showcase,.showcase-dialog) .panel-head h2{font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:700}:is(#screen-showcase,.showcase-dialog) h3{font-size:var(--type-card-size);line-height:var(--type-card-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) small,:is(#screen-showcase,.showcase-dialog) .small{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) b,:is(#screen-showcase,.showcase-dialog) strong{font-weight:600}:is(#screen-showcase,.showcase-dialog) .heading p,:is(#screen-showcase,.showcase-dialog) .panel-content>p,:is(#screen-showcase,.showcase-dialog) .operations p,:is(#screen-showcase,.showcase-dialog) .attention-copy,:is(#screen-showcase,.showcase-dialog) .empty{font-size:var(--type-body-size);line-height:var(--type-body-line)}:is(#screen-showcase,.showcase-dialog) .heading{margin-bottom:12px}:is(#screen-showcase,.showcase-dialog) .heading p{margin-top:6px}:is(#screen-showcase,.showcase-dialog) .brand{font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:700}:is(#screen-showcase,.showcase-dialog) .sidebar{background:var(--graphite);color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .shop{margin-top:8px;margin-bottom:24px}:is(#screen-showcase,.showcase-dialog) .sidebar a{font-size:var(--type-button-size);line-height:var(--type-button-line);color:var(--milk);font-weight:600}:is(#screen-showcase,.showcase-dialog) .sidebar a.selected{background:var(--selected);color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .sidebar a:hover:not(.selected){background:#ffffff0d}:is(#screen-showcase,.showcase-dialog) .side-profile{background:#33312d;color:var(--milk);font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .side-profile span{color:#d5cbbc}:is(#screen-showcase,.showcase-dialog) .topbar{grid-template-columns:1fr auto 1fr;gap:8px;color:var(--ink)}:is(#screen-showcase,.showcase-dialog) .topbar .reliz-logo{color:var(--cherry);width:126px;height:44px;display:block}:is(#screen-showcase,.showcase-dialog) .reliz-logo{display:block;background:currentColor;mask:url('reliz-logo.png') center/contain no-repeat;-webkit-mask:url('reliz-logo.png') center/contain no-repeat}:is(#screen-showcase,.showcase-dialog) .sidebar .reliz-logo{color:var(--milk);width:124px;height:44px}:is(#screen-showcase,.showcase-dialog) .profile{min-width:44px;min-height:44px;width:44px;height:44px;background:var(--raised);font-size:var(--type-service-size);line-height:var(--type-service-line)}:is(#screen-showcase,.showcase-dialog) .back{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .demo-note{font-family:var(--font-service);font-weight:500;font-size:var(--type-service-size);line-height:var(--type-service-line);margin-bottom:24px;overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .summary-strip{border-radius:20px}:is(#screen-showcase,.showcase-dialog) .summary-top{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .summary-top strong{font-family:var(--font-service);font-size:var(--type-service-size);line-height:var(--type-service-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .summary-top button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600;color:var(--cherry);padding-inline:0}:is(#screen-showcase,.showcase-dialog) .summary-top svg{width:20px;height:20px}:is(#screen-showcase,.showcase-dialog) .metrics{column-gap:14px}:is(#screen-showcase,.showcase-dialog) .metrics strong{font-family:var(--font-accent);font-size:var(--type-accent-size);line-height:var(--type-accent-line);font-weight:700;overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .metrics strong small{font-family:var(--font-ui);font-weight:500;font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .metrics span{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .sync-copy{font-size:var(--type-service-size);line-height:var(--type-service-line);font-family:var(--font-service);font-weight:500;border-color:#9c9e88}:is(#screen-showcase,.showcase-dialog) .card-head>span,:is(#screen-showcase,.showcase-dialog) .list-head>span{font-size:var(--type-service-size);line-height:var(--type-service-line);font-family:var(--font-service);font-weight:500}:is(#screen-showcase,.showcase-dialog) .segment button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .segment button[aria-pressed=true]{color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .segment-marker{background:var(--selected)}:is(#screen-showcase,.showcase-dialog) .segment{background:var(--raised)}:is(#screen-showcase,.showcase-dialog) .link{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .filter-row button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600;color:var(--muted)}:is(#screen-showcase,.showcase-dialog) .filter-row button[aria-pressed=true]{background:var(--olive);color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .product{padding-block:20px}:is(#screen-showcase,.showcase-dialog) .product-copy strong{font-size:var(--type-card-size);line-height:var(--type-card-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .product-copy small{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .product-count{font-size:var(--type-section-size);line-height:var(--type-section-line);font-weight:700}:is(#screen-showcase,.showcase-dialog) .product-count small{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .badge{font-family:var(--font-service);font-size:var(--type-service-size);line-height:var(--type-service-line);font-weight:500;color:var(--muted);background:var(--raised);white-space:normal}:is(#screen-showcase,.showcase-dialog) .badge.danger{background:var(--error-surface);color:var(--danger)}:is(#screen-showcase,.showcase-dialog) .badge.warning{background:var(--warning-surface);color:var(--warning)}:is(#screen-showcase,.showcase-dialog) .badge.good{background:var(--success-surface);color:var(--green)}:is(#screen-showcase,.showcase-dialog) .review-row,:is(#screen-showcase,.showcase-dialog) .row-button,:is(#screen-showcase,.showcase-dialog) .sheet-summary{font-size:var(--type-body-size);line-height:var(--type-body-line)}:is(#screen-showcase,.showcase-dialog) .review-row strong,:is(#screen-showcase,.showcase-dialog) .batch strong,:is(#screen-showcase,.showcase-dialog) .history-event strong,:is(#screen-showcase,.showcase-dialog) .count-row strong,:is(#screen-showcase,.showcase-dialog) .transfer-line-head>strong{font-size:var(--type-card-size);line-height:var(--type-card-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .review-row small,:is(#screen-showcase,.showcase-dialog) .batch small,:is(#screen-showcase,.showcase-dialog) .history-event small,:is(#screen-showcase,.showcase-dialog) .count-row small{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .primary,:is(#screen-showcase,.showcase-dialog) .secondary,:is(#screen-showcase,.showcase-dialog) .danger-button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600;min-height:48px}:is(#screen-showcase,.showcase-dialog) .primary{color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .danger-button{color:var(--danger);background:var(--error-surface);border-color:#be8e91}:is(#screen-showcase,.showcase-dialog) .error-banner,:is(#screen-showcase,.showcase-dialog) .form-error{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);color:var(--danger);background:var(--error-surface);border-color:#be8e91}:is(#screen-showcase,.showcase-dialog) .note,:is(#screen-showcase,.showcase-dialog) footer{font-family:var(--font-ui);font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .field,:is(#screen-showcase,.showcase-dialog) .reason-choices legend,:is(#screen-showcase,.showcase-dialog) .reason-choices label,:is(#screen-showcase,.showcase-dialog) .check-label{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .field input,:is(#screen-showcase,.showcase-dialog) .field select,:is(#screen-showcase,.showcase-dialog) .field textarea,:is(#screen-showcase,.showcase-dialog) .count-row input,:is(#screen-showcase,.showcase-dialog) .search input{font-family:var(--font-ui);font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:400;min-height:48px}:is(#screen-showcase,.showcase-dialog) .field input[type=datetime-local]{font-family:var(--font-service);font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .field input[type=datetime-local]{font-size:1rem}:is(#screen-showcase,.showcase-dialog) input[type=checkbox],:is(#screen-showcase,.showcase-dialog) input[type=radio]{accent-color:var(--olive)}:is(#screen-showcase,.showcase-dialog) .choice>[role=combobox]{font-size:var(--type-body-size);line-height:var(--type-body-line);font-weight:400}:is(#screen-showcase,.showcase-dialog) .choice-list button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .choice-list [aria-selected=true]{color:var(--milk);background:var(--selected)}:is(#screen-showcase,.showcase-dialog) .batch .button-row button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .transfer-quantity .note strong{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .transfer-deadline summary{font-family:var(--font-service);font-size:var(--type-service-size);line-height:var(--type-service-line);font-weight:500}:is(#screen-showcase,.showcase-dialog) .transfer-deadline .note{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .count-delta{color:var(--warning);font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .report-table{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .report-table th{font-weight:500}:is(#screen-showcase,.showcase-dialog) .report-table th:first-child{width:43%}:is(#screen-showcase,.showcase-dialog) .preview-tabs button{font-size:var(--type-button-size);line-height:var(--type-button-line);font-weight:600}:is(#screen-showcase,.showcase-dialog) .preview-tabs [aria-pressed=true]{background:var(--selected);color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .message-preview,:is(#screen-showcase,.showcase-dialog) .toast{font-size:var(--type-secondary-size);line-height:var(--type-secondary-line)}:is(#screen-showcase,.showcase-dialog) .toast{background:var(--graphite);color:var(--milk);border-color:var(--graphite);box-shadow:0 8px 28px #24232124}:is(#screen-showcase,.showcase-dialog) .mobile-nav{background:var(--paper);box-shadow:0 8px 28px #2423211a}:is(#screen-showcase,.showcase-dialog) .mobile-nav a{color:var(--olive)}:is(#screen-showcase,.showcase-dialog) .mobile-nav a:last-child{background:var(--selected);color:var(--milk)}.showcase-dialog{scrollbar-color:var(--sand) var(--paper);box-shadow:0 18px 60px #24232124}.showcase-dialog::backdrop{background:#24232170}:is(#screen-showcase,.showcase-dialog) ::selection{background:var(--selected);color:var(--milk)}
@media(max-width:760px){:is(#screen-showcase,.showcase-dialog) .topbar{min-height:60px}:is(#screen-showcase,.showcase-dialog) .topbar .reliz-logo{width:112px;height:44px}:is(#screen-showcase,.showcase-dialog) .panel-head h2{font-size:var(--type-section-size);line-height:var(--type-section-line)}:is(#screen-showcase,.showcase-dialog) .heading p{font-size:var(--type-body-size);line-height:var(--type-body-line)}:is(#screen-showcase,.showcase-dialog) .list-head h2{font-size:var(--type-section-size);line-height:var(--type-section-line)}:is(#screen-showcase,.showcase-dialog) .filter-row{gap:4px}:is(#screen-showcase,.showcase-dialog) .filter-row button{padding-inline:8px}:is(#screen-showcase,.showcase-dialog) .card{padding:20px}:is(#screen-showcase,.showcase-dialog) .catalog-head{row-gap:12px}:is(#screen-showcase,.showcase-dialog) .segment{min-width:200px}:is(#screen-showcase,.showcase-dialog) .catalog-head .link{min-width:0}:is(#screen-showcase,.showcase-dialog) .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}:is(#screen-showcase,.showcase-dialog) .product-copy{overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .product-count{white-space:nowrap}}
@media(max-width:350px){:is(#screen-showcase,.showcase-dialog) .card{padding:16px}:is(#screen-showcase,.showcase-dialog) .metrics{grid-template-columns:1fr;gap:16px}:is(#screen-showcase,.showcase-dialog) .metrics>div{display:flex;align-items:center;gap:12px}:is(#screen-showcase,.showcase-dialog) .metrics span{margin:0}:is(#screen-showcase,.showcase-dialog) .metrics strong{min-width:90px}:is(#screen-showcase,.showcase-dialog) .topbar .reliz-logo{width:98px}:is(#screen-showcase,.showcase-dialog) .report-table th:first-child{width:37%}:is(#screen-showcase,.showcase-dialog) .report-table th,:is(#screen-showcase,.showcase-dialog) .report-table td{padding-inline:2px}}
@media(forced-colors:active){:is(#screen-showcase,.showcase-dialog) .reliz-logo{background:CanvasText}:is(#screen-showcase,.showcase-dialog) .segment button[aria-pressed=true],:is(#screen-showcase,.showcase-dialog) .choice-list [aria-selected=true]{outline:2px solid Highlight}}
:is(#screen-showcase,.showcase-dialog) h1,:is(#screen-showcase,.showcase-dialog) h2,:is(#screen-showcase,.showcase-dialog) h3,:is(#screen-showcase,.showcase-dialog) .panel-head h2,:is(#screen-showcase,.showcase-dialog) .metrics strong,:is(#screen-showcase,.showcase-dialog) .product-copy strong,:is(#screen-showcase,.showcase-dialog) .brand{letter-spacing:0}
:is(#screen-showcase,.showcase-dialog) .metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}:is(#screen-showcase,.showcase-dialog) .report-table th{overflow-wrap:anywhere}:is(#screen-showcase,.showcase-dialog) .summary-top{flex-wrap:wrap}:is(#screen-showcase,.showcase-dialog) .segment{width:18rem}:is(#screen-showcase,.showcase-dialog) .preview-tabs{flex-wrap:wrap}
@media(max-width:350px){:is(#screen-showcase,.showcase-dialog) .metrics{grid-template-columns:1fr}:is(#screen-showcase,.showcase-dialog) .metrics>div{flex-wrap:wrap}}
/* Owner refinement: the screen name carries the brand's display face. */
:is(#screen-showcase,.showcase-dialog) .heading h1{font-family:var(--font-accent);font-size:var(--type-screen-size);line-height:var(--type-screen-line);font-weight:700;letter-spacing:0;overflow-wrap:anywhere}
:is(#screen-showcase,.showcase-dialog){--type-showcase-title-size:2.1875rem;--type-showcase-title-line:2.75rem;--topbar-logo-height:35px}:is(#screen-showcase,.showcase-dialog) .heading h1{font-size:var(--type-showcase-title-size);line-height:var(--type-showcase-title-line)}:is(#screen-showcase,.showcase-dialog) .topbar .reliz-logo{height:var(--topbar-logo-height)}

/* Owner's final palette choice: dark Reliz identity. */:is(#screen-showcase,.showcase-dialog) .sidebar{background:#1c1b19}:is(#screen-showcase,.showcase-dialog) .topbar .reliz-logo{color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .summary-top button{color:var(--milk)}:is(#screen-showcase,.showcase-dialog) .primary{border:1px solid #8b8e77}:is(#screen-showcase,.showcase-dialog) .segment-marker{border:1px solid #8b8e77}:is(#screen-showcase,.showcase-dialog) .filter-row button[aria-pressed=true]{outline:1px solid #8b8e77;outline-offset:-1px}:is(#screen-showcase,.showcase-dialog) .sidebar a.selected,:is(#screen-showcase,.showcase-dialog) .mobile-nav a:last-child,:is(#screen-showcase,.showcase-dialog) .preview-tabs [aria-pressed=true]{box-shadow:inset 0 0 0 1px #8b8e77}:is(#screen-showcase,.showcase-dialog) .mobile-nav a{color:var(--sand)}:is(#screen-showcase,.showcase-dialog) .mobile-nav{box-shadow:0 8px 28px #00000038}:is(#screen-showcase,.showcase-dialog) .toast{background:var(--raised);color:var(--milk);border-color:var(--line)}:is(#screen-showcase,.showcase-dialog) .sync-copy{border-color:#b9bca16b}.showcase-dialog{box-shadow:0 18px 60px #00000055}.showcase-dialog::backdrop{background:#0d0b0999}:is(#screen-showcase,.showcase-dialog) .topbar{background:var(--bg)}
:is(#screen-showcase,.showcase-dialog){--type-sidebar-brand-size:.6875rem;--type-sidebar-brand-line:1rem}:is(#screen-showcase,.showcase-dialog) .sidebar .brand{font-size:var(--type-sidebar-brand-size);line-height:var(--type-sidebar-brand-line);font-weight:500;letter-spacing:0}
:is(#screen-showcase,.showcase-dialog) .receipt-duplicate-confirm{margin-top:12px;width:100%}:is(#screen-showcase,.showcase-dialog) .product-copy .nearest-expiry{display:block;margin-top:4px;font:500 .75rem/1rem var(--font-service)}
:is(#screen-showcase,.showcase-dialog) .category-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:12px;padding-top:16px;margin-top:18px;border-top:1px solid #b9bca16b}:is(#screen-showcase,.showcase-dialog) .category-breakdown button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:8px;border-radius:10px;color:inherit;font:500 var(--type-secondary-size)/var(--type-secondary-line) var(--font-ui);min-width:0;gap:4px}:is(#screen-showcase,.showcase-dialog) .category-breakdown button strong{font:600 var(--type-card-size)/var(--type-card-line) var(--font-ui)}:is(#screen-showcase,.showcase-dialog) .category-breakdown button[aria-pressed=true]{background:#f5f1e81a;outline:1px solid var(--milk);outline-offset:-1px}:is(#screen-showcase,.showcase-dialog) .category-context{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font:500 var(--type-secondary-size)/var(--type-secondary-line) var(--font-ui);color:var(--muted)}

#screen-showcase .heading h1{font-size:var(--type-screen);line-height:var(--line-screen)}
#screen-showcase .heading p{font-size:.9375rem;line-height:1.5rem}
#screen-showcase .demo-note{margin-bottom:24px}
#screen-showcase .heading{flex-wrap:wrap}
#screen-showcase .heading>div{min-width:0}
#screen-showcase .summary-strip .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.showcase-dialog .showcase-form label{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;font-size:.875rem;line-height:1.25rem;min-width:0}
.showcase-dialog .showcase-form input,.showcase-dialog .showcase-form select,.showcase-dialog .showcase-form textarea{width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);font:400 1rem/1.5rem var(--font-ui);min-height:48px}
.showcase-dialog .showcase-line-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.showcase-dialog .showcase-line-head button{width:44px;height:44px;border:0}
.showcase-dialog .showcase-line{border-top:1px solid var(--line);padding:16px 0 20px}
.showcase-dialog .showcase-error{color:var(--danger);font-size:.875rem;line-height:1.25rem}
.showcase-dialog .showcase-stats{display:flex;justify-content:space-between;gap:12px;background:var(--field);padding:16px;border-radius:12px;margin:16px 0}
.showcase-dialog .showcase-stats strong{display:block}
body:has(.showcase-dialog[open]){overflow:hidden}
.showcase-test-entry{margin-top:16px;display:flex;gap:8px;align-items:center;min-height:44px}.showcase-test-entry svg{width:20px;height:20px}.showcase-pilot-label{font:500 .75rem/1rem var(--font-service);color:var(--sand)}
@media(max-width:350px){#screen-showcase .summary-strip .metrics{grid-template-columns:1fr}}

.showcase-dialog .showcase-form>p:first-child{margin-bottom:18px;font-size:.875rem;line-height:1.25rem;color:var(--muted)}

/* Approved category separation, only in the All view. */
#screen-showcase .product-category.is-separated + .product-category.is-separated{margin-top:24px}
#screen-showcase .product-category.is-separated>.list-head{padding:12px;border-bottom:0;border-radius:10px;background:var(--raised)}