@layer legacy {
/* base.css */
:root{--paper:#fff;--soft:#e8eaed;--text:#202124;--muted:#5f6368;--line:#dadce0;--accent:#fbbc04}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:14px/1.5 Arial,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;background:var(--soft);color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--soft);padding:32px 20px;display:flex;flex-direction:column;background:white;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.5px}.mark{background:var(--accent);width:40px;height:40px;display:grid;place-content:center;border-radius:12px;font-size:28px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:4px}.workspace{display:flex;align-items:center;gap:12px;padding:20px 8px;margin:32px 0;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft);font-size:12px;font-weight:bold}.workspace>b,.avatar{width:36px;height:36px;background:var(--soft);border-radius:12px;display:grid;place-content:center}.workspace small{display:block;color:var(--muted);font-size:10px;font-weight:normal}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--muted)}.nav-label{margin:0 12px 16px}nav{display:flex;flex-direction:column;gap:8px}nav button{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-align:left;font-size:20px}nav button span{font-size:12px}nav button.active{background:var(--accent);font-weight:bold}nav button:hover:not(.active){background:var(--soft)}nav small{font-size:8px;margin-left:auto;color:var(--muted)}.sidebar-bottom{margin-top:auto}.demo{padding:16px 12px;font-size:12px}.demo small{display:block;font-size:10px;color:var(--muted);margin-top:4px}i{display:inline-block;background:var(--accent);width:8px;height:8px;border-radius:4px;margin-right:8px}.profile{display:flex;align-items:center;gap:12px;border-top:1px solid var(--soft);padding:20px 8px 0;font-size:10px;color:var(--muted)}.profile select{display:block;width:128px;border:0;background:white;font-size:12px;font-weight:bold;color:var(--text);margin-top:4px}main{margin-left:248px}header{height:76px;border-bottom:1px solid var(--soft);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}header em{font-style:normal;margin:0 12px;color:var(--line)}header strong{font-weight:normal;color:var(--text)}.connection{font-size:10px}.content{padding:40px;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}h1{font-size:32px;line-height:1.25;letter-spacing:-1.2px;margin:12px 0}h1 span,.accent{color:var(--accent)}p{color:var(--muted);margin:8px 0}.primary,.secondary{padding:12px 20px;border-radius:12px;font-size:12px;font-weight:bold;white-space:nowrap}.primary{background:var(--accent)}.primary:hover{background:#f0a500}.secondary{border:1px solid var(--line);background:white}.banner{border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:11px}.banner>b{font-size:20px}.banner p{margin:0;flex:1}.banner button{font-size:10px;text-decoration:underline;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stats>div{border:1px solid var(--soft);border-radius:20px;padding:20px 24px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:32px;margin:8px 0;letter-spacing:-1px}.stats small{color:var(--muted);font-size:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--soft);padding-bottom:16px}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button{padding:8px 16px;border-radius:8px;font-size:12px;color:var(--muted)}.tabs button.active{background:var(--text);color:white}.search{border:1px solid var(--line);border-radius:8px;padding:8px 12px;display:flex;gap:12px;align-items:center;font-size:20px}.search input{border:0;width:180px;font-size:12px;background:white}.caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 0 8px;font-size:10px;color:var(--muted)}.caption button{font-size:10px;text-decoration:underline}.product-heading{display:flex;align-items:center;gap:12px;margin:24px 0 16px}.product-heading h2{font-size:20px;margin:0;letter-spacing:-.5px}.product-heading>span{font-size:10px;color:var(--muted)}.product-symbol{display:grid;place-content:center;background:var(--text);color:white;width:32px;height:32px;border-radius:8px;font-weight:bold}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 8px 24px rgba(32,33,36,.06);overflow:hidden;animation:enter .35s ease-out;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:0 2px 8px rgba(32,33,36,.14)}.card.busy{border-color:var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;font-size:10px;color:var(--muted)}.badge{font-size:9px;background:var(--soft);padding:4px 8px;border-radius:4px;color:var(--text)}.card h3{font-size:16px;font-weight:600;margin:12px 20px 16px}.credentials{padding:16px;background:var(--soft);border-radius:12px;margin:0 20px}.credential+.credential{margin-top:12px}.credential label{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.credential code{font:12px/1.5 monospace;overflow-wrap:anywhere}.instruction{font-size:10px;min-height:32px;margin:12px 20px 16px;line-height:1.6}.entry-form{border-top:1px solid var(--soft);padding:16px 20px 20px}.presence{font-size:10px;color:var(--muted);min-height:24px;display:flex;align-items:center}.entry-form>label{font-size:10px;display:block;margin:4px 0 8px}.entry-form input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:white}.entry-form input:disabled{background:var(--soft)}.entry-form .primary{width:100%;margin-top:12px}.hint{font-size:9px;text-align:center;display:block;margin-top:8px;color:var(--muted)}.card.leaving{animation:leave .4s ease forwards}.card.recorded{animation:shared .45s ease}.list-row{border:1px solid var(--soft);border-radius:12px;padding:20px;margin-top:12px;display:flex;gap:16px;align-items:center}.list-row>div{flex:1;min-width:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted);font-size:11px;margin-top:4px}.list-row button{text-decoration:underline;font-size:12px}.empty{text-align:center;border:1px dashed var(--line);border-radius:20px;padding:64px 24px;margin:24px 0}.empty>span{font-size:32px}.empty p{max-width:420px;margin:12px auto}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--soft);margin-top:48px;padding-top:24px;font-size:10px;color:var(--muted)}footer strong{color:var(--text)}dialog{border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 56px rgba(32,33,36,.09);padding:28px;width:560px;max-width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:rgba(32,33,36,.45)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:24px;margin:8px 0}.modal-head button{font-size:28px}dialog p{font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.fields label{font-size:12px}.wide{grid-column:1/-1}.fields input,.fields select,.fields textarea{width:100%;display:block;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:8px;background:white;resize:vertical}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.result{position:fixed;bottom:24px;right:24px;width:360px;max-width:calc(100% - 32px);background:white;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 28px rgba(32,33,36,.2);z-index:8}.result-head{display:flex;align-items:center;justify-content:space-between;font-size:10px}.result-head button{font-size:24px}.result h3{font-size:16px}.result pre{background:var(--soft);border-radius:8px;padding:16px;white-space:pre-wrap;font:11px/1.7 monospace;max-height:220px;overflow:auto}.result .primary{width:100%}.result p{font-size:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:white;padding:12px 20px;border-radius:12px;font-size:12px;z-index:12;display:none;pointer-events:none}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateX(48px)}}@keyframes shared{50%{transform:translateX(16px)}100%{transform:none}}@media(min-width:1600px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:224px}main{margin-left:224px}.content{padding:28px}h1{font-size:28px}}@media(max-width:800px){.sidebar{position:static;width:auto;padding:16px;border-bottom:1px solid var(--soft)}.brand{font-size:16px}.mark{width:32px;height:32px;font-size:24px}.workspace,.nav-label,.demo{display:none}.sidebar nav{flex-direction:row;overflow:auto;margin-top:16px;gap:4px}nav button{padding:8px;white-space:nowrap;font-size:16px}nav button span{font-size:10px}nav small{display:none}.sidebar-bottom{position:absolute;right:16px;top:16px}.profile{padding:0;border:0}.profile .avatar{display:none}.profile select{width:80px}.connection{display:none}main{margin-left:0}header{height:56px;padding:0 20px}.content{padding:24px 20px}.heading{flex-direction:column;align-items:flex-start;gap:12px}h1{font-size:28px}.heading p{font-size:12px}.banner{align-items:flex-start;font-size:10px}.stats{gap:8px;margin-bottom:24px}.stats>div{padding:16px 12px;border-radius:12px}.stats strong{font-size:24px}.stats span,.stats small{font-size:9px}.toolbar{flex-direction:column;align-items:stretch}.search input{width:100%}.cards{grid-template-columns:1fr}.caption,.caption button{font-size:9px}footer{font-size:9px}.fields{grid-template-columns:1fr}.fields label{grid-column:1}.actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Mobile workspace: account cards first, supporting tools below the board. */
#cards-area .cards{scrollbar-width:none!important;-ms-overflow-style:none;}#cards-area .cards::-webkit-scrollbar{display:none;width:0;height:0;}.carousel-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 16px;min-width:0;}.carousel-dots{position:relative;display:flex;align-items:center;max-width:calc(100% - 64px);overflow-x:auto;scrollbar-width:none;}.carousel-dots::-webkit-scrollbar{display:none;}.carousel-dots button{display:grid;place-items:center;flex:0 0 28px;min-width:28px;height:44px;padding:0;background:transparent;}.carousel-dots button>span{display:block;width:8px;height:8px;border-radius:4px;background:var(--line);transition:width .2s ease,background-color .2s ease;}.carousel-dots button.active>span{width:20px;background:var(--text);}.carousel-position{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0;}
#cards-area>section{min-width:0;}#cards-area .cards{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4px;overscroll-behavior-x:contain;padding:4px 4px 16px;margin:0 -4px;max-width:calc(100% + 8px);scrollbar-width:thin;scrollbar-color:var(--line) transparent;}#cards-area .cards>.card{flex:0 0 calc(100% - 24px);max-width:360px;min-width:0;scroll-snap-align:start;}.carousel-controls{display:flex;gap:4px;flex-shrink:0;}.carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;font-size:20px;background:var(--paper);}.carousel-controls button:disabled{background:var(--soft);color:var(--muted);}.carousel-hint{font-size:11px;color:var(--muted);margin:0 0 8px;}#cards-area .product-heading{flex-wrap:wrap;}
.return-history-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);}.return-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}.return-history-heading h2{margin:0;font-size:24px;}.return-history-heading .badge{flex-shrink:0;}.return-history-email{overflow-wrap:anywhere;}.return-history-entry .history-detail p{font-size:12px;line-height:1.7;}
.template-variables{border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0;}.template-variables>strong{font-size:12px;}.template-variable-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;}.template-variable-buttons button{font-size:12px;min-height:44px;padding:8px 12px;}#template-variable-example{font-size:11px;line-height:1.7;}
.password-notice{border-top:1px solid var(--line);padding-top:12px;margin-top:20px;}.password-notice h3{font-size:16px;margin:16px 0 8px;}.password-notice pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 monospace;background:var(--soft);border-radius:12px;padding:16px;}.password-notice>.primary{width:100%;min-height:48px;}.notice-recipient{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start;}.notice-recipient input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);}.notice-recipient strong,.notice-recipient small{display:block;overflow-wrap:anywhere;}.notice-recipient small{font-size:12px;color:var(--muted);margin-top:4px;}#returned-modal{max-height:85dvh;}#return-impact{font-size:12px;line-height:1.7;}
.slot-capacity{border-top:1px solid var(--line);padding-top:12px;margin-top:12px!important;}.slot-capacity-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;}.slot-capacity-heading strong{font-size:11px;}.slot-capacity-heading small{font-size:10px;margin:0;}.slot-state-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}.manage-credentials .slot-state{display:grid;place-items:center;min-width:32px;height:32px;border:1px solid var(--line);border-radius:4px;font-size:12px;font-weight:bold;color:var(--text);}.slot-state.filled{background:var(--accent);border-color:var(--accent);}.slot-state.ready{background:var(--paper);}.slot-state.inactive{background:var(--soft);color:var(--muted);}.slot-capacity-legend{margin-top:8px!important;font-size:10px!important;}
.manage-credentials{margin:8px 0 12px;padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0;}.manage-credentials>div+div{margin-top:8px;}.manage-credentials span{display:block;font-size:10px;color:var(--muted);}.manage-credentials code{font:12px/1.6 monospace;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;}.manage-credentials .credential-slots{font-size:10px;margin:0 0 8px;}.manage-credential-variants{margin:8px 0;}.manage-group .manage-credential-variants summary{padding:8px 0;min-height:44px;font-size:11px;text-decoration:underline;display:block;cursor:pointer;}.manage-credential-variants .manage-credentials{margin-top:4px;}
@media(max-width:800px){.manage-group .list-row{flex-wrap:wrap;}.manage-group .list-row>div:first-child{flex-basis:100%;}.manage-group .list-row .account-actions{flex:1;flex-direction:row;gap:12px;}.account-actions button{flex:1;}}
.slot-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}.duplicate-slot{min-height:44px;font-size:12px;flex:1;padding:8px 12px;}.delete-slot{min-height:44px;font-size:12px;padding:8px 12px;text-decoration:underline;}#undo-delete-slot{min-height:44px;}
.delivery-preview{font:13px/1.7 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;}.card>.entry-form{margin-top:16px;}
.stock-detail-editor{margin:16px 0;}.stock-detail-editor>label{display:block;font-size:12px;font-weight:bold;margin-bottom:8px;}.stock-detail-editor textarea{font:16px/1.6 monospace;padding:12px;width:100%;border:1px solid var(--line);border-radius:12px;resize:vertical;min-height:132px;}.stock-detail-editor textarea[readonly]{background:var(--soft);}
.template-preview-box{border:1px solid var(--line);border-radius:12px;margin:16px 0;}.template-preview-box summary{min-height:44px;cursor:pointer;padding:12px;font-weight:bold;font-size:12px;}.template-preview-box pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);padding:16px;margin:0;font:12px/1.7 monospace;}#template-error{font-size:12px;font-weight:bold;}
.account-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;flex-shrink:0;}.account-actions [data-slots-account]{border:1px solid var(--line);border-radius:8px;padding:8px 12px;text-decoration:none;font-weight:bold;}
.slot-account-info{background:var(--soft);border-radius:12px;padding:12px 16px;margin:16px 0;}.slot-account-info strong,.slot-account-info small{display:block;overflow-wrap:anywhere;}.slot-account-info small{color:var(--muted);font-size:12px;margin-top:4px;}
.slot-count-label{display:block;font-size:12px;font-weight:bold;margin-top:20px;}.slot-count-control{display:flex;gap:8px;margin-top:8px;}.slot-count-control input{border:1px solid var(--line);border-radius:8px;padding:12px;width:100%;min-width:0;font-size:16px;}.slot-editor{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:12px 0;}.slot-editor summary{display:flex;justify-content:space-between;padding:16px;font-weight:bold;cursor:pointer;list-style:none;}.slot-editor summary::-webkit-details-marker{display:none;}.slot-editor .fields{padding:0 16px 16px;margin-top:0;}.slot-editor input,.slot-editor textarea{font-size:16px;}
.card-slots{border-top:1px solid var(--line);margin-top:12px;}.card-slots summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;min-height:44px;font-size:12px;font-weight:bold;}.card-slots summary::-webkit-details-marker{display:none;}.slot-preview{border-top:1px solid var(--line);padding:12px 0;font-size:12px;overflow-wrap:anywhere;}.slot-preview strong,.slot-preview span{display:block;}.slot-preview p{white-space:pre-wrap;font-size:12px;}#slot-error{font-size:12px;font-weight:bold;}#slots-modal .actions{position:sticky;bottom:-28px;background:var(--paper);padding:16px 0;margin-top:12px;border-top:1px solid var(--line);}
.copy-detail{display:block;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:44px;margin-top:12px;width:100%;font-size:12px;font-weight:bold;}
.inline-copy-status{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px;}.inline-copy-status:empty{display:none;}
.history-entry{border:1px solid var(--line);border-radius:20px;margin-top:12px;overflow:hidden;}.history-entry summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px;min-height:80px;}.history-entry summary::-webkit-details-marker{display:none;}.history-entry summary>span:not(.history-chevron){flex:1;min-width:0;}.history-entry summary strong{overflow-wrap:anywhere;}.history-entry summary small{display:block;font-size:11px;color:var(--muted);margin-top:4px;}.history-chevron{font-size:20px;}.history-entry[open] .history-chevron{transform:rotate(180deg);}.history-detail{padding:0 16px 16px;}.history-detail .credentials{margin:0;}.history-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 monospace;margin:0;}.return-account{width:100%;margin-top:12px;min-height:48px;}.return-reminder{background:var(--soft);border-radius:12px;padding:16px;margin:16px 0;}.return-reminder strong{font-size:14px;}.return-check{display:flex;align-items:flex-start;gap:12px;margin-top:20px;font-size:12px;}.return-check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin:0;}#return-error{font-size:12px;color:var(--text);font-weight:bold;}#returned-modal>.primary{margin-top:20px;width:100%;}#returned-description{font-size:14px;line-height:1.7;}
.manage-group{border:1px solid var(--line);border-radius:20px;margin-top:16px;overflow:hidden;}
.manage-group summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none;min-height:72px;}
.manage-group summary::-webkit-details-marker{display:none;}.manage-group summary>span{flex:1;}.manage-group summary strong,.manage-group summary small{display:block;}.manage-group summary small{color:var(--muted);font-size:12px;}.manage-group summary .group-chevron{flex:0;font-size:20px;}.manage-group[open] .group-chevron{transform:rotate(180deg);}
.manage-group .group-tools{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px;}.group-tools button{min-height:44px;padding:8px 12px;}
.manage-group .list-row{margin:0;border:0;border-top:1px solid var(--soft);border-radius:0;padding:16px;}.manage-group .list-row button{min-height:44px;flex-shrink:0;}.manage-group .list-row small{overflow-wrap:anywhere;}
@media(max-width:800px){
 body{padding-bottom:calc(80px + env(safe-area-inset-bottom));}
 .sidebar{padding:12px 16px;height:60px;display:flex;justify-content:center;}
 .brand{font-size:16px;gap:8px;}.brand small{display:none;}
 .sidebar-bottom{top:8px;right:16px;}.profile{font-size:9px;}.profile select{min-height:28px;margin:0;}
 .sidebar nav{position:fixed;inset:auto 0 0;margin:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;z-index:5;overflow:visible;}
 nav button{flex-direction:column;justify-content:center;gap:0;min-height:48px;padding:4px;font-size:20px;border-radius:12px;}
 nav button span{font-size:10px;line-height:20px;}nav button.active{background:var(--soft);box-shadow:inset 0 3px 0 var(--accent);}
 main>header{display:none;}.content{padding:12px 16px 20px;display:flex;flex-direction:column;}
 body[data-page=board] .heading{display:none;}
 #board-page{display:flex;flex-direction:column;min-width:0;}
 .toolbar{display:contents;}.tabs{order:0;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;scrollbar-width:none;}
 .tabs::-webkit-scrollbar{display:none;}.tabs button{flex:0 0 auto;min-height:44px;padding:8px 16px;font-size:12px;}
 #cards-area{order:1;min-width:0;}.product-heading{margin:12px 0;gap:8px;}.product-heading h2{font-size:20px;}.product-heading>span{margin-left:auto;font-size:10px;}
 .cards{gap:16px;}.card-top{padding:16px 16px 0;}.card h3{margin:8px 16px 12px;font-size:16px;}
 .credentials{margin:0 16px;padding:12px 16px;}.credential label{font-size:10px;}.credential code{font-size:14px;}.credential+.credential{margin-top:8px;}
 .instruction{font-size:12px;min-height:0;margin:12px 16px;}.entry-form{padding:12px 16px 16px;}.presence{font-size:12px;min-height:24px;}
 .entry-form>label{font-size:12px;margin:4px 0 8px;}.entry-form input{min-height:48px;font-size:16px;}.entry-form .primary{min-height:48px;font-size:14px;margin-top:12px;}.hint{font-size:10px;}
 .search{order:2;margin-top:24px;min-height:48px;}.search input{font-size:16px;min-width:0;}
 .caption{order:3;padding:16px 0;font-size:10px;}.caption button{font-size:10px;min-height:44px;}
 .stats{order:4;margin:0;gap:8px;}.stats>div{padding:12px;}.stats strong{margin:4px 0;font-size:24px;}
 .banner{order:10;margin:24px 0 0;padding:12px;font-size:10px;}.banner button{min-height:44px;}
 footer{order:11;margin-top:24px;padding-top:16px;}
 .heading h1{font-size:24px;}.heading{margin-bottom:16px;}.fields input,.fields select,.fields textarea{font-size:16px;}
 .result{bottom:calc(84px + env(safe-area-inset-bottom));right:16px;max-height:calc(100dvh - 112px);overflow:auto;}.result pre{max-height:28dvh;}
 #toast{bottom:calc(88px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);}
}
/* Account spreadsheet view */
.manage-view-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 16px}.manage-view-switch{display:flex;padding:4px;border:1px solid #DADCE0;border-radius:12px;gap:4px}.manage-view-switch button{border:0;background:transparent;min-height:44px;padding:8px 12px;border-radius:8px;color:#5F6368}.manage-view-switch button[aria-pressed=true]{background:#202124;color:#fff}.sheet-filters{display:flex;gap:12px;align-items:end;margin-bottom:12px}.sheet-filters label{display:grid;gap:8px;font-size:12px;min-width:0}.sheet-filters label:first-child{flex:1}.sheet-filters input,.sheet-filters select{box-sizing:border-box;width:100%;min-height:44px;padding:8px 12px;border:1px solid #DADCE0;border-radius:8px;background:#fff;color:#202124;font:inherit;font-size:14px}.sheet-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#5F6368}.sheet-scroll{max-width:100%;overflow:auto;border:1px solid #DADCE0;border-radius:12px;max-height:65dvh;scrollbar-color:#9AA0A6 #E8EAED}.manage-sheet{border-collapse:separate;border-spacing:0;width:100%;min-width:1080px;font-size:13px;text-align:left;line-height:1.5}.manage-sheet th,.manage-sheet td{padding:12px 16px;border-right:1px solid #DADCE0;border-bottom:1px solid #DADCE0;vertical-align:middle;max-width:280px;overflow-wrap:anywhere}.manage-sheet thead th{position:sticky;top:0;background:#E8EAED;color:#5F6368;font-size:11px;white-space:nowrap;z-index:2}.manage-sheet tr>:first-child{position:sticky;left:0;background:#E8EAED;text-align:center;color:#5F6368;width:40px;z-index:1}.manage-sheet thead tr>:first-child{z-index:3}.manage-sheet tbody tr:hover td{background:#F8F9FA}.manage-sheet tbody tr:last-child>*{border-bottom:0}.manage-sheet tr>:last-child{border-right:0}.sheet-credential{font-family:monospace;min-width:160px;user-select:text}.sheet-state{display:inline-block;white-space:nowrap;padding:4px 8px;border-radius:4px;background:#E8EAED;font-size:11px}.sheet-state.sold{background:#FBBC04;color:#202124}.sheet-state.ready{border:1px solid #DADCE0;background:#fff}.sheet-actions{display:flex;gap:8px;min-width:208px}.sheet-actions button{white-space:nowrap;min-height:44px;font-size:12px}.sheet-empty{padding:24px;border:1px solid #DADCE0;border-radius:12px;color:#5F6368;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#manage-page,#manage-sheet-panel{min-width:0;max-width:100%}#manage-list[hidden],#manage-sheet-panel[hidden],#sheet-empty[hidden]{display:none}
@media(max-width:800px){.manage-view-bar{margin-top:16px;gap:12px}.manage-view-switch{width:100%}.manage-view-switch button{flex:1}.manage-view-bar>button{width:100%}.sheet-filters{align-items:stretch;flex-wrap:wrap}.sheet-filters label:first-child{flex-basis:100%}.sheet-filters label:last-child{width:100%}.sheet-filters input,.sheet-filters select{font-size:16px}.sheet-caption{font-size:11px}.sheet-scroll{max-height:60dvh}.manage-sheet th,.manage-sheet td{padding:12px}.manage-sheet{min-width:1040px}}
.sheet-mobile-label,.sheet-mobile-password{display:none}
#compare-daily{width:100%;min-height:44px;margin:12px 0}#daily-comparison{font-size:12px;line-height:1.5;overflow-wrap:anywhere}#daily-comparison:not(:empty){background:#E8EAED;border-radius:8px;padding:12px;margin-bottom:12px}
.daily-password-toggle{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px}.daily-password-toggle input{width:20px;height:20px;flex:none}.daily-password-label{display:grid;gap:4px;font-size:11px;margin:8px 0}.daily-preview-password{box-sizing:border-box;width:100%;font:inherit;font-size:14px;min-height:44px;padding:8px 12px;border:1px solid #DADCE0;border-radius:8px;background:#fff;color:#202124}
#template-product-picker{width:100%;min-height:48px;border:1px solid #DADCE0;border-radius:8px;padding:12px;background:#fff;color:#202124;font:inherit;font-size:16px}
.daily-slot-count{display:grid;gap:8px;margin:16px 0;font-size:13px}.daily-slot-count input{box-sizing:border-box;width:100%;border:1px solid #DADCE0;border-radius:8px;min-height:44px;padding:12px;font:inherit;background:#fff}.daily-slot-count small{font-size:12px;color:#5F6368;line-height:1.5}
.daily-product-button{width:100%;min-height:44px;margin-top:8px;font-size:12px}.daily-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.daily-fields label,.daily-source-label{display:grid;gap:8px;font-size:13px;min-width:0}.daily-fields select,.daily-fields input,.daily-source-label textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #DADCE0;border-radius:8px;padding:12px;font:inherit;background:#fff;min-height:44px}.daily-source-label textarea{resize:vertical;line-height:1.5}.daily-help{display:block;margin:8px 0 16px;font-size:12px;line-height:1.5;color:#5F6368}#daily-errors:not(:empty){background:#E8EAED;border-radius:8px;padding:12px;margin:12px 0;font-size:12px}#daily-errors p{margin:4px 0}#daily-summary{font-size:16px}#daily-preview{max-height:240px;overflow:auto;margin:12px 0}.daily-preview-row{padding:12px 0;border-bottom:1px solid #DADCE0;overflow-wrap:anywhere}.daily-preview-row strong,.daily-preview-row span,.daily-preview-row small{display:block;font-size:12px;line-height:1.5}.daily-preview-row span{color:#5F6368;margin-top:4px}.daily-preview-row small{margin-top:4px}.manage-note{font-size:12px;background:#E8EAED;padding:8px;border-radius:8px;overflow-wrap:anywhere}.manage-note small{display:block;color:#5F6368;margin-bottom:4px}.manage-sheet .sheet-notes{min-width:160px}
.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.catalog-heading h2{margin:0;font-size:28px}.catalog-heading p{color:#5F6368;font-size:14px;margin:8px 0 0}.catalog-heading>button{min-height:44px;white-space:nowrap;padding:12px 16px;border-radius:12px}.catalog-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.catalog-stats>div{border:1px solid #DADCE0;border-radius:12px;padding:20px}.catalog-stats span{display:block;font-size:12px;color:#5F6368}.catalog-stats strong{display:block;font-size:28px;margin-top:8px}.catalog-search{display:grid;gap:8px;font-size:12px;margin-bottom:20px}.catalog-search input,.catalog-field input,.catalog-field textarea{width:100%;box-sizing:border-box;border:1px solid #DADCE0;border-radius:8px;padding:12px;font:inherit;min-height:44px;background:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.catalog-card{border:1px solid #DADCE0;border-radius:16px;padding:20px;background:#fff}.catalog-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-card h3{font-size:20px;margin:16px 0 8px}.catalog-card>p{font-size:13px;line-height:1.5;color:#5F6368;min-height:40px;margin:0 0 16px;overflow-wrap:anywhere}.catalog-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.catalog-counts strong{font-size:20px;display:block}.catalog-counts small{display:block;font-size:11px;color:#5F6368;margin-top:4px}.catalog-stock-track{height:4px;background:#E8EAED;border-radius:4px;margin:16px 0 20px;overflow:hidden}.catalog-stock-track span{display:block;height:100%;background:#FBBC04}.catalog-card>.primary{width:100%;min-height:44px;border-radius:8px}.catalog-card-actions{display:flex;gap:8px;margin-top:8px}.catalog-card-actions button{flex:1;min-height:44px;font-size:12px;padding:8px}.catalog-field{display:grid;gap:8px;font-size:13px;margin:16px 0}#catalog-error{font-size:13px}#catalog-page{min-width:0}#catalog-page[hidden]{display:none}
.sheet-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:12px}.sheet-pagination button{min-height:44px;font-size:12px}.sheet-pagination button:disabled{opacity:.4;cursor:default}.sheet-pagination[hidden]{display:none}
.sheet-date-filter{border:1px solid #DADCE0;border-radius:12px;padding:12px;margin:12px 0}.sheet-date-filter summary{cursor:pointer;font-size:13px;font-weight:600;min-height:24px}.sheet-date-fields{display:flex;gap:12px;align-items:end;margin-top:12px}.sheet-date-fields label{display:grid;gap:8px;font-size:12px;flex:1;min-width:0}.sheet-date-fields input{box-sizing:border-box;min-width:0;width:100%;min-height:44px;border:1px solid #DADCE0;border-radius:8px;padding:8px;background:#fff;font:inherit}.sheet-date-filter>small{display:block;font-size:11px;line-height:1.5;color:#5F6368;margin-top:8px}#sheet-filter-error{color:#202124;background:#E8EAED;padding:12px;border-radius:8px;font-size:12px}.manage-sheet .sheet-date{min-width:120px}.sheet-filters label{flex:1}
@media(max-width:800px){.sheet-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-filters label:first-child{grid-column:1/-1}.sheet-date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sheet-date-fields button{grid-column:1/-1;min-height:44px}.sheet-date-fields input{font-size:14px}.manage-sheet .sheet-date{display:none}}
@media(max-width:800px){.sheet-actions [data-template-product]{display:none}}
.manage-view-switch button[aria-pressed=true]{background:#FBBC04;color:#202124;font-weight:700}.manage-sheet .sheet-product{min-width:120px}.manage-sheet .sheet-account{min-width:160px}.sheet-credential{font-family:inherit}.manage-sheet td{font-size:13px}.sheet-actions{min-width:100px;flex-direction:column}.sheet-caption{line-height:1.5}.manage-view-bar>button{background:#FBBC04;border-color:#FBBC04;font-weight:600}
@media(max-width:800px){body[data-page=manage] .heading{display:none}#manage-page>h2{font-size:24px;margin:8px 0}#manage-page>p{font-size:13px;margin:8px 0 16px}.manage-view-bar{margin:0 0 16px;gap:8px}.manage-view-switch{padding:4px;border-radius:12px}.manage-view-switch button{font-size:13px;padding:8px}.manage-view-bar>button{min-height:44px}.sheet-filters{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;margin-bottom:8px}.sheet-filters label:last-child{width:auto}.sheet-filters label{font-size:11px;gap:4px}.sheet-filters input,.sheet-filters select{font-size:14px;padding:8px;min-width:0}.sheet-filters input::placeholder{font-size:12px}.sheet-caption{margin:8px 0;gap:4px;flex-direction:column}.sheet-scroll{max-height:56dvh;border-radius:12px}.manage-sheet{min-width:640px;table-layout:fixed}.manage-sheet tr>:first-child{display:none}.manage-sheet .sheet-account,.manage-sheet .sheet-slot,.manage-sheet .sheet-password{display:none}.manage-sheet .sheet-product{width:120px;min-width:120px;position:sticky;left:0;background:#fff;z-index:1;border-right:2px solid #DADCE0}.manage-sheet thead .sheet-product{background:#E8EAED;z-index:3}.manage-sheet .sheet-email{width:208px;min-width:208px}.manage-sheet th,.manage-sheet td{box-sizing:border-box;padding:12px;font-size:12px;vertical-align:top}.manage-sheet thead th{font-size:11px}.manage-sheet td.sheet-product strong{font-size:13px}.sheet-mobile-label{display:block;color:#5F6368;font-weight:400;font-size:11px;margin-top:4px;line-height:1.5}.sheet-mobile-label small{display:block;font-size:11px;margin-top:4px}.sheet-mobile-password{display:block;margin-top:8px;overflow-wrap:anywhere}.sheet-mobile-password small{display:block;font-size:10px;color:#5F6368;margin-bottom:2px}.manage-sheet thead .sheet-mobile-label{display:inline;font-size:inherit;margin:0}.manage-sheet .sheet-email span{overflow-wrap:anywhere}.sheet-actions{min-width:0}.sheet-actions button{font-size:11px;padding:8px}.manage-sheet th:nth-child(7),.manage-sheet td.sheet-buyer{width:112px}.manage-sheet th:nth-child(6),.manage-sheet td:nth-child(6){width:96px}.manage-sheet th:last-child,.manage-sheet td:last-child{width:104px}}
@media(max-width:800px){#manage-sheet-panel .sheet-scroll{overflow:hidden;max-height:none;min-height:0}#manage-sheet-panel .manage-sheet{width:1300px;min-width:1300px;table-layout:fixed}#manage-sheet-panel .manage-sheet th,#manage-sheet-panel .manage-sheet td{display:table-cell;position:static;width:auto;min-width:0;max-width:none;padding:12px 8px;vertical-align:middle;font-size:14px;border-right:1px solid #DADCE0}#manage-sheet-panel .manage-sheet thead th{font-size:13px;white-space:normal}#manage-sheet-panel .manage-sheet .sheet-product{background:#fff;border-right:1px solid #DADCE0}#manage-sheet-panel .manage-sheet thead .sheet-product{background:#E8EAED}#manage-sheet-panel .manage-sheet .sheet-mobile-label,#manage-sheet-panel .manage-sheet .sheet-mobile-password{display:none}#manage-sheet-panel .manage-sheet tr>:first-child{width:40px}#manage-sheet-panel .manage-sheet .sheet-product{width:92px}#manage-sheet-panel .manage-sheet .sheet-account{width:144px}#manage-sheet-panel .manage-sheet .sheet-slot{width:44px}#manage-sheet-panel .manage-sheet .sheet-email{width:200px}#manage-sheet-panel .manage-sheet .sheet-password{width:156px}#manage-sheet-panel .manage-sheet tr>:nth-child(7){width:104px}#manage-sheet-panel .manage-sheet .sheet-buyer{width:132px}#manage-sheet-panel .manage-sheet .sheet-date{width:132px}#manage-sheet-panel .manage-sheet tr>:last-child{width:156px}#manage-sheet-panel .sheet-actions{min-width:0;gap:4px}#manage-sheet-panel .sheet-actions button{min-height:44px;padding:8px;font-size:13px}#manage-sheet-panel .sheet-actions [data-template-product]{display:block}#manage-sheet-panel .sheet-state{font-size:12px}#manage-sheet-panel .manage-sheet td.sheet-product strong{font-size:14px}.sheet-pagination{font-size:11px}.sheet-pagination button{padding:8px;font-size:11px}}
.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media(max-width:800px){.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-page=catalog] .heading{display:none}.catalog-heading{align-items:start;flex-direction:column;gap:16px;margin:8px 0 16px}.catalog-heading h2{font-size:24px}.catalog-heading p{font-size:13px}.catalog-heading>button{width:100%}.catalog-stats{gap:8px;margin-bottom:16px}.catalog-stats>div{padding:12px}.catalog-stats span{font-size:11px}.catalog-stats strong{font-size:24px}.catalog-grid{grid-template-columns:minmax(0,1fr);gap:16px}.catalog-card{padding:16px}.catalog-search input,.catalog-field input,.catalog-field textarea{font-size:16px}.catalog-card>p{min-height:0}.catalog-card-actions button{font-size:12px}}
@media(max-width:800px){#manage-sheet-panel .manage-sheet{width:1500px;min-width:1500px}#manage-sheet-panel .manage-sheet .sheet-notes{width:200px;min-width:0}.daily-fields{gap:8px}.daily-fields input,.daily-fields select,.daily-source-label textarea{font-size:16px}#daily-modal{max-width:calc(100% - 24px)}}
.recap-section{border:1px solid #DADCE0;border-radius:16px;padding:20px;margin:20px 0}.recap-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.recap-heading h3{font-size:20px;margin:0 0 8px}.recap-heading p{color:#5F6368;font-size:12px;margin:0;line-height:1.5}.recap-heading label,.recap-dates label{display:grid;gap:8px;font-size:12px;min-width:0}.recap-heading select,.recap-dates input{font:inherit;min-height:44px;border:1px solid #DADCE0;border-radius:8px;padding:8px;background:#fff;min-width:0;width:100%;box-sizing:border-box}.recap-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.recap-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.recap-metrics>div{border:1px solid #DADCE0;border-radius:12px;padding:12px;min-width:0}.recap-metrics span{display:block;font-size:11px;color:#5F6368}.recap-metrics strong{display:block;font-size:20px;margin-top:8px;overflow-wrap:anywhere}#recap-completeness{font-size:12px;line-height:1.5;color:#5F6368}.recap-scroll{overflow:hidden;border:1px solid #DADCE0;border-radius:8px;margin:12px 0}.recap-table{border-collapse:collapse;table-layout:fixed;width:1100px;min-width:1100px;font-size:14px;line-height:1.5;text-align:left}.recap-table th,.recap-table td{padding:12px;border:1px solid #DADCE0;overflow-wrap:anywhere;vertical-align:middle}.recap-table th{background:#E8EAED;font-size:13px}.recap-table small{display:block;font-size:12px;color:#5F6368;margin-top:4px}.recap-table button{padding:8px;font-size:12px;min-height:44px;max-width:100%;white-space:normal}.recap-sales summary{font-size:13px;cursor:pointer;min-height:44px;padding-top:12px}.recap-section>small{display:block;font-size:11px;line-height:1.5;color:#5F6368;margin-top:12px}.sheet-money{font-size:12px;min-width:100px}.pricing-slots label{display:grid}.entry-form input[name=salePrice]{margin-bottom:8px}.history-finance{font-size:12px;color:#5F6368}#pricing-error,#sale-finance-error{font-size:13px}
@media(max-width:800px){.recap-section{padding:12px;margin:16px 0}.recap-heading{flex-direction:column;gap:12px}.recap-heading>label{width:100%}.recap-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recap-metrics strong{font-size:18px}.recap-dates{gap:8px}.recap-heading select,.recap-dates input{font-size:16px}#manage-sheet-panel .manage-sheet{width:1900px;min-width:1900px}#manage-sheet-panel .manage-sheet .sheet-money{width:132px;min-width:0}}
.account-sheet td small{display:block;font-size:11px;color:#5F6368;line-height:1.5;margin-top:4px}.account-sheet .sheet-slot,.account-sheet .sheet-sold,.account-sheet .sheet-ready{text-align:center;font-weight:600}.account-sheet .sheet-price{font-size:12px;overflow-wrap:anywhere}
@media(max-width:800px){#manage-sheet-panel .account-sheet{width:1500px;min-width:1500px}#manage-sheet-panel .account-sheet tr>:nth-child(1){width:40px}#manage-sheet-panel .account-sheet tr>:nth-child(2){width:180px}#manage-sheet-panel .account-sheet tr>:nth-child(3){width:200px}#manage-sheet-panel .account-sheet tr>:nth-child(4){width:160px}#manage-sheet-panel .account-sheet tr>:nth-child(5){width:60px}#manage-sheet-panel .account-sheet tr>:nth-child(6){width:70px}#manage-sheet-panel .account-sheet tr>:nth-child(7){width:70px}#manage-sheet-panel .account-sheet tr>:nth-child(8){width:120px}#manage-sheet-panel .account-sheet tr>:nth-child(9){width:140px}#manage-sheet-panel .account-sheet tr>:nth-child(10){width:180px}#manage-sheet-panel .account-sheet tr>:nth-child(11){width:120px}#manage-sheet-panel .account-sheet tr>:nth-child(12){width:160px}}
.recap-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #DADCE0;border-radius:12px;padding:12px 16px;margin:16px 0;cursor:pointer}.recap-toggle strong{display:block;font-size:14px}.recap-toggle small{display:block;color:#5F6368;font-size:11px;margin-top:4px;line-height:1.5}.recap-toggle input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:44px;height:24px;min-height:0;margin:0;padding:0;background:#DADCE0;border:0;border-radius:12px;cursor:pointer}.recap-toggle input:after{content:'';position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .16s ease}.recap-toggle input:checked{background:#FBBC04}.recap-toggle input:checked:after{left:24px}.recap-toggle input:focus-visible{outline:2px solid #202124;outline-offset:4px}.recap-section[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.recap-toggle input:after{transition:none}}
body[data-finance=false] .finance-only,body[data-finance=false] #manage-page .sheet-money,body[data-finance=false] #manage-page .sheet-price,body[data-finance=false] #manage-page [data-pricing-account]{display:none!important}#bulk-pricing-open{min-height:44px;margin:16px 0 0;width:100%}.bulk-option{display:flex;gap:8px;align-items:start;font-size:13px;margin:12px 0;line-height:1.5}.bulk-option input,.bulk-account>input{width:20px;height:20px;flex:none;margin:0}.bulk-selection-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 12px;font-size:12px}.bulk-selection-head strong{margin-right:auto}.bulk-selection-head button{min-height:40px;font-size:11px;padding:8px}#bulk-pricing-accounts{max-height:240px;overflow:auto;border:1px solid #DADCE0;border-radius:8px}.bulk-account{display:flex;gap:12px;align-items:start;padding:12px;border-bottom:1px solid #DADCE0}.bulk-account:last-child{border-bottom:0}.bulk-account span{min-width:0;overflow-wrap:anywhere}.bulk-account strong,.bulk-account small{display:block;font-size:12px;line-height:1.5}.bulk-account small{color:#5F6368;margin-top:4px}#bulk-pricing-form>small{font-size:11px;line-height:1.5;color:#5F6368;display:block}#bulk-pricing-error{font-size:12px}#bulk-pricing-preview{width:100%;min-height:44px}.bulk-preview-row{padding:12px;border:1px solid #DADCE0;border-radius:8px;margin:8px 0}.bulk-preview-row strong,.bulk-preview-row small{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}#bulk-pricing-preview-result{max-height:280px;overflow:auto;font-size:12px;margin:12px 0}
/* Avoid scrollbar/zoom feedback as the scaled table crosses viewport height. */
html{scrollbar-gutter:stable}
#manage-sheet-panel .sheet-scroll{max-height:none;min-height:0;overflow:hidden}
@media(max-width:800px){body[data-finance=false] #manage-sheet-panel .account-sheet{width:1240px;min-width:1240px}}
.password-field{display:flex;gap:8px;align-items:stretch;min-width:0}#return-form .password-field input{flex:1;width:0;min-width:0}.password-field button{flex:none;min-height:48px;padding:8px 12px;border:1px solid #DADCE0;border-radius:8px;background:#fff;color:#202124;font:inherit;font-size:12px;cursor:pointer}.history-search{display:grid;gap:8px;font-size:13px;margin:20px 0 8px}.history-search input{box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;border:1px solid #DADCE0;border-radius:8px;font:inherit;background:#fff}#history-result-count{font-size:12px;color:#5F6368}.sheet-profit{font-size:12px;font-weight:600}body[data-finance=false] #manage-page .sheet-profit{display:none!important}#manage-sheet-panel .account-sheet{width:1660px;min-width:1660px;table-layout:fixed}#manage-sheet-panel .account-sheet tr>:nth-child(1){width:40px;white-space:nowrap;overflow-wrap:normal;word-break:normal}#manage-sheet-panel .account-sheet tr>:nth-child(2){width:180px}#manage-sheet-panel .account-sheet tr>:nth-child(3){width:200px}#manage-sheet-panel .account-sheet tr>:nth-child(4){width:160px}#manage-sheet-panel .account-sheet tr>:nth-child(5){width:180px}#manage-sheet-panel .account-sheet tr>:nth-child(6){width:60px}#manage-sheet-panel .account-sheet tr>:nth-child(7){width:70px}#manage-sheet-panel .account-sheet tr>:nth-child(8){width:70px}#manage-sheet-panel .account-sheet tr>:nth-child(9){width:120px}#manage-sheet-panel .account-sheet tr>:nth-child(10){width:140px}#manage-sheet-panel .account-sheet tr>:nth-child(11){width:160px}#manage-sheet-panel .account-sheet tr>:nth-child(12){width:120px}#manage-sheet-panel .account-sheet tr>:nth-child(13){width:160px}body[data-finance=false] #manage-sheet-panel .account-sheet{width:1240px;min-width:1240px}@media(max-width:800px){.history-search input{font-size:16px}}

.manage-input-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.manage-input-actions>button{background:#FBBC04;border-color:#FBBC04;font-weight:600;min-height:44px}.activity-date-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:16px 0}.activity-date-filter label{display:grid;gap:8px;font-size:12px}.activity-date-filter input{font:inherit;padding:8px 12px;min-height:44px;border:1px solid #DADCE0;border-radius:8px;background:#fff;box-sizing:border-box}.activity-date-filter button{min-height:44px;font-size:12px}.profile-bulk{border:1px solid #DADCE0;border-radius:12px;padding:12px;margin:16px 0}.profile-bulk small{font-size:12px;color:#5F6368;line-height:1.5;display:block}.profile-bulk [hidden]{display:none}.profile-bulk textarea{font:inherit;font-size:14px}.profile-bulk button{margin-top:12px;min-height:44px}#slot-profiles-status{font-size:12px;line-height:1.5}@media(max-width:800px){.manage-input-actions{width:100%;margin:0;display:grid;grid-template-columns:1fr}.activity-date-filter label{width:100%}.activity-date-filter input{width:100%;font-size:16px}.activity-date-filter button{flex:1}.profile-bulk textarea{font-size:16px}}

.profile-rows{display:grid;gap:12px;margin:12px 0}.profile-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid #DADCE0;border-radius:8px}.profile-row strong{font-size:12px}.profile-row label{display:grid;gap:4px;font-size:12px;min-width:0}.profile-row label span{font-size:11px;color:#5F6368}.profile-row input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:8px;border:1px solid #DADCE0;border-radius:8px;background:#fff;font:inherit}.profile-row input[readonly]{background:#E8EAED}@media(max-width:800px){.profile-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-row strong{grid-column:1/-1}.profile-row input{font-size:16px}}

/* Re-recorded stock has a persistent visual identity, including after returns. */
#cards-area .card.card-rerecorded{border:2px solid var(--accent)}#cards-area .card-rerecorded .card-top{background:var(--text);color:var(--paper);padding:16px;border-radius:16px 16px 0 0;gap:8px;align-items:center;min-height:56px}#cards-area .card-rerecorded .card-top>span:first-child{font-weight:700;letter-spacing:.4px}#cards-area .card-rerecorded .card-top .badge{background:var(--accent);color:var(--text);white-space:normal}#cards-area .card-rerecorded .rerecord-origin{margin:0 16px 12px;padding:12px;background:var(--soft);border-left:4px solid var(--accent);border-radius:4px;font-size:12px;line-height:1.5;color:var(--text)}

#cards-area .card h3.card-email{font-size:16px;overflow-wrap:anywhere;margin-bottom:4px}#cards-area .card .card-account-label{font-size:11px;line-height:1.5;margin:0 16px 12px;color:var(--muted)}.cancel-rerecord{width:100%;min-height:44px;margin-top:8px;border-color:var(--text)}.stock-count-button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font:inherit;font-weight:700;padding:8px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.stock-count-button:hover{background:var(--accent)}.stock-list-item{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.stock-list-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.stock-list-item p{font-size:13px}.stock-list-buyer{padding-top:12px;border-top:1px solid var(--line)}.stock-list-buyer strong{color:var(--text)}.stock-list-buyer small{display:block;color:var(--muted);font-size:11px;margin-top:4px}#stock-list-modal{width:560px;max-width:calc(100% - 24px)}

.rerecord-history-entry .avatar{background:var(--text);color:var(--accent)}.rerecord-history-status{font-weight:700;color:var(--text)!important}.rerecord-event-time{display:block;font-size:11px;color:var(--muted);margin-top:4px}.rerecord-history-entry .history-detail h3{font-size:14px;margin:16px 0 8px}@media(max-width:800px){#rerecord-history-title{font-size:20px}.return-history-heading:has(#rerecord-history-title){flex-wrap:wrap}}

#history-action-description{font-size:14px;line-height:1.7;color:var(--text);overflow-wrap:anywhere}#history-action-error{font-size:13px;line-height:1.5}#history-action-error:not(:empty){padding:12px;background:var(--soft);border-radius:8px}

:root{--status-success:#137333;--status-success-soft:#E6F4EA;--status-danger:#B3261E;--status-danger-soft:#FCE8E6}.stock-count-button[data-stock-kind=sold]{background:var(--status-success-soft);border-color:var(--status-success);color:var(--status-success)}.stock-count-button[data-stock-kind=sold]:hover{background:var(--status-success);color:#fff}.stock-count-button.stock-empty{background:var(--status-danger-soft);border-color:var(--status-danger);color:var(--status-danger);text-decoration:none}.stock-empty>span{font-size:24px;font-weight:700;line-height:1}.stock-count-button.stock-empty:hover{background:var(--status-danger);color:#fff}

.storage-error{border:1px solid var(--status-danger,#B3261E);background:var(--status-danger-soft,#FCE8E6);color:var(--text);border-radius:12px;padding:16px;margin:16px 0;font-size:13px;line-height:1.6}

/* local.css */
:root{--app-bg:#F5F6F8;--sidebar:#202124;--text:#202124;--muted:#5F6368;--soft:#E8EAED;--accent:#FBBC04;--line:#DADCE0}
#workspace main>header{display:flex}body{padding-bottom:0}
body{background:var(--app-bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.boot-loading{min-height:100dvh;display:grid;place-items:center;color:var(--muted);font-size:14px}
.auth-page{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(400px,1.1fr);min-height:100dvh;background:#fff}.auth-story{background:var(--sidebar);color:#fff;padding:48px clamp(32px,5vw,88px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.auth-brand{margin-bottom:80px}.auth-brand img{width:180px;height:auto;filter:brightness(0) invert(1)}.auth-eyebrow{font-size:10px;letter-spacing:2px;color:#BDC1C6;font-weight:700}.auth-story h1{font-size:clamp(32px,3.6vw,52px);line-height:1.2;letter-spacing:-1.5px;margin:20px 0}.auth-story h1 span{color:var(--accent)}.auth-story>p{color:#BDC1C6;font-size:14px;line-height:1.7;max-width:360px}.auth-story>small{font-size:11px;color:#BDC1C6;margin-top:64px}.auth-illustration{width:100%;max-width:380px;display:grid;gap:12px;margin-top:32px}.auth-illustration>div{padding:16px 20px;border:1px solid #5F6368;border-radius:12px;color:#E8EAED;display:flex;justify-content:space-between;gap:24px;font-size:13px}.auth-illustration b{color:var(--accent)}.auth-main{display:flex;align-items:center;justify-content:center;padding:48px 32px}.auth-form-card{width:100%;max-width:384px}.auth-form-card h2{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:16px 0 12px}.auth-form-card>p{font-size:13px;line-height:1.7}.auth-form-card form{display:grid;gap:20px;margin:32px 0}.auth-form-card label,.local-form label{display:grid;gap:8px;font-size:12px;font-weight:600}.auth-form-card input,.local-form input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;font-size:14px;font-weight:400;background:#fff}.auth-password{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.auth-password input{border:0;min-width:0;flex:1}.auth-password button{font-size:12px;padding:12px;flex:none}.auth-form-card .primary{min-height:48px;width:100%;font-size:13px}.auth-local-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px!important}.auth-local-label span{width:6px;height:6px;border-radius:50%;background:var(--accent)}#auth-error{margin:0;font-size:12px;color:var(--status-danger,#B3261E)}#auth-error:empty{display:none}
.sidebar{background:var(--sidebar);border:0;width:232px;padding:28px 16px;color:#fff}.brand{display:block;padding:0 12px}.brand img{width:152px;max-width:100%;height:auto;display:block;filter:brightness(0) invert(1)}.brand>small{font-size:8px;color:#BDC1C6;letter-spacing:2px;margin-top:8px;display:block}.workspace{border-color:#5F6368;margin:28px 8px;padding:20px 0;font-size:12px}.workspace>b{background:#5F6368;color:#fff;border-radius:8px}.workspace small{color:#BDC1C6;font-size:10px}.nav-label{color:#BDC1C6;font-size:9px;margin:4px 12px 16px}nav button{gap:12px;color:#BDC1C6;padding:12px 16px;border-radius:8px;min-height:48px}nav button span{font-size:12px}nav button.active{color:#202124;background:var(--accent)}nav button:hover:not(.active){background:#5F6368;color:#fff}nav svg{flex:none}.local-server-note{margin:16px 12px;font-size:11px;color:#E8EAED}.local-server-note small{display:block;font-size:10px;color:#BDC1C6;margin:4px 0}.local-server-note i{height:6px;width:6px}.profile{border-color:#5F6368;color:#BDC1C6;font-size:10px;padding:20px 8px 0}.profile select{background:transparent;color:#fff;appearance:none;opacity:1;width:140px;font-weight:700;margin-top:4px}.profile .avatar{background:#5F6368;color:#fff;border-radius:8px}.profile .avatar+span{min-width:0}#profile-role{display:block}
main{margin-left:232px}header{height:72px;background:#fff;border-bottom:1px solid var(--soft);padding:0 32px;position:sticky;top:0;z-index:3}.header-actions{display:flex;align-items:center;gap:16px;font-size:11px}.header-actions button,.header-actions a{font:inherit;color:var(--muted);padding:8px;border-radius:8px;white-space:nowrap}.header-actions button:hover,.header-actions a:hover{background:var(--soft);color:var(--text)}#owner-tools{display:flex;gap:4px}.server-connection{font-size:10px;color:var(--muted);white-space:nowrap}.server-connection:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#137333;margin-right:6px}.server-connection.offline:before{background:var(--accent)}.content{max-width:1680px;padding:32px;margin:auto}.heading{margin-bottom:24px}.heading .eyebrow{font-size:9px;letter-spacing:2px}.heading h1{font-size:28px;letter-spacing:-1px;margin:8px 0}.heading p{font-size:13px;margin:8px 0}.local-banner{background:#fff;border-radius:12px;font-size:11px;margin-bottom:24px}.local-banner>b{color:#137333;font-size:14px}.stats{gap:16px;margin:0 0 24px}.stats>div{background:#fff;border-color:var(--line);padding:20px 24px;border-radius:12px}.stats strong{font-size:28px;letter-spacing:-1px}.stats span{font-size:11px}.stats small{font-size:10px}.toolbar{border:0;padding-bottom:0}.tabs{gap:4px}.tabs button{font-size:12px;min-height:40px}.search{background:#fff}.activity-date-filter{padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:16px 0}.activity-date-filter label{flex:1;max-width:240px}.activity-date-filter button{font-size:11px}.caption{margin:16px 0;font-size:10px}.product-heading h2{font-size:20px;letter-spacing:-.4px}.product-symbol{border-radius:8px}.card{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:0 2px 8px rgba(32,33,36,.06)}.card .credentials{background:var(--soft);border-radius:12px}.card .entry-form{background:#fff}.card .entry-form input{background:#fff}.card .entry-form>button.primary{min-height:48px}.card .copy-detail{background:#fff}.history-entry{background:#fff;border-radius:12px}.return-history-section{padding-top:24px;margin-top:32px}.sheet-filters input,.sheet-filters select{background:#fff}#manage-page>h2{font-size:24px;margin:0 0 8px;letter-spacing:-.6px}#manage-page>p{font-size:12px;margin-bottom:20px}.manage-view-bar{margin-top:0}.manage-view-switch{background:#fff}.manage-group{background:#fff}.sheet-date-filter,.recap-toggle,.recap-section{background:#fff}.sheet-scroll{background:#fff}.manage-input-actions>button,.manage-view-bar>button{border-radius:8px}.catalog-card{border-radius:16px;padding:24px;border:1px solid var(--line);box-shadow:0 2px 8px rgba(32,33,36,.04)}.catalog-card h3{letter-spacing:-.4px;font-size:22px}.catalog-stats>div{background:#fff}.catalog-card>p{font-size:12px}.catalog-counts strong{font-size:24px}.catalog-card>button{border-radius:8px}.catalog-heading h2{font-size:28px;letter-spacing:-.8px}.team-row{padding:12px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}.team-row b{font-size:13px}.team-row span{font-size:11px;color:var(--muted)}.local-form{display:grid;gap:16px;margin-top:16px}.migration-picker{display:grid;gap:12px;padding:20px;border:1px dashed var(--line);border-radius:12px;margin:20px 0;font-size:12px}#migration-summary,#team-error{font-size:12px;line-height:1.6}footer{border-color:var(--line);font-size:10px;margin-top:32px}dialog{border-radius:16px;box-shadow:0 20px 56px rgba(32,33,36,.2)}dialog::backdrop{background:rgba(32,33,36,.5)}
@media(min-width:801px){#manage-sheet-panel .manage-sheet td{font-size:16px}#manage-sheet-panel .manage-sheet th{font-size:14px}}
@media(max-width:1000px) and (min-width:801px){.header-actions{gap:8px}.server-connection{display:none}.content{padding:24px}header{padding:0 24px}}
@media(max-width:800px){body{background:var(--app-bg)}.sidebar{position:sticky;top:0;inset:auto;width:100%;height:64px;display:flex;flex-direction:row;align-items:center;padding:16px;background:var(--sidebar);border:0;z-index:5}.brand{padding:0}.brand img{width:128px}.brand>small{display:none}.sidebar-bottom{position:static;margin-left:auto;margin-top:0}.profile{border:0;padding:0;gap:8px}.profile select{width:112px;font-size:12px;text-align:right}.profile #profile-role{text-align:right;font-size:9px}.sidebar nav{position:fixed;left:0;right:0;bottom:0;top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:8px 8px max(8px,env(safe-area-inset-bottom));gap:4px;background:#fff;border-top:1px solid var(--line);margin:0;box-shadow:0 -2px 8px rgba(32,33,36,.04)}nav button{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px 4px;color:var(--muted);border-radius:8px}nav button.active{background:var(--accent);color:var(--text);border:0}nav button span{font-size:10px}nav button svg{height:18px;width:18px}nav button:hover:not(.active){background:var(--soft);color:var(--text)}.workspace,.nav-label,.local-server-note{display:none}main{margin-left:0}header{position:static;height:48px;padding:0 16px;background:#fff;gap:8px}header>span{font-size:10px;white-space:nowrap}header em{margin:0 8px}.header-actions{gap:0;font-size:10px}.header-actions .server-connection{display:none}.header-actions button,.header-actions a{padding:8px 6px}#owner-tools{gap:0}#migration-open{display:none}.content{padding:20px 16px 96px}.heading{margin:0 0 16px}.heading h1{font-size:24px;letter-spacing:-.6px}.heading p{font-size:12px}.local-banner{display:none}.stats{gap:8px;margin-bottom:16px}.stats>div{padding:16px 12px;border-radius:12px}.stats strong{font-size:24px}.stats span,.stats small{font-size:9px}.activity-date-filter{padding:12px;gap:8px}.activity-date-filter label{max-width:none;width:100%}.activity-date-filter button{flex:1}.toolbar{gap:12px}.tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px}.tabs button{flex:none}.product-heading h2{font-size:20px}.catalog-heading{margin-top:0}.catalog-heading h2{font-size:24px}.catalog-card{padding:20px}.auth-page{grid-template-columns:1fr}.auth-story{padding:24px;min-height:200px}.auth-brand{margin:0 0 32px}.auth-brand img{width:152px}.auth-story h1{font-size:28px;margin:12px 0;letter-spacing:-.6px}.auth-story>p{font-size:12px;margin:0}.auth-eyebrow,.auth-illustration,.auth-story>small{display:none}.auth-main{padding:32px 24px;align-items:flex-start}.auth-form-card h2{font-size:24px;margin-top:12px}.auth-form-card form{gap:16px;margin:24px 0}.auth-form-card input{font-size:16px}.auth-form-card>p{font-size:12px}.team-row{gap:4px}dialog{max-width:calc(100% - 24px)}footer{margin-top:24px}#manage-page>h2{margin:0 0 8px}.catalog-stats{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.header-menu{display:contents}.header-menu>summary{display:none}.header-menu>div{display:flex;gap:4px}@media(max-width:800px){.header-menu{display:block;position:relative}.header-menu>summary{display:block;padding:8px;font-size:10px;cursor:pointer;list-style:none;color:var(--muted)}.header-menu>div{display:none;position:absolute;right:0;top:100%;width:176px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px;box-shadow:0 8px 28px rgba(32,33,36,.14);z-index:8}.header-menu[open]>div{display:grid}.header-menu>div button,.header-menu>div a{padding:12px;text-align:left;font-size:12px}#migration-open{display:block}}

/* refined.css */
/* Local Web App visual layer. Inter is served by this application, including offline. */
@font-face {
  font-family: Inter;
  src: url('/fonts/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --font-ui: Inter, system-ui, sans-serif;
  --app-bg: #F8F9FA;
  --sidebar: #09090F;
  --text: #202124;
  --muted: #5F6368;
  --line: #E8EAED;
  --shadow-card: 0 2px 8px rgba(32,33,36,.14);
  --shadow-dialog: 0 20px 56px rgba(32,33,36,.09);
}
html, body { font-family: var(--font-ui); font-size: 14px; line-height: 1.5; }
body { background: var(--app-bg); text-rendering: optimizeLegibility; }
button, input, select, textarea, pre, code, table { font-family: var(--font-ui); }
button, input, select, textarea { font-size: 14px; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease; }
h1, h2, h3, h4 { color: var(--text); font-weight: 650; line-height: 1.2; letter-spacing: -.04em; }
p, small { line-height: 1.6; }
button:disabled { opacity: 1; background: #E8EAED; color: #9AA0A6; box-shadow: none; }
.primary, .secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 12px 20px; font-size: 13px; font-weight: 600; border-radius: 20px; }
.primary>svg, .secondary>svg { flex: none; width: 16px; height: 16px; }
.primary { background: #FBBC04; color: #202124; border: 1px solid transparent; }
.primary:hover:not(:disabled) { background: #F0A500; }
.secondary { border: 1px solid #DADCE0; background: #fff; }
.secondary:hover:not(:disabled) { background: #F8F9FA; border-color: #BDC1C6; }
input:not([type=checkbox]):not([type=radio]), select, textarea {
  border-radius: 4px; background-color: #fff; border: 1px solid #DADCE0;
  padding: 12px; min-height: 44px; font-size: 14px; line-height: 1.5;
}
input::placeholder, textarea::placeholder { color: #9AA0A6; }
input[type=checkbox], input[type=radio] { accent-color: #FBBC04; }
label { color: #5F6368; font-size: 12px; font-weight: 500; }
:is(input,select,textarea):focus-visible { outline: 2px solid #FBBC04; outline-offset: 2px; }

/* Compact sidebar follows the existing Web App proportions. */
.sidebar { width: 232px; background: #09090F; padding: 28px 16px 20px; }
.brand { padding: 0 12px; }
.brand img { width: auto; max-width: 152px; height: 40px; object-fit: contain; }
.brand>small { font-size: 8px; letter-spacing: .18em; margin-top: 12px; color: #9AA0A6; }
.workspace { margin: 28px 8px 24px; padding: 20px 0; border-color: rgba(255,255,255,.12); gap: 12px; }
.workspace>b { width: 32px; height: 32px; border-radius: 4px; background: rgba(255,255,255,.12); font-size: 12px; }
.workspace small { font-size: 10px; margin-top: 4px; }
.nav-label { color: #9AA0A6; font-size: 9px; letter-spacing: .16em; margin-bottom: 12px; }
.sidebar nav { gap: 4px; }
.sidebar nav button { position: relative; min-height: 44px; padding: 12px; border-radius: 4px; color: #BDC1C6; font-weight: 450; }
.sidebar nav button span { font-size: 13px; }
.sidebar nav button.active { color: #fff; background: rgba(255,255,255,.08); font-weight: 600; }
.sidebar nav button.active::before { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 4px; background: #FBBC04; border-radius: 4px; }
.sidebar nav button:hover:not(.active) { background: rgba(255,255,255,.05); color: #fff; }
.sidebar nav svg { width: 20px; height: 20px; }
.profile { border-color: rgba(255,255,255,.12); padding-top: 20px; }
.profile select, .profile select:disabled { padding: 0; min-height: 24px; border: 0; background: transparent; color: #fff; font-size: 12px; }
.profile .avatar { width: 32px; height: 32px; border-radius: 4px; background: rgba(255,255,255,.12); }
.local-server-note { font-size: 12px; }
.local-server-note small { font-size: 10px; }
main { margin-left: 232px; }
#workspace main>header { height: 72px; background: #fff; padding: 0 40px; border-color: #E8EAED; font-size: 12px; }
.header-actions { gap: 12px; }
.header-actions button, .header-actions a { font-size: 12px; font-weight: 500; }
#logout-button { border: 1px solid #E8EAED; border-radius: 4px; padding: 8px 12px; }
.content { padding: 36px 40px; max-width: 1600px; }
.heading { margin-bottom: 28px; }
.heading .eyebrow { font-size: 10px; letter-spacing: .16em; }
.heading h1 { font-size: 32px; letter-spacing: -.04em; }
.heading p { font-size: 14px; }
body:is([data-page=manage],[data-page=catalog],[data-page=history]) .heading { display: none; }
.local-banner { display: none; }
.heading:has(+ .banner):empty { display: none; }

/* Cards and summaries share one type scale and border treatment. */
.stats, .catalog-stats { gap: 16px; margin-bottom: 28px; }
.stats>div, .catalog-stats>div { background: #fff; border: 1px solid #E8EAED; border-radius: 20px; padding: 24px; }
.stats span, .catalog-stats span { font-size: 12px; font-weight: 500; color: #5F6368; }
.stats strong, .catalog-stats strong { font-size: 32px; line-height: 1.2; font-weight: 650; letter-spacing: -.04em; margin: 12px 0 8px; font-variant-numeric: tabular-nums; }
.stats small { font-size: 12px; }
.catalog-heading { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.catalog-heading h2, #manage-page>h2, #history-page>h2 { font-size: 32px; margin: 0 0 8px; font-weight: 650; }
.catalog-heading p, #manage-page>p, #history-page>p { font-size: 14px; margin: 0; }
.catalog-heading>.primary { width: auto; flex: none; }
.catalog-search { margin: 24px 0; max-width: 440px; }
.catalog-search input { margin-top: 8px; }
#catalog-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 24px; }
.catalog-card { background: #fff; border: 1px solid #E8EAED; border-radius: 20px; padding: 24px; box-shadow: none; }
.catalog-card:hover { border-color: #DADCE0; }
.delete-product-button { display:flex; align-items:center; gap:8px; min-height:40px; margin:8px 0; padding:8px 0; color:#C5221F; font-size:12px; }
#deleted-products-open { margin-bottom:20px; }
.deleted-product-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; border-bottom:1px solid #E8EAED; }
#delete-product-error { color:#C5221F; }
.catalog-card h3 { font-size: 24px; margin: 20px 0 8px; font-weight: 650; }
.catalog-card>p { font-size: 13px; min-height: 40px; }
.catalog-card-heading { align-items: center; }
.product-symbol { width: 40px; height: 40px; border-radius: 4px; font-size: 16px; }
.badge { padding: 4px 8px; border-radius: 4px; font-size: 10px; font-weight: 500; background: #F8F9FA; color: #5F6368; }
.catalog-counts { gap: 16px; margin: 24px 0; }
.catalog-counts strong { font-size: 24px; font-weight: 650; font-variant-numeric: tabular-nums; }
.catalog-counts small { font-size: 12px; color: #5F6368; margin-top: 4px; }
.catalog-stock-track { height: 4px; margin-bottom: 24px; border-radius: 4px; }
.catalog-card>.primary { margin-bottom: 12px; }
.catalog-card>.daily-product-button { min-height: 40px; border-color: #E8EAED; font-size: 12px; border-radius: 4px; }
.catalog-card>[data-template-product] { border: 0; color: #5F6368; margin-top: 4px; }
.empty { grid-column: 1/-1; padding: 64px 24px; border: 1px solid #E8EAED; border-radius: 20px; background: #fff; text-align: center; }
.empty h2, .empty h3 { font-size: 24px; margin: 16px 0 12px; font-weight: 600; }
.empty p { font-size: 14px; max-width: 440px; margin: auto; }
.empty>span { display: inline-grid; place-items: center; width: 56px; height: 56px; background: #F8F9FA; border-radius: 20px; color: #9AA0A6; font-size: 24px; }

/* Board, management, and history keep the same working controls. */
.search { border-radius: 4px; }
.toolbar { gap: 20px; margin: 24px 0; }
.tabs button { min-height: 40px; font-size: 13px; border-radius: 4px; }
.activity-date-filter { border-radius: 20px; border-color: #E8EAED; padding: 16px 20px; gap: 12px; }
.activity-date-filter button { font-size: 12px; }
.caption, .carousel-hint { font-size: 12px; }
.product-heading { margin: 28px 0 20px; gap: 12px; }
.product-heading h2 { font-size: 24px; }
.product-heading>span { font-size: 12px; }
.card { border-radius: 20px; border-color: #E8EAED; box-shadow: none; }
.card h3 { font-size: 18px; letter-spacing: -.025em; }
.card .credentials { background: #F8F9FA; border: 1px solid #E8EAED; border-radius: 4px; }
.credentials pre, .card pre, #template-preview { font-family: var(--font-ui); font-size: 13px; line-height: 1.8; letter-spacing: 0; }
.card .entry-form { padding: 20px; }
.entry-form label { font-size: 12px; }
.entry-form small { font-size: 10px; }
.copy-detail { font-size: 12px; border-radius: 4px; }
.manage-view-bar { margin-top: 24px; margin-bottom: 24px; gap: 12px; }
.manage-view-switch { border: 1px solid #E8EAED; border-radius: 4px; padding: 4px; }
.manage-view-switch button { min-height: 40px; border-radius: 4px; font-size: 12px; }
.manage-view-switch button[aria-pressed=true] { background: #E8EAED; }
.manage-input-actions { gap: 12px; }
.manage-input-actions>button, .manage-view-bar>button { border-radius: 20px; }
.manage-view-bar>#manage-template { background: #fff; border: 1px solid #DADCE0; }
.sheet-filters { padding: 20px; background: #fff; border: 1px solid #E8EAED; border-radius: 20px; gap: 16px; }
.sheet-filters label { font-size: 12px; }
.sheet-date-filter, .recap-toggle, .recap-section { border-color: #E8EAED; border-radius: 20px; padding: 20px; }
.recap-metrics>div { border-color: #E8EAED; border-radius: 4px; padding: 16px; }
.recap-metrics strong { font-size: 24px; font-weight: 650; letter-spacing: -.025em; }
.sheet-scroll { border-color: #E8EAED; border-radius: 20px; }
.manage-group, .history-entry { border-color: #E8EAED; border-radius: 20px; }
.manage-group summary, .history-entry summary { padding: 20px; }
.manage-group .group-tools { padding: 16px 20px; border-color: #E8EAED; }
.manage-group .group-tools button { font-size: 12px; }
.history-entry summary strong { font-size: 14px; font-weight: 600; }
.history-entry summary small { font-size: 12px; }
.history-detail { padding: 0 20px 20px; font-size: 13px; }
.history-detail pre { font-family: var(--font-ui); line-height: 1.8; font-size: 13px; }
footer { font-size: 10px; color: #9AA0A6; border-color: #E8EAED; padding-top: 24px; margin-top: 40px; }

/* Forms use the same typeface as the rest of the application. */
dialog { border: 1px solid #E8EAED; border-radius: 20px; padding: 28px; box-shadow: var(--shadow-dialog); }
.modal-head h2 { font-size: 24px; font-weight: 650; }
dialog p { font-size: 13px; line-height: 1.7; }
dialog small { font-size: 12px; }
dialog label { font-size: 12px; }
dialog .actions { padding-top: 24px; gap: 12px; }
.team-row { padding: 16px 0; }
.team-row b { font-size: 14px; }
.team-row span, #migration-summary, #team-error { font-size: 12px; }
.migration-picker { border-radius: 4px; }
.auth-page { background: #fff; }
.auth-story { background: #09090F; }
.auth-story h1 { font-size: 48px; font-weight: 600; color: #fff; letter-spacing: -.04em; }
.auth-story>p { font-size: 16px; }
.auth-illustration>div { border-color: rgba(255,255,255,.16); border-radius: 4px; font-size: 14px; }
.auth-form-card h2 { font-size: 32px; font-weight: 650; }
.auth-form-card>p { font-size: 14px; }
.auth-form-card form { gap: 20px; }
.auth-form-card label, .local-form label { font-size: 12px; font-weight: 500; }
.auth-form-card input, .local-form input { font-family: var(--font-ui); font-size: 14px; border-radius: 4px; }
.auth-password { border-radius: 4px; }
.auth-password input { border: 0!important; }
.auth-form-card .primary { border-radius: 20px; font-size: 14px; }
.auth-local-label { font-size: 12px!important; }
.header-menu>div { border-radius: 4px; }

@media (max-width:1100px) and (min-width:801px) {
  .content { padding: 28px; }
  #workspace main>header { padding: 0 28px; }
  .catalog-heading h2, #manage-page>h2, #history-page>h2 { font-size: 28px; }
}
@media (max-width:800px) {
  .sidebar { width: 100%; height: 72px; padding: 16px 20px; }
  .brand img { height: 36px; width: auto; }
  .sidebar-bottom { margin-left: auto; }
  .profile { padding: 0; gap: 8px; }
  .profile select { font-size: 12px; }
  .sidebar nav { padding: 8px 8px max(8px,env(safe-area-inset-bottom)); gap: 4px; border-color: #E8EAED; }
  .sidebar nav button { min-height: 56px; border-radius: 4px; padding: 8px 4px; color: #5F6368; }
  .sidebar nav button span { font-size: 10px; }
  .sidebar nav button.active { background: rgba(251,188,4,.15); color: #202124; }
  .sidebar nav button.active::before { left: calc(50% - 12px); top: 0; bottom: auto; height: 4px; width: 24px; }
  .sidebar nav button:hover:not(.active) { background: #F8F9FA; color: #202124; }
  main { margin-left: 0; }
  #workspace main>header { height: 52px; padding: 0 20px; font-size: 12px; }
  .header-actions { gap: 8px; }
  .header-menu>summary { font-size: 12px; }
  .content { padding: 28px 20px 108px; }
  .catalog-heading { align-items: center; margin: 0 0 24px; gap: 16px; }
  .catalog-heading>div { flex: 1; min-width: 200px; }
  .catalog-heading>.primary { width: auto; margin: 0; padding: 12px 16px; }
  .catalog-heading h2, #manage-page>h2, #history-page>h2, .heading h1 { font-size: 28px; }
  .catalog-heading p, #manage-page>p, #history-page>p { font-size: 13px; }
  .stats, .catalog-stats { gap: 8px; }
  .stats>div, .catalog-stats>div { padding: 16px; border-radius: 20px; }
  .stats span, .catalog-stats span, .stats small { font-size: 10px; }
  .stats strong, .catalog-stats strong { font-size: 28px; margin: 12px 0 4px; }
  #catalog-grid { grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr)); gap: 16px; }
  .catalog-search { max-width: none; margin: 24px 0; }
  .catalog-card { padding: 24px; }
  .empty { padding: 48px 20px; }
  .empty h2, .empty h3 { font-size: 20px; }
  .empty p { font-size: 13px; }
  .manage-view-bar { gap: 12px; }
  .manage-input-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 8px; }
  .manage-input-actions>button { padding: 12px 8px; font-size: 11px; white-space: normal; }
  .sheet-filters { padding: 16px; }
  .activity-date-filter { gap: 8px; }
  input:not([type=checkbox]):not([type=radio]), select, textarea { font-size: 16px; }
  .auth-story { min-height: 200px; padding: 28px; }
  .auth-story h1 { font-size: 32px; }
  .auth-story>p { font-size: 14px; }
  .auth-main { padding: 32px 28px; }
  .auth-form-card h2 { font-size: 28px; }
  dialog { padding: 24px; max-width: calc(100% - 24px); }
  .modal-head h2 { font-size: 24px; }
  .recap-metrics strong { font-size: 20px; }
}
/* Each carousel card follows its own content height, including beside long private accounts. */
#cards-area .cards { align-items:flex-start; }
#cards-area .cards>.card { height:auto; min-height:0; align-self:flex-start; }
#cards-area .card .delivery-preview { max-height:152px; overflow:hidden; margin:0; font-size:13px; line-height:1.65; }
#cards-area .card.preview-expanded .delivery-preview { max-height:none; }
#cards-area .card .preview-expand { display:block; padding:8px 0; min-height:36px; font-size:12px; font-weight:600; color:#5F6368; text-align:left; }
#cards-area .card .preview-expand:hover { color:#202124; }
#cards-area .card .credentials { padding:12px 16px; }
#cards-area .card>.entry-form { margin-top:12px; padding:16px; }
#cards-area .card .hint { margin-bottom:0; }
/* Compact stock card: credentials first; the complete chat opens on demand. */
#cards-area .cards>.card { flex-basis:320px; max-width:340px; background:#fff; border:1px solid #E8EAED; border-radius:20px; }
#cards-area .card .card-top { padding:16px 16px 0; min-height:0; gap:8px; font-size:12px; }
#cards-area .card .card-top>span:first-child { font-weight:600; color:#5F6368; }
#cards-area .card .card-top .badge { padding:4px 8px; background:rgba(19,122,54,.08); color:#137A36; font-size:10px; border-radius:4px; }
#cards-area .card h3.card-email { margin:12px 16px 4px; font-size:16px; line-height:1.4; letter-spacing:-.02em; }
#cards-area .card .card-account-label { margin:0 16px 12px; font-size:10px; line-height:1.5; }
#cards-area .card .credentials { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 16px; padding:12px; background:#F8F9FA; border:1px solid #E8EAED; border-radius:4px; }
#cards-area .card .stock-summary { grid-column:1/-1; white-space:pre-wrap; overflow-wrap:anywhere; font:400 13px/1.65 var(--font-ui); color:#202124; margin:0 0 4px; }
#cards-area .card .delivery-preview { display:none; }
#cards-area .card.preview-expanded .delivery-preview { display:block; grid-column:1/-1; margin:8px 0; font-size:12px; max-height:none; }
#cards-area .card .preview-expand { margin:0; min-height:40px; padding:8px 0; font-size:11px; }
#cards-area .card .copy-detail { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:40px; padding:8px; margin:0; background:#202124; color:#fff; border:0; border-radius:4px; font-size:11px; font-weight:500; }
#cards-area .card .copy-detail:hover { background:#09090F; }
#cards-area .card .copy-detail svg { width:20px; height:20px; }
#cards-area .card .inline-copy-status:empty { display:none; }
#cards-area .card .inline-copy-status { grid-column:1/-1; font-size:11px; }
#cards-area .card>.entry-form { padding:12px 16px 16px; margin-top:12px; background:#fff; }
#cards-area .card .presence { margin:0; min-height:16px; font-size:11px; }
#cards-area .card .entry-form>label { margin:8px 0 4px; font-size:11px; }
#cards-area .card .entry-form input { min-height:44px; height:44px; padding:10px 12px; font-size:14px; border-radius:4px; }
#cards-area .card .entry-form>.primary { display:flex; gap:8px; margin-top:8px; min-height:44px; height:44px; padding:8px 12px; font-size:12px; border-radius:4px; }
#cards-area .card .entry-form>.primary svg { width:20px; height:20px; }
#cards-area .card .hint { display:none; }
#cards-area .card.card-rerecorded { border:2px solid #FBBC04; }
#cards-area .card.card-rerecorded .card-top { padding:12px 16px; background:#202124; }
#cards-area .card.card-rerecorded .card-top>span:first-child { color:#fff; }
#cards-area .card.card-rerecorded .card-top .badge { color:#202124; background:#FBBC04; }
.carousel-controls button { display:grid; place-items:center; width:40px; height:40px; border:1px solid #DADCE0; background:#fff; border-radius:4px; }
.carousel-controls button svg { width:20px; height:20px; }
@media(max-width:800px) {
 #cards-area .cards>.card { flex-basis:calc(100% - 24px); max-width:340px; }
 #cards-area .card .entry-form input { font-size:16px; }
}
/* Spreadsheet retains readable type instead of scaling all columns to the viewport. */
body[data-page=board] .heading { display:none; }
#board-page { display:flex; flex-direction:column; }
#board-page>.toolbar { order:0; margin:0 0 12px; }
#board-page>.activity-date-filter { order:1; margin:0 0 12px; }
#board-page>.caption { display:none; }
#board-page>#cards-area { order:2; }
#board-page>.stats { order:3; margin:24px 0 0; }
#board-page .product-heading { margin:12px 0; }
#board-page .carousel-hint { display:none; }
.delete-account-button, .sheet-actions .delete-account-button { color:#C5221F; }
#deleted-accounts-open { margin:0 0 16px; }
#delete-account-error { color:#C5221F; }
.deleted-product-row small { display:block; color:#5F6368; }
.bulk-simple-step { border:1px solid #E8EAED; padding:16px; border-radius:20px; margin:16px 0; }
.bulk-simple-step h3, .bulk-simple-step summary { margin:0 0 12px; font-size:14px; font-weight:600; letter-spacing:0; }
.bulk-simple-step summary { cursor:pointer; margin-bottom:0; }
.bulk-simple-step>summary { display:flex; align-items:center; gap:12px; list-style:none; }
.bulk-simple-step>summary::-webkit-details-marker { display:none; }
.bulk-simple-step>summary::after { content:''; width:8px; height:8px; border-right:1.6px solid #5F6368; border-bottom:1.6px solid #5F6368; transform:rotate(45deg); margin-left:auto; flex:none; }
.bulk-simple-step[open]>summary::after { transform:rotate(225deg); }
.bulk-simple-step[open] summary { margin-bottom:16px; }
.bulk-example { background:#F8F9FA; padding:12px; border-radius:4px; font-size:12px; color:#5F6368; line-height:1.7; }
#bulk-pricing-preview { width:100%; }
.sheet-date-filter>summary { display:flex; align-items:center; gap:12px; list-style:none; cursor:pointer; min-height:40px; font-size:13px; font-weight:600; }
.sheet-date-filter>summary::-webkit-details-marker { display:none; }
.sheet-date-filter>summary::marker { content:''; }
.sheet-date-filter>summary>svg { width:20px; height:20px; flex:none; color:#5F6368; }
.sheet-date-filter>summary>.filter-chevron { margin-left:auto; transition:transform 150ms ease; }
.sheet-date-filter[open]>summary>.filter-chevron { transform:rotate(180deg); }
.sheet-date-fields { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; }
.sheet-date-fields>label { flex:1 1 180px; }
.sheet-date-fields>button { min-height:48px; }
#manage-sheet-panel .sheet-scroll { overflow:auto; max-height:68dvh; max-width:100%; border:1px solid #DADCE0; border-radius:20px; scrollbar-width:auto; scrollbar-color:#BDC1C6 #F8F9FA; }
#manage-sheet-panel .manage-sheet { zoom:1!important; width:1660px; min-width:1660px; table-layout:fixed; }
body[data-finance=false] #manage-sheet-panel .account-sheet { width:1240px; min-width:1240px; }
#manage-sheet-panel .manage-sheet th, #manage-sheet-panel .manage-sheet td { padding:12px 16px; font-size:14px; line-height:1.5; vertical-align:middle; border-color:#E8EAED; }
#manage-sheet-panel .manage-sheet thead th { position:sticky; top:0; z-index:3; background:#F8F9FA; font-size:12px; font-weight:600; color:#5F6368; }
#manage-sheet-panel .manage-sheet td.sheet-product strong { font-size:14px; }
#manage-sheet-panel .manage-sheet td small { font-size:12px; }
#manage-sheet-panel .manage-sheet .sheet-product { position:sticky; left:40px; z-index:2; background:#fff; border-right:1px solid #DADCE0; }
#manage-sheet-panel .manage-sheet thead .sheet-product { z-index:5; background:#F8F9FA; }
#manage-sheet-panel .manage-sheet tr>:first-child { position:sticky; left:0; z-index:2; background:#F8F9FA; }
#manage-sheet-panel .manage-sheet thead tr>:first-child { z-index:5; }
#manage-sheet-panel .sheet-actions button { min-height:44px; font-size:12px; padding:8px 12px; }
#manage-sheet-panel .stock-count-button { min-height:44px; min-width:44px; font-size:14px; border-radius:4px; }
#manage-sheet-panel .recap-scroll { overflow:auto; max-width:100%; }
#manage-sheet-panel .recap-scroll table { zoom:1!important; min-width:1100px; font-size:14px; }
@media(max-width:800px) {
 #manage-sheet-panel .manage-sheet tr>:first-child { display:none; }
 #manage-sheet-panel .manage-sheet .sheet-product { left:0; width:160px; }
 #manage-sheet-panel .sheet-scroll { max-height:64dvh; }
}
/* Search and date fields share one control shell; avoid the prototype's nested borders. */
.search {
  display: block; width: 320px; max-width: 100%; padding: 0; border: 0;
  background: transparent; box-shadow: none; flex: 0 1 320px;
}
#search, #catalog-search, #history-search, #sheet-search {
  display: block; width: 100%; height: 48px; min-height: 48px; margin-top: 8px;
  border: 1px solid #DADCE0; border-radius: 20px; box-shadow: none;
  padding: 12px 16px 12px 44px; font: 400 14px/1.5 var(--font-ui); color: #202124;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235F6368' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 16px center;
}
#search { margin-top: 0; }
.search:focus-within { outline: none; }
.history-search, .catalog-search { display: block; font-size: 12px; font-weight: 500; }
.activity-date-filter {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; padding: 0;
  border: 0; border-radius: 0; background: transparent; margin: 20px 0 24px;
}
.activity-date-filter label { display: grid; gap: 8px; flex: 0 1 240px; width: 240px; max-width: 100%; font-size: 12px; }
.activity-date-filter input[type=date], .sheet-date-fields input[type=date], .recap-dates input[type=date] {
  display: block; width: 100%; height: 48px; min-height: 48px; margin: 0;
  border: 1px solid #DADCE0; border-radius: 20px; padding: 12px 16px;
  font: 400 14px/1.5 var(--font-ui); color: #202124; background: #fff; color-scheme: light;
}
.activity-date-filter .secondary { min-height: 48px; height: 48px; padding: 12px 20px; margin: 0; font-size: 13px; }
input[type=date]::-webkit-calendar-picker-indicator { width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; }
#search:hover, #catalog-search:hover, #history-search:hover, #sheet-search:hover,
.activity-date-filter input[type=date]:hover { border-color: #BDC1C6; }
@media(max-width:800px) {
  .toolbar .search { flex: 1 1 100%; width: 100%; }
  #search, #catalog-search, #history-search, #sheet-search,
  .activity-date-filter input[type=date], .sheet-date-fields input[type=date], .recap-dates input[type=date] { font-size: 16px; }
  .activity-date-filter { gap: 8px; }
  .activity-date-filter label { flex: 1 1 100%; width: 100%; }
  .activity-date-filter .secondary { flex: 1; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none!important; animation: none!important; scroll-behavior: auto!important; }
}

/* controls.css */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.ui-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; vertical-align:middle; }
.ui-icon svg { width:20px; height:20px; }
.modal-head>button { display:grid; place-items:center; width:40px; height:40px; min-width:40px; padding:8px; border-radius:4px; color:#5F6368; }
.modal-head>button:hover { background:#F8F9FA; }
.date-control { display:block; position:relative; width:100%; min-width:0; }
input.date-native[type=date] { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; opacity:0!important; padding:0!important; border:0!important; pointer-events:none; }
.date-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; padding:12px 16px; background:#fff; border:1px solid #DADCE0; border-radius:20px; font:400 14px/1.5 var(--font-ui); text-align:left; }
.date-trigger>svg { width:20px; height:20px; color:#5F6368; flex:none; }
.date-trigger:hover:not(:disabled) { border-color:#BDC1C6; }
.date-trigger[aria-expanded=true] { border-color:#FBBC04; outline:2px solid rgba(251,188,4,.15); outline-offset:2px; }
.date-trigger.is-empty { color:#5F6368; }
.date-popover { position:fixed; inset:auto; margin:0; padding:16px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; border:1px solid #E8EAED; border-radius:20px; background:#fff; color:#202124; font:400 14px/1.5 var(--font-ui); box-shadow:0 8px 28px rgba(32,33,36,.20); z-index:10000; }
.date-popover::backdrop { background:transparent; }
.calendar-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.calendar-heading strong { font-size:14px; font-weight:600; }
.calendar-heading button, .calendar-navigation>button { display:grid; place-items:center; width:36px; height:36px; min-width:36px; border:0; padding:8px; border-radius:4px; color:#5F6368; }
.calendar-heading button:hover, .calendar-navigation>button:hover { background:#F8F9FA; }
.calendar-navigation { display:grid; grid-template-columns:32px 1fr 76px 32px; gap:4px; align-items:center; margin-bottom:16px; }
.calendar-navigation label { min-width:0; }
.calendar-navigation select, .calendar-navigation input[type=number] { width:100%; min-height:36px; height:36px; padding:4px; margin:0; border:1px solid #E8EAED; border-radius:4px; background:#fff; font:500 12px var(--font-ui); }
.calendar-navigation input::-webkit-inner-spin-button { appearance:none; }
.calendar-weekdays, .calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:4px; }
.calendar-weekdays { margin-bottom:8px; font-size:10px; font-weight:500; color:#5F6368; text-align:center; }
.calendar-day { min-width:0; min-height:36px; padding:4px; border:1px solid transparent; border-radius:4px; font:400 12px var(--font-ui); font-variant-numeric:tabular-nums; color:#202124; background:#fff; }
.calendar-day:hover:not(:disabled) { background:#F8F9FA; }
.calendar-day.other-month { color:#9AA0A6; }
.calendar-day[aria-current=date] { border-color:#DADCE0; font-weight:600; }
.calendar-day[aria-selected=true], .calendar-day[aria-selected=true]:hover { color:#202124; background:#FBBC04; border-color:#FBBC04; font-weight:600; }
.calendar-day:disabled { background:#fff; color:#BDC1C6; }
.calendar-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:12px; border-top:1px solid #E8EAED; }
.calendar-footer button { padding:8px; border-radius:4px; font:500 12px var(--font-ui); min-height:36px; }
.calendar-footer button:hover:not(:disabled) { background:#F8F9FA; }
.calendar-footer button:first-child { color:#202124; background:rgba(251,188,4,.15); }
.calendar-footer button:disabled { color:#BDC1C6; background:#fff; }
@media(max-width:800px) { .date-trigger { font-size:16px; } }

/* date-filters.css */
/* One range-filter component on Board, History, Account management, and Sales recap. */
.unified-date-filter { width:100%; min-width:0; padding:16px; margin:16px 0; border:1px solid #E8EAED; border-radius:20px; background:#fff; }
.unified-date-heading { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.unified-date-heading>svg { flex:none; color:#5F6368; }
.unified-date-heading>strong { color:#202124; font-size:13px; font-weight:600; }
.unified-date-heading>span { margin-left:auto; font-size:11px; color:#5F6368; }
.unified-date-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.unified-date-fields>label { display:grid; gap:8px; min-width:0; font-size:12px; font-weight:500; color:#5F6368; }
.unified-date-fields select, .unified-date-fields .date-trigger { width:100%; height:48px; min-height:48px; margin:0; padding:12px 16px; border:1px solid #DADCE0; border-radius:20px; background-color:#fff; font-family:var(--font-ui); font-size:14px; }
.unified-date-error { margin:8px 0 0; font-size:12px; color:#C5221F; }
.sheet-reset-all { margin:0 0 16px; }
.manage-date-context { font-size:12px; color:#5F6368; margin:0 0 12px; }
#board-page>.unified-date-filter { order:1; margin:0 0 12px; }
@media(max-width:600px) {
 .unified-date-heading { flex-wrap:wrap; }
 .unified-date-heading>span { font-size:10px; }
 .unified-date-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .unified-date-fields>label:first-child { grid-column:1/-1; }
 .unified-date-fields select, .unified-date-fields .date-trigger { font-size:16px; padding:12px; }
 .unified-date-fields .date-trigger { gap:4px; }
}

/* mobile.css */
/* Compact mobile shell, shared by every workspace page. No page scaling. */
@media(max-width:800px) {
  :root { --mobile-heading:20px; --mobile-section:16px; --mobile-body:13px; --mobile-label:11px; }
  body { font-size:var(--mobile-body); line-height:1.5; }
  .sidebar { height:52px; padding:8px 16px; }
  .brand img { height:28px; width:auto; }
  .profile { gap:8px; }
  .profile select { font-size:12px; line-height:1.4; min-height:20px; }
  .profile #profile-role { font-size:8px; }
  .profile .avatar { height:28px; width:28px; }
  #workspace main>header { height:44px; padding:0 16px; font-size:10px; }
  .header-actions { gap:4px; }
  .header-actions button, .header-actions a, .header-menu>summary { font-size:11px; padding:8px; }
  #logout-button { padding:8px; }
  .content { padding:16px 16px 88px; }
  .sidebar nav { padding:4px 4px max(4px,env(safe-area-inset-bottom)); gap:4px; }
  .sidebar nav button { min-height:48px; padding:4px; gap:4px; }
  .sidebar nav button svg { width:20px; height:20px; }
  .sidebar nav button span { font-size:10px; line-height:1.2; }
  .sidebar nav button.active::before { height:3px; }
  .heading { margin-bottom:16px; }
  .heading h1, .catalog-heading h2, #manage-page>h2, #history-page>h2 { font-size:var(--mobile-heading); margin-bottom:8px; font-weight:600; letter-spacing:-.02em; }
  .heading p, .catalog-heading p, #manage-page>p, #history-page>p { font-size:12px; line-height:1.5; }
  .catalog-heading { margin-bottom:16px; gap:12px; }
  .catalog-heading>div { min-width:160px; }
  .catalog-heading>.primary { min-height:44px; padding:8px 12px; font-size:12px; }
  .primary, .secondary { min-height:44px; padding:8px 12px; font-size:12px; }
  input:not([type=checkbox]):not([type=radio]):not(.date-native), select, textarea { min-height:44px; padding:8px 12px; font-size:var(--mobile-body); line-height:1.5; }
  #search, #catalog-search, #history-search, #sheet-search { min-height:44px; height:44px; font-size:var(--mobile-body); padding:8px 12px 8px 40px; background-position:12px center; }
  .search { flex-basis:100%; }
  .toolbar { gap:8px; margin:12px 0; }
  .toolbar .tabs { gap:4px; padding-bottom:0; }
  .tabs button { min-height:40px; padding:8px 12px; font-size:12px; }
  .unified-date-filter { padding:12px; margin:12px 0; }
  .unified-date-heading { gap:8px; margin-bottom:8px; }
  .unified-date-heading>strong { font-size:12px; }
  .unified-date-heading>span { font-size:10px; }
  .unified-date-fields { gap:8px; }
  .unified-date-fields>label { gap:4px; font-size:11px; }
  .unified-date-fields select, .unified-date-fields .date-trigger { min-height:44px; height:44px; padding:8px 12px; }
  .date-trigger, .unified-date-fields .date-trigger, .unified-date-fields select { font-size:var(--mobile-body); }
  .unified-date-fields .date-trigger { gap:4px; padding:8px; }
  .manage-date-context { font-size:11px; margin:0 0 8px; line-height:1.5; }
  .sheet-reset-all { margin-bottom:12px; }
  #board-page>.toolbar { margin-bottom:8px; }
  #board-page>.unified-date-filter { margin-bottom:8px; }
  #board-page .product-heading { margin:8px 0 12px; gap:8px; }
  .product-heading h2 { font-size:var(--mobile-section); font-weight:600; letter-spacing:-.02em; }
  .product-heading>span { font-size:10px; }
  .product-symbol { width:32px; height:32px; font-size:14px; }
  .carousel-controls { gap:4px; }
  .carousel-controls button { width:40px; height:40px; }
  #cards-area .cards { gap:12px; padding-bottom:8px; }
  .carousel-pagination { margin:8px 0 16px; }
  #board-page>.stats { margin-top:16px; }
  .stats, .catalog-stats { gap:8px; margin-bottom:16px; }
  .stats>div, .catalog-stats>div { padding:12px; }
  .stats strong, .catalog-stats strong { font-size:var(--mobile-heading); margin:8px 0 4px; font-weight:600; }
  .stats span, .stats small, .catalog-stats span { font-size:10px; }
  .catalog-search { margin:16px 0; }
  #catalog-grid { gap:12px; }
  .catalog-card { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:16px; }
  .catalog-card>:not(button), .catalog-card>.primary, .catalog-card>[data-template-product], .catalog-card>.delete-product-button { grid-column:1/-1; }
  .catalog-card h3 { margin:8px 0 0; font-size:var(--mobile-section); font-weight:600; letter-spacing:-.02em; }
  .catalog-card>p { font-size:12px; min-height:0; margin:0; }
  .catalog-card .delete-product-button { min-height:32px; margin:0; padding:4px 0; }
  .catalog-counts { gap:12px; margin:8px 0; }
  .catalog-counts strong { font-size:var(--mobile-heading); font-weight:600; }
  .catalog-counts small { font-size:11px; }
  .catalog-stock-track { margin:0 0 8px; }
  .catalog-card>.primary, .catalog-card>.daily-product-button { margin:0; min-height:44px; padding:8px; font-size:11px; white-space:normal; }
  #deleted-products-open, #deleted-accounts-open { margin-bottom:12px; min-height:40px; }
  .manage-view-bar { display:grid; grid-template-columns:minmax(0,1fr) 44px; margin:16px 0 12px; gap:8px; }
  .manage-view-bar .manage-view-switch { grid-column:1/-1; width:100%; min-width:0; }
  .manage-view-switch { padding:4px; }
  .manage-view-switch button { min-height:40px; padding:8px; font-size:11px; }
  .manage-input-actions { grid-column:1; gap:8px; min-width:0; }
  .manage-input-actions>button { min-height:44px; padding:8px; }
  .manage-view-bar>#manage-template { grid-column:2; min-height:44px; width:44px; padding:8px; font-size:0; }
  .manage-view-bar>#manage-template svg { width:20px; height:20px; }
  .sheet-filters, .recap-toggle, .recap-section { padding:12px; border-radius:20px; }
  .sheet-filters { gap:12px; }
  .sheet-filters label { gap:4px; font-size:11px; }
  .recap-toggle { margin:12px 0; }
  .recap-toggle strong { font-size:12px; }
  .recap-toggle small { font-size:10px; }
  .recap-heading h3 { font-size:var(--mobile-section); }
  .recap-heading p { font-size:12px; }
  .recap-metrics { gap:8px; }
  .recap-metrics>div { padding:12px; }
  .recap-metrics strong { font-size:var(--mobile-heading); font-weight:600; }
  .manage-group summary, .history-entry summary { padding:12px; gap:8px; }
  .manage-group .group-tools { padding:12px; gap:8px; }
  .manage-group .list-row { padding:12px; gap:12px; }
  .manage-group .account-actions { gap:4px; }
  .manage-group .account-actions button { min-height:40px; padding:8px; font-size:11px; }
  .history-entry { margin-bottom:12px; }
  .history-entry summary .avatar { width:28px; height:28px; border-radius:4px; }
  .history-entry summary strong { font-size:13px; }
  .history-entry summary small { font-size:11px; line-height:1.5; }
  .history-detail { padding:0 12px 12px; }
  .history-search { margin:12px 0; }
  .return-history-section { margin-top:20px; padding-top:16px; }
  .return-history-section h2, .return-history-heading h2 { font-size:var(--mobile-section); }
  .empty { padding:32px 16px; }
  .empty h2, .empty h3 { font-size:var(--mobile-section); margin:8px 0; }
  .empty p { font-size:12px; }
  footer { margin-top:20px; padding-top:16px; font-size:9px; }
  dialog { width:calc(100% - 24px); max-width:560px; max-height:calc(100dvh - 24px); padding:16px; }
  .modal-head { gap:8px; margin-bottom:12px; }
  .modal-head h2 { font-size:var(--mobile-section); font-weight:600; letter-spacing:-.02em; }
  dialog p { font-size:12px; line-height:1.6; }
  dialog .fields, dialog .daily-fields, .local-form { gap:12px; }
  dialog label { font-size:12px; }
  dialog .actions { padding-top:16px; gap:8px; }
  dialog .actions button { min-height:44px; padding:8px 12px; }
  .bulk-simple-step { margin:12px 0; padding:12px; }
  .bulk-simple-step h3, .bulk-simple-step summary { font-size:13px; }
  .bulk-example { padding:8px; font-size:11px; }
  .auth-story { min-height:160px; padding:20px; }
  .auth-brand { margin-bottom:16px; }
  .auth-brand img { width:128px; }
  .auth-story h1 { font-size:var(--mobile-heading); letter-spacing:-.02em; }
  .auth-story>p { font-size:12px; }
  .auth-main { padding:24px 20px; }
  .auth-form-card h2 { font-size:var(--mobile-heading); }
  .auth-form-card form { margin:20px 0; gap:12px; }
  /* Data and actions share the body scale, with weight providing emphasis. */
  .primary, .secondary, .header-menu>div button, .header-menu>div a { font-size:var(--mobile-body); font-weight:500; }
  .manage-input-actions>button, .manage-view-switch button, .catalog-card>.daily-product-button { font-size:var(--mobile-label); }
  .manage-view-bar>#manage-template { font-size:0; }
  #cards-area .card h3.card-email { font-size:var(--mobile-body); font-weight:600; line-height:1.5; letter-spacing:0; }
  #cards-area .card .entry-form input { font-size:var(--mobile-body); }
  #cards-area .card .stock-summary, .credentials pre, .history-detail pre, #template-preview { font-size:var(--mobile-body); line-height:1.6; }
  #cards-area .card .entry-form>.primary { font-size:var(--mobile-body); font-weight:500; }
  #cards-area .card .card-top, .history-entry summary small, .manage-group small { font-size:var(--mobile-label); }
  .history-entry summary strong, .manage-group summary strong, .list-row>div>strong { font-size:var(--mobile-body); font-weight:600; }
  .calendar-heading strong { font-size:var(--mobile-body); }
  .calendar-navigation select, .calendar-navigation input[type=number], .calendar-day { font-size:var(--mobile-body); }
  .calendar-weekdays, .calendar-footer button { font-size:var(--mobile-label); }
  .auth-form-card input, .local-form input, .auth-form-card .primary { font-size:var(--mobile-body); }
}

/* ui-actions.css */
.icon-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.icon-action>svg { flex:none; width:20px; height:20px; }
.icon-action .action-label { min-width:0; }
.header-actions .icon-action, .header-menu>summary.icon-action { min-height:40px; padding:8px 12px; border:1px solid #E8EAED; border-radius:4px; background:#fff; color:#5F6368; cursor:pointer; font-size:12px; }
.header-actions .icon-action:hover { background:#F8F9FA; color:#202124; }
.header-menu>summary.icon-action { display:none; }
.header-menu>div .icon-action { justify-content:flex-start; border:0; }
.password-control { display:flex!important; align-items:center; width:100%; min-width:0; border:1px solid #DADCE0; border-radius:4px; background:#fff; overflow:hidden; }
.password-control input { flex:1; min-width:0; width:100%; border:0!important; margin:0!important; background:transparent; }
.password-control input:focus-visible { outline:none; }
.password-control:focus-within { outline:2px solid #FBBC04; outline-offset:2px; }
.password-control button.password-eye { display:grid; place-items:center; flex:0 0 44px; width:44px; min-width:44px; height:44px; min-height:44px; padding:12px; border:0; border-radius:0; color:#5F6368; background:transparent; font-size:0; }
.password-control button.password-eye:hover { background:#F8F9FA; color:#202124; }
.password-eye>svg { width:20px; height:20px; }
#catalog-grid .catalog-card>button.delete-product-button { display:inline-flex; align-items:center; justify-content:center; justify-self:start; gap:8px; width:max-content; max-width:100%; min-height:40px; padding:8px 12px; margin:4px 0; border:1px solid rgba(197,34,31,.25); border-radius:4px; background:rgba(197,34,31,.04); color:#C5221F; font-size:12px; font-weight:500; }
#catalog-grid .catalog-card>button.delete-product-button:hover { background:rgba(197,34,31,.08); border-color:#C5221F; }
#deleted-products-open, #deleted-accounts-open { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 12px; border:1px solid #DADCE0; border-radius:20px; background:#fff; color:#202124; font-size:13px; font-weight:500; }
#deleted-products-open>svg, #deleted-accounts-open>svg { width:20px; height:20px; flex:none; color:#5F6368; }
.account-actions .icon-action { justify-content:flex-start; min-height:40px; }
#cards-area .card .preview-expand.icon-action { display:flex; align-items:center; justify-content:flex-start; gap:4px; }
#cards-area .card .preview-expand>svg { width:16px; height:16px; }
.header-actions #logout-button { min-height:44px; padding:8px 16px; border:1px solid #DADCE0; border-radius:20px; background:#fff; color:#5F6368; font-size:12px; font-weight:600; }
.header-actions #logout-button:hover { background:#F8F9FA; color:#202124; }
.header-actions .icon-action:focus-visible, .header-menu>summary:focus-visible { outline:2px solid #FBBC04; outline-offset:2px; }
@media(max-width:800px) {
 #workspace main>header { min-height:56px; height:56px; gap:12px; }
 #workspace .header-actions { gap:8px; }
 #workspace .header-menu>summary.icon-action { min-height:44px; padding:8px 12px; gap:8px; border:1px solid #DADCE0; border-radius:20px; background:#F8F9FA; color:#202124; font-size:12px; font-weight:600; }
 #workspace .header-menu>summary::after { content:''; width:6px; height:6px; margin:0 2px 4px 4px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
 #workspace .header-menu[open]>summary { background:#FFF8E1; border-color:#FBBC04; }
 #workspace .header-menu[open]>summary::after { transform:rotate(225deg); margin-top:4px; margin-bottom:0; }
 #workspace .header-actions #logout-button { padding:8px 12px; gap:8px; font-size:12px; }
 #workspace .header-menu>div { top:calc(100% + 8px); width:208px; max-width:calc(100vw - 32px); padding:8px; border:1px solid #E8EAED; border-radius:20px; box-shadow:0 8px 28px rgba(32,33,36,.12); gap:4px; }
 #workspace .header-menu>div .icon-action { display:flex; align-items:center; justify-content:flex-start; width:100%; gap:12px; min-height:44px; padding:12px; border-radius:4px; font-size:13px; color:#202124; text-decoration:none; }
 #workspace .header-menu>div .icon-action>svg { width:20px; height:20px; color:#5F6368; }
 #board-page>.toolbar { display:flex; flex-direction:column; align-items:stretch; order:0; gap:12px; padding:0; margin:0 0 16px; border:0; }
 #board-page .toolbar>.tabs { order:0; display:flex; align-items:center; flex-wrap:nowrap; gap:4px; width:100%; min-height:48px; max-width:100%; padding:4px; border:1px solid #E8EAED; border-radius:20px; background:#E8EAED; overflow-x:auto; scrollbar-width:none; }
 #board-page .toolbar>.tabs button { flex:0 0 auto; min-width:96px; min-height:40px; padding:8px 16px; border:1px solid transparent; border-radius:20px; background:transparent; color:#5F6368; font-size:12px; font-weight:500; line-height:1.5; }
 #board-page .toolbar>.tabs button.active { background:#fff; border-color:#DADCE0; color:#202124; font-weight:600; }
 #board-page .toolbar>.tabs button:hover:not(.active) { background:rgba(255,255,255,.5); color:#202124; }
 #board-page .toolbar>.search { order:1; flex:none; width:100%; min-height:44px; margin:0; }
 #board-page>.unified-date-filter { margin:0 0 16px; }
 .header-menu>summary.icon-action { display:inline-flex; }
 .header-actions .icon-action, .header-menu>summary.icon-action { padding:8px; font-size:11px; gap:6px; min-height:40px; }
 #workspace main>header>span { font-size:0; }
 #workspace main>header>span strong { font-size:11px; }
 #workspace main>header>span em { display:none; }
 .header-menu>div .icon-action { padding:12px; min-height:44px; font-size:12px; }
 #manage-sheet-panel .sheet-actions .icon-action { padding:8px; font-size:12px; }
 #cards-area .card .preview-expand .action-label { font-size:11px; }
}
.slot-row-heading { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; }
.profile-row:has(>.slot-row-heading) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.slot-row-actions { display:flex; gap:4px; }
.slot-row-heading .duplicate-profile,.slot-row-heading .remove-profile { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:32px; height:32px; padding:4px 8px; font-size:11px; }
.slot-row-heading .remove-profile { width:32px; padding:4px; color:#B3261E; }
.sale-confirm-dialog { width:min(440px,calc(100vw - 32px)); }
.sale-confirm-dialog .sale-price-hint { color:#5F6368; font-size:12px; line-height:1.5; }
.sale-confirm-dialog .sale-confirm-total { font-size:24px; font-weight:700; margin:16px 0; }

}
/* Workspace design contract: layout, hierarchy and shared components. */
:root { --ui-bg:#F8F9FA; --ui-surface:#fff; --ui-text:#202124; --ui-muted:#5F6368; --ui-line:#E8EAED; --ui-strong:#DADCE0; --ui-accent:#FBBC04; }
html,body { color:var(--ui-text); background:var(--ui-bg); }
button,input,select,textarea { font-family:var(--font-ui); }
.content { padding:28px 32px; max-width:1600px; }
#workspace main>header { height:64px; padding:0 32px; }
.content h2,.catalog-heading h2,#manage-page>h2,#history-page>h2 { font-size:24px; line-height:1.3; letter-spacing:-.025em; font-weight:650; }
.page-intro { margin:0 0 20px; }
.page-intro h2 { margin:0 0 4px; }
.page-intro p,.catalog-heading p,#manage-page>p,#history-page>p { color:var(--ui-muted); font-size:13px; margin:4px 0 20px; }
.primary,.secondary,.icon-action,.date-trigger,input:not([type=checkbox]):not([type=radio]):not(.date-native),select,textarea { border-radius:4px; font-size:13px; }
.icon-action { min-height:44px; }
.header-identity { display:none; }
.date-trigger { display:flex; align-items:center; min-height:44px; height:44px; padding:8px 12px; font-size:13px; line-height:20px; }
.date-value { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.primary,.secondary { min-height:44px; padding:8px 16px; font-weight:600; }
.primary { box-shadow:none; }
.secondary { color:var(--ui-text); background:#fff; }
input:not([type=checkbox]):not([type=radio]):not(.date-native),select { height:44px; min-height:44px; }
textarea { min-height:112px; }
.search,#search,#catalog-search,#sheet-search,#history-search { border-radius:4px; }
.search { min-height:44px; }
.ui-icon svg,.primary>svg,.secondary>svg,.icon-action>svg { width:18px; height:18px; }
.stats,.catalog-stats { gap:12px; margin:0 0 20px; }
.stats>div,.catalog-stats>div { border-radius:20px; padding:16px 20px; }
.stats strong,.catalog-stats strong { font-size:26px; margin:8px 0 0; line-height:1.2; font-variant-numeric:tabular-nums; }
.stats small { margin-top:4px; }
.tabs,.manage-view-switch,.history-tabs { display:flex; gap:4px; padding:4px; width:max-content; max-width:100%; background:#E8EAED; border:0; border-radius:4px; }
.tabs button,.manage-view-switch button,.history-tabs button { min-height:36px; padding:8px 16px; border-radius:4px; border:0; font-size:13px; color:#5F6368; background:transparent; white-space:nowrap; font-weight:500; }
.tabs button.active,.manage-view-switch button[aria-pressed=true],.history-tabs button[aria-selected=true] { background:#fff; color:#202124; box-shadow:0 1px 3px rgba(32,33,36,.08); font-weight:600; }
.history-tabs { margin:0 0 16px; }
.history-tabs button:focus-visible,.advanced-filters summary:focus-visible { outline:2px solid #FBBC04; outline-offset:2px; }
.unified-date-filter { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; padding:12px 16px; border-radius:4px; margin:0 0 16px; }
.unified-date-heading { margin:0; gap:8px; }
.unified-date-heading>svg { width:18px; height:18px; }
.unified-date-heading>strong { font-size:12px; }
.unified-date-heading>span { font-size:11px; margin-left:4px; color:#5F6368; }
.unified-date-fields { display:flex; align-items:end; flex:1; gap:12px; }
.unified-date-fields>label { flex:1; gap:4px; font-size:11px; }
.unified-date-fields>label:first-child { flex:0 0 180px; font-size:0; gap:0; margin-left:auto; }
.unified-date-fields>label:not(:first-child) { display:none; }
.unified-date-filter.range-open .unified-date-fields>label:not(:first-child) { display:grid; }
.unified-date-fields select,.unified-date-fields .date-trigger { height:44px; min-height:44px; padding:8px 12px; border-radius:4px; font-size:13px; }
.unified-date-error { flex-basis:100%; }
.toolbar { margin:0 0 12px; }
#board-page>.toolbar { order:0; }
#board-page>.unified-date-filter { order:1; margin-bottom:20px; }
#board-page>.page-intro { order:-1; }
#board-page .product-heading { margin:0 0 12px; }
.product-heading h2 { font-size:18px; }
.product-symbol { width:32px; height:32px; }
.carousel-controls button { height:44px; width:44px; border-radius:4px; }
#cards-area .cards { gap:16px; align-items:start; }
#cards-area .card { height:auto; min-height:0; width:304px; flex-basis:304px; border-radius:20px; }
#cards-area .card .card-top { padding:16px 16px 0; }
#cards-area .card h3.card-email { padding:0 16px; font-size:14px; margin:12px 0 4px; }
#cards-area .card .card-account-label { margin:0; padding:0 16px; font-size:11px; color:#5F6368; }
#cards-area .card .credentials { margin:12px 16px; padding:12px; border-radius:4px; background:#F8F9FA; }
#cards-area .card .stock-summary { font-size:13px; line-height:1.6; }
#cards-area .card.preview-expanded .stock-summary { display:none; }
#cards-area .card .entry-form { padding:12px 16px 16px; gap:8px; }
#cards-area .card .entry-form input { height:44px; min-height:44px; font-size:13px; }
#cards-area .card .entry-form>.primary { min-height:44px; border-radius:4px; }
#cards-area .card .preview-expand { font-size:13px; }
#cards-area .card .copy-detail { min-height:44px; font-size:13px; }
#cards-area .card .presence i { background:#137333; }
#cards-area .card.busy .presence i { background:#FBBC04; }
#cards-area .card:not(.card-rerecorded) .card-top .badge { background:#E6F4EA; color:#137333; }
.history-detail .credentials { background:#F8F9FA; border:1px solid #E8EAED; border-radius:4px; }
.manage-group .account-actions button { min-height:44px; border-radius:4px; font-size:13px; }
.carousel-pagination { margin:12px 0 20px; }
#board-page>.stats { margin-top:16px; }
.manage-view-bar { margin:16px 0; gap:12px; }
.manage-input-actions { gap:8px; }
.manage-input-actions>button,.manage-view-bar>#manage-template { border-radius:4px; }
.manage-input-actions>#manage-add-account { background:#fff; border:1px solid #DADCE0; color:#202124; }
.sheet-filters { display:flex; align-items:end; gap:16px; padding:0; background:transparent; border:0; border-radius:0; margin-bottom:12px; }
.sheet-filters>label { flex:1; gap:4px; }
.advanced-filters { flex:1; min-width:0; }
.advanced-filters>summary { display:none; }
.advanced-filter-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.advanced-filter-fields>label { display:grid; gap:4px; min-width:0; }
.recap-toggle { padding:10px 0; border:0; border-top:1px solid #E8EAED; border-bottom:1px solid #E8EAED; border-radius:0; background:transparent; margin:12px 0; min-height:48px; }
.recap-toggle strong { font-size:13px; }
.recap-toggle small { font-size:11px; }
.manage-date-context { font-size:11px; margin:4px 0 8px; }
.sheet-reset-all { min-height:32px; font-size:12px; padding:4px 8px; border:0; background:transparent; margin:0 0 12px; color:#5F6368; }
.sheet-scroll { border-radius:4px; }
/* Fit the desktop inventory to its container; keep every action accessible. */
@media (min-width:1000px) {
 #manage-sheet-panel .sheet-scroll { overflow-x:hidden; }
 #manage-sheet-panel .manage-sheet { width:calc(100% - 16px); min-width:0; max-width:100%; table-layout:fixed; }
 #manage-sheet-panel .manage-sheet th,#manage-sheet-panel .manage-sheet td { min-width:0; max-width:none; padding:10px 8px; overflow-wrap:anywhere; white-space:normal; font-size:12px; line-height:1.5; }
 #manage-sheet-panel .manage-sheet thead th { font-size:11px; }
 #manage-sheet-panel .manage-sheet tr>:first-child { position:static; width:4%; min-width:0; max-width:none; padding:8px 4px; }
 #manage-sheet-panel .manage-sheet .sheet-product { position:static; width:14%; }
 #manage-sheet-panel .manage-sheet .sheet-email { width:18%; }
 #manage-sheet-panel .manage-sheet .sheet-password { width:12%; }
 #manage-sheet-panel .manage-sheet .sheet-notes { width:18%; }
 #manage-sheet-panel .manage-sheet .sheet-slot { width:5%; text-align:center; }
 #manage-sheet-panel .manage-sheet .sheet-sold,#manage-sheet-panel .manage-sheet .sheet-ready { width:6%; text-align:center; }
 #manage-sheet-panel .manage-sheet .sheet-date { width:8%; }
 #manage-sheet-panel .manage-sheet tr>:last-child { width:9%; }
 #manage-sheet-panel .manage-sheet td small { font-size:11px; }
 #manage-sheet-panel .sheet-actions { display:flex; flex-direction:column; gap:6px; }
 #manage-sheet-panel .sheet-actions button { width:100%; min-width:0; min-height:32px; padding:6px 4px; font-size:11px; white-space:normal; overflow-wrap:anywhere; gap:4px; }
 #manage-sheet-panel .sheet-actions .action-label { min-width:0; white-space:normal; }
 #manage-sheet-panel .sheet-actions svg { flex-shrink:0; width:14px; height:14px; }
 #manage-sheet-panel .manage-sheet tr>:nth-child(2) { width:14%; }
 #manage-sheet-panel .manage-sheet tr>:nth-child(3) { width:18%; }
 #manage-sheet-panel .manage-sheet tr>:nth-child(4) { width:12%; }
 #manage-sheet-panel .manage-sheet tr>:nth-child(5) { width:17%; }
 #manage-sheet-panel .manage-sheet tr>:nth-child(6) { width:5%; }
 #manage-sheet-panel .manage-sheet tr>:nth-child(7),#manage-sheet-panel .manage-sheet tr>:nth-child(8) { width:6%; }
 #manage-sheet-panel .manage-sheet tr>:nth-last-child(2) { width:8%; }
 #manage-sheet-panel .manage-sheet tr>:last-child { width:10%; }
 #manage-sheet-panel .stock-count-button { min-width:32px; min-height:32px; padding:4px; font-size:12px; }
 #manage-sheet-panel .sheet-caption>:nth-child(2) { display:none; }
}
#manage-sheet-panel:has(#sheet-rows:empty) .sheet-scroll,#manage-sheet-panel:has(#sheet-rows:empty) .sheet-pagination { display:none; }
.sheet-empty { padding:24px; background:#fff; border:1px solid #E8EAED; border-radius:20px; font-size:13px; text-align:center; }
.manage-sheet th { font-size:12px; background:#F1F3F4; color:#5F6368; font-weight:600; }
.manage-sheet td { padding:12px; font-size:14px; }
#manage-sheet-panel .manage-sheet tr>:first-child { display:table-cell; position:sticky; left:0; width:44px; min-width:44px; max-width:44px; z-index:2; background:#F1F3F4; text-align:center; font-size:12px; }
#manage-sheet-panel .manage-sheet thead tr>:first-child { z-index:5; }
#manage-sheet-panel .manage-sheet .sheet-product { position:sticky; left:44px; z-index:1; background:#fff; }
#manage-sheet-panel .manage-sheet thead .sheet-product { z-index:4; background:#F1F3F4; }
.recap-table .table-row-number { width:44px; min-width:44px; max-width:44px; text-align:center; font-size:12px; }
.recap-table tbody .table-row-number { background:#fff; color:#5F6368; font-weight:500; }
/* A recap replaces the operational sheet instead of repeating its credentials. */
body[data-finance=true] #manage-sheet-panel>.sheet-caption,
body[data-finance=true] #manage-sheet-panel>.sheet-scroll,
body[data-finance=true] #manage-sheet-panel>#sheet-empty { display:none; }
.recap-section { background:#fff; padding:20px; border:1px solid #E8EAED; border-radius:20px; margin:16px 0; }
.recap-heading h3 { font-size:18px; margin-bottom:4px; }
.recap-scroll { overflow-x:auto; border-radius:4px; }
.recap-table { width:100%; min-width:1000px; table-layout:auto; font-size:13px; }
.recap-table th,.recap-table td { padding:12px; overflow-wrap:normal; }
.recap-table thead th { background:#F1F3F4; font-size:12px; }
.recap-table .recap-account { min-width:220px; max-width:280px; overflow-wrap:anywhere; }
.recap-table td:not(.recap-account) { font-variant-numeric:tabular-nums; }
.recap-sold { color:#137333; font-weight:650; }
.recap-sold-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:56px; min-height:44px; padding:8px; border:1px solid #CEEAD6; border-radius:4px; color:#137333; background:#E6F4EA; font-size:13px; font-weight:650; }
.recap-sold-button:hover { background:#CEEAD6; }
.recap-sold-button[aria-expanded=true] svg { transform:rotate(180deg); }
.recap-export-button { display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; }
.recap-export-button[hidden] { display:none; }
.recap-action { min-width:144px; }
.recap-action button { white-space:nowrap; }
.recap-no-sales { color:#5F6368; font-size:12px; }
.recap-table .recap-detail-row[hidden] { display:none; }
.recap-table .recap-detail-row>td { padding:0; }
.recap-account-details { width:0; min-width:100%; box-sizing:border-box; padding:16px; background:#F8F9FA; }
.recap-account-details h4 { font-size:14px; margin:0 0 4px; }
.recap-account-details>p { font-size:12px; color:#5F6368; margin:0 0 12px; }
.recap-detail-scroll { overflow-x:auto; border:1px solid #DADCE0; border-radius:4px; }
.recap-detail-table { width:100%; min-width:880px; border-collapse:collapse; background:#fff; font-size:13px; }
.recap-table .recap-detail-table th,.recap-table .recap-detail-table td { padding:10px 12px; }
.recap-detail-table tfoot th,.recap-detail-table tfoot td,.recap-table>.recap-total-row,
.recap-table>tfoot>.recap-total-row th,.recap-table>tfoot>.recap-total-row td { background:#F1F3F4; font-weight:650; }
.recap-table>tfoot>.recap-total-row small { font-weight:400; }
.recap-total-row #recap-profit-total { white-space:nowrap; font-size:14px; }
.money-negative { color:#B3261E; }
.money-positive { color:#137333; }
.recap-section>.recap-scroll>.recap-table { min-width:760px; }
.recap-section .recap-metrics strong { font-size:20px; }
.recap-section .recap-metrics strong.money-negative { color:#B3261E; }
.recap-section .recap-metrics strong.money-positive { color:#137333; }
.account-capital-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:16px 0 8px; }
.account-capital-summary>div { padding:12px; background:#fff; border:1px solid #E8EAED; border-radius:4px; }
.account-capital-summary span { display:block; font-size:12px; color:#5F6368; margin-bottom:8px; }
.account-capital-summary strong { font-size:16px; }
.account-projection { color:#5F6368; font-size:11px; font-weight:400; line-height:1.6; }
.recap-account-details .recap-detail-table { min-width:680px; }
@media(max-width:600px){.account-capital-summary { grid-template-columns:1fr; gap:8px; }.account-capital-summary>div { display:flex; justify-content:space-between; gap:8px; }.account-capital-summary span { margin:0; }.recap-section .recap-metrics strong { font-size:18px; }}
.recap-sales>summary { display:flex; align-items:center; width:fit-content; min-height:44px; padding:8px 16px; border:1px solid #DADCE0; border-radius:4px; background:#fff; font-weight:600; list-style:none; box-sizing:border-box; }
.recap-sales>summary::marker { content:''; }
.recap-sales>summary::-webkit-details-marker { display:none; }
.recap-sales>summary:hover { background:#F8F9FA; }
.recap-sales>summary:focus-visible { outline:2px solid #FBBC04; outline-offset:2px; }
.recap-sales:not([open]) .recap-close-label,.recap-sales[open] .recap-open-label { display:none; }
#manage-sheet-panel .manage-sheet tr>:first-child,.recap-table .table-row-number { width:48px; min-width:48px; max-width:48px; padding-inline:8px; white-space:nowrap; overflow-wrap:normal; word-break:normal; box-sizing:border-box; }
#manage-sheet-panel .manage-sheet .sheet-product { left:48px; }
@media(max-width:800px) { .recap-section { padding:12px; } .recap-table { font-size:13px; } }
.manage-sheet tbody tr:hover td { background:#FFFDF5; }
.manage-sheet .sheet-actions button { min-height:36px; padding:8px; }
.stock-count-button { min-height:44px; min-width:44px; border-radius:4px; font-weight:600; }
.slot-state.filled { background:#137333; border-color:#137333; color:#fff; }
.slot-state.ready { background:#fff; border-color:#DADCE0; color:#137333; }
.slot-state.inactive { background:#F1F3F4; border-color:#E8EAED; color:#9AA0A6; }
.profile-row { align-items:start; border-radius:4px; }
.profile-row>label { display:grid; grid-template-rows:18px 44px; gap:8px; align-self:start; }
.profile-row>label>.field-label { font-size:12px; line-height:18px; white-space:nowrap; }
.profile-row input { height:44px; min-height:44px; border-radius:4px; font-size:13px; }
.profile-memory-hint { margin:8px 0; color:#5F6368; font-size:12px; }
.single-account-fields { display:grid; gap:16px; margin:16px 0; }
.single-account-fields>label { display:grid; gap:8px; min-width:0; }
.single-account-fields textarea { width:100%; min-height:88px; }
#account-form .field-optional { display:inline; font-size:11px; color:#5F6368; }
#single-account-error { color:#B3261E; font-size:13px; }
.single-account-summary { font-size:13px; font-weight:600; }
.template-locked-heading { display:flex; align-items:center; gap:8px; font-size:12px; }
.template-locked-heading>svg { flex:none; }
#template-account-detail { width:100%; min-height:104px; padding:12px; border:1px solid #DADCE0; border-radius:4px; background:#F1F3F4; color:#5F6368; resize:none; cursor:default; line-height:1.6; }
.template-locked-detail small { font-size:11px; color:#5F6368; font-weight:400; line-height:1.5; }
.catalog-heading { margin-bottom:16px; gap:16px; }
.catalog-heading p { margin-bottom:0; }
.catalog-search { margin:16px 0; max-width:480px; }
#catalog-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr)); gap:16px; }
.catalog-card { display:flex; flex-direction:column; padding:20px; gap:12px; border-radius:20px; }
.catalog-card h3 { margin:0; font-size:18px; }
.catalog-card>p { margin:0; min-height:0; font-size:12px; }
.catalog-card>p:empty { display:none; }
.catalog-counts { margin:4px 0; }
.catalog-counts strong { font-size:22px; }
.catalog-counts small { font-size:11px; }
.catalog-stock-track { margin:0 0 4px; }
.catalog-card>button { margin:0; width:100%; border-radius:4px; }
.catalog-card>.daily-product-button { min-height:40px; border-radius:4px; }
.catalog-card>[data-template-product] { margin:0; border:1px solid #E8EAED; }
#catalog-grid .catalog-card>button.delete-product-button { order:10; margin:0; width:100%; min-height:44px; background:#fff; border-color:#E8EAED; font-size:12px; }
#deleted-products-open,#deleted-accounts-open { min-height:36px; padding:4px 12px; border-radius:4px; font-size:12px; margin:0 0 16px; }
#history-page[data-history-tab=sales] .return-history-section,#history-page[data-history-tab=returns] #history-list,#history-page[data-history-tab=repeats] #history-list,#history-page:not([data-history-tab=sales]) #history-result-count { display:none; }
#history-page[data-history-tab=returns] .return-history-section:has(#rerecord-history-list),#history-page[data-history-tab=repeats] .return-history-section:has(#return-history-list) { display:none; }
#history-page .return-history-section { margin:16px 0 0; padding:0; border:0; }
#history-page:not([data-history-tab=cancelled]) #cancelled-history-section,
#history-page[data-history-tab=cancelled] #history-list,
#history-page[data-history-tab=cancelled] .return-history-section { display:none; }
#cancelled-history-section>h3 { font-size:16px; margin:16px 0 4px; }
#cancelled-history-section>p { font-size:12px; line-height:1.6; color:#5F6368; }
.history-entry-cancelled { border-color:#F9DE81; background:#FFFCF3; }
.history-entry-cancelled .avatar { display:flex; align-items:center; justify-content:center; color:#8A5A00; background:#FEF7E0; }
.cancelled-status-badge { display:inline-block; width:fit-content; margin-top:8px; padding:4px 8px; border-radius:4px; font-size:11px; font-weight:650; background:#FEF7E0; color:#8A5A00; }
.history-entry-cancelled .history-detail { border-top:1px solid #F9DE81; }
.cancelled-stock-status { padding:12px; border:1px solid #E8EAED; border-radius:4px; background:#fff; }
.history-entry-cancelled .history-detail>small { display:block; color:#5F6368; line-height:1.6; }
body[data-workspace-role="worker"] .sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
.history-day-group { margin:20px 0 24px; }
.history-day-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:8px; margin-bottom:12px; border-bottom:1px solid #DADCE0; }
.history-day-heading h3 { margin:0; font-size:18px; line-height:1.4; font-weight:650; letter-spacing:-.02em; }
.history-day-count { flex:none; padding:4px 8px; border-radius:4px; background:#E8EAED; font-size:11px; color:#5F6368; white-space:nowrap; }
.history-day-entries>.history-entry { margin:0 0 12px; }
#history-page .return-history-heading h2 { font-size:16px; }
.history-search { margin:0 0 12px; }
.history-entry { border-radius:4px; margin-bottom:8px; }
.history-entry summary { padding:16px; }
.history-entry summary strong { font-size:13px; }
.history-entry summary small { font-size:11px; }
.empty { padding:32px 20px; border-radius:20px; }
.empty h2,.empty h3 { font-size:16px; }
.empty p { font-size:13px; }
.empty>span { width:40px; height:40px; margin:0; }
dialog { border-radius:20px; padding:24px; max-width:min(600px,calc(100vw - 32px)); }
.modal-head { margin-bottom:16px; }
.modal-head h2 { font-size:20px; }
dialog label { font-size:12px; color:#5F6368; }
dialog .fields,dialog .daily-fields { gap:16px; }
dialog .field-label { display:block; font-size:12px; line-height:18px; }
#bulk-pricing-form .daily-fields>label>.field-label { min-height:36px; }
dialog .actions { position:sticky; bottom:-24px; z-index:1; margin-top:16px; padding:16px 0 0; background:#fff; border-top:1px solid #E8EAED; }
.modal-head>button { border-radius:4px; background:#F8F9FA; }
.date-popover { box-shadow:0 8px 28px rgba(32,33,36,.14); }
#workspace-calendar .calendar-navigation { grid-template-columns:44px minmax(0,1fr) 68px 44px; gap:4px; align-items:center; }
#workspace-calendar .calendar-navigation>label { display:flex; align-items:center; height:44px; min-width:0; margin:0; padding:0; }
#workspace-calendar .calendar-navigation select,#workspace-calendar .calendar-navigation input[type=number],#workspace-calendar .calendar-navigation>button { box-sizing:border-box; height:44px; min-height:44px; margin:0; padding:8px; font:500 13px/20px var(--font-ui); border-radius:4px; }
#workspace-calendar .calendar-navigation>button { width:44px; min-width:44px; padding:12px; }
#workspace-calendar .calendar-navigation input[type=number] { appearance:textfield; }
#workspace-calendar .calendar-navigation input::-webkit-inner-spin-button,#workspace-calendar .calendar-navigation input::-webkit-outer-spin-button { appearance:none; margin:0; }
.calendar-day { font-size:13px; }
footer { margin-top:24px; padding-top:16px; }
@media(min-width:801px) {
 .advanced-filters:not([open])>.advanced-filter-fields { display:grid; }
 .sheet-filters>label { max-width:none; }
}
@media(max-width:800px) {
 body { font-size:13px; }
 .sidebar { height:60px; padding:12px 16px; justify-content:flex-start; }
 .sidebar .brand { padding:0; margin:0; flex:none; }
 .sidebar .brand img { height:28px; max-width:80px; }
 .sidebar .sidebar-bottom { display:none; }
 #workspace main>header { position:absolute; inset:8px 16px auto auto; height:44px; min-height:44px; width:auto; padding:0; border:0; background:transparent; z-index:6; }
 #workspace main>header>span { display:none; }
 #workspace .header-menu>summary.icon-action,#workspace .header-actions #logout-button { border-radius:4px; color:#E8EAED; background:transparent; border-color:rgba(255,255,255,.24); min-height:44px; }
 #workspace .header-menu>summary.icon-action { padding:8px 12px; }
 #workspace .header-menu[open]>summary { background:#FBBC04; color:#202124; border-color:#FBBC04; }
 #workspace .header-menu>div { top:calc(100% + 12px); }
 #workspace .header-identity { display:grid; gap:4px; padding:12px; margin-bottom:4px; border-bottom:1px solid #E8EAED; }
 .header-identity strong { font-size:13px; color:#202124; overflow-wrap:anywhere; }
 .header-identity span { font-size:11px; color:#5F6368; }
 #workspace .header-actions #logout-button { width:44px; padding:12px; }
 #workspace #logout-button .action-label { display:none; }
 .content { padding:20px 16px 88px; }
 .content h2,.catalog-heading h2,#manage-page>h2,#history-page>h2 { font-size:20px; }
 .page-intro { margin-bottom:16px; }
 .page-intro p,.catalog-heading p,#manage-page>p,#history-page>p { font-size:12px; margin-bottom:16px; }
 .sidebar nav { padding:4px 8px max(4px,env(safe-area-inset-bottom)); }
 .sidebar nav button { min-height:52px; }
 .sidebar nav button.active { background:#FFF8E1; }
 .sidebar nav button span { font-size:10px; }
 .primary,.secondary,.icon-action { font-size:12px; }
 .manage-group .account-actions button,#cards-area .card .copy-detail,#cards-area .card .preview-expand,#cards-area .card .entry-form>.primary { font-size:12px; }
 #board-page>.toolbar { gap:12px; margin:0 0 12px; }
 #board-page .toolbar>.tabs { background:#E8EAED; border:0; border-radius:4px; min-height:44px; padding:4px; }
 #board-page .toolbar>.tabs button { min-width:0; min-height:36px; padding:8px 16px; border-radius:4px; border:0; }
 #board-page .toolbar>.search { min-height:44px; }
 #board-page>.unified-date-filter { margin:0 0 20px; }
 .unified-date-filter { gap:8px; padding:8px 12px; align-items:center; }
 .unified-date-heading { flex:1; min-width:0; }
 .unified-date-heading>strong { font-size:12px; }
 .unified-date-heading>span { display:none; }
 .unified-date-fields { flex:0 0 152px; min-width:0; }
 .unified-date-fields>label:first-child { flex:1; margin:0; min-width:0; }
 .unified-date-fields select,.unified-date-fields .date-trigger { font-size:13px; padding:8px; min-height:44px; height:44px; }
 .unified-date-filter.range-open .unified-date-fields { flex:0 0 100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .unified-date-filter.range-open .unified-date-fields>label:first-child { grid-column:1/-1; }
 .unified-date-filter.range-open .unified-date-fields>label:not(:first-child) { display:grid; }
 .manage-view-bar { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:8px; margin:12px 0; }
 .manage-view-switch { width:100%; }
 .manage-view-switch button { font-size:12px; }
 .manage-input-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .manage-input-actions>button { font-size:12px; line-height:18px; min-height:52px; }
 .manage-view-bar>#manage-template { width:44px; border-radius:4px; }
 #manage-template .action-label { display:none; }
 .sheet-filters { flex-wrap:wrap; align-items:center; gap:8px; }
 .sheet-filters>label { flex:1 1 100%; font-size:0; gap:0; }
 .sheet-filters #sheet-search { font-size:13px; }
 .advanced-filters { flex:1 1 100%; }
 .advanced-filters>summary { display:flex; align-items:center; justify-content:space-between; list-style:none; font-size:12px; font-weight:500; min-height:40px; padding:8px 12px; border:1px solid #DADCE0; border-radius:4px; background:#fff; cursor:pointer; }
 .advanced-filters>summary::after { content:''; width:6px; height:6px; margin:0 4px 4px; border:solid #5F6368; border-width:0 1.5px 1.5px 0; transform:rotate(45deg); }
 .advanced-filters[open]>summary::after { transform:rotate(225deg); margin-top:4px; margin-bottom:0; }
 .advanced-filters.has-filter>summary { background:#FFF8E1; border-color:#FBBC04; }
 .advanced-filters .advanced-filter-fields { padding:12px 0 4px; gap:8px; }
 .recap-toggle { padding:8px 0; min-height:44px; margin:8px 0 12px; }
 .recap-toggle small { display:none; }
 .manage-date-context { display:none; }
 .sheet-reset-all { min-height:32px; margin-bottom:8px; }
 .sheet-scroll { border-radius:4px; }
 .manage-sheet td { font-size:14px; }
 .stats>div,.catalog-stats>div { padding:12px; }
 .stats strong,.catalog-stats strong { font-size:22px; }
 .stats span,.stats small,.catalog-stats span { font-size:10px; }
 .catalog-heading { align-items:flex-start; margin-bottom:12px; }
 .catalog-heading>div { min-width:0; flex:1; }
 .catalog-heading p { margin-bottom:0; }
 .catalog-heading>.primary { padding:8px 12px; font-size:12px; border-radius:4px; }
 .catalog-search { margin:12px 0 16px; }
 #catalog-grid { grid-template-columns:1fr; }
 .catalog-card { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 8px; padding:16px; }
 .catalog-card>:not(button),.catalog-card>.primary,.catalog-card>[data-template-product],.catalog-card>.delete-product-button { grid-column:1/-1; }
 .catalog-card h3 { margin:0; font-size:18px; }
 .catalog-card>p { display:block; }
 .catalog-card>p:empty { display:none; }
 .catalog-counts { margin:0; }
 .catalog-card>.daily-product-button { min-height:44px; font-size:12px; line-height:18px; }
 .catalog-card>[data-add-product],.catalog-card>[data-open-daily] { min-height:52px; }
 #catalog-grid .catalog-card>button.delete-product-button { grid-row:auto; order:10; }
 #cards-area .card { flex-basis:calc(100vw - 56px); width:calc(100vw - 56px); max-width:360px; }
 #cards-area .card h3.card-email { font-size:14px; }
 #cards-area .card .entry-form { padding:12px 16px 16px; }
 .history-tabs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); width:100%; gap:4px; margin:12px 0; }
 .history-tabs button { padding:8px 4px; font-size:11px; }
 .history-entry summary { padding:12px; }
 #history-page .return-history-heading h2 { font-size:16px; }
 .empty { padding:24px 16px; }
 .empty h2,.empty h3 { font-size:16px; margin:12px 0 8px; }
 .empty p { font-size:12px; }
 dialog { padding:20px; width:calc(100vw - 24px); max-height:calc(100dvh - 32px); }
 .modal-head h2 { font-size:18px; }
 dialog .actions { bottom:-20px; padding-top:12px; }
 dialog .actions button { min-height:44px; }
 footer { font-size:9px; margin-top:20px; }
}
@media(max-width:480px) {
 dialog .daily-fields { grid-template-columns:minmax(0,1fr); }
 #bulk-pricing-form .daily-fields>label>.field-label { min-height:0; }
}
.settings-section { padding:16px 0; border-bottom:1px solid #E8EAED; }
.settings-section h3 { margin:0 0 8px; font-size:16px; }
.settings-section p,#product-order-modal>p { font-size:12px; color:#5F6368; line-height:1.6; }
.settings-section form,#password-recovery-form { display:grid; gap:12px; }
.settings-check { display:flex; align-items:center; gap:8px; }
.settings-check input { width:20px; min-height:20px; }
.settings-buttons { display:flex; flex-wrap:wrap; gap:8px; }
.telegram-discovery { display:grid; gap:12px; margin-top:16px; padding:12px; border:1px solid #DADCE0; border-radius:4px; }
.telegram-discovery p { margin:0; }
#recovery-code-result { margin-top:12px; padding:12px; background:#FFF8E1; border-radius:4px; }
#recovery-code-value { display:block; overflow-wrap:anywhere; padding:8px 0; font-size:14px; user-select:all; }
.product-order-open { margin:8px 0 12px; font-size:12px; }
#product-order-list { list-style:none; padding:0; display:grid; gap:8px; }
#product-order-list>li { display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #DADCE0; border-radius:4px; background:#fff; }
#product-order-list strong { flex:1; font-size:13px; }
#product-order-list button { min-width:36px; height:36px; min-height:36px; padding:8px; }
.order-grip { touch-action:none; cursor:grab; }
#product-order-list>.order-dragging { border-color:#FBBC04; background:#FFF8E1; }
/* Compact account controls share the workspace typeface and button treatments. */
.account-password-button,.member-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.account-password-button{min-height:40px;padding:8px 12px;white-space:nowrap}
#team-list{display:grid;gap:12px;margin:16px 0 24px}
#team-list .member-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--border-subtle,#e8eaed);border-radius:4px;background:#fff}
.member-identity{display:grid;gap:4px;min-width:0}
.member-identity strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.member-identity>span,.member-meta{font-size:12px;color:var(--text-secondary,#5f6368);overflow-wrap:anywhere}
.member-meta{display:flex;align-items:center;gap:8px}
.member-state{background:var(--accent-soft,rgba(251,188,4,.15));padding:4px 8px;border-radius:4px}
.member-state.is-inactive{background:var(--surface,#e8eaed)}
.member-actions{display:flex;flex-wrap:wrap;gap:8px}
.member-actions button{min-height:36px;padding:8px;font-size:12px}
.member-danger{border-color:var(--border-dark,#dadce0);font-weight:600}
#worker-delete-summary{font-weight:600;overflow-wrap:anywhere}
@media(max-width:800px){.account-password-button{width:40px;min-width:40px;padding:8px}.account-password-button>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#team-list .member-card{align-items:flex-start;flex-direction:column;gap:12px}.member-actions{width:100%}.member-actions button{flex:1}}