/* Sellbook application styles. Keep app-wide tokens and page styles together. */
:root{font-family:Arial,sans-serif;color:#17231c;background:#f3f6f3}
*{box-sizing:border-box}
body{margin:0}
header{background:#fff;color:#17231c;padding:16px;border-bottom:1px solid #e4ebe5;box-shadow:0 2px 8px #00000006}
header h1{margin:0;font-size:23px}
header p{margin:6px 0 0;font-size:13px}
main{max-width:760px;margin:auto;padding:14px}
nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:15px}
button{border:0;border-radius:9px;padding:12px 8px;font-weight:bold;cursor:pointer}
nav button{background:#dce9df;color:#14532d}
nav button.active,.primary{background:#14532d;color:white}
/* Products opens as a dedicated page without the shared seller header or navigation. */
.products-page-header{display:flex;align-items:center;gap:8px;min-height:0;padding:4px 0 8px;background:transparent;border:0;margin:0 0 10px;position:static;z-index:auto}
.products-page-header h1{font-size:17px;line-height:1.2;margin:0;font-weight:700;color:var(--text,#17231c)}
.products-back-button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border-radius:10px;background:#f0f7f1;color:#14532d}
.products-back-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.product-page-open>.seller-welcome-header,body.low-stock-page-open>.seller-welcome-header,body.product-details-page-open>.seller-welcome-header{display:none}
body.product-page-open #appWorkspace>nav,body.low-stock-page-open #appWorkspace>nav,body.product-details-page-open #appWorkspace>nav{display:none!important}body.product-page-open #quickSaleFab{display:flex!important;bottom:calc(22px + env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}
body.product-page-open #appWorkspace>main,body.low-stock-page-open #appWorkspace>main,body.product-details-page-open #appWorkspace>main{padding-top:0}
body.product-page-open #products,body.low-stock-page-open #low-stock{padding-top:14px}
body.product-details-page-open #product-details{padding-top:14px}
body.product-details-page-open #quickSaleFab{display:none!important}
body.sales-page-open>.seller-welcome-header{display:none}
body.sales-page-open #appWorkspace>nav{display:none!important}
body.sales-page-open #appWorkspace>main{padding-top:0}
body.sales-page-open #sales{padding-top:14px}
body.sales-page-open #quickSaleFab{display:flex!important;bottom:calc(22px + env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}
body.expenses-page-open>.seller-welcome-header{display:none!important}body.expenses-page-open #appWorkspace>nav{display:none!important}body.expenses-page-open #appWorkspace>main{padding-top:0}body.expenses-page-open #expenses{padding-top:14px}body.expenses-page-open #quickSaleFab{display:flex!important;bottom:calc(22px + env(safe-area-inset-bottom));right:max(18px,env(safe-area-inset-right))}
body.product-page-open #products .products-page-header,body.low-stock-page-open #low-stock .products-page-header{margin-top:-14px}
@media(min-width:761px){body.product-page-open #products,body.low-stock-page-open #low-stock{max-width:760px;margin:0 auto}}

.card{background:white;padding:16px;border-radius:12px;margin-bottom:13px;box-shadow:0 2px 8px #0000000a}
h2{font-size:18px;margin:0 0 14px}
h3{font-size:15px;margin:0 0 8px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{background:#f0f7f1;padding:13px;border-radius:9px}
.stat small{display:block;color:#526358;margin-bottom:7px}
.stat strong{font-size:19px;overflow-wrap:anywhere}
label{display:block;font-size:13px;font-weight:bold;margin:12px 0 5px}
.product-type-picker{margin-top:14px;padding:12px;border:1px solid var(--border,#e4ebe5);border-radius:12px;background:#f7faf7}.product-type-picker p{margin:0 0 9px}.product-type-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-type-options button{background:#e5efe7;color:#14532d;border:2px solid transparent;padding:12px 8px}.product-type-options button.selected{background:#14532d;color:#fff;border-color:#14532d}.product-type-picker .muted{margin-top:8px;margin-bottom:0}
input,select{width:100%;padding:12px;border:1px solid #ccd6ce;border-radius:8px;font-size:16px;background:white}
form button{width:100%;margin-top:14px}
.row{display:flex;justify-content:space-between;gap:12px;align-items:center}
.item{border-bottom:1px solid #e7ece8;padding:12px 0}
.item:last-child{border-bottom:0}
.muted{color:#647269;font-size:13px}
.danger{background:#fff0ef;color:#a32920}
.hidden{display:none!important}
.empty{color:#66736a;text-align:center;padding:18px 0}
footer{text-align:center;color:#66736a;font-size:12px;padding:18px}
.product-photo{width:76px;height:76px;object-fit:cover;border-radius:10px;background:#edf2ee;border:1px solid #dce5de;flex-shrink:0}
.photo-preview{width:120px;height:120px;object-fit:cover;border-radius:10px;display:block;margin-top:10px}
.photo-actions{display:flex;gap:8px;margin-top:8px}
.photo-actions button{flex:1;background:#e5efe7;color:#14532d}
.photo-help{font-size:12px;color:#647269;margin-top:6px}
.item-product{display:flex;gap:12px;align-items:flex-start}
.item-product-details{flex:1;min-width:0}
.photo-actions button.danger{background:#fff0ef;color:#a32920}
input[type=file].file-hidden{display:none}
dialog{width:min(100% - 24px,560px);max-height:90vh;overflow:auto;border:0;border-radius:14px;padding:20px;box-shadow:0 16px 50px #0003;color:#17231c}
dialog::backdrop{background:#10201699}
.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.dialog-actions button{margin-top:0}
.edit-photo-preview{width:96px;height:96px;object-fit:cover;border-radius:10px;margin-top:8px;background:#edf2ee;border:1px solid #dce5de}

/* Notifications opens as a focused page, matching the dedicated page layout used elsewhere. */
.notifications-page-header{display:flex;align-items:center;gap:12px;padding:4px 0 12px;margin:0 0 8px;background:transparent;border:0;box-shadow:none}.notifications-page-header h1{font-size:19px;margin:0;flex:1}.notifications-back-button,.notifications-refresh-button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;padding:0;border-radius:12px;background:#e5f1e7;color:#14532d}.notifications-back-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notifications-refresh-button{font-size:24px}.notification-category-pills{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 1px 12px;margin-bottom:4px}.notification-category-pills::-webkit-scrollbar{display:none}.notification-category{flex:0 0 auto;white-space:nowrap;border:1px solid #d4e3d7;border-radius:999px;background:#fff;color:#31533b;padding:10px 15px;font-size:13px}.notification-category.active{background:#14532d;color:#fff;border-color:#14532d}body.notifications-page-open>.seller-welcome-header{display:none!important}body.notifications-page-open #appWorkspace>nav{display:none!important}body.notifications-page-open #appWorkspace>main{padding-top:0}body.notifications-page-open #notifications{padding-top:14px}body.notifications-page-open #quickSaleFab{display:none!important}
/* Simple first-use guide: compact, optional and consistent with Sellbook green. */
.getting-started-card{padding:16px;margin-top:14px}
.getting-started-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.getting-started-kicker{display:block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.09em;margin-bottom:5px}
.getting-started-heading h2{font-size:17px;margin:0 0 4px}
.getting-started-heading p{font-size:12px;color:var(--muted);margin:0}
.getting-started-dismiss{width:34px;height:34px;flex:0 0 34px;padding:0;border-radius:50%;background:var(--soft);color:var(--muted);font-size:22px;line-height:1}
.getting-started-steps{display:grid;gap:5px}
.getting-started-step{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 8px;background:transparent;color:var(--ink);text-align:left;border:1px solid transparent;border-radius:11px}
.getting-started-step:active{background:var(--soft)}
.getting-started-step-number{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:var(--soft);color:var(--green);font-size:12px;font-weight:800}
.getting-started-step.is-complete .getting-started-step-number{background:var(--green);color:#fff}
.getting-started-step-copy{flex:1;min-width:0}
.getting-started-step-copy strong{display:block;font-size:13px;line-height:1.35}
.getting-started-step-copy small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.4}
.getting-started-step-copy em{font-style:normal;color:var(--muted);font-size:10px;font-weight:500}
.getting-started-step-state{flex:0 0 auto;color:var(--green);font-size:11px;font-weight:700;white-space:nowrap}
.getting-started-step.is-complete .getting-started-step-state{color:#34724a}
.getting-started-footnote{margin:9px 2px 0;color:var(--muted);font-size:11px;line-height:1.45}
:root{--green:#14532d;--soft:#e5f1e7;--page:#f3f6f3;--ink:#17231c;--muted:#647269;--surface:#fff;--border:#e4ebe5}
body{background:var(--page);color:var(--ink);padding-bottom:112px}
header{padding:16px}
.header-brand{display:flex;align-items:center;gap:12px;max-width:980px;margin:auto}
.brand-logo,.brand-mark{width:46px;height:46px;border-radius:13px;object-fit:cover;flex-shrink:0}
.brand-logo{display:none}.brand-mark{background:#e5f1e7;color:#14532d;display:grid;place-items:center;font-weight:800;font-size:20px}
.brand-copy{min-width:0}#businessTitle{font-size:21px;overflow-wrap:anywhere}#businessSubtitle{opacity:1;color:#647269}
main{max-width:980px;padding:14px}#accountCard{max-width:540px;margin:18px auto}
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;position:fixed;left:0;right:0;transform:none;bottom:0;width:100%;max-width:none;z-index:1100;background:var(--surface);border:0;border-top:1px solid var(--border);border-radius:0;padding:7px 7px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 12px #10201612}
nav button{background:transparent;color:#536458;border:1px solid transparent;border-radius:12px;padding:8px 3px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.nav-icon{font-size:0;line-height:1}.nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-brand{flex:1}.header-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.header-icon-button{position:relative;width:42px;height:42px;display:grid;place-items:center;padding:9px;border:0;border-radius:50%;background:#fff;color:#087f45;box-shadow:0 2px 7px #00000018;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.header-icon-button:active{transform:scale(.94)}.header-icon-button:focus-visible{outline:3px solid #b7f7d0;outline-offset:2px}.header-icon-button svg,.settings-icon-button svg,.tile-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.unread-badge{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid #14532d;border-radius:99px;background:#dc2626;color:white;font-size:10px;line-height:1;font-weight:800}.unread-badge.hidden{display:none!important}.settings-icon-button{width:42px;height:42px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--green);border-radius:12px;flex-shrink:0}.tile-icon svg{width:26px;height:26px}
.nav-icon{font-size:19px;line-height:1}nav button.active{background:transparent;color:var(--green);box-shadow:none;border-color:transparent}nav button:active{background:transparent}nav button.active .nav-icon svg{stroke-width:2.4}nav button.active span:last-child{font-weight:800}
.card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px;box-shadow:0 3px 14px #10201608}
.stats{gap:9px}.stat{background:var(--soft);border:1px solid var(--border);padding:13px;min-width:0}.stat strong{font-size:clamp(16px,4vw,22px);display:block}.stat small{font-size:12px;line-height:1.4}
input,select{background:var(--surface);color:var(--ink);border-color:#d4ded6}input:focus,select:focus{outline:2px solid #86b695;outline-offset:1px}
.item{border-color:var(--border);padding:13px 0}.quick-actions,.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:10px 6px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.quick-actions button{display:flex;min-width:0;min-height:88px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:8px 3px;border:0;border-radius:12px;background:transparent;color:var(--ink)}
.quick-actions button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.quick-actions .quick-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;background:#e8f5ec;color:var(--green)}
.quick-actions .quick-icon svg{width:24px;height:24px;display:block;stroke:currentColor}
.quick-actions strong{display:block;color:var(--ink);font-size:12px;line-height:1.25;font-weight:600;margin:0}
.quick-actions span:not(.quick-icon),.menu-tile span{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}
.menu-tile{display:flex;flex-direction:column;justify-content:center;gap:5px}.tile-icon{font-size:22px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-heading h2{margin:0}
.products-list-heading{align-items:center;gap:8px}.products-list-heading h2{font-size:17px;flex:0 0 auto}.products-total-summary{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;text-align:right}.expense-period-card{padding:14px}.expense-period-select-label{display:block;margin:0 0 7px;font-size:12px;color:var(--muted);font-weight:600}.expense-period-select{display:inline-block;width:auto;min-width:142px;max-width:100%;min-height:40px;padding:8px 36px 8px 16px;border:1.5px solid var(--green);border-radius:999px;background-color:var(--surface);color:var(--green);font-size:14px;font-weight:700;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2314532d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.expense-period-select:focus{outline:2px solid var(--green);outline-offset:2px}.expense-period-total{display:flex;flex-direction:column;gap:7px;margin-top:16px}.expense-period-total small{font-size:12px;color:var(--muted)}.expense-period-total strong{font-size:clamp(23px,6vw,30px);color:var(--green);overflow-wrap:anywhere}body.dark .expense-period-select{background-color:var(--surface);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.products-total-count{display:flex;align-items:baseline;gap:4px;white-space:nowrap;color:var(--muted);font-size:11px}.products-total-count strong{font-size:15px;color:var(--ink)}.products-total-value{font-size:clamp(13px,3.6vw,17px);white-space:nowrap;overflow-wrap:anywhere;color:var(--green)}@media(max-width:360px){.products-list-heading h2{font-size:15px}.products-total-summary{gap:6px}.products-total-count{font-size:10px}.products-total-count strong{font-size:14px}.products-total-value{font-size:13px}}
.page-title{font-size:23px;margin:8px 0 4px}.page-intro{font-size:13px;color:var(--muted);margin:0 0 15px}
.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-wide{grid-column:1/-1}
.chart-bars{height:175px;display:flex;align-items:flex-end;gap:6px;padding:12px 0 0;border-bottom:1px solid var(--border)}
.chart-col{height:100%;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.chart-bar{width:min(28px,70%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#36945a,#14532d)}
.chart-label,.chart-value{font-size:10px;color:var(--muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.progress-row{display:grid;grid-template-columns:minmax(65px,1fr) 2fr auto;gap:8px;align-items:center;padding:8px 0}
.progress-track{height:8px;background:var(--soft);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:99px}
.low-stock-badge{display:inline-block;background:#fff1d8;color:#895200;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:700}
.status-pill{display:inline-block;padding:6px 9px;border-radius:99px;background:var(--soft);color:var(--green);font-size:12px;font-weight:700}


.conversation-list{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.conversation-list-button{display:flex;align-items:center;gap:11px;width:100%;padding:13px;text-align:left;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:13px}.conversation-list-button .conversation-preview{flex:1;min-width:0}.conversation-list-button strong,.conversation-list-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-list-button small{font-size:12px;color:var(--muted);margin-top:4px}.conversation-list-button .conversation-time{font-size:11px;color:var(--muted);white-space:nowrap}.marketplace-subscriber-list{display:grid;gap:8px}.marketplace-subscriber-button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink)}.marketplace-subscriber-button.active{border-color:var(--green);background:var(--soft)}.marketplace-subscriber-button .subscriber-meta{flex:1;min-width:0}.marketplace-subscriber-button strong{display:block;overflow-wrap:anywhere}.marketplace-subscriber-button small{display:block;color:var(--muted);margin-top:4px}.marketplace-reservation{padding:12px 0;border-bottom:1px solid var(--border)}.marketplace-reservation:last-child{border-bottom:0}.marketplace-reservation .reservation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.marketplace-reservation .reservation-top strong{overflow-wrap:anywhere}.marketplace-reservation p{margin:6px 0;font-size:13px;line-height:1.45}.marketplace-reservation .muted{font-size:12px}.settings-menu-list{display:grid;gap:10px}.settings-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:left;color:var(--ink);min-height:76px}.settings-menu-item>span:nth-child(2){flex:1;min-width:0}.settings-menu-item strong{display:block;font-size:15px}.settings-menu-item small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.settings-page-heading{margin-bottom:14px}.settings-back-button{border:0;background:transparent;color:var(--green);font-weight:700;padding:8px 0;margin-bottom:8px}.settings-back-button:active,.settings-menu-item:active{opacity:.75}
/* In-app Privacy & Terms page */
.legal-intro-card{display:flex;align-items:flex-start;gap:12px;padding:17px;background:linear-gradient(135deg,#e6f2e8,#f7faf7);border:1px solid #d4e7d8;border-radius:15px;margin:0 0 14px}.legal-intro-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#14532d;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700}.legal-intro-card h3{margin:1px 0 5px;font-size:16px;color:#14532d}.legal-intro-card p{margin:0;color:#4b5b50;font-size:13px;line-height:1.5}.legal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#e8eee9;padding:5px;border-radius:12px;margin:0 0 14px}.legal-tab{background:transparent;color:#31533a;border:0;border-radius:9px;padding:12px 8px;font-size:14px}.legal-tab.active{background:#14532d;color:#fff;box-shadow:0 1px 4px #00000012}.legal-tab:focus-visible{outline:3px solid #83b991;outline-offset:2px}.legal-updated{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:4px 2px 10px}.legal-updated span{font-size:11px;font-weight:400;color:var(--muted,#637268)}.legal-card{padding:17px;margin:0 0 10px;line-height:1.6}.legal-card h3{font-size:15px;line-height:1.4;margin:0 0 9px;color:#14532d}.legal-card p,.legal-card li{font-size:13px;line-height:1.65;color:var(--ink,#26352a)}.legal-card p{margin:0 0 9px}.legal-card p:last-child{margin-bottom:0}.legal-card ul{padding-left:20px;margin:7px 0 0}.legal-card li{margin:0 0 6px}.legal-small-note{border-top:1px solid var(--border,#e4ebe5);padding-top:10px;color:var(--muted,#637268)!important;font-size:12px!important}.legal-footer{text-align:center;color:var(--muted,#637268);font-size:12px;padding:8px 4px 18px}.legal-footer span{padding:0 3px}
/* Settings subpages use the same clean, standalone page layout as Privacy and About. */
body.settings-detail-page-open>.seller-welcome-header{display:none!important}body.settings-detail-page-open #appWorkspace>nav,body.settings-detail-page-open #quickSaleFab{display:none!important}body.settings-detail-page-open #appWorkspace>main{padding-top:0!important}body.settings-detail-page-open #settings-business,body.settings-detail-page-open #settings-sync,body.settings-detail-page-open #settings-preferences,body.settings-detail-page-open #settings-account,body.settings-detail-page-open #settings-buybook{padding:0 0 24px!important}body.settings-detail-page-open .settings-page-heading{height:58px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 2px;border-bottom:1px solid var(--border)}body.settings-detail-page-open .settings-back-button{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--border);border-radius:50%;background:var(--soft);color:var(--green);display:grid;place-items:center;padding:0;margin:0;box-shadow:0 1px 3px #0000000d}body.settings-detail-page-open .settings-back-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}body.settings-detail-page-open .settings-back-button:focus-visible{outline:3px solid var(--green);outline-offset:3px}body.settings-detail-page-open .settings-back-button:active{transform:scale(.96)}body.settings-detail-page-open .settings-page-heading .page-title{margin:0;font-size:21px;font-weight:700}
.settings-accordion{padding:0!important;overflow:hidden;border:1px solid var(--border);border-radius:16px;margin:12px 0;background:var(--surface)}.settings-accordion>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;min-height:72px}.settings-accordion>summary::-webkit-details-marker{display:none}.settings-accordion>summary strong{display:block;font-size:15px;color:var(--ink)}.settings-accordion>summary small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.settings-summary-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:var(--soft);color:var(--green)}.settings-summary-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-chevron{margin-left:auto;font-size:27px;line-height:1;color:var(--muted);transition:transform .15s}.settings-accordion[open]>summary{border-bottom:1px solid var(--border)}.settings-accordion[open] .settings-chevron{transform:rotate(90deg)}.settings-panel{padding:16px}.settings-panel .settings-group{margin-top:12px}.settings-accordion>summary:focus-visible{outline:3px solid var(--green);outline-offset:-3px}
.settings-group{padding:14px 0;border-bottom:1px solid var(--border)}.settings-group:last-child{border:0;padding-bottom:0}
#businessLogoPreview{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;display:none;margin:0}.business-logo-editor{text-align:center;padding:10px 0 22px;margin-bottom:18px;border-bottom:1px solid var(--border)}.business-logo-avatar-wrap{position:relative;width:104px;height:104px;margin:0 auto 12px;border-radius:50%;overflow:visible;background:var(--soft);color:var(--green);display:grid;place-items:center;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border);cursor:pointer}.business-logo-avatar-wrap>svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.business-logo-avatar-wrap #businessLogoPreview{z-index:1}.business-logo-edit-button{position:absolute;right:-3px;bottom:0;z-index:3;width:36px;height:36px;display:grid;place-items:center;padding:0;border:3px solid var(--surface);border-radius:50%;background:var(--green);color:#fff;box-shadow:0 2px 6px #0003;cursor:pointer}.business-logo-edit-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.business-logo-edit-button:focus-visible{outline:3px solid var(--green);outline-offset:3px}.business-logo-editor .business-logo-title{font-size:15px;font-weight:700;margin:0 0 4px}.business-logo-editor .business-logo-help{font-size:12px;color:var(--muted);margin:0}#businessLogoInput{margin-top:6px}
body.dark{--page:#101713;--ink:#e8f0e9;--muted:#a8b8ac;--surface:#19231d;--border:#2c3a30;--soft:#23392a;color:var(--ink)}
body.admin-mode nav,body.admin-mode #quickSaleFab{display:none!important}body.admin-mode .page:not(#admin):not(#support){display:none!important}body.dark nav{background:var(--page)}body.dark nav button{color:#b8c9bc}body.dark nav button.active{color:#fff}body.dark input,body.dark select{background:#18221b;color:var(--ink);border-color:#3a4a3e}
@media(min-width:700px){.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-actions{grid-template-columns:repeat(4,1fr)}.menu-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){main{padding:10px}.card{padding:13px}.stat{padding:10px}.filters{grid-template-columns:1fr}.filter-wide{grid-column:auto}.progress-row{grid-template-columns:75px 1fr auto}}
  .entry-form-overlay{position:fixed!important;inset:12px!important;z-index:2000;overflow-y:auto;overscroll-behavior:contain;max-width:720px;margin:0 auto!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.58),0 12px 40px rgba(0,0,0,.22)!important;border:1px solid var(--border);padding:18px!important;background:var(--surface,#fff)}
  body.entry-form-open{overflow:hidden}
  .entry-form-overlay .section-heading{position:sticky;top:-18px;background:inherit;padding:8px 0;z-index:1}
  @media(min-width:700px){.entry-form-overlay{inset:24px!important}}
  .quick-sale-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));z-index:1000;width:68px;height:68px;border:0;border-radius:50%;background:#14532d;color:#fff;box-shadow:0 7px 22px #102f2060;display:none;align-items:center;justify-content:center;font-size:38px;line-height:1;cursor:pointer;touch-action:manipulation}
  .quick-sale-fab:focus-visible{outline:3px solid #86efac;outline-offset:4px}
  @media(min-width:700px){.quick-sale-fab{right:28px;bottom:100px}}
  body.auth-initializing #accountCard{display:none!important}
  #authLoading{display:none}
  body.auth-initializing #authLoading{display:flex;min-height:45vh;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#52635a;text-align:center;padding:28px}
  .auth-loading-spinner{width:34px;height:34px;border:4px solid #dbe7df;border-top-color:#14532d;border-radius:50%;animation:auth-spin .8s linear infinite}
  @keyframes auth-spin{to{transform:rotate(360deg)}}
  .product-photo{cursor:zoom-in;object-fit:cover}
  .product-image-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(5,15,10,.88);display:flex;align-items:center;justify-content:center;padding:24px}
  .product-image-lightbox.hidden{display:none}
  .product-image-lightbox img{display:block;max-width:100%;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 12px 40px #0006}
  .product-image-lightbox .lightbox-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:18px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#163d28;font-size:30px;line-height:1}
  .product-image-lightbox .lightbox-caption{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:20px;right:20px;color:#fff;text-align:center;font-weight:600}
  .category-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 3px}
.product-category-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}.category-choice{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--page);font-size:13px}.category-choice input{width:auto;margin:0;flex:none}.category-choice:has(input:checked){border-color:var(--green);background:#edf5ef}.category-choice input:disabled{opacity:.5}@media(min-width:520px){.product-category-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
  .category-suggestions:empty{display:none}
  .category-suggestions button{width:auto;margin:0;padding:7px 11px;border:1px solid #cbdccf;border-radius:999px;background:#edf5ef;color:#14532d;font-size:13px;font-weight:600}
  .category-suggestions .suggestion-label{width:100%;font-size:12px;color:#637168}
.price-calculator{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--page)}.price-calculator>strong{display:block;font-size:13px;margin-bottom:8px}.markup-options{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0 3px}.markup-options button{width:auto;margin:0;padding:7px 11px;border:1px solid #cbdccf;border-radius:999px;background:#edf5ef;color:#14532d;font-size:13px;font-weight:600}.markup-options button.selected{background:var(--green);color:#fff;border-color:var(--green)}.price-suggestion{font-size:13px;color:var(--muted);line-height:1.45;margin:9px 0 0}

.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.admin-toolbar button{width:auto;margin:0}.admin-panel-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:7px 12px calc(7px + env(safe-area-inset-bottom));margin:0;left:0;right:0;width:100%;box-sizing:border-box}.admin-panel-tab{flex:0 0 auto;width:auto;margin:0;padding:10px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:700}.admin-panel-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.admin-panel{min-width:0}.admin-panel.hidden{display:none!important}.admin-panel .card{margin-top:12px}body.admin-mode #admin{max-width:100%}

.product-summary-item{display:flex;align-items:center;gap:12px}.product-summary-item .item-product{flex:1;min-width:0}.product-summary-top{align-items:flex-start;gap:8px}.product-summary-top strong:first-child{overflow-wrap:anywhere}.product-edit-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--green)}.product-edit-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-edit-actions{flex-wrap:wrap}.product-edit-actions #deleteEditedProduct{margin-right:auto}@media(max-width:420px){.product-edit-actions #deleteEditedProduct{width:100%;margin-right:0}}

.chat-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:min(68vh,680px)}.chat-topline{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-support-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--green);font-weight:800;flex-shrink:0}.chat-topline>div:nth-child(2){flex:1;min-width:0}.chat-feedback-link{padding:8px 10px;background:var(--soft);color:var(--green);font-size:12px;white-space:nowrap}.chat-transcript{padding:16px 12px;display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:calc(68vh - 150px);overflow-y:auto;overscroll-behavior:contain;background:var(--page)}.chat-message{max-width:86%;padding:10px 12px;border-radius:15px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45;font-size:14px}.chat-message p{margin:4px 0 0}.chat-message .chat-time{display:block;text-align:right;font-size:10px;opacity:.7;margin-top:6px}.chat-message.from-user{align-self:flex-end;background:var(--green);color:white;border-bottom-right-radius:5px}.chat-message.from-support{align-self:flex-start;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-bottom-left-radius:5px}.chat-composer{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--border);background:var(--surface)}.chat-composer textarea{flex:1;min-width:0;resize:none;max-height:140px;padding:11px 13px;border:1px solid var(--border);border-radius:20px;background:var(--page);color:var(--ink);font:inherit;line-height:1.4}.chat-send-button{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:50%;padding:10px;margin:0}.chat-send-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-status{padding:0 14px 10px;margin:0}.chat-composer button:disabled{opacity:.55;cursor:wait}.admin-chat-card{padding:0;overflow:hidden}.admin-chat-user-list{display:flex;flex-direction:column}.admin-chat-user-row{display:flex;width:100%;text-align:left;align-items:center;gap:12px;padding:14px 16px;border:0;border-top:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--ink);cursor:pointer}.admin-chat-user-row:active{background:var(--soft)}.admin-chat-user-row .chat-support-avatar{flex-shrink:0}.admin-chat-user-row .admin-chat-user-meta{flex:1;min-width:0}.admin-chat-user-row strong{display:block;overflow-wrap:anywhere}.admin-chat-user-row .muted{display:block;font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-chat-unread{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--green);color:#fff;font-size:11px;font-weight:800}.admin-chat-user-row .admin-chat-preview{font-size:12px;opacity:.8;margin-top:4px}.admin-chat-composer{position:sticky;bottom:0;z-index:2;padding:12px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -3px 12px rgba(0,0,0,.06)}.admin-chat-composer textarea{min-height:46px!important;max-height:120px!important;background:var(--surface)!important;border:2px solid var(--green)!important;border-radius:24px!important;padding:12px 15px!important;font-size:16px!important;outline-offset:2px}.admin-chat-composer textarea:focus{box-shadow:0 0 0 3px rgba(20,83,45,.14)}.admin-chat-transcript{min-height:300px;max-height:calc(100dvh - 290px);background-color:#e9e5dc;background-image:radial-gradient(rgba(70,70,70,.06) .7px,transparent .7px);background-size:12px 12px}.admin-chat-bubble{box-shadow:0 1px 1px rgba(0,0,0,.08)}.admin-chat-bubble.from-admin{background:#d9fdd3;color:#12351e}.admin-chat-bubble .chat-time{font-size:11px;opacity:.8}.admin-chat-contact{background:var(--surface);margin-top:0}.admin-chat-heading{gap:8px}.admin-chat-heading button{flex-shrink:0}.admin-chat-user-list{display:flex;flex-direction:column}.admin-chat-user-row{display:flex;width:100%;text-align:left;align-items:center;gap:12px;padding:14px 16px;border:0;border-top:1px solid var(--border);border-radius:0;background:var(--surface);color:var(--ink);cursor:pointer}.admin-chat-user-row:active{background:var(--soft)}.admin-chat-user-row .chat-support-avatar{flex-shrink:0}.admin-chat-user-row .admin-chat-user-meta{flex:1;min-width:0}.admin-chat-user-row strong{display:block;overflow-wrap:anywhere}.admin-chat-user-row .muted{font-size:12px;margin-top:4px}.admin-chat-user-row .admin-chat-arrow{font-size:20px;color:var(--muted)}.admin-chat-heading{padding:16px 16px 4px;align-items:flex-start}.admin-chat-heading h2{margin:0 0 4px}.admin-chat-heading p{margin:0}.admin-chat-card>label,.admin-chat-card>#adminMessageUser{display:block;margin-left:16px;margin-right:16px;width:calc(100% - 32px)}.admin-chat-contact{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:12px}.admin-chat-contact>div:last-child{min-width:0}.admin-chat-contact strong{overflow-wrap:anywhere}.admin-chat-transcript{padding:16px 12px;display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:calc(68vh - 220px);overflow-y:auto;overscroll-behavior:contain;background:var(--page)}.admin-chat-bubble{max-width:86%;padding:10px 12px;border-radius:15px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45;font-size:14px}.admin-chat-bubble .chat-time{display:block;text-align:right;font-size:10px;opacity:.7;margin-top:6px}.admin-chat-bubble.from-user{align-self:flex-start;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-bottom-left-radius:5px}.admin-chat-bubble.from-admin{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:5px}.admin-chat-composer{position:sticky;bottom:0}.admin-chat-composer textarea:disabled{opacity:.6}.admin-chat-card .chat-status{padding-top:8px}@media(min-width:700px){.chat-card{max-width:760px}.chat-transcript{max-height:520px}.admin-chat-transcript{max-height:520px}}
/* Chat-app layout: keep the chat frame still and scroll only the message history. */
.chat-card{height:min(68dvh,680px);min-height:360px;display:flex;flex-direction:column;overflow:hidden}
.chat-transcript,.admin-chat-transcript{flex:1 1 auto;min-height:0!important;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.admin-chat-card{height:min(68dvh,680px);min-height:360px;display:flex;flex-direction:column;overflow:hidden}
#adminChatUserListView,#adminChatConversationView{min-height:0;flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}
#adminChatUserList{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.admin-chat-contact,.chat-topline,.admin-chat-composer,.chat-composer{flex-shrink:0}
@media(max-width:600px){.chat-card,.admin-chat-card{height:calc(100dvh - 260px);min-height:300px;max-height:620px}.admin-chat-user-row{padding:12px}.admin-chat-composer,.chat-composer{padding:9px}}
/* Dedicated full-screen conversation view, similar to Messenger/WhatsApp. */
/* User support chat occupies the screen; only the message transcript scrolls. */
body.user-support-open{overflow:hidden!important;height:100%;overscroll-behavior:none}
body.user-support-open header,body.user-support-open main>nav,body.user-support-open main>.page:not(#support){visibility:hidden!important}
body.user-support-open main{padding:0!important;margin:0!important;max-width:none!important;overflow:hidden!important}
body.user-support-open #support{position:fixed!important;inset:0!important;z-index:3000!important;display:flex!important;flex-direction:column!important;gap:0!important;visibility:visible!important;background:var(--page);height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
body.user-support-open #support>.section-heading{flex:0 0 auto;margin:0;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--surface);border-bottom:1px solid var(--border)}
.support-page-heading{display:flex;align-items:center;gap:10px}.support-back-button{width:40px;height:40px;flex:0 0 40px;padding:7px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--ink)}.support-back-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.support-page-heading>div{flex:1;min-width:0}body.user-support-open #support>.section-heading{gap:10px}
body.user-support-open #support>.section-heading .page-title{margin:0 0 3px;font-size:20px}
body.user-support-open #support>.section-heading .page-intro{margin:0}
body.user-support-open #support>.chat-card{flex:1 1 auto;width:100%;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:hidden!important}
body.user-support-open #support .chat-topline{flex:0 0 auto;padding:10px 12px}
body.user-support-open #userSupportMessages{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:14px 12px!important}
body.user-support-open #supportMessageForm{flex:0 0 auto!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:var(--surface);border-top:1px solid var(--border)}
body.user-support-open #supportMessageStatus{flex:0 0 auto;margin:0;padding:0 12px calc(6px + env(safe-area-inset-bottom));background:var(--surface)}
body.user-support-open #supportMessageBody{font-size:16px;max-height:120px}
body.admin-conversation-open{overflow:hidden}
body.admin-conversation-open header,body.admin-conversation-open main>nav,body.admin-conversation-open main>.page:not(#admin){visibility:hidden!important}
body.admin-conversation-open #admin{visibility:visible!important}
body.admin-conversation-open #admin .admin-panel:not([data-admin-panel-content="support"]){display:none!important}
body.admin-conversation-open #admin .admin-panel[data-admin-panel-content="support"]{display:block!important}
body.admin-conversation-open #adminChatUserListView{display:none!important}
body.admin-conversation-open #adminChatConversationView{position:fixed!important;inset:0!important;z-index:3000!important;display:flex!important;flex-direction:column!important;visibility:visible!important;background:var(--surface);height:100dvh!important;max-height:100dvh!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
body.admin-conversation-open #adminChatConversationView>.section-heading{flex:0 0 auto;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);margin:0}
body.admin-conversation-open .admin-chat-contact{flex:0 0 auto;padding:12px 14px;border-bottom:1px solid var(--border)}
body.admin-conversation-open #adminSupportMessages{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:16px 12px calc(16px + env(safe-area-inset-bottom))!important}
body.admin-conversation-open #adminReplyForm{flex:0 0 auto!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:var(--surface);border-top:1px solid var(--border)}
body.admin-conversation-open #adminReplyStatus{flex:0 0 auto;margin:0;padding:0 12px 6px;background:var(--surface)}
body.admin-conversation-open #backAdminChatList{font-size:15px}

.seller-welcome-header{background:var(--page)!important;color:var(--ink)!important;border:0!important;box-shadow:none!important;padding-top:24px!important;padding-bottom:24px!important}.seller-welcome-header .header-brand{background:transparent!important}.seller-welcome-header,.seller-welcome-header *{background-color:transparent}.seller-welcome-header .brand-copy h1{font-size:clamp(22px,5vw,30px);font-weight:600;margin:0;color:var(--text,#17211a)}.seller-welcome-header .brand-copy p{display:none!important}.seller-welcome-header .header-icon-button{background:transparent!important;color:var(--text,#17211a)!important}.seller-welcome-header .unread-badge{border-color:var(--bg,#fff)!important}
/* Sellbook green hero dashboard inspired by the OPay layout */
 .sales-history-page-open>.seller-welcome-header{display:none!important}.sales-history-page-open #appWorkspace>nav{display:none!important}.sales-history-page-open #appWorkspace>main{padding-top:0}.sales-history-page-open #quickSaleFab{display:none!important}.sales-history-page-open #sales-history{padding-top:14px}.sales-history-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;margin:0 0 12px;background:#f3f6f3;border:1px solid #dce9df;border-radius:14px}.sales-history-search{grid-column:1/-1}.sales-history-filters label{display:block;margin-bottom:5px;color:#14532d;font-size:12px;font-weight:700}.sales-history-filters input{width:100%;min-width:0;padding:11px 12px;border:1px solid #c9d9cc;border-radius:9px;background:#fff;color:#17231c;font:inherit;font-size:14px;accent-color:#14532d}.sales-history-filters input:focus{outline:2px solid #86b998;outline-offset:1px;border-color:#14532d}.sales-history-filters input::placeholder{color:#7a877e}.sales-history-filters button{grid-column:1/-1;padding:10px;border:1px solid #14532d;border-radius:9px;background:#14532d;color:#fff;font-weight:700}.sales-history-filters button:active{background:#0f4224}.sales-history-list{padding:0 14px}.sales-history-list .item{border-bottom:1px solid var(--border)}.sales-history-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--border);padding:14px 2px;cursor:pointer}.sales-history-row-main{display:block;flex:1;min-width:0}.sales-history-row .row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sales-history-row .row strong:last-child{white-space:nowrap}.sales-history-row .muted{display:block;margin-top:5px;line-height:1.45}.sales-history-row-chevron{font-size:26px;color:#14532d;line-height:1}.sales-history-row:active{background:#f3f6f3}.sale-details-page-open>.seller-welcome-header{display:none!important}.sale-details-page-open #appWorkspace>nav{display:none!important}.sale-details-page-open #appWorkspace>main{padding-top:0}.sale-details-page-open #quickSaleFab{display:none!important}.sale-details-page-open #sale-details{padding:14px}.sale-details-content{display:grid;gap:12px}.sale-detail-card{background:var(--surface,#fff);border:1px solid var(--border,#e1e8e2);border-radius:16px;padding:16px}.sale-detail-card h2{font-size:16px;margin:0 0 12px;color:#14532d}.sale-detail-product-name{font-size:21px;font-weight:800;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.sale-detail-date{font-size:13px;color:var(--muted,#68766c);margin:0}.sale-detail-lines{display:grid;gap:0}.sale-detail-line{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:11px 0;border-bottom:1px solid var(--border,#e1e8e2);font-size:14px}.sale-detail-line:last-child{border-bottom:0}.sale-detail-line span{color:var(--muted,#68766c)}.sale-detail-line strong{text-align:right;overflow-wrap:anywhere}.sale-detail-total{font-size:17px;font-weight:800;color:#14532d}.sale-detail-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sale-detail-metric{min-width:0;background:#f3f6f3;border-radius:12px;padding:12px}.sale-detail-metric small{display:block;font-size:12px;color:#647269;line-height:1.3}.sale-detail-metric strong{display:block;margin-top:6px;font-size:17px;overflow-wrap:anywhere;color:#14532d}@media(prefers-color-scheme:dark){.sale-detail-metric{background:#17251b}.sale-detail-metric small{color:#b7c5ba}.sale-detail-metric strong{color:#9fe0b1}}
.recent-sales-strip{position:relative;z-index:1;width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin:-28px 0 14px;padding:30px 15px 12px;border:0;border-radius:0 0 17px 17px;background:#e8f5ec;color:#183b27;box-shadow:none;min-height:72px}.recent-sales-check{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:transparent;color:#168044;font-size:20px;font-weight:700;border:1.5px solid #28a365}.recent-sales-strip-content{display:flex;flex:1;min-width:0;flex-direction:row;align-items:center;gap:7px}.recent-sales-strip-content strong{font-size:14px;font-weight:600;white-space:nowrap}.recent-sales-strip-content span{font-size:13px;color:#294d3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-sales-history{font-size:13px;font-weight:500;color:#35664a;white-space:nowrap;flex:0 0 auto}.recent-sales-chevron{font-size:22px;line-height:1;color:#35664a;flex:0 0 auto}.home-sales-board{background:#14532d;color:#fff;border-radius:24px;padding:22px 20px;margin:10px 0 16px;box-shadow:0 8px 22px #14532d22}.home-board-metric{min-width:0;flex:1}.home-products-count{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;margin-top:14px;padding-top:0;border-top:0;font-size:14px;font-weight:600}.home-products-count strong{font-size:22px;font-weight:800}.home-products-count-label{font-size:14px;font-weight:600}.home-products-count-label span{margin-right:4px}.home-products-count>strong{font-size:clamp(20px,5vw,26px);font-weight:800}.home-board-metric-right{text-align:right}.home-sales-board .home-dashboard-grid{margin:16px 0 0;padding-top:0;border-top:0}.home-sales-board .home-dashboard-tile{background:#ffffff12;border-color:#ffffff35;color:#fff;box-shadow:none}.home-sales-board .home-dashboard-tile small,.home-sales-board .home-tile-note{color:#ffffffc9}.home-sales-board .home-tile-icon{background:#ffffff20;color:#fff}.home-sales-board-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-sales-label{font-size:15px;font-weight:600;opacity:.95;display:flex;align-items:center;gap:8px}.sales-visibility-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:5px;border:1px solid #ffffff60;border-radius:50%;background:#ffffff12;color:#fff;opacity:1}.sales-visibility-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sales-visibility-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.home-sales-amount{font-size:clamp(27px,6vw,36px);font-weight:800;line-height:1.25;margin:12px 0 20px;overflow-wrap:anywhere}.home-sales-board-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:0;padding-top:0}.home-sales-subs-label{font-size:13px;opacity:.82}.home-sales-subs-value{font-size:20px;font-weight:800;margin-top:3px}.home-add-sales{border:1px solid #ffffff60!important;background:#ffffff12!important;color:#fff!important;border-radius:28px!important;padding:12px 17px!important;font-weight:700;white-space:nowrap}.home-add-sales:active{background:#ffffff25!important}.home-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 14px}.buybook-home-card{margin:0 0 14px;padding:0;border:1px solid #e2ebe4;border-radius:16px;background:#fff;box-shadow:0 2px 9px #10201608;overflow:hidden}.buybook-home-card>button{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;background:transparent;color:var(--ink);text-align:left}.buybook-home-card .quick-icon{flex:0 0 42px;width:42px;height:42px;margin:0;border-radius:13px;background:#e5f1e7;color:#14532d;display:grid;place-items:center}.buybook-home-card .quick-icon svg{width:23px;height:23px}.buybook-home-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.buybook-home-copy strong{font-size:14px}.buybook-home-copy small{font-size:12px;color:#647269}.buybook-home-chevron{font-size:24px;color:#8a988e;line-height:1}.home-dashboard-tile{background:#fff;border:1px solid #e7eee8;border-radius:14px;padding:14px 12px;box-shadow:0 2px 9px #10201608;min-width:0}.home-tile-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e5f1e7;color:#14532d;font-weight:800;font-size:18px;margin-bottom:12px}.home-dashboard-tile small{display:block;color:#647269;font-size:12px;line-height:1.3}.home-dashboard-tile strong{display:block;font-size:clamp(18px,4vw,25px);margin:7px 0;overflow-wrap:anywhere}.home-tile-note{display:block;font-size:10px;color:#7a877e;line-height:1.35}.header-actions .header-icon-button{background:#f2f6f3;color:#14532d}.home-dashboard-grid+.card .stats .stat{background:#f6f8f6}@media(max-width:420px){.home-dashboard-grid{gap:7px}.home-dashboard-tile{padding:11px 9px}.home-tile-note{font-size:9px}.home-sales-board{padding:19px 16px;border-radius:21px}.home-add-sales{padding:10px 12px!important;font-size:13px}}.daily-sales-summary{display:grid;gap:0}.daily-sales-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1ed}.daily-sales-row:last-child{border-bottom:0}.daily-sales-row span{font-size:13px;color:#647269}.daily-sales-row strong{font-size:14px;white-space:nowrap}
/* Floating action and subscriber picker for starting a new chat */
#messenger .messenger-new-chat{position:fixed;z-index:35;right:22px;bottom:calc(86px + env(safe-area-inset-bottom));width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.22)}
#messenger .messenger-new-chat svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#messenger .messenger-picker-overlay{position:fixed;z-index:3200;inset:0;background:var(--page);display:flex;align-items:stretch;justify-content:center}
#messenger .messenger-picker-overlay.hidden{display:none}
#messenger .messenger-picker-sheet{width:100%;max-width:none;height:100%;max-height:none;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border-radius:0;padding:calc(14px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));box-shadow:none}
#messenger .messenger-picker-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 4px 12px}
#messenger .messenger-picker-heading h3{margin:0;color:var(--green);font-size:20px}
#messenger .messenger-picker-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}
#messenger #closeMessengerSubscriberPicker{display:grid;place-items:center;flex:0 0 40px;border:0;border-radius:50%;width:40px;height:40px;padding:0;background:var(--soft);color:var(--ink)}
#messenger #closeMessengerSubscriberPicker svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#messenger #messengerSubscriberSearch{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:24px;background:var(--soft);color:var(--ink);margin-bottom:10px}
#messenger .messenger-picker-list{overflow-y:auto;min-height:100px}
#messenger .messenger-picker-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 8px;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink)}
#messenger .messenger-picker-row .subscriber-meta{flex:1;min-width:0}
#messenger .messenger-picker-row strong,#messenger .messenger-picker-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#messenger .messenger-picker-row small{margin-top:4px;color:var(--muted);font-size:12px}
/* WhatsApp-like Messenger layout and conversation list */
#messenger .messenger-main-heading .page-title{color:var(--green);font-size:29px;font-weight:750;letter-spacing:-.7px}
#messenger .messenger-main-heading .page-intro{margin-top:1px;font-size:12px}
#messenger .messenger-header-action{border:0;background:transparent;color:var(--ink);font-size:28px;width:44px;height:44px;border-radius:50%}
#messenger .messenger-list-card{padding:12px 0 0!important;background:var(--surface)}
#messenger .messenger-search{width:calc(100% - 28px);margin:0 14px 12px!important;border:0!important;border-radius:28px!important;padding:13px 17px 13px 44px!important;background:var(--soft);font-size:15px;min-height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%236b7470' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:15px center}
#messenger .messenger-filter-row{display:flex;gap:8px;overflow-x:auto;padding:0 14px 13px;border-bottom:1px solid var(--border);scrollbar-width:none}
#messenger .messenger-filter{flex:0 0 auto;border:1px solid var(--border);border-radius:22px;padding:7px 15px;background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;white-space:nowrap}
#messenger .messenger-filter.active{background:var(--green);border-color:var(--green);color:#fff}
#messenger .conversation-list-button{flex:0 0 auto;align-self:stretch;box-sizing:border-box;gap:12px!important;padding:13px 15px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;min-height:82px!important;height:auto!important;max-height:96px}
#messenger .conversation-list-button:active{background:var(--soft)}
#messenger .chat-support-avatar{width:52px;height:52px;border-radius:50%;font-size:19px;background:var(--soft);color:var(--green)}
#messenger .conversation-preview{gap:5px!important}
#messenger .conversation-preview strong{font-size:16px!important;font-weight:650}
#messenger .conversation-preview small{font-size:13px!important;line-height:1.35}
#messenger .conversation-time{align-self:stretch;justify-content:flex-start;align-items:flex-end;font-size:11px;padding-top:2px}
#messenger .conversation-time .status-pill{background:var(--green);color:white;border-radius:14px;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
@media(max-width:600px){
 body.messenger-open #messenger>.section-heading.messenger-main-heading{padding:calc(12px + env(safe-area-inset-top)) 18px 10px!important}
 body.messenger-open #messenger>.messenger-list-card{padding-top:10px!important}
}
/* Accurate Messenger delivery labels and conversation-list status */
#messenger .messenger-list-ticks{display:inline-block;font-size:12px;font-weight:800;letter-spacing:-2px;color:var(--muted);margin-right:3px;white-space:nowrap}
#messenger .messenger-list-ticks.is-read{color:#168bff}
#messenger .chat-message.from-user .chat-time{color:rgba(255,255,255,.88)}
#messenger .chat-message.from-user .chat-time .messenger-message-ticks.is-read{color:#73c8ff;font-weight:800}
/* WhatsApp-inspired Sellbook Messenger: compact chat list, full-height mobile conversation, and familiar message bubbles. */
#messenger .messenger-search{width:100%;border:1px solid var(--border);background:var(--soft);color:var(--ink);border-radius:22px;padding:12px 15px;font:inherit;margin:0 0 10px}
#messenger .messenger-list-card{padding:12px}
#messenger .messenger-list-card>.section-heading{padding:4px 3px 10px}
#messenger .conversation-list-button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 8px;border-radius:10px;border-bottom:1px solid var(--border);background:transparent;color:var(--ink)}
#messenger .conversation-list-button:last-child{border-bottom:0}
#messenger .conversation-list-button:active{background:var(--soft)}
#messenger .conversation-preview{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
#messenger .conversation-preview strong{font-size:15px}
#messenger .conversation-preview small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#messenger .conversation-time{display:flex;align-items:flex-end;gap:5px;flex-direction:column;font-size:11px;color:var(--muted);white-space:nowrap}
#messenger .chat-card{display:flex;flex-direction:column;min-height:420px;overflow:hidden}
#messenger .chat-topline{gap:10px}
#messenger .messenger-back{display:none;border:0;background:transparent;color:var(--ink);padding:7px 10px;font-size:24px}
#messenger .chat-transcript{background-color:var(--page);background-image:radial-gradient(var(--border) .65px,transparent .65px);background-size:14px 14px;padding:14px;display:flex;flex-direction:column;gap:8px}
#messenger .chat-message{max-width:min(82%,520px);width:fit-content;margin:0;padding:9px 11px;border-radius:12px;background:var(--surface);box-shadow:0 1px 1px #00000010;overflow-wrap:anywhere}
#messenger .chat-message.from-user{align-self:flex-end;background:var(--green);color:#fff;border-top-right-radius:4px}
#messenger .chat-message.from-support{align-self:flex-start;border-top-left-radius:4px}
#messenger .chat-message strong{display:block;font-size:11px;margin-bottom:3px;opacity:.72}
#messenger .chat-message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.4}
#messenger .chat-message .chat-time{display:block;text-align:right;font-size:10px;margin-top:5px;opacity:.65}
#messenger .chat-composer{gap:8px;align-items:flex-end}
#messenger #messengerBody{resize:none;max-height:120px;border-radius:22px;padding:12px 15px}
#messenger .chat-send-button{width:44px;height:44px;min-width:44px;border-radius:50%;padding:10px}
#messenger .chat-send-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){
 body.messenger-open{overflow:hidden!important;height:100%;overscroll-behavior:none}
 body.messenger-open header,body.messenger-open main>nav,body.messenger-open main>.page:not(#messenger){visibility:hidden!important}
 body.messenger-open main{position:fixed!important;inset:0!important;padding:0!important;margin:0!important;max-width:none!important;overflow:hidden!important;visibility:visible!important}
 body.messenger-open #messenger{position:fixed!important;inset:0!important;z-index:3000!important;display:flex!important;flex-direction:column!important;gap:0!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:var(--page);visibility:visible!important}
 body.messenger-open #messenger>.section-heading{flex:0 0 auto;margin:0;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--surface);border-bottom:1px solid var(--border)}
 body.messenger-open #messenger>.messenger-list-card{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-radius:0;margin:0;padding:10px 12px;box-shadow:none}
 body.messenger-open #messengerConversationList{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
 body.messenger-open #messengerChatCard{display:none!important}
 body.messenger-open.messenger-conversation-open #messenger>.messenger-list-card{display:none!important}
 body.messenger-open.messenger-conversation-open #messengerChatCard{position:fixed!important;inset:0!important;z-index:3001!important;display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body.messenger-open.messenger-conversation-open #messengerChatCard .chat-topline{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:var(--surface);border-bottom:1px solid var(--border)}
 body.messenger-open.messenger-conversation-open #messengerChatCard .messenger-back{display:block}
 body.messenger-open.messenger-conversation-open #messengerTranscript{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 body.messenger-open.messenger-conversation-open #messengerComposer{flex:0 0 auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}
 body.messenger-open.messenger-conversation-open #messengerStatus{flex:0 0 auto;background:var(--surface);margin:0;padding:0 12px calc(4px + env(safe-area-inset-bottom))}
}


/* OPay-inspired account panel: clear profile, shortcuts and grouped settings */
.me-page{background:var(--page);padding:0 0 22px!important;gap:14px!important}
.me-topbar{display:flex;align-items:center;gap:11px;padding:18px 4px 4px}
.me-brand-mark{width:43px;height:43px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:850;font-size:24px;box-shadow:0 4px 12px #14532d22}
.me-topbar-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.me-topbar-title strong{font-size:20px;letter-spacing:-.3px}.me-topbar-title small{font-size:12px;color:var(--muted)}
.me-settings-button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #00000008}.me-settings-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.me-profile-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:16px;border:0;border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px #00000005}.me-profile-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--green)}.me-profile-avatar svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.me-profile-copy{display:flex;flex:0 1 auto;min-width:0;flex-direction:column;gap:4px}.me-profile-copy strong{font-size:19px;overflow-wrap:anywhere}.me-profile-copy span,.me-profile-copy small{display:none}.me-chevron{font-size:26px;color:#aab3ad;line-height:1}.me-profile-chevron{flex:0 0 auto;margin:0}
.me-summary-card{padding:17px 18px;border-radius:18px;background:linear-gradient(120deg,#e3f6eb,#f8fffb 85%);border:1px solid #d8eee0;color:#16452d}.me-business-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:16px 0;padding:12px 0;border-top:1px solid #cfe7d8;border-bottom:1px solid #cfe7d8}.me-business-stats>div{min-width:0;padding:4px 6px;text-align:center}.me-business-stats>div+div{border-left:1px solid #cfe7d8}.me-business-stats small{display:block;margin-bottom:6px;color:#527261;font-size:12px}.me-business-stats strong{display:block;color:#14532d;font-size:19px;overflow-wrap:anywhere}.me-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:750}.me-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;background:#c7ead5;font-size:11px;color:#14532d;white-space:nowrap}.me-status-pill i{width:6px;height:6px;border-radius:50%;background:#168447}.me-summary-card p{margin:10px 0 13px;font-size:13px;line-height:1.5;color:#527261}.me-summary-card>button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;border:0;border-top:1px solid #cfe8d8;background:transparent;color:#14532d;font-weight:700;text-align:left}.me-summary-card>button span{font-size:23px}
.me-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px 9px;border-radius:18px;background:var(--surface);box-shadow:0 2px 10px #00000005}.me-shortcuts button{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;padding:4px 2px;border:0;background:transparent;color:var(--ink);text-align:center}.me-shortcut-icon{width:52px;height:52px;border-radius:17px;background:var(--soft);color:var(--green);display:grid;place-items:center;font-size:24px}.me-shortcut-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.me-shortcuts strong{font-size:13px;font-weight:650}.me-shortcuts small{font-size:11px;color:var(--muted)}
.me-menu-card{overflow:hidden;border-radius:18px;background:var(--surface);box-shadow:0 2px 10px #00000005;padding:0 15px}.me-menu-row{width:100%;display:flex;align-items:center;gap:13px;min-height:70px;padding:11px 2px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);text-align:left}.me-menu-row:last-child{border-bottom:0}.me-row-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--green);font-size:22px;font-weight:600}.me-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.me-row-copy strong{font-size:14px;font-weight:650}.me-row-copy small{font-size:11px;color:var(--muted);line-height:1.35}.me-footer-note{text-align:center;color:var(--muted);font-size:11px;padding:3px 0 8px}
@media(min-width:700px){.me-page{max-width:760px;margin:0 auto!important}.me-shortcuts{gap:22px;padding:18px 35px}.me-menu-row{min-height:74px}}

/* Me panel layout refined to follow the supplied OPay account-page arrangement */
.me-page{gap:14px!important;background:#f0f1f8!important;padding:4px 0 22px!important}
.me-topbar{display:flex;justify-content:flex-end;min-height:46px;padding:8px 4px 0;gap:12px}
.me-topbar-title{display:none}
.me-topbar-actions{display:flex;align-items:center;gap:12px}
.me-profile-card{background:transparent;box-shadow:none;border-radius:0;padding:10px 8px 14px;gap:10px}
.me-profile-avatar{width:72px;height:72px;flex-basis:72px;border-radius:50%;background:#e1f5eb}
.me-profile-copy strong{font-size:20px;font-weight:600}
.me-profile-copy span{font-size:12px}
.me-profile-copy small{display:inline-flex;align-self:flex-start;padding:5px 11px;border-radius:20px;background:#bfe8d2;color:#14532d;font-weight:700}
.me-summary-card{background:#fff;border:0;border-radius:22px;color:var(--ink);padding:20px}
.me-summary-heading{font-size:17px;color:var(--ink)}
.me-summary-card p{color:var(--muted)}
.me-summary-card>button{border-color:#edf0f0;color:var(--green)}
.me-shortcuts{border-radius:22px;padding:22px 10px}
.me-shortcut-icon{border-radius:18px;background:#e0f5eb}
.me-menu-card{border-radius:22px;padding:0 18px}
.me-menu-row{min-height:79px;gap:14px}
.me-row-icon{background:transparent;border-radius:0;color:var(--ink);font-size:25px}
.me-footer-note{padding-bottom:12px}
@media(min-width:700px){.me-page{padding-top:12px!important}}
/* Top-right support and gear controls, matching the reference account panel */
.me-topbar{padding:18px 4px 4px;gap:12px}
.me-topbar-title{margin-right:auto}
.me-topbar-actions{display:flex;align-items:center;gap:10px}
.me-top-icon{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 2px 7px #00000008}
.me-top-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.me-settings-button svg{width:25px;height:25px;stroke-width:2}
.me-top-icon:active{background:var(--soft);transform:scale(.97)}

/* Keep the three global action icons on Home only. Me has its own Support + Settings pair. */
body:has(#me:not(.hidden)) .seller-welcome-header{display:none!important}
body:has(#me:not(.hidden)) #me{padding-top:0!important}
body:has(#me:not(.hidden)) .me-topbar{padding-top:max(10px, env(safe-area-inset-top))!important}
.me-support-button svg{width:25px;height:25px;stroke-width:2}

/* OPay-inspired Me header: action icons on their own upper row, using Sellbook green */
.me-topbar{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:14px 4px 4px!important}
.me-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;order:0}
.me-top-icon{width:48px;height:48px;flex-basis:48px;border:0;border-radius:50%;background:var(--green)!important;color:#fff!important;box-shadow:0 4px 12px #14532d22}
.me-top-icon svg{stroke:#fff!important;width:26px;height:26px;stroke-width:2.1}
.me-settings-button svg{width:27px;height:27px;stroke-width:2.2}
.me-topbar-title{order:1;margin:0!important;width:100%}
.me-topbar-title strong{font-size:23px}

/* Match the Home header action buttons: pale Sellbook page tint, dark-green icons. */
#me .me-top-icon{background:#f2f6f3!important;color:#536458!important;border:0!important;box-shadow:0 2px 7px #00000018!important}
#me .me-top-icon svg{stroke:#536458!important}

.buybook-connection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.buybook-connection-bar strong{font-size:15px;line-height:1.4}.buybook-connection-bar .danger{flex:0 0 auto;padding:9px 12px;border-radius:10px}.buybook-connection-bar .connected{color:#167443}.buybook-connection-bar .not-connected{color:var(--muted)}

/* Clear, uncluttered Me panel: grouped actions and consistent touch targets */
.me-page{gap:14px!important;padding:6px 0 24px!important;background:#f1f2f7!important}
.me-topbar{min-height:42px;padding:8px 8px 0!important;justify-content:flex-end!important}
.me-profile-card{margin:0 4px!important;width:calc(100% - 8px)!important;min-height:92px;text-align:left;cursor:pointer}
.me-profile-copy{min-width:0;flex:0 1 auto;flex-direction:row;align-items:center;gap:4px}.me-profile-copy strong,.me-profile-copy span{overflow-wrap:anywhere}.me-profile-copy .me-profile-chevron{display:inline-block;flex:0 0 auto;margin:0;font-size:24px;line-height:1}
.me-summary-card{margin:0 4px!important}.me-shortcuts{margin:0 4px!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:16px 8px!important}
.me-shortcuts button{min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px;padding:4px 2px;background:transparent;border:0;color:var(--ink);text-align:center}
.me-shortcuts button strong{font-size:13px}.me-shortcuts button small{font-size:11px;color:var(--muted);line-height:1.3}.me-shortcut-icon{width:48px;height:48px;display:grid;place-items:center}.me-shortcut-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.me-menu-section{margin:0 4px}.me-menu-section h3{font-size:14px;font-weight:750;margin:2px 8px 10px;color:var(--muted)}.me-menu-card{margin:0!important}.me-menu-row{min-height:68px!important;padding:10px 8px!important}.me-row-copy{min-width:0;flex:1}.me-row-copy strong{font-size:14px}.me-row-copy small{font-size:12px;line-height:1.35}.me-footer-note{text-align:center;color:var(--muted);font-size:12px;padding:8px 0 16px}
@media(max-width:360px){.me-shortcuts{padding:12px 4px!important}.me-shortcut-icon{width:42px;height:42px}.me-shortcuts button strong{font-size:12px}}
.low-stock-entry-button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;min-height:0;padding:7px 12px;text-align:center;color:#14532d;cursor:pointer;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;box-shadow:0 1px 4px rgba(20,83,45,.08)}.low-stock-entry-title{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;line-height:1.2;font-weight:700}.low-stock-entry-description{font-size:.92rem;color:var(--muted,#68736b)}.low-stock-entry-button:focus-visible{outline:2px solid #14532d;outline-offset:2px}
.product-list-filters{display:flex;align-items:center;gap:10px;margin:10px 0 14px}.product-list-filters input[type="search"]{flex:1 1 58%;width:58%;min-width:0;padding:8px 14px;border-radius:999px;font-size:14px}.product-list-filters select{flex:0 1 42%;width:42%;min-width:0;padding:8px 10px;border-radius:999px;font-size:14px}

.product-open-button{width:100%;display:flex;text-align:left;align-items:center;border:0;border-bottom:1px solid #e7ece8;border-radius:0;background:transparent;color:inherit;padding:12px 0;cursor:pointer}.product-open-button .item-product{flex:1;min-width:0}.product-details-photo{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:14px;background:#f3f6f3}.product-details-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px}.product-details-name{font-size:22px;margin:0;min-width:0;overflow-wrap:anywhere}.product-details-edit-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #cfe2d2;border-radius:11px;background:#e5f1e7;color:#14532d}.product-details-edit-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.product-details-field{border:1px solid var(--border,#e4ebe5);border-radius:12px;padding:12px;min-width:0}.product-details-field small{display:block;color:var(--muted,#647269);font-size:12px;margin-bottom:5px}.product-details-field strong{overflow-wrap:anywhere}.product-details-edit{width:100%;margin-top:16px}

/* Compact three-column layout for today's sales summary. */
.sales-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sales-summary-heading h2{margin:0;min-width:0}.sales-summary-period{flex:0 0 auto;min-width:0;width:auto;max-width:150px;min-height:36px;padding:6px 30px 6px 12px;font-size:13px;background-position:right 10px center}.today-sales-summary .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.today-sales-summary .stat{min-width:0;padding:10px 8px;border-radius:9px}
.today-sales-summary .stat small{font-size:11px;line-height:1.3;margin-bottom:5px;overflow-wrap:anywhere}
.today-sales-summary .stat strong{font-size:clamp(13px,3.7vw,19px);line-height:1.25;overflow-wrap:anywhere}
@media(max-width:360px){.today-sales-summary .stats{gap:5px}.today-sales-summary .stat{padding:9px 5px}.today-sales-summary .stat small{font-size:10px}}
.home-marketplace-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 14px;padding:10px 6px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.home-marketplace-board .buybook-home-card{margin:0;min-width:0;height:100%;border:0;border-radius:12px;background:transparent;box-shadow:none;overflow:visible}.home-marketplace-board .buybook-home-card+.buybook-home-card{border-left:1px solid var(--border);border-radius:0}.home-marketplace-board .buybook-home-card>button{height:100%;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap;position:relative;padding:10px 4px;text-align:center}.home-marketplace-board .buybook-home-card .quick-icon{flex:0 0 36px;width:36px;height:36px}.home-marketplace-board .buybook-home-copy{flex:0 1 auto;min-width:0}.home-marketplace-board .buybook-home-copy strong{display:block;font-size:13px;overflow-wrap:anywhere}.home-marketplace-board .buybook-home-copy small,.home-marketplace-board .buybook-home-chevron{display:none}@media(max-width:340px){.home-marketplace-board{padding:8px 3px}.home-marketplace-board .buybook-home-card>button{padding:8px 2px}.home-marketplace-board .buybook-home-copy strong{font-size:12px}}.home-marketplace-board .buybook-home-card>button{height:100%;min-height:112px;align-items:flex-start;gap:8px;flex-wrap:wrap;position:relative;padding:12px 26px 12px 10px}.home-marketplace-board .buybook-home-card .quick-icon{flex:0 0 36px;width:36px;height:36px}.home-marketplace-board .buybook-home-copy{flex-basis:100%}.home-marketplace-board .buybook-home-copy small{line-height:1.35}.home-marketplace-board .buybook-home-chevron{position:absolute;right:9px;top:18px}@media(max-width:340px){.home-marketplace-board{gap:7px}.home-marketplace-board .buybook-home-card>button{padding-left:8px}.home-marketplace-board .buybook-home-copy strong{font-size:13px}}.home-marketplace-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:10px 6px 14px!important;margin-top:36px!important;margin-bottom:14px!important}.home-marketplace-board .buybook-home-card{display:contents!important}.home-marketplace-board .buybook-home-card>button{min-width:0;min-height:88px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 3px!important;text-align:center!important;border:0!important;background:transparent!important}.home-marketplace-board .buybook-home-card .quick-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:14px;background:#e8f5ec;color:var(--green)}.home-marketplace-board .buybook-home-copy{display:contents!important}.home-marketplace-board .buybook-home-copy strong{font-size:12px!important;line-height:1.25;font-weight:600!important}.home-marketplace-board .buybook-home-copy small,.home-marketplace-board .buybook-home-chevron{display:none!important}.home-marketplace-board .buybook-home-card+.buybook-home-card{border-left:0!important}
/* Me panel: keep menu rows clean by hiding explanatory subtitles under each label. */
.me-menu-row .me-row-copy small{display:none!important}

/* Me panel quick links placed directly below the business summary board. */
.me-quick-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:12px 0 20px;padding:6px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 2px 8px rgba(0,0,0,.04)}.me-quick-tool{min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:0;border-radius:11px;background:transparent;color:var(--text);font:inherit;cursor:pointer}.me-quick-tool+ .me-quick-tool{border-left:1px solid var(--border);border-radius:0 11px 11px 0}.me-quick-tool .tile-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e8f5ec;color:var(--green);font-size:20px}.me-quick-tool strong{font-size:13px;font-weight:600}
/* Keep standalone tool and information pages consistent: page title replaces the seller header and the app navigation stays hidden. */
body.reports-page-open>.seller-welcome-header,body.stock-page-open>.seller-welcome-header,body.stock-history-page-open>.seller-welcome-header,body.stock-history-detail-page-open>.seller-welcome-header,body.legal-page-open>.seller-welcome-header,body.about-sellbook-page-open>.seller-welcome-header,body.business-profile-page-open>.seller-welcome-header,body.sales-history-page-open>.seller-welcome-header,body.sale-details-page-open>.seller-welcome-header,body.expenses-page-open>.seller-welcome-header{display:none!important}
body.reports-page-open #appWorkspace>nav,body.stock-page-open #appWorkspace>nav,body.stock-history-page-open #appWorkspace>nav,body.stock-history-detail-page-open #appWorkspace>nav,body.legal-page-open #appWorkspace>nav,body.about-sellbook-page-open #appWorkspace>nav,body.business-profile-page-open #appWorkspace>nav,body.sales-history-page-open #appWorkspace>nav,body.sale-details-page-open #appWorkspace>nav,body.expenses-page-open #appWorkspace>nav{display:none!important}
body.reports-page-open>.seller-welcome-header{display:none!important}body.reports-page-open #appWorkspace>nav,body.reports-page-open #quickSaleFab{display:none!important}body.reports-page-open #appWorkspace>main{padding-top:0!important}body.reports-page-open #reports{padding:0 0 24px!important}.reports-page-heading{height:58px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 2px;border-bottom:1px solid var(--border)}.reports-back-button{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:30px;line-height:1;display:grid;place-items:center}.reports-page-heading .page-title{margin:0;font-size:21px}body.stock-page-open>.seller-welcome-header,body.stock-history-page-open>.seller-welcome-header,body.stock-history-detail-page-open>.seller-welcome-header{display:none!important}body.stock-page-open #appWorkspace>nav,body.stock-page-open #quickSaleFab,body.stock-history-page-open #appWorkspace>nav,body.stock-history-page-open #quickSaleFab,body.stock-history-detail-page-open #appWorkspace>nav,body.stock-history-detail-page-open #quickSaleFab{display:none!important}body.stock-page-open #appWorkspace>main,body.stock-history-page-open #appWorkspace>main,body.stock-history-detail-page-open #appWorkspace>main{padding-top:0!important}body.stock-page-open #stock,body.stock-history-page-open #stock-history,body.stock-history-detail-page-open #stock-history-detail{padding:0 0 24px!important}.stock-page-heading,.stock-history-page-heading,.stock-history-detail-heading{height:58px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 2px;border-bottom:1px solid var(--border)}.stock-back-button,.stock-history-back-button,.stock-history-detail-back-button{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:30px;line-height:1;display:grid;place-items:center}.stock-page-heading .page-title,.stock-history-page-heading .page-title,.stock-history-detail-heading .page-title{margin:0;font-size:21px}.stock-history-open-button{margin-left:auto;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--green)}.stock-history-open-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stock-history-row{width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:13px;margin:0 0 9px;color:var(--text)}.stock-history-row .row{display:flex;justify-content:space-between;gap:10px;align-items:center}.stock-history-row .muted{display:block;margin-top:5px;font-size:12px}.stock-history-detail-field{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px}.stock-history-detail-field span{color:var(--muted)}.stock-history-detail-field strong{text-align:right;overflow-wrap:anywhere}body.legal-page-open>.seller-welcome-header,body.about-sellbook-page-open>.seller-welcome-header{display:none!important}body.legal-page-open #appWorkspace>nav,body.about-sellbook-page-open #appWorkspace>nav,body.legal-page-open #quickSaleFab,body.about-sellbook-page-open #quickSaleFab{display:none!important}body.legal-page-open #appWorkspace>main,body.about-sellbook-page-open #appWorkspace>main{padding-top:0!important}body.legal-page-open #settings-legal,body.about-sellbook-page-open #about-sellbook{padding:0 0 24px!important}.legal-page-heading{height:58px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 2px;border-bottom:1px solid var(--border)}.legal-page-back{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:30px;line-height:1;display:grid;place-items:center}.legal-page-heading .page-title{margin:0;font-size:21px}body.settings-main-page-open>.seller-welcome-header{display:none!important}body.settings-main-page-open #appWorkspace>nav,body.settings-main-page-open #quickSaleFab{display:none!important}body.settings-main-page-open #appWorkspace>main{padding-top:0!important}body.settings-main-page-open #settings{padding:0 0 24px!important}.settings-main-page-heading{height:58px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:0 2px;border-bottom:1px solid var(--border)}.settings-main-back-button{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:30px;line-height:1;display:grid;place-items:center}.settings-main-page-heading .page-title{margin:0;font-size:21px}body.business-profile-page-open>.seller-welcome-header{display:none!important}body.business-profile-page-open #appWorkspace>nav,body.business-profile-page-open #quickSaleFab{display:none!important}body.business-profile-page-open #appWorkspace>main{padding-top:0!important}body.business-profile-page-open #business-details{padding:0 0 24px!important}.business-profile-page-heading{height:58px;display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:0 2px;border-bottom:1px solid var(--border)}.business-profile-page-heading h2{margin:0;font-size:19px;font-weight:750}.business-profile-back{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text)}.business-profile-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.business-profile-content{padding:0 2px}.business-profile-content .business-details-avatar{width:92px;height:92px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--soft);color:var(--green)}.business-profile-content .business-details-avatar svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.business-profile-content .business-details-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.business-profile-content .business-details-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;padding:17px 0;font-size:14px}.business-profile-content .business-details-row>span{min-width:0;color:var(--muted)}.business-profile-content .business-details-row>strong{min-width:0;text-align:right;overflow-wrap:anywhere;word-break:normal;font-weight:650}@media(max-width:360px){.business-profile-content .business-details-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;padding:15px 0;font-size:13px}.business-profile-content .business-details-avatar{width:80px;height:80px}}
.business-details-identity{display:flex;align-items:center;gap:12px;padding:4px 0 16px;border-bottom:1px solid var(--border);margin-bottom:6px}.business-details-avatar{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:26px}.business-details-identity h3{margin:0 0 5px;font-size:17px}.business-details-identity p{margin:0}.business-details-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);font-size:13px}.business-details-row:last-of-type{border-bottom:0}.business-details-row>span{color:var(--muted);flex:0 0 42%}.business-details-row>strong{text-align:right;overflow-wrap:anywhere;min-width:0}

/* Keep the App preference Appearance control pill-shaped and pill-sized. */
#themePreference{display:inline-block;width:auto;min-width:190px;max-width:100%;min-height:42px;padding:9px 38px 9px 16px;border-radius:999px;font-size:14px;font-weight:700;box-sizing:border-box}
@media(max-width:420px){#themePreference{width:auto;min-width:190px;max-width:100%}}

/* Dark mode contrast and surface consistency across the app */
body.dark{
 color-scheme:dark;
 --page:#101713;
 --ink:#edf5ef;
 --muted:#b4c2b8;
 --surface:#1b2720;
 --border:#394a3e;
 --soft:#263b2d;
}
body.dark body, body.dark main, body.dark .page{color:var(--ink)}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,
body.dark p,body.dark label,body.dark legend,body.dark li,
body.dark dt,body.dark dd,body.dark .page-title,body.dark .section-heading,
body.dark .settings-page-heading,body.dark .settings-group,
body.dark .business-logo-title{color:var(--ink)}
body.dark .muted,body.dark small,body.dark .help-text,body.dark .hint,
body.dark .business-logo-help,body.dark .expense-period-select-label,
body.dark .subtext,body.dark .secondary-text{color:var(--muted)}
body.dark .card,body.dark .stat,body.dark .menu-tile,body.dark .quick-action,
body.dark .settings-group,body.dark .settings-row,body.dark .settings-item,
body.dark .summary-card,body.dark .panel,body.dark .modal,
body.dark .dialog,body.dark .empty-state,body.dark .product-card,
body.dark .sale-card,body.dark .expense-card,body.dark .list-card,
body.dark .report-card,body.dark .business-details-row,
body.dark .entry-form-overlay{
 background-color:var(--surface);
 color:var(--ink);
 border-color:var(--border);
}
body.dark input,body.dark select,body.dark textarea,
body.dark .search-input,body.dark .filter-input{
 background-color:#121c16;
 color:var(--ink);
 border-color:#46594b;
}
body.dark input::placeholder,body.dark textarea::placeholder{color:#a5b4a9;opacity:1}
body.dark input:disabled,body.dark select:disabled,body.dark textarea:disabled{
 background-color:#202b24;color:#9eaea2;opacity:1
}
body.dark button:not(.primary):not(.danger):not(.success):not(.active):not(.nav-button),
body.dark .secondary-button,body.dark .outline-button,body.dark .settings-back-button{
 color:var(--ink);
 border-color:var(--border);
}
body.dark .settings-back-button{background:#26382b}
body.dark table{color:var(--ink);border-color:var(--border)}
body.dark th{background:#26362b;color:#edf5ef;border-color:var(--border)}
body.dark td,body.dark tr{border-color:var(--border)}
body.dark hr{border-color:var(--border)}
body.dark .chip,body.dark .category-chip,body.dark .filter-chip,
body.dark .markup-option,body.dark .pill,body.dark .badge-neutral{
 background:#26382b;color:#e5f2e8;border-color:#46594b;
}
body.dark .product-open-button{color:var(--ink);border-color:var(--border)}
body.dark .product-open-button:hover,body.dark .menu-tile:hover,
body.dark .quick-action:hover{background-color:#24352a}
body.dark .nav button,body.dark nav button{color:#c4d2c8}
body.dark nav button.active{color:#fff}
body.dark .business-logo-avatar-wrap{background:#26382b;border-color:#526b59}
body.dark .business-logo-avatar-wrap>svg{stroke:#d5e5d9}
body.dark .business-logo-edit-button{background:var(--green);color:#fff;border-color:#8ab99a}
body.dark .divider,body.dark .list-divider{border-color:var(--border)}
body.dark a:not(.primary){color:#9fe0b1}
body.dark .success-text{color:#8de0a8}
body.dark .warning-text{color:#ffd28a}
body.dark .error-text,body.dark .danger-text{color:#ffaaa5}
body.dark #themePreference{background-color:#19271e;color:var(--ink);border-color:#64856c}

/* Sellbook dark mode: premium midnight-plum background with subtle depth. */
body.dark{
 color-scheme:dark;
 --page:#0d0914;
 --ink:#f6f4fa;
 --muted:#bdb6c9;
 --surface:#1c1824;
 --border:#393143;
 --soft:#292333;
 --green:#36a269; /* preserve Sellbook green for icons and UI accents */
 background:
   radial-gradient(ellipse at 50% -12%, rgba(91,55,119,.30) 0%, rgba(48,30,67,.13) 32%, transparent 66%),
   linear-gradient(155deg,#100b19 0%,#0d0914 48%,#100b18 100%)!important;
 background-attachment:fixed!important;
 color:var(--ink);
}
body.dark html{background:#0d0914!important}
body.dark main,body.dark .page,
body.dark #appWorkspace{
 background:transparent!important;
 color:var(--ink);
}
body.dark #appWorkspace>main{background:transparent!important}
body.dark .card,body.dark .stat,body.dark .menu-tile,body.dark .quick-action,
body.dark .settings-group,body.dark .settings-row,body.dark .settings-item,
body.dark .summary-card,body.dark .panel,body.dark .modal,body.dark .dialog,
body.dark .empty-state,body.dark .product-card,body.dark .sale-card,
body.dark .expense-card,body.dark .list-card,body.dark .report-card,
body.dark .business-details-row,body.dark .entry-form-overlay,
body.dark .home-marketplace-board,body.dark .me-quick-tools{
 background-color:var(--surface)!important;
 color:var(--ink);
 border-color:var(--border)!important;
 box-shadow:0 3px 12px rgba(0,0,0,.14);
}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,
body.dark p,body.dark label,body.dark legend,body.dark li,
body.dark dt,body.dark dd,body.dark .page-title,body.dark .section-heading,
body.dark .settings-page-heading,body.dark .settings-group,
body.dark .business-logo-title{color:var(--ink)}
body.dark .muted,body.dark small,body.dark .help-text,body.dark .hint,
body.dark .business-logo-help,body.dark .expense-period-select-label,
body.dark .subtext,body.dark .secondary-text{color:var(--muted)}
body.dark input,body.dark select,body.dark textarea,
body.dark .search-input,body.dark .filter-input{
 background-color:#17131d;color:var(--ink);border-color:#494052;
}
body.dark input::placeholder,body.dark textarea::placeholder{color:#aaa2b7;opacity:1}
body.dark input:disabled,body.dark select:disabled,body.dark textarea:disabled{
 background-color:#24202c;color:#a9a1b4;opacity:1
}
body.dark button:not(.primary):not(.danger):not(.success):not(.active):not(.nav-button),
body.dark .secondary-button,body.dark .outline-button,body.dark .settings-back-button{
 color:var(--ink);border-color:var(--border);
}
body.dark .settings-back-button{background:#292333}
body.dark table{color:var(--ink);border-color:var(--border)}
body.dark th{background:#292333;color:var(--ink);border-color:var(--border)}
body.dark td,body.dark tr,body.dark hr{border-color:var(--border)}
body.dark .chip,body.dark .category-chip,body.dark .filter-chip,
body.dark .markup-option,body.dark .pill,body.dark .badge-neutral{
 background:#292333;color:#f0ebf7;border-color:#494052;
}
body.dark .product-open-button{color:var(--ink);border-color:var(--border)}
body.dark .product-open-button:hover,body.dark .menu-tile:hover,
body.dark .quick-action:hover{background-color:#30283b}
body.dark .nav button,body.dark nav button{color:#c5bdcf}
body.dark nav button.active{color:#fff}
body.dark .business-logo-avatar-wrap{background:#292333;border-color:#51445e}
body.dark .business-logo-avatar-wrap>svg{stroke:#e3d9ed}
body.dark .business-logo-edit-button{background:var(--green);color:#fff;border-color:#6fb78e}
body.dark .divider,body.dark .list-divider{border-color:var(--border)}
body.dark a:not(.primary){color:#bcaee9}
body.dark .success-text{color:#bcaee9}
body.dark .warning-text{color:#ffd28a}
body.dark .error-text,body.dark .danger-text{color:#ffaaa5}
body.dark #themePreference{background-color:#211b2a;color:var(--ink);border-color:#594767}
body.dark .home-marketplace-board .buybook-home-card .quick-icon,
body.dark .me-quick-tool .tile-icon{background:#183d2c;color:#36a269}
body.dark .low-stock-entry-button{background:#183d2c;color:#bcaee9;border-color:#286847}
body.dark .product-details-photo{background:#17131d}
body.dark .product-details-edit-icon{background:#292333;color:#36a269;border-color:#494052}
body.dark .stock-history-open-button{color:#36a269}
body.dark .nav button.active,body.dark .nav-button.active{color:#36a269}


/* Exact home title override: seller name uses Sellbook dashboard green in dark mode. */
body.dark #businessTitle,
body.dark .seller-welcome-header #businessTitle{
 color:#14532d!important;
 -webkit-text-fill-color:#14532d!important;
 text-shadow:none!important;
}
body.dark .seller-welcome-header .header-actions .header-icon-button,
body.dark .seller-welcome-header .header-actions .header-icon-button svg,
body.dark .seller-welcome-header .header-actions .header-icon-button svg *{
 color:#36a269!important;
 stroke:#36a269!important;
}

/* Home seller/business name uses soft lavender-green in dark mode only. */
body.dark .seller-welcome-header .brand-copy h1,
body.dark .seller-welcome-header .brand-copy h1 *,
body.dark .seller-welcome-header .brand-copy .seller-name,
body.dark .seller-welcome-header .brand-copy .business-name{
 color:#bcaee9!important;
 -webkit-text-fill-color:#bcaee9!important;
}
body.dark .seller-welcome-header .header-icon-button,
body.dark .seller-welcome-header .header-icon-button svg,
body.dark .seller-welcome-header .header-icon-button svg *{
 color:#36a269!important;
 stroke:currentColor;
}

/* Dark green text becomes soft lavender-green; iconography stays Sellbook green. */
body.dark .success-text,body.dark .positive-text,body.dark .profit-text,
body.dark .green-text,body.dark .text-green,body.dark .money-positive,
body.dark .sales-highlight,body.dark .recent-sales-amount,
body.dark .summary-positive{color:#bcaee9!important}
body.dark [style*="color:#14532d"],
body.dark [style*="color: #14532d"],
body.dark [style*="color:#166534"],
body.dark [style*="color: #166534"],
body.dark [style*="color:var(--green)"],
body.dark [style*="color: var(--green)"]{color:#bcaee9!important}
body.dark svg,body.dark svg *{--green:#36a269}
body.dark .home-marketplace-board .quick-icon svg,
body.dark .me-quick-tool .tile-icon svg,
body.dark .business-logo-edit-button svg,
body.dark .stock-history-open-button svg{color:#36a269;stroke:currentColor}

/* Make the Home panel's Recent sales shortcut easier to notice and read. */
.recent-sales-strip{
 min-height:68px;
 padding:13px 15px;
 gap:11px;
 background:#dcefe2;
 color:#123d27;
 border:1px solid #9ccdad;
 border-top:2px solid #14532d;
 box-shadow:0 3px 10px rgba(20,83,45,.12);
}
.recent-sales-check{
 flex-basis:30px;
 width:30px;
 height:30px;
 background:#14532d;
 color:#fff;
 border:0;
 font-size:19px;
}
.recent-sales-strip-content{
 flex-direction:column;
 align-items:flex-start;
 gap:4px;
}
.recent-sales-strip-content strong{
 font-size:15px;
 font-weight:800;
 line-height:1.25;
 color:#14532d;
}
.recent-sales-strip-content span{
 font-size:14px;
 font-weight:600;
 line-height:1.35;
 color:#234b34;
}
.recent-sales-history{
 padding:6px 9px;
 border-radius:8px;
 background:#14532d;
 color:#fff;
 font-size:12px;
 font-weight:800;
}
.recent-sales-chevron{color:#14532d;font-weight:700}
/* Let the Recent sales card tuck underneath the green dashboard, like OPay. */
.recent-sales-strip{margin-top:-28px;padding-top:30px;position:relative;z-index:1}
body.dark .recent-sales-strip{
 background:#211b2a;
 color:#f6f4fa;
 border:1px solid #51445e;
 border-top:2px solid #36a269;
 box-shadow:0 4px 14px rgba(0,0,0,.24);
}
body.dark .recent-sales-check{background:#14532d;color:#fff}
body.dark .recent-sales-strip-content strong{color:#f6f4fa!important}
body.dark .recent-sales-strip-content span{color:#ded6e9!important}
body.dark .recent-sales-history{background:#14532d;color:#fff}
body.dark .recent-sales-chevron{color:#36a269}


/* OPay-inspired overlap: tuck the Recent sales card underneath the dashboard board. */
.home-sales-board{position:relative;z-index:2;margin-bottom:0;border-bottom-left-radius:22px;border-bottom-right-radius:22px}
.recent-sales-strip{position:relative;z-index:1;margin:-12px 0 14px;padding:23px 15px 12px;border-top:0;border-radius:0 0 17px 17px}

/* Compact, single-line Recent sales strip inspired by the OPay dashboard row. */
.recent-sales-strip{
 display:flex;
 flex-wrap:nowrap;
 align-items:center;
 gap:8px;
 min-height:48px;
 padding:10px 14px;
 margin:-12px 0 14px;
 border:0;
 border-radius:0 0 17px 17px;
 white-space:nowrap;
 overflow:hidden;
}
.recent-sales-check{flex:0 0 22px;width:22px;height:22px;font-size:16px}
.recent-sales-strip-content{
 display:flex;
 flex:1 1 auto;
 min-width:0;
 flex-direction:row;
 align-items:center;
 gap:6px;
 white-space:nowrap;
 overflow:hidden;
}
.recent-sales-strip-content strong{
 flex:0 0 auto;
 font-size:13px;
 font-weight:700;
 white-space:nowrap;
}
.recent-sales-strip-content span{
 flex:1 1 auto;
 min-width:0;
 font-size:12px;
 font-weight:600;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.recent-sales-history{flex:0 0 auto;font-size:12px;font-weight:700}
.recent-sales-chevron{flex:0 0 auto;font-size:20px}
@media(max-width:380px){
 .recent-sales-strip{gap:6px;padding-left:10px;padding-right:10px}
 .recent-sales-strip-content{gap:4px}
 .recent-sales-strip-content strong,.recent-sales-strip-content span,.recent-sales-history{font-size:11px}
 .recent-sales-check{flex-basis:20px;width:20px;height:20px}
}

/* Keep History as plain text on the Recent sales row, not a separate green button. */
.recent-sales-history{
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 color:#14532d!important;
 box-shadow:none!important;
 font-size:12px!important;
 font-weight:700!important;
}
body.dark .recent-sales-history{background:transparent!important;color:#14532d!important}

/* Subscribers and Reservations are standalone pages: no seller header, top icons, bottom navigation, or floating sale button. */
body.subscribers-page-open>.seller-welcome-header,body.reservations-page-open>.seller-welcome-header{display:none!important}
body.subscribers-page-open #appWorkspace>nav,body.reservations-page-open #appWorkspace>nav,body.subscribers-page-open #quickSaleFab,body.reservations-page-open #quickSaleFab{display:none!important}
body.subscribers-page-open #appWorkspace>main,body.reservations-page-open #appWorkspace>main{padding-top:0!important}
body.subscribers-page-open #subscribers,body.reservations-page-open #reservations{padding-top:14px!important;max-width:760px;margin:0 auto}

/* Keyboard access and reduced-motion support. */
.skip-link{position:fixed;z-index:10000;top:8px;left:8px;padding:12px 16px;border-radius:10px;background:#14532d;color:#fff;font-weight:700;transform:translateY(-160%);transition:transform .15s ease}
.skip-link:focus{transform:translateY(0);outline:3px solid #86efac;outline-offset:3px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #166534;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Compact, accessible history shortcuts on the Products and Sales page headers. */
.products-page-header .page-history-button{margin-left:auto;width:38px;height:38px;min-width:38px;padding:8px;display:grid;place-items:center;border:1px solid #d5e5d9;border-radius:50%;background:#edf6ef;color:#14532d;flex-shrink:0;}
.products-page-header .page-history-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.products-page-header .page-history-button:focus-visible{outline:3px solid #a7d9b4;outline-offset:2px;}
.products-page-header .page-history-button:active{transform:scale(.95);}

/* Keep history shortcuts visible in both standalone page headers. */
#products .products-page-header,
#sales .sales-page-header{display:flex!important;align-items:center!important;gap:8px!important;width:100%;}
#products .products-page-header .page-history-button,
#sales .sales-page-header .page-history-button{display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;margin-left:auto!important;padding:9px!important;align-items:center!important;justify-content:center!important;border:1px solid #d5e5d9!important;border-radius:50%!important;background:#edf6ef!important;color:#14532d!important;}
#products .products-page-header .page-history-button svg,
#sales .sales-page-header .page-history-button svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;stroke:#14532d!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}


/* Compact pill-shaped selectors for Product History categories. */
.stock-history-tabs{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:6px;
 margin:10px 0 14px;
}
.stock-history-tabs .stock-history-tab{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:4px;
 width:auto;
 min-width:0;
 min-height:28px;
 padding:4px 9px;
 border:1px solid #d5e5d9;
 border-radius:999px;
 background:#f3f6f3;
 color:#315b3d;
 font-size:11px;
 font-weight:650;
 line-height:1.2;
 white-space:nowrap;
 box-shadow:none;
}
.stock-history-tabs .stock-history-tab.active{
 border-color:#14532d;
 background:#14532d;
 color:#fff;
}
.stock-history-tabs .stock-history-tab [data-history-count]{
 font-size:10px;
 font-weight:700;
 opacity:.85;
}
.stock-history-tabs .stock-history-tab:focus-visible{
 outline:2px solid #8fc69d;
 outline-offset:2px;
}

/* Compact pill selectors for the three Product History categories. */
.stock-history-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.stock-history-tabs .stock-history-tab{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;min-height:28px;padding:4px 9px;border:1px solid #d5e5d9;border-radius:999px;background:#f3f6f3;color:#315b3d;font-size:11px;font-weight:650;line-height:1.2;white-space:nowrap;box-shadow:none}
.stock-history-tabs .stock-history-tab.active{border-color:#14532d;background:#14532d;color:#fff}
.stock-history-tabs .stock-history-tab [data-history-count]{font-size:10px;font-weight:700;opacity:.85}
.stock-history-tabs .stock-history-tab:focus-visible{outline:2px solid #8fc69d;outline-offset:2px}

/* Keep Product History pills tightly wrapped around their labels. */
#stockHistoryTabs.stock-history-tabs{display:flex!important;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:5px;width:100%;}
#stockHistoryTabs.stock-history-tabs>.stock-history-tab{display:inline-flex!important;flex:0 0 auto!important;flex-grow:0!important;width:max-content!important;min-width:0!important;max-width:max-content!important;min-height:26px;padding:3px 7px!important;gap:3px;font-size:10px;line-height:1.15;white-space:nowrap;}
#stockHistoryTabs.stock-history-tabs>.stock-history-tab [data-history-count]{font-size:9px;}


/* Polished Sellbook dark appearance — one coordinated palette across every page. */
body.dark{
 color-scheme:dark;
 --page:#100b18;
 --ink:#f3eef8;
 --muted:#bdb2c9;
 --surface:#1d1725;
 --border:#3b3046;
 --soft:#2a2134;
 --green:#36a269;
 background:radial-gradient(ellipse at 50% -12%,rgba(91,55,119,.28),transparent 58%),linear-gradient(155deg,#100b18 0%,#0e0a15 58%,#120d1a 100%)!important;
 color:var(--ink);
}
body.dark header,
body.dark .seller-welcome-header,
body.dark nav{
 background:rgba(25,19,33,.97)!important;
 color:var(--ink);
 border-color:var(--border)!important;
 box-shadow:0 3px 16px rgba(0,0,0,.22);
}
body.dark main,body.dark #appWorkspace,body.dark #appWorkspace>main,
body.dark .page{background:transparent!important;color:var(--ink)}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,
body.dark p,body.dark label,body.dark legend,body.dark li,
body.dark dt,body.dark dd,body.dark .page-title,
body.dark .section-heading,body.dark .settings-page-heading,
body.dark .settings-main-page-heading{color:var(--ink)}
body.dark .muted,body.dark small,body.dark .help-text,
body.dark .hint,body.dark .subtext,body.dark .secondary-text,
body.dark .photo-help,body.dark footer{color:var(--muted)!important}
body.dark .card,body.dark .stat,body.dark .menu-tile,
body.dark .settings-group,body.dark .settings-row,
body.dark .settings-item,body.dark .summary-card,
body.dark .panel,body.dark .modal,body.dark .dialog,
body.dark .empty-state,body.dark .product-card,
body.dark .sale-card,body.dark .expense-card,
body.dark .list-card,body.dark .report-card,
body.dark .business-details-row,body.dark .entry-form-overlay,
body.dark .quick-actions,body.dark .recent-sales-strip,
body.dark .settings-menu-item,body.dark .me-business-card,
body.dark .me-quick-tools,body.dark .home-marketplace-board{
 background-color:var(--surface)!important;
 color:var(--ink);
 border-color:var(--border)!important;
 box-shadow:0 3px 14px rgba(0,0,0,.18);
}
body.dark .stat,body.dark .quick-actions .quick-icon,
body.dark .tile-icon,body.dark .settings-summary-icon,
body.dark .settings-icon-button,body.dark .products-back-button,
body.dark .notifications-back-button,body.dark .notifications-refresh-button,
body.dark .settings-back-button,body.dark .settings-main-back-button{
 background:#292033!important;color:#36a269!important;border-color:#493a55!important;
}
body.dark .seller-welcome-header #businessTitle,
body.dark .seller-welcome-header .brand-copy h1{color:#c8bddb!important;-webkit-text-fill-color:#c8bddb!important}
body.dark .seller-welcome-header .header-icon-button{
 background:#292033!important;color:#36a269!important;border:1px solid #493a55!important;
 box-shadow:none;
}
body.dark .seller-welcome-header .header-icon-button svg,
body.dark .seller-welcome-header .header-icon-button svg *{
 stroke:#36a269!important;color:#36a269!important;
}
body.dark nav{border-top:1px solid var(--border)!important}
body.dark nav button{color:#bdb2c9!important}
body.dark nav button.active{color:#36a269!important;background:transparent!important}
body.dark .home-sales-board{border-color:#3c3048!important;box-shadow:0 8px 22px rgba(0,0,0,.25)}
body.dark .home-sales-board .home-sales-label,
body.dark .home-sales-board .home-sales-amount,
body.dark .home-sales-board .home-sales-subs-label,
body.dark .home-sales-board .home-sales-subs-value{color:#f4eef8!important}
body.dark .home-add-sales,body.dark .primary,
body.dark button.primary,body.dark .recent-sales-history{
 background:#14532d!important;color:#fff!important;border-color:#267448!important;
}
body.dark .recent-sales-strip{background:#211a2b!important;border-top:2px solid #36a269!important}
body.dark .recent-sales-strip-content strong{color:#f3eef8!important}
body.dark .recent-sales-strip-content span{color:#c8bddb!important}
body.dark .recent-sales-history{background:transparent!important;color:#c8bddb!important}
body.dark .recent-sales-check{background:#14532d!important;color:#fff!important}
body.dark .recent-sales-chevron{color:#36a269!important}
body.dark input,body.dark select,body.dark textarea,
body.dark .search-input,body.dark .filter-input{
 background:#17121e!important;color:var(--ink)!important;border-color:#4a3d55!important;
}
body.dark input::placeholder,body.dark textarea::placeholder{color:#aa9fb5!important;opacity:1}
body.dark input:focus,body.dark select:focus,body.dark textarea:focus{
 outline:2px solid #548f70!important;outline-offset:1px;
}
body.dark button:not(.primary):not(.danger):not(.success):not(.active):not(.nav-button),
body.dark .secondary-button,body.dark .outline-button{
 color:var(--ink);border-color:var(--border);
}
body.dark .danger,body.dark button.danger{background:#482326!important;color:#ffc1bd!important;border-color:#71363b!important}
body.dark .success-text,body.dark .positive-text,body.dark .profit-text,
body.dark .green-text,body.dark .text-green,body.dark .money-positive,
body.dark .sales-highlight,body.dark .summary-positive{color:#c8bddb!important}
body.dark .chip,body.dark .category-chip,body.dark .filter-chip,
body.dark .markup-option,body.dark .pill,body.dark .badge-neutral,
body.dark .notification-category{
 background:#292033!important;color:#e9e1f0!important;border-color:#4a3d55!important;
}
body.dark .notification-category.active{background:#14532d!important;color:#fff!important;border-color:#267448!important}
body.dark table{color:var(--ink);border-color:var(--border)}
body.dark th{background:#292033;color:var(--ink);border-color:var(--border)}
body.dark td,body.dark tr,body.dark hr,body.dark .item{border-color:var(--border)!important}
body.dark dialog{background:#1d1725!important;color:var(--ink)!important;border:1px solid var(--border)}
body.dark dialog::backdrop{background:rgba(5,3,8,.78)}
body.dark .product-photo,body.dark .edit-photo-preview,
body.dark .product-details-photo{background:#17121e;border-color:var(--border)}
body.dark .empty{color:var(--muted)}
body.dark a:not(.primary){color:#c8bddb}
body.dark .quick-actions strong,body.dark .menu-tile strong{color:var(--ink)}
body.dark .quick-actions .quick-icon svg,body.dark .tile-icon svg,
body.dark .settings-summary-icon svg,body.dark .settings-icon-button svg{
 stroke:currentColor;
}
body.dark .theme-preference-group #themePreference{background:#17121e!important;color:var(--ink)!important}


/* Dark mode contrast system — centralised overrides for every Sellbook surface. */
body.dark{
 color-scheme:dark;
 --page:#100f16;--ink:#f2eff8;--text:#f2eff8;--muted:#c0b9cc;
 --surface:#1b1924;--border:#393545;--soft:#292536;
 --green:#36a866;--green-dark:#23834d;
 background:var(--page)!important;color:var(--ink)!important;
}
body.dark :where(header,.seller-welcome-header,#appWorkspace,main,.page,.settings-panel,.settings-group){
 color:var(--ink);
}
body.dark :where(header,.seller-welcome-header){
 background:#17151f!important;color:var(--ink)!important;border-color:var(--border)!important;
}
body.dark :where(.card,.stat,.settings-accordion,.settings-panel,.settings-menu-item,
.conversation-list-button,.marketplace-subscriber-button,.chat-card,.chat-topline,
.chat-composer,.admin-chat-card,.product-type-picker,.price-calculator,.entry-form-overlay,
dialog,.modal,.popover,.dropdown-menu,.notification-item,.history-item,.legal-card){
 background:var(--surface)!important;color:var(--ink)!important;border-color:var(--border)!important;
}
body.dark :where(h1,h2,h3,h4,h5,h6,p,span,strong,b,em,label,small,li,dt,dd,th,td,
.page-title,.section-heading,.item,.item-product-details,.settings-summary-icon,
.settings-accordion summary,.conversation-preview,.marketplace-reservation,
.products-total-count,.products-total-count strong,.chart-label,.chart-value){
 color:var(--ink);
}
body.dark :where(.muted,.page-intro,.photo-help,.price-suggestion,.settings-menu-item small,
.settings-accordion summary small,.conversation-list-button small,.conversation-list-button .conversation-time,
.marketplace-subscriber-button small,.chat-status,.legal-updated span,.legal-footer,
.chart-label,.chart-value,.products-total-count){
 color:var(--muted)!important;
}
body.dark :where(input:not([type=checkbox]):not([type=radio]),select,textarea){
 background:#12111a!important;color:var(--ink)!important;border-color:#514b60!important;
 caret-color:var(--ink);
}
body.dark :where(input,textarea)::placeholder{color:#aaa2b8!important;opacity:1}
body.dark :where(input[type=checkbox],input[type=radio]){accent-color:#36a866}
body.dark :where(button:not(.primary):not(.active):not(.selected):not(.danger):not(.quick-sale-fab)){
 color:var(--ink);
}
body.dark :where(nav,nav button){background:#17151f!important;border-color:var(--border)!important}
body.dark nav button{color:#e5deef!important}
body.dark nav button.active,
body.dark :where(button.primary,.primary,.selected,.active,.quick-sale-fab,
.settings-summary-icon,.business-logo-edit-button,.chat-message.from-user,
.admin-chat-unread){
 background:#176b3d!important;color:#fff!important;border-color:#23834d!important;
}
body.dark :where(.settings-back-button,.products-back-button,.notifications-back-button,
.notifications-refresh-button,.product-edit-icon,.chat-feedback-link){
 background:#292536!important;color:#b9f2ce!important;border-color:#494258!important;
}
body.dark :where(.stat small,.empty,footer,.muted){color:var(--muted)!important}
body.dark :where(.item,.settings-group,.settings-accordion[open]>summary,
.chat-topline,.chat-composer,.admin-chat-user-row){border-color:var(--border)!important}
body.dark :where(.danger,.photo-actions button.danger){
 background:#492326!important;color:#ffd7d9!important;border-color:#71343a!important;
}
body.dark :where(.low-stock-badge){background:#49351c!important;color:#ffe0a3!important}
body.dark :where(.status-pill){background:#263b30!important;color:#b9f2ce!important}
body.dark :where(.legal-intro-card){background:#202b25!important;border-color:#344b3b!important}
body.dark :where(.legal-intro-card h3){color:#b9f2ce!important}
body.dark :where(.legal-intro-card p){color:#e1e9e2!important}
body.dark :where(.legal-tabs){background:#211f2b!important}
body.dark :where(.legal-tab){color:#e4ddef!important}
body.dark :where(.legal-tab.active){background:#176b3d!important;color:#fff!important}
body.dark :where(.category-choice,.category-suggestions button,.markup-options button,
.photo-actions button,.product-type-options button){
 background:#292536!important;color:#e9e3f1!important;border-color:#494258!important;
}
body.dark :where(.category-choice:has(input:checked),.product-type-options button.selected,
.markup-options button.selected){background:#176b3d!important;color:#fff!important;border-color:#36a866!important}
body.dark :where(.chat-message.from-support){background:#292536!important;color:var(--ink)!important;border-color:var(--border)!important}
body.dark :where(.admin-chat-transcript){background:#15131d!important;background-image:none!important}
body.dark :where(.admin-chat-bubble.from-admin){background:#244b34!important;color:#f0fff4!important}
body.dark :where(.admin-chat-bubble:not(.from-admin)){background:#292536!important;color:var(--ink)!important}
body.dark :where(.progress-track){background:#353141!important}
body.dark :where(.progress-fill,.chart-bar){background:linear-gradient(180deg,#55c982,#176b3d)!important}
body.dark :where(.product-photo,.photo-preview,.edit-photo-preview){background:#292536!important;border-color:var(--border)!important}
body.dark :where(.product-image-lightbox){background:rgba(5,4,10,.94)!important}
body.dark :where(.dialog-actions button:not(.primary)){background:#292536!important;color:var(--ink)!important}
body.dark :where(a){color:#9de7b7}
body.dark :where(hr){border-color:var(--border)}
body.dark :where(svg){color:inherit}
body.dark :where(button:disabled){opacity:.58}
body.dark :where(:focus-visible){outline-color:#70d99a}

/* Unified dark-mode page canvas, cards, tabs and text contrast. */
html:has(body.dark),html:has(body.dark) body{background:#100f16!important}
body.dark{min-height:100vh!important;background:#100f16!important;color:#f4f0f8!important}
body.dark #appWorkspace,body.dark #mainContent,body.dark main,body.dark .page,body.dark .page.active,body.dark .page:not(.hidden),body.dark .stock-history-panel,body.dark .legal-content{background:transparent!important;color:#f4f0f8!important}
body.dark .page{min-height:calc(100vh - 120px)}
body.dark :where(.me-summary-card,.me-profile-card,.me-quick-tools,.me-menu-card,.me-menu-row,.me-quick-tool,.me-top-icon,.stock-history-tabs,.stock-history-tab,.stock-history-panel,.notifications-page-header,.notification-category-pills,#userNotificationsCard,.buybook-connection-bar,#buybookSellerActivity,.marketplace-subscriber-button,.marketplace-reservation,.settings-menu-list,.settings-menu-item,.settings-group,.settings-row,.settings-item,.card,.panel,.list-card,.product-card,.sale-card,.expense-card,.report-card,.history-item,.conversation-list-button,.chat-card,.chat-topline,.chat-composer,.chat-transcript,.messenger-filter-row,.messenger-filter,.legal-tabs,.legal-card,.legal-intro-card,.business-profile-content,.business-details-row,.product-type-picker,.price-calculator,.entry-form-overlay,.modal,.dialog,.popover,.dropdown-menu){background-color:#1c1a25!important;color:#f4f0f8!important;border-color:#393545!important}
body.dark :where(.me-summary-card,.me-profile-card,.me-quick-tools,.me-menu-card,#buybookSellerActivity,.card,.panel,.list-card,.product-card,.sale-card,.expense-card,.report-card,.history-item,.chat-card,.legal-card){box-shadow:0 3px 14px rgba(0,0,0,.22)!important}
body.dark :where(.me-summary-heading,.me-summary-heading span,.me-business-stats small,.me-business-stats strong,.me-profile-copy strong,.me-menu-row strong,.me-quick-tool strong,.me-menu-section h3,.me-footer-note,.page-title,.page-intro,.section-heading,.settings-page-heading h2,.notifications-page-header h1,.stock-history-detail-heading h2,.business-profile-page-heading h2){color:#f4f0f8!important;-webkit-text-fill-color:#f4f0f8!important}
body.dark .me-summary-card,body.dark .me-summary-card *{color:#f4f0f8!important}
body.dark :where(.me-business-stats small,.me-footer-note,.muted,.empty,.page-intro,.help-text,.hint,.subtext,.secondary-text,.chat-status,.conversation-preview,.legal-updated,.legal-small-note){color:#c5bdcf!important;-webkit-text-fill-color:#c5bdcf!important}
body.dark .stock-history-tabs{background:#17151f!important;border:1px solid #393545!important;border-radius:18px!important}
body.dark .stock-history-tab{background:#292536!important;color:#e9e3f1!important;border:1px solid #494258!important;opacity:1!important;box-shadow:none!important}
body.dark .stock-history-tab.active{background:#176b3d!important;color:#fff!important;border-color:#23834d!important}
body.dark .stock-history-tab [data-history-count]{background:rgba(255,255,255,.16)!important;color:#fff!important;opacity:1!important}
body.dark :where(.notification-category,.messenger-filter,.legal-tab){background:#292536!important;color:#e9e3f1!important;border:1px solid #494258!important;opacity:1!important}
body.dark :where(.notification-category.active,.messenger-filter.active,.legal-tab.active){background:#176b3d!important;color:#fff!important;border-color:#23834d!important}
body.dark :where(.me-top-icon,.me-profile-avatar,.tile-icon,.me-row-icon){background:#292536!important;color:#b9f2ce!important;border-color:#494258!important}
body.dark :where(.me-top-icon svg,.me-profile-avatar svg,.me-row-icon svg,.tile-icon svg,.products-back-button svg,.notifications-back-button svg,.settings-back-button svg,.settings-main-back-button svg){color:#b9f2ce!important;stroke:currentColor!important}
body.dark :where(.me-chevron,.me-profile-chevron,.settings-chevron,.products-back-button,.notifications-back-button,.settings-back-button,.settings-main-back-button,.stock-history-detail-back-button){color:#b9f2ce!important}
body.dark :where(#buybookConnectionStatus,.success-text,.positive-text,.profit-text,.green-text,.text-green,.money-positive,.sales-highlight,.summary-positive){color:#8fe0ad!important;-webkit-text-fill-color:#8fe0ad!important}
body.dark :where(button:not(.primary):not(.danger):not(.active):not(.selected),[role=button]:not(.active):not(.selected)){color:#f4f0f8}
body.dark :where(button:disabled){color:#bdb5c7!important;opacity:.72!important}
body.dark :where(input,select,textarea){background:#12111a!important;color:#f4f0f8!important;border-color:#514b60!important}
body.dark :where(input::placeholder,textarea::placeholder){color:#aaa2b8!important;opacity:1!important}
body.dark :where(.buybook-connection-bar .danger,.danger){background:#492326!important;color:#ffd7d9!important;border-color:#71343a!important}
body.dark :where(.status-pill,.reservation-status,.badge,.badge-neutral){background:#263b30!important;color:#b9f2ce!important;border-color:#365a43!important}
body.dark :where(.business-details-row,.me-menu-row,.me-business-stats>div,.stock-history-panel,.chat-topline,.chat-composer,.notification-item){border-color:#393545!important}
body.dark :where(svg){color:inherit}
body.dark :where(a){color:#a8e9bd!important}
body.dark :where(:focus-visible){outline:2px solid #80dba0!important;outline-offset:2px}

/* Fix remaining light filter panels and low-contrast form labels in dark mode. */
body.dark :where(.filters,.sales-history-filters,.filter-wide,.filter-input,
.expense-period-card,.expense-period-select,.expense-period-select-label,
.sales-history-search,.product-list-filters,.date-filters,.history-filters,
.form-section,.form-card,.form-field,.field-group,.filter-card,.search-filter-card){
 background:#1c1a25!important;color:#f4f0f8!important;border-color:#393545!important;
}
body.dark :where(label,.expense-period-select-label,.sales-history-filters label,
.filters label,.filter-wide label,.filter-input label,.form-field label,
.field-group label){color:#cfc6dc!important;-webkit-text-fill-color:#cfc6dc!important;opacity:1!important}
body.dark :where(.sales-history-filters input,.sales-history-filters select,
.filters input,.filters select,.filter-input input,.filter-input select,
.expense-period-select,.date-filters input,.date-filters select){
 background:#17141f!important;color:#f4f0f8!important;border:1px solid #51475e!important;
}
body.dark :where(.sales-history-row,.sales-history-row-main,.expense-history-row,
.expense-item,.sale-history-item){background:transparent!important;color:#f4f0f8!important;border-color:#393545!important}
body.dark :where(.sales-history-row strong,.sales-history-row-main strong,
.expense-history-row strong,.expense-item strong,.sale-history-item strong){color:#f4f0f8!important}
body.dark :where(.sales-history-row small,.sales-history-row-main small,
.expense-history-row small,.expense-item small,.sale-history-item small){color:#c5bdcf!important}


/* Messenger list and subscriber picker retain the app bottom navigation.
   An individual chat remains a focused full-screen view without that navigation. */
@media(max-width:600px){
  body.messenger-open #appWorkspace>nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    z-index:3010!important;display:grid!important;visibility:visible!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
    width:100%!important;height:calc(72px + env(safe-area-inset-bottom))!important;
    margin:0!important;padding:7px 12px calc(7px + env(safe-area-inset-bottom))!important;
    background:var(--surface)!important;border-top:1px solid var(--border)!important;
    box-shadow:0 -3px 14px rgba(0,0,0,.08)!important;
  }
  body.messenger-open #appWorkspace>nav button{
    min-width:0!important;padding:5px 4px!important;display:flex!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;background:transparent!important;color:var(--muted)!important;
  }
  body.messenger-open #appWorkspace>nav button.active{color:var(--green)!important;background:transparent!important}
  body.messenger-open #appWorkspace>nav .nav-icon svg{width:22px;height:22px}
  body.messenger-open #messenger{inset:0 0 calc(72px + env(safe-area-inset-bottom)) 0!important;height:auto!important;max-height:none!important}
  body.messenger-open #messenger .messenger-picker-overlay{
    z-index:3005!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  body.messenger-open #messenger .messenger-picker-sheet{
    height:100%!important;max-height:100%!important;
    padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;
  }
  body.messenger-open #quickSaleFab{display:none!important}
  body.messenger-open.messenger-conversation-open #appWorkspace>nav{
    display:none!important;visibility:hidden!important;
  }
  body.messenger-open.messenger-conversation-open #messengerChatCard{
    inset:0!important;height:100dvh!important;max-height:100dvh!important;
  }
}

/* First-name label at the top-left of the Me panel. */
.me-user-first-name{margin-right:auto;min-width:0;font-size:20px;font-weight:750;letter-spacing:-.25px;color:var(--ink);text-transform:uppercase;overflow-wrap:anywhere}


/* Me is a standalone panel: hide the Home greeting/header while retaining the Me topbar and main navigation. */
body:has(#me.page:not(.hidden))>.seller-welcome-header{display:none!important;}
body:has(#me.page:not(.hidden)) #appWorkspace>main{padding-top:0!important;}


/* Server-verified Sellbook PIN gate */
.security-pin-gate{max-width:440px;margin:clamp(28px,9vh,90px) auto 24px;text-align:left;padding:24px}
.security-pin-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:rgba(20,83,45,.10);color:var(--green);font-size:24px}
.security-pin-gate h2{margin:0 0 8px}
.security-pin-gate form{display:grid;gap:10px;margin-top:20px}
.security-pin-gate input{width:100%;min-height:52px;text-align:center;letter-spacing:.45em;font-size:22px;font-weight:750}
.security-pin-gate form button{width:100%;margin-top:8px;min-height:48px}
.security-pin-forgot{display:block;width:100%;margin-top:14px;padding:12px 6px;border:0;background:transparent;color:var(--green);font:inherit;font-weight:650}
.security-pin-gate [hidden],.security-pin-gate .hidden{display:none!important}
@media(max-width:480px){.security-pin-gate{margin:20px 0 24px;padding:20px}}

.security-pin-cancel{display:block;width:100%;margin-top:6px;min-height:44px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font:inherit;font-weight:650}


/* Messenger standalone page header and return navigation. */
#messenger .messenger-main-heading{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 2px;border-bottom:1px solid var(--border)}
#messenger .messenger-page-back{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink)}
#messenger .messenger-page-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#messenger .messenger-page-title{flex:1;min-width:0}
#messenger .messenger-page-title .page-title{margin:0;font-size:21px;font-weight:700;color:var(--ink)}
#messenger .messenger-page-title .page-intro{margin:2px 0 0;font-size:12px}
#messenger .messenger-page-back:active{transform:scale(.96)}