.site-settings-panel{grid-column:1/-1}
.site-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.site-settings-grid label,.site-text-card label{display:block;margin:0;font-size:12px;font-weight:750}
.site-settings-grid input,.site-settings-grid textarea,.site-text-card textarea{display:block;width:100%;margin-top:5px}
.site-settings-grid input[type=color]{height:46px;padding:5px}
.site-settings-grid .wide{grid-column:1/-1}
.site-image-field input[type=file]{padding:8px;font-size:12px}
.site-image-preview{display:block;max-width:180px;max-height:90px;object-fit:contain;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#f5f7f1;padding:6px}
.site-copy-heading{margin:24px 0 10px;border-top:1px solid var(--line);padding-top:14px}
.site-copy-heading h3{margin:0}
.site-text-group{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px}
.site-text-group summary{font-weight:800;cursor:pointer}
.site-text-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.site-text-card{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfa}
.site-text-card h4{font-size:13px;margin:0 0 8px}
.site-text-card textarea{min-height:60px;resize:vertical}
.site-text-card .site-language-field{margin-top:8px}
.site-settings-panel #site-settings-message{margin:8px 0 0;font-weight:700}
@media(max-width:700px){.site-settings-grid,.site-text-group-grid{grid-template-columns:1fr}.site-settings-grid .wide{grid-column:auto}}

.site-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 22px}
.site-layout-card{min-width:0;margin:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}
.site-layout-card summary{padding:2px 3px;font-size:13px;font-weight:800;cursor:pointer}.site-layout-card[open] summary{margin-bottom:12px}.site-layout-card .site-layout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.site-layout-enable{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:750}
.site-layout-enable input,.site-layout-color input[type=checkbox]{width:auto;margin:0;accent-color:#5d9d29}
.site-layout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;transition:opacity .15s}
.site-layout-fields label{display:flex;flex-direction:column;justify-content:space-between;gap:5px;min-width:0;margin:0;font-size:11px;font-weight:700}
.site-layout-fields input[type=number],.site-layout-fields select{width:100%;min-width:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font:inherit;font-size:12px}
.site-layout-number>span{display:flex;align-items:center;gap:6px}.site-layout-number small{color:var(--muted);font-size:10px}
.site-layout-fields .site-layout-color{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;min-height:40px}
.site-layout-color>span{display:flex;align-items:center;gap:5px}.site-layout-color input[type=color]{width:42px;height:34px;padding:3px}
.site-layout-fields [disabled]{opacity:.48;cursor:not-allowed}
@media(max-width:700px){.site-layout-grid{grid-template-columns:1fr}}

.password-input-wrap{position:relative;margin-top:5px}.login-card .password-input-wrap input{margin:0;padding-right:58px}.password-visibility-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;background:#eef2eb;color:var(--ink);padding:7px 9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.password-visibility-toggle:focus-visible{outline:3px solid #b7f36b;outline-offset:2px}
.category-manager-panel{grid-column:1/-1}.category-manager-rows{display:flex;flex-direction:column;gap:10px;margin:15px 0}.category-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.category-admin-fields{display:grid;grid-template-columns:1fr 1fr minmax(160px,1.2fr) minmax(100px,.5fr);gap:10px}.category-admin-fields label{display:block;margin:0;font-size:12px;font-weight:700}.category-admin-fields input{display:block;width:100%;margin-top:5px}.category-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.category-admin-actions button{padding:8px 10px}.category-admin-actions button:disabled{opacity:.4;cursor:not-allowed}.category-manager-actions{display:flex;gap:10px;flex-wrap:wrap}.category-manager-actions button{min-width:140px}#category-manager-message{min-height:1.4em}.category-admin-row input:focus-visible{outline:3px solid #b7f36b88;border-color:#8bbf59}
@media(max-width:620px){.category-admin-row{grid-template-columns:1fr;gap:8px}.category-admin-fields{grid-template-columns:1fr 1fr}.category-admin-fields label:first-child{grid-column:1/-1}.category-admin-actions{justify-content:flex-end}.category-admin-actions .muted{margin-right:auto}}

/* Keep appearance controls within the phone viewport. */
@media(max-width:800px){
 .admin-page .nav-actions{display:flex;gap:8px}
 .admin-page .nav{padding:12px;gap:12px;flex-wrap:wrap}
 .admin-page .nav-actions a,.admin-page .nav-actions button{padding:10px 12px;font-size:13px}
 .admin-wrap,.admin-grid,.site-settings-panel,.admin-section-content,#site-settings-form{min-width:0;max-width:100%}
 .site-settings-panel,.category-manager-panel{overflow-x:hidden}
 .site-settings-grid,.site-text-group-grid,.site-layout-grid{grid-template-columns:minmax(0,1fr)}
 .site-settings-grid .wide{grid-column:auto}
 .site-settings-grid label,.site-text-card label{min-width:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
 .site-settings-grid input,.site-settings-grid textarea,.site-text-card textarea,.site-layout-fields input[type=number],.site-layout-fields select,.site-image-field input[type=file]{min-width:0;max-width:100%;font-size:16px;padding:11px}
 .site-layout-card .site-layout-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-layout-fields label{font-size:12px}
 .site-text-group,.site-layout-card{padding:12px}
 .site-text-group summary,.site-layout-card summary{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
 .admin-section-toggle h2{min-width:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
 .admin-section-toggle .section-icon{flex-basis:34px;width:34px;height:34px}
 .admin-section-toggle .section-toggle-icon{flex-basis:30px;width:30px;height:30px}
 .site-settings-panel p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
 #site-settings-form>button[type=submit]{width:100%;min-height:46px}
}

.product-cover-picker{border:0;margin:8px 0;padding:0;min-width:0}
.product-cover-picker legend{font-weight:800;font-size:14px}
#product-cover-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px;margin:12px 0}
.product-form .product-cover-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;margin:0;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fbfdf9;min-width:0}
.product-cover-option:has(input:checked){border-color:#429943;background:#edf8e8;box-shadow:0 0 0 2px #b7f36b66}
.product-form .product-cover-option input{width:18px;height:18px;margin:0;accent-color:#28853c}
.product-cover-option img{width:100%;height:85px;object-fit:contain;border-radius:7px}
.product-cover-option span{font-size:12px;text-align:center}
#import-drive-photos{margin-top:8px}

/* Dashboard presentation */
.admin-page{background:#f6f9f5;color:#182b24}
.admin-page .nav{max-width:1200px;margin:auto;background:transparent;box-shadow:none;padding:22px 20px;gap:12px}
.admin-page .brand{display:flex;align-items:center;gap:10px;font-size:23px}
.admin-brand-gear{font-size:39px;color:#183b2a}.admin-brand-name{display:block;font-weight:900;line-height:1.1}.admin-brand-name em{font-style:normal;color:#49a343}.admin-brand-name small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}
.admin-page .nav-actions{display:flex!important;gap:10px}.admin-page .nav-actions a,.admin-page .nav-actions button{font-size:13px;min-height:42px;padding:10px 16px;border-radius:12px}
.admin-wrap{max-width:1200px;margin:0 auto 32px;padding:0 20px}
.admin-head{min-height:205px;padding:26px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(90deg,#f7faf5 0%,#f7faf5ed 35%,#f7faf522 67%),url('/images/hero-excavator.jpg') center 55%/cover;box-shadow:0 7px 24px #223c2510}
.admin-head>div:first-child{max-width:48%}.admin-head h1{font-size:36px;line-height:1.2;margin:8px 0}.admin-head p{font-size:14px;line-height:1.5;margin:0}.admin-head .eyebrow{color:#368c3e;letter-spacing:2px}.admin-head .nav-actions{align-self:flex-end}.admin-head .nav-actions a{background:#ffffffdf;font-size:11px}
.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
.stat{position:relative;overflow:hidden;min-width:0;min-height:142px;padding:16px;border:1px solid #e7eee6;border-radius:18px;box-shadow:0 5px 18px #263c2510}
.stat-0{background:linear-gradient(140deg,#f0faf1,#fff);--stat-color:#4da63b}.stat-1{background:linear-gradient(140deg,#edf7ff,#fff);--stat-color:#4388dc}.stat-2{background:linear-gradient(140deg,#fff8eb,#fff);--stat-color:#efb52c}.stat-3{background:linear-gradient(140deg,#f7f0ff,#fff);--stat-color:#9760d5}
.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffffffc9;font-size:25px;margin-bottom:9px}.stat small{display:block;font-size:12px}.stat h2{font-size:24px;overflow-wrap:anywhere;margin:4px 0 10px;position:relative;z-index:1}.stat:after{content:"";position:absolute;bottom:0;right:0;width:70%;height:24px;background:linear-gradient(0deg,color-mix(in srgb,var(--stat-color) 20%,transparent),transparent);border-top:2px solid color-mix(in srgb,var(--stat-color) 50%,transparent);border-radius:85% 0 0 0}
.order-list-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}.order-list-controls button{display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:15px;background:#eaf5ec;padding:14px 18px;font-size:13px}.order-list-controls #cancelled-toggle{background:#fff0f0}.order-summary-icon{font-size:25px}.order-list-controls strong{display:block;font-size:20px;margin-top:3px}.summary-arrow{margin-left:auto;font-size:26px}
.admin-grid{display:block}.admin-grid>div{min-width:0}.admin-grid .panel,.category-manager-panel,.site-settings-panel{padding:0;border:0;background:transparent;overflow:hidden;margin-bottom:12px;border-radius:16px}
.admin-section-toggle{min-height:84px;padding:13px 16px;border:1px solid #dae7df;border-radius:16px;background:linear-gradient(105deg,#f3faf8,#fff 55%,#deedda);gap:13px;transform:none}
.admin-section-toggle:hover{transform:none;background:linear-gradient(105deg,#edf7ed,#fff 55%,#dcecd6)}
.product-form-details .admin-section-toggle{background:linear-gradient(105deg,#eff9f4,#fff 60%,#e7f1ec)}
.category-manager-panel .admin-section-toggle{background:linear-gradient(105deg,#eef9fb,#fff 60%,#e8f6eb)}
.site-settings-panel .admin-section-toggle{background:linear-gradient(105deg,#fff8ed,#fff 65%,#e9f0f1)}
.admin-menu-copy{flex:1;min-width:0}.admin-menu-copy h2{font-size:18px;margin:0 0 4px}.admin-menu-copy small{display:block;font-size:13px;line-height:1.4;font-weight:400;color:#68766e}.admin-menu-art{font-size:49px;filter:drop-shadow(0 5px 4px #31452a22);width:85px;text-align:center}.section-icon{background:#e9f4e7;font-size:26px;width:46px;height:46px;flex-basis:46px}.section-toggle-icon{width:42px;height:42px;flex-basis:42px;color:#243d31;font-size:26px;background:#ffffffed}.admin-section-content{background:#fff;margin:0;padding:20px;border:1px solid #e2ebe2;border-top:0;border-radius:0 0 16px 16px}
.inventory-panel{padding:20px;border-radius:18px;border:1px solid #e0e8df;overflow:hidden}
.inventory-header{position:static;align-items:center;padding:0 0 12px}.inventory-title{display:flex;gap:12px;align-items:center;min-width:0}.inventory-title>span{font-size:29px;display:grid;place-items:center;background:#edf2ee;border-radius:12px;width:46px;height:46px;flex-shrink:0}.inventory-title small{display:block;color:#69766f;font-size:13px;margin-top:5px}.inventory-header .primary{background:linear-gradient(110deg,#158d2b,#38a433);color:white;font-size:13px;border-radius:12px;padding:12px 16px}
.inventory-search-label{grid-template-columns:1fr;margin:8px 0 12px;gap:8px}.inventory-search-label>label{display:none}.inventory-search-box input{font-size:16px}.inventory-panel .admin-table{min-width:0;table-layout:fixed}.inventory-panel .admin-table th:first-child{width:43%}.inventory-panel .admin-table th:nth-child(2){width:18%}.inventory-panel .admin-table th:nth-child(3){width:18%}.inventory-panel .admin-table th:nth-child(4){width:12%}.inventory-panel .admin-table th:last-child{width:9%}.inventory-panel .admin-table td{vertical-align:middle;overflow-wrap:anywhere}.inventory-product{display:flex;gap:10px;align-items:center}.inventory-product>div{min-width:0}.inventory-product span:not(.inventory-photo){display:block}.inventory-product small{font-size:10px;color:#748076}.inventory-photo{width:48px;height:48px;flex:0 0 48px;background:#f0f4ef;border-radius:10px;display:grid;place-items:center;font-size:25px;overflow:hidden}.inventory-photo img{width:100%;height:100%;object-fit:contain}.inventory-stock{display:inline-block;min-width:30px;text-align:center;padding:4px 7px;border-radius:6px;font-weight:750}.stock-ready{background:#c9ecc3;color:#257836}.stock-low{background:#ffe5bd;color:#98621b}.stock-empty{background:#ffdddd;color:#b82e2e}.inventory-panel .edit-product-btn{background:transparent;color:#263b2e;padding:10px 4px;min-width:30px;font-size:17px}
@media(max-width:600px){
.admin-page .nav{padding:16px 12px}.admin-page .brand{font-size:19px;gap:7px}.admin-brand-gear{font-size:30px}.admin-brand-name small{font-size:7px}.admin-page .nav-actions{gap:6px}.admin-page .nav-actions a,.admin-page .nav-actions button{padding:10px;font-size:11px;min-height:38px}.admin-wrap{padding:0 12px;margin-top:0}
.admin-head{padding:18px;min-height:170px;border-radius:16px}.admin-head>div:first-child{max-width:58%}.admin-head h1{font-size:29px}.admin-head p{font-size:12px}.admin-head .eyebrow{font-size:10px}.admin-head .nav-actions{width:auto;margin-left:auto}.admin-head .nav-actions a{font-size:10px;padding:7px}
.stats{gap:7px;margin:12px 0}.stat{padding:10px 8px;border-radius:14px;min-height:127px}.stat-icon{width:31px;height:31px;font-size:22px;margin-bottom:7px}.stat small{font-size:10px;line-height:1.4}.stat h2{font-size:17px;margin:4px 0 12px}
.order-list-controls{gap:8px}.order-list-controls button{padding:10px;gap:8px;font-size:11px}.order-summary-icon{font-size:21px}.order-list-controls strong{font-size:17px}.summary-arrow{font-size:22px}
.admin-section-toggle{padding:11px 10px;gap:9px;min-height:77px}.admin-menu-copy h2{font-size:15px}.admin-menu-copy small{font-size:11px}.admin-menu-art{font-size:36px;width:43px}.admin-section-toggle .section-icon{width:35px;height:35px;flex-basis:35px;font-size:23px}.admin-section-toggle .section-toggle-icon{width:32px;height:32px;flex-basis:32px;font-size:23px}.admin-section-content{padding:14px}
.inventory-panel{padding:12px}.inventory-title{gap:8px}.inventory-title>span{width:34px;height:34px;font-size:23px}.inventory-header h2{font-size:16px}.inventory-title small{font-size:10px}.inventory-header .primary{padding:10px 8px;font-size:10px}.inventory-panel .admin-table{font-size:10px}.inventory-panel .admin-table th{font-size:9px;padding:8px 4px}.inventory-panel .admin-table td{padding:10px 4px}.inventory-product{gap:6px;align-items:flex-start}.inventory-photo{width:33px;height:38px;flex-basis:33px;border-radius:7px}.inventory-product small{font-size:8px}.inventory-stock{min-width:22px;padding:4px;font-size:10px}.inventory-panel .edit-product-btn{min-width:22px;padding:8px 0;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.admin-section-toggle{transition:none}}

/* PC sidebar navigation is a workspace switcher, not a second copy of every card. */
@media(min-width:1100px){
 .desktop-admin-view-hidden{display:none!important}
 #dashboard>.admin-grid>div:empty{display:none}
}

/* Match the desktop inventory reference: compact sidebar, clear row actions,
   and one consistent icon treatment across every navigation item. */
@media(min-width:1100px){
 .admin-sidebar nav>a>span,.admin-sidebar-group>a>span{color:#55647a;font-weight:800}
 .admin-sidebar nav>a.active>span,.admin-sidebar-group>a.active>span{color:#079536}
 .admin-sidebar .sidebar-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px}
 .admin-sidebar .sidebar-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
 .admin-sidebar .sidebar-icon.sidebar-plus{font-size:30px;line-height:18px;font-weight:500}
 .admin-page .inventory-table-card .inventory-row-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}
 .admin-page .inventory-table-card .edit-product-btn{min-width:114px;padding:10px 16px!important;border:1px solid #cdeed9!important;border-radius:8px!important;background:#ecf9f0!important;color:#078c37!important;font-size:14px!important;font-weight:750}
 .admin-page .inventory-table-card .product-trash-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;padding:10px 16px;border:1px solid #ffd0d0;border-radius:8px;background:#fff2f2;color:#f02828;font-size:14px;font-weight:750;cursor:pointer}
 .admin-page .inventory-table-card .product-trash-button svg{width:18px;height:18px}
 .admin-page .inventory-table-card .admin-table th{height:42px;vertical-align:middle}
 .admin-page .inventory-table-card .admin-table td{height:78px}
}

.category-banner-editor{grid-column:1/-1;margin-top:14px;padding:13px;border:1px solid #dce9de;border-radius:12px;background:#f7fbf7}
.category-banner-editor>strong{display:block;font-size:14px}.category-banner-editor>p{margin:4px 0 10px;color:#69766f;font-size:12px}.category-banner-editor-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.category-banner-preview{width:132px;height:66px;object-fit:cover;border:1px solid #d7e2d7;border-radius:8px;background:#fff}.category-banner-empty{padding:13px;color:#718076;font-size:12px;background:#fff;border:1px dashed #cbd8cb;border-radius:8px}.category-banner-upload{position:relative;overflow:hidden}.category-banner-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}

#product-form-content:not(.hidden){padding:18px;background:#fff;border:1px solid #e2ebe2;border-top:0;border-radius:0 0 16px 16px}

/* Product editor */
#product-form-content:not(.hidden){padding:18px;background:#f5f8f3}
.product-editor-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 20px}.product-editor-toolbar h2{flex:1;min-width:0;font-size:23px;margin:0}.product-editor-back{width:42px;height:42px;border:0;border-radius:12px;background:#e0f0df;color:#277b38;font-size:25px;cursor:pointer}.product-editor-toolbar .secondary{font-size:13px;padding:12px}
#product-form{display:block}.product-entry-card{background:#ffffffec;border:1px solid #e8eee5;border-radius:21px;padding:20px;margin-bottom:15px;min-width:0}.product-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.product-card-heading>span{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#e2f1e3;color:#208236;display:grid;place-items:center;font-size:26px;font-weight:900}.product-card-heading h3{font-size:19px;margin:0 0 5px;line-height:1.3}.product-card-heading p{font-size:13px;color:#7a837c;margin:0;line-height:1.4}
.product-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-form .product-entry-card label{font-size:13px;margin:0 0 15px;min-width:0;font-weight:700}.product-entry-card em{font-style:normal;color:#d64139}.product-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #dce3dc;border-radius:10px;background:#fff;margin-top:8px;padding-left:12px;min-width:0}.product-input-wrap>span{font-size:21px;color:#37483f;flex:0 0 22px}.product-form .product-input-wrap input{border:0;background:transparent;box-shadow:none;margin:0;padding:13px 10px 13px 0;width:100%;min-width:0;font-size:16px;border-radius:10px}.product-input-wrap:focus-within{border-color:#55a766;box-shadow:0 0 0 3px #d8efde}
.product-extra-fields summary,.product-drive-details summary{cursor:pointer;font-size:13px;color:#55715d;padding:5px 0 12px}.product-extra-fields .product-field-grid{margin-top:8px}
.product-form .product-upload-zone{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;padding:22px;border:1.5px dashed #cfd9ce;border-radius:12px;background:#fafcf9;cursor:pointer;min-height:112px;overflow:hidden}.product-upload-zone input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.upload-cloud{font-size:36px;color:#228539}.product-upload-zone strong{display:block;font-size:16px}.product-upload-zone small{display:block;font-size:12px;font-weight:400;color:#7b827d;margin-top:5px}.product-form .product-entry-card textarea{font-size:16px;border:1px solid #dce3dc;border-radius:11px;padding:14px;min-height:90px;width:100%;max-width:100%;box-sizing:border-box;resize:vertical;margin-top:8px}.product-description-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f2f4;border-radius:10px;padding:3px;margin-bottom:13px}.product-description-tabs button{border:0;background:transparent;border-radius:8px;padding:10px;color:#536256;font-weight:750;font-size:14px;cursor:pointer;transition:background .22s,box-shadow .22s}.product-description-tabs button[aria-selected=true]{background:#f1fbf1;color:#237d35;box-shadow:0 1px 5px #b4d9b9}.product-description-tabs~div>label{font-size:0!important}
.product-submit-bar{position:sticky;bottom:0;z-index:6;padding:12px 0;background:#f5f8f3ed}.product-submit-bar #product-submit{display:block;width:100%;padding:16px;border:0;border-radius:11px;background:linear-gradient(105deg,#148b30,#176f32);color:white;font-size:17px;font-weight:800;min-height:52px}.product-form .product-cover-picker{margin-top:15px}.product-cover-picker p{font-size:12px}
@media(max-width:600px){#product-form-content:not(.hidden){padding:12px 0;border:0}.product-editor-toolbar{gap:8px;padding:5px 3px;margin-bottom:16px}.product-editor-toolbar h2{font-size:19px}.product-editor-toolbar .secondary{font-size:11px;padding:10px 8px}.product-editor-back{width:35px;height:38px;flex-shrink:0}.product-entry-card{padding:15px 12px;border-radius:18px;margin-bottom:13px}.product-card-heading{gap:10px;margin-bottom:16px}.product-card-heading h3{font-size:17px}.product-card-heading p{font-size:12px}.product-card-heading>span{width:38px;height:38px;flex-basis:38px;font-size:23px}.product-field-grid{gap:12px}.product-form .product-entry-card label{font-size:12px}.product-input-wrap{padding-left:9px;gap:7px}.product-input-wrap>span{font-size:18px;flex-basis:18px}.product-form .product-input-wrap input{font-size:16px;padding:12px 5px 12px 0}.product-submit-bar{padding:10px 3px}.product-form .product-upload-zone{padding:18px 10px}.product-form .product-entry-card textarea{font-size:16px}}
@media(max-width:350px){.product-field-grid{grid-template-columns:1fr}.product-editor-toolbar h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.product-description-tabs button{transition:none}}

/* Appearance editor */
#site-settings-content{background:#f5f9f3;border:0;padding:18px 12px}
#site-settings-form{min-width:0}
.appearance-toolbar{display:flex;align-items:center;gap:13px;margin:0 0 18px;position:sticky;top:0;z-index:7;background:#f5f9f3f7;padding:8px 0}
.appearance-toolbar>div{flex:1;min-width:0}.appearance-toolbar h2{margin:0 0 4px;font-size:23px;line-height:1.3}.appearance-toolbar p{margin:0;color:#77837a;font-size:13px;line-height:1.4}
#appearance-back{width:43px;height:43px;flex:0 0 43px;border:0;border-radius:12px;background:#e5f3e6;color:#26753a;font-size:25px;cursor:pointer}
.appearance-toolbar-icon{font-size:33px}.appearance-toolbar #site-settings-save{background:linear-gradient(100deg,#158337,#16702e);color:white;padding:13px 20px;min-height:44px;border-radius:12px;white-space:nowrap;font-size:15px}
.appearance-card{background:#ffffffee;border:1px solid #e6eee5;border-radius:20px;padding:20px;margin-bottom:17px;min-width:0}
.appearance-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.appearance-card-heading>span{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;background:#e1f4e6;color:#21783b;border-radius:12px;font-size:25px}
.appearance-card-heading h3{margin:0 0 5px;font-size:19px;line-height:1.3}.appearance-card-heading p{font-size:13px;color:#7f897f;line-height:1.45;margin:0}
.appearance-card .site-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:17px 20px}
.appearance-card label{display:block;font-size:13px;font-weight:750;min-width:0}
.appearance-card input:not([type=file]):not([type=color]){display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:7px;background:#fff;border:1px solid #dce5dc;border-radius:9px;padding:11px 12px;font-size:16px}
.appearance-input{display:flex;align-items:center;gap:10px;margin-top:7px;border:1px solid #dce5dc;border-radius:9px;padding-left:12px;background:#fff;min-width:0}
.appearance-input>span{font-size:20px;flex:0 0 22px}.appearance-card .appearance-input input{border:0;margin:0;padding-left:0;background:transparent;box-shadow:none}
.appearance-input:focus-within{box-shadow:0 0 0 3px #dcedda;border-color:#63a66a}
.appearance-image{min-width:0}.appearance-image-caption{font-size:13px;font-weight:750;margin-bottom:9px}.appearance-media-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:stretch;min-width:0}
.appearance-preview{position:relative;display:grid;place-items:center;background:#f5f8f3;border:1px solid #e1e8df;border-radius:10px;overflow:hidden;min-height:115px}
.appearance-preview .site-image-preview{display:block;width:100%;height:100%;min-height:110px;max-width:none;max-height:150px;object-fit:contain;border:0;border-radius:0;margin:0;padding:3px;position:relative;z-index:1;background:transparent}
.appearance-preview-empty{position:absolute;font-size:35px;color:#a6b9a8}.appearance-preview img:not(.hidden)~.appearance-preview-empty{display:none}
.appearance-image-controls{min-width:0;display:flex;flex-direction:column;gap:8px}
.appearance-card .appearance-url input{margin:0;width:100%;font-size:14px;overflow:hidden;text-overflow:ellipsis}
.appearance-upload{position:relative;display:flex!important;flex:1;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;border:1px solid #e1e8df;border-radius:10px;background:#f7f9f7;padding:13px;cursor:pointer;overflow:hidden}
.appearance-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}
.appearance-upload>span{color:#428bc6;font-size:27px}.appearance-upload strong{font-size:13px}.appearance-upload small{font-weight:400;font-size:11px;line-height:1.5;color:#75817a}
.appearance-wide-image .appearance-media-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
.appearance-wide-image .appearance-preview{min-height:150px}.appearance-wide-image .site-image-preview{object-fit:cover;max-height:200px;min-height:150px;padding:0}
.appearance-wide-image .appearance-upload,.appearance-landscape .appearance-upload{align-self:flex-start;flex:0;flex-direction:row;min-height:42px;padding:9px 16px;margin-top:3px}.appearance-wide-image .appearance-upload>span,.appearance-landscape .appearance-upload>span{font-size:20px;color:#425b4b}
.appearance-landscape .appearance-media-row{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:25px}.appearance-landscape .appearance-preview{min-height:90px}.appearance-landscape .site-image-preview{max-height:110px;min-height:90px;object-fit:cover;padding:0}
.appearance-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.appearance-color{display:flex;align-items:center;gap:9px;border:1px solid #dce5dc;background:#fff;border-radius:9px;padding:5px 8px;margin-top:7px;min-height:43px;cursor:pointer}.appearance-color input[type=color]{width:34px;height:32px;padding:0;border:0;background:transparent;margin:0;cursor:pointer;flex:0 0 34px}.appearance-color output{font-size:12px;font-weight:600;min-width:0}.appearance-color>span{margin-left:auto;color:#516757}
.appearance-extra{margin:14px 0;border:1px solid #e0e9df;border-radius:16px;padding:16px;background:#fff}.appearance-extra>summary{cursor:pointer;font-size:16px;font-weight:800;line-height:1.4}.appearance-extra .site-copy-heading{border:0;margin-top:14px;padding-top:0}.appearance-extra .site-copy-heading h3{display:none}.appearance-extra .site-settings-grid{margin-top:16px}.appearance-bottom-save{background:linear-gradient(100deg,#158337,#16702e);color:white;min-height:48px;width:100%;border-radius:11px;margin-top:8px;font-size:16px}
#site-settings-message:empty{display:none}.site-settings-panel #site-settings-message{padding:8px 0;margin:0 0 12px;font-size:14px}
.appearance-card .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.appearance-upload:focus-within{outline:3px solid #88bd90;outline-offset:2px}
@media(max-width:800px){
.appearance-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.appearance-media-row{grid-template-columns:90px minmax(0,1fr);gap:8px}.appearance-preview{min-height:95px}.appearance-preview .site-image-preview{min-height:95px}
.appearance-upload{padding:10px 7px}.appearance-upload small{font-size:10px}
}
@media(max-width:600px){
#site-settings-content{padding:12px 0}.appearance-toolbar{gap:8px;padding:8px 3px}.appearance-toolbar h2{font-size:16px}.appearance-toolbar p{font-size:11px}.appearance-toolbar-icon{font-size:25px}#appearance-back{width:33px;height:37px;flex-basis:33px;font-size:23px}.appearance-toolbar #site-settings-save{padding:11px 12px;font-size:12px;min-height:38px}
.appearance-card{padding:15px 12px;border-radius:17px;margin-bottom:13px}.appearance-card-heading{gap:10px;margin-bottom:15px}.appearance-card-heading>span{width:37px;height:37px;flex-basis:37px;font-size:23px}.appearance-card-heading h3{font-size:17px}.appearance-card-heading p{font-size:12px}
.appearance-card .site-settings-grid{gap:14px 12px}.appearance-card label,.appearance-image-caption{font-size:12px}.appearance-input{padding-left:8px;gap:6px}.appearance-input>span{font-size:17px;flex-basis:17px}.appearance-card .appearance-input input{padding:11px 4px;font-size:16px}
.appearance-brand-grid .appearance-image{grid-column:1/-1}.appearance-brand-grid .appearance-media-row{grid-template-columns:95px minmax(0,1fr)}.appearance-card .appearance-url input{font-size:16px;padding:10px 8px}
.appearance-wide-image .appearance-media-row{grid-template-columns:1fr;gap:12px}.appearance-wide-image .appearance-preview,.appearance-wide-image .site-image-preview{min-height:140px;max-height:180px}
.appearance-landscape .appearance-media-row{grid-template-columns:95px minmax(0,1fr);gap:12px}.appearance-landscape .appearance-preview,.appearance-landscape .site-image-preview{min-height:85px;max-height:105px}.appearance-color output{font-size:11px}.appearance-color{gap:6px;padding:5px}.appearance-color input[type=color]{width:27px;flex-basis:27px}
}
@media(max-width:350px){.appearance-card .site-settings-grid{grid-template-columns:1fr}.appearance-toolbar-icon{display:none}.appearance-toolbar h2{font-size:14px}}

/* Plain entry fields without leading icons. */
.product-input-wrap,.appearance-input{padding:0;display:block}
.product-form .product-input-wrap input,.appearance-card .appearance-input input{display:block;width:100%;min-width:0;margin:0;padding:13px 12px;border:0!important;background:transparent!important;box-shadow:none!important;outline-offset:2px;border-radius:9px}
@media(max-width:600px){.product-form .product-input-wrap input,.appearance-card .appearance-input input{padding:12px 10px;font-size:16px}}

/* Category management cards */
#category-manager-content{background:#f5f9f3;border:0;padding:20px 12px}
.category-editor-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:24px}.category-editor-toolbar>div{flex:1;min-width:0}.category-editor-toolbar h2{font-size:26px;line-height:1.3;margin:0 0 5px}.category-editor-toolbar p{font-size:14px;color:#808b82;margin:0;line-height:1.4}
#category-editor-back{width:46px;height:46px;flex:0 0 46px;background:#e4f1e5;border:0;border-radius:13px;color:#216c37;font-size:27px;cursor:pointer}
.category-editor-toolbar .primary{background:linear-gradient(100deg,#0a8735,#08792d);color:white;border-radius:13px;padding:14px 20px;white-space:nowrap;font-size:15px}
.category-manager-rows{gap:18px;margin:0 0 18px}.category-design-row{background:#fff;border:1px solid #e5eee4;border-radius:20px;overflow:hidden;box-shadow:0 4px 14px #34513a04}
.category-design-heading{display:flex;align-items:center;gap:15px;padding:23px 22px}.category-main:has(.category-design-children)>.category-design-heading{background:#eff7ee}
.category-design-copy{flex:1;min-width:0}.category-design-copy h3{font-size:24px;margin:0 0 6px;line-height:1.3;overflow-wrap:anywhere}.category-design-copy p{color:#859088;font-size:15px;line-height:1.4;margin:0}
.category-design-actions{display:flex;gap:9px;flex-shrink:0}.category-design-actions button{width:43px;height:43px;display:grid;place-items:center;border:0;border-radius:11px;background:#f1f5f1;color:#172e25;font-size:23px;cursor:pointer}.category-design-actions .category-delete{background:#ff303c;color:white}.category-design-actions button:disabled{opacity:.4;cursor:not-allowed}
.category-design-children{padding:0 17px 15px}.category-child{border:0;border-bottom:1px solid #e7ede5;border-radius:0;box-shadow:none}.category-child .category-design-heading{padding:20px 6px}.category-child .category-design-copy h3{font-size:22px}.category-child:last-of-type{border-bottom:0}
.category-add-sub,.category-add-main{width:100%;border:0;border-radius:14px;background:#e4f3e4;color:#146d2b;font-size:18px;font-weight:800;padding:17px;cursor:pointer;margin-top:13px}.category-add-main{margin:0 0 16px}
.category-edit-fields{padding:0 22px 20px}.category-edit-fields .category-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-edit-fields input{font-size:16px;min-width:0;width:100%;margin-top:7px}.category-edit-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.category-edit-actions button{border:0;border-radius:8px;padding:9px 12px;background:#eaf5e9;color:#267235;font-weight:750;cursor:pointer}
#save-categories{min-height:48px;background:linear-gradient(100deg,#118735,#15792e);color:white;border-radius:12px;font-size:16px}
.category-design-actions button,.category-add-sub,.category-add-main{transition:background .2s,opacity .2s}.category-design-actions button:focus-visible,.category-add-sub:focus-visible,.category-add-main:focus-visible{outline:3px solid #9bd899;outline-offset:2px}
@media(max-width:600px){#category-manager-content{padding:14px 0!important}#category-manager-form{margin:0 -4px}.category-editor-toolbar{gap:9px;margin-bottom:18px;padding:0 3px}.category-editor-toolbar h2{font-size:20px}.category-editor-toolbar p{font-size:12px}.category-editor-toolbar .primary{font-size:11px;padding:12px 10px}#category-editor-back{width:34px;height:38px;flex-basis:34px;font-size:24px}.category-design-heading{padding:18px 13px;gap:9px}.category-design-copy h3{font-size:19px}.category-design-copy p{font-size:12px}.category-design-actions{gap:6px}.category-design-actions button{width:31px;height:35px;border-radius:9px;font-size:20px}.category-design-children{padding:0 12px 12px}.category-child .category-design-heading{padding:16px 2px}.category-child .category-design-copy h3{font-size:18px}.category-design-row{border-radius:17px}.category-child{border-radius:0}.category-add-sub,.category-add-main{font-size:16px;padding:14px}.category-edit-fields{padding:0 13px 16px}.category-edit-fields .category-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.category-edit-fields .category-admin-fields label:first-child{grid-column:auto}}
@media(max-width:350px){.category-editor-toolbar{flex-wrap:wrap}.category-editor-toolbar .primary{margin-left:auto}.category-design-copy h3{font-size:17px}.category-design-actions{gap:4px}.category-design-actions button{width:27px}.category-edit-fields .category-admin-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.category-design-actions button,.category-add-sub,.category-add-main{transition:none}}
/* Direct, reversible inventory trash actions. */
.inventory-row-actions{display:flex;align-items:center;gap:5px;justify-content:center}
.inventory-panel .product-trash-button{display:grid;place-items:center;min-width:36px;min-height:38px;padding:6px;background:#fff0f0;color:#c42424;border:1px solid #efb8b8;border-radius:8px}
.product-trash-button:hover{background:#ffe0e0}.product-trash-button:disabled{opacity:.5}
.inventory-panel .admin-table th:first-child{width:39%}.inventory-panel .admin-table th:nth-child(4){width:11%}.inventory-panel .admin-table th:last-child{width:14%}
#product-trash-section{border-top:1px solid #dce6dd;margin-top:18px;padding-top:10px}#product-trash-list summary{cursor:pointer;font-weight:700;padding:12px 0}.product-trash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e4ece3}.product-trash-row span{min-width:0;overflow-wrap:anywhere}.product-trash-row button{flex-shrink:0}#product-trash-note{line-height:1.7}#product-trash-note button{margin-left:8px}
.category-design-row[data-category-depth="2"]{background:#f7fbf6;margin-left:8px}.category-design-copy{min-width:0}.category-design-copy h3{overflow-wrap:anywhere}.category-admin-fields select{max-width:100%;min-width:0;width:100%}
@media(max-width:600px){.inventory-panel .admin-table th:first-child{width:37%}.inventory-panel .admin-table th:last-child{width:16%}.inventory-row-actions{flex-direction:column;gap:3px}.inventory-panel .edit-product-btn{min-height:30px;width:36px}.category-design-children{padding-left:6px;padding-right:6px}.category-design-row[data-category-depth="2"]{margin-left:3px}.category-design-copy h3{font-size:16px}.category-design-actions{gap:3px}.category-design-actions button{width:29px}.product-trash-row{flex-wrap:wrap}}
.category-admin-myanmar{display:block;font-size:13px;line-height:1.8;color:#527254;overflow-wrap:anywhere;margin-top:4px}

.inventory-edit-product{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer;font:inherit}.inventory-edit-product:focus-visible{outline:3px solid #68a944;outline-offset:3px}.product-permanent-delete{color:#b4232d;border:1px solid #ebc0c3;background:#fff3f3;border-radius:8px;padding:9px}.product-trash-row{flex-wrap:wrap;gap:8px}
#inventory-table button.inventory-edit-product{background:transparent;color:inherit;border:0;box-shadow:none;padding:0;text-align:left;font-weight:inherit}

.inventory-mobile-list{display:none}
@media(max-width:800px){.inventory-desktop-table{display:none}.inventory-mobile-list{display:grid;gap:10px}.inventory-mobile-card{display:flex;align-items:stretch;padding:9px;border:1px solid #e0eadf;border-radius:15px;background:#fff;box-shadow:0 4px 12px #153b1a0a;touch-action:pan-y}.inventory-mobile-open{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:transparent;color:inherit;text-align:left;padding:0;font:inherit;cursor:pointer}.inventory-mobile-photo{display:grid;place-items:center;width:60px;height:60px;overflow:hidden;border-radius:11px;background:#eef4ea;font-size:28px}.inventory-mobile-photo img{width:100%;height:100%;object-fit:cover}.inventory-mobile-copy{display:grid;gap:2px;min-width:0}.inventory-mobile-copy small{color:#6c786e;font-size:11px}.inventory-mobile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.inventory-mobile-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#607565;font-style:normal;font-size:12px}.inventory-mobile-copy b{font-size:14px;color:#173a25}.inventory-mobile-meta{display:grid;align-items:center;justify-items:end;gap:6px}.inventory-mobile-meta small{color:#718073;font-size:10px}.inventory-mobile-open:focus-visible{outline:3px solid #68a944;outline-offset:3px}.tenant-home-button{display:inline-grid!important;place-items:center;width:42px;min-width:42px;padding:0!important;font-size:25px;line-height:1}}
/* Header: two matching icon buttons (View store, Log out). */
.admin-page .nav .nav-actions{display:flex!important;align-items:center;gap:8px;margin-left:auto;width:auto;flex-wrap:nowrap;align-self:center}
.admin-page .nav .nav-actions .admin-user-menu{display:flex;position:relative}
.admin-page .nav .nav-actions .admin-user-menu.hidden,.admin-page .nav .nav-actions .nav-icon-btn.hidden{display:none!important}
.admin-page .nav .nav-actions .nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;width:auto;min-height:42px;margin:0;padding:0 14px;border:1px solid #d6e6db;border-radius:12px;background:#fff;color:#16733b;font-size:13px;font-weight:750;line-height:1;text-decoration:none;box-shadow:0 1px 2px #1934260d;cursor:pointer}
.admin-page .nav .nav-actions .nav-icon-btn svg{flex:none}
.admin-page .nav .nav-actions .nav-icon-btn:hover{background:#eef8f1}
.admin-page .nav .nav-actions .nav-logout{color:#b3362f;border-color:#f0d3d0}
.admin-page .nav .nav-actions .nav-logout:hover{background:#fff3f2}
@media(max-width:600px){.admin-page .nav{flex-wrap:nowrap;align-items:center}.admin-page .nav .nav-actions .nav-icon-btn{width:42px;padding:0}.admin-page .nav .nav-actions .nav-icon-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* Frontend Text editor is hidden; its fields still save the existing wording. */
.appearance-extra[hidden]{display:none!important}
/* Seller admin: owner banner and a friendly "wrong account" card. */
.owner-managing{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fff6dd;border:1px solid #f1d58c;color:#6b4d00;font-weight:700;font-size:14px}
#login-view.tenant-denied{max-width:520px;margin:32px auto;padding:0 16px;background:transparent;border:0;box-shadow:none}
.tenant-denied-card{display:grid;justify-items:center;gap:10px;text-align:center;padding:32px 24px;background:#fff;border:1px solid #e6ede8;border-radius:24px;box-shadow:0 14px 40px #16472e0d}
.tenant-denied-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#eaf7ee;font-size:32px}
.tenant-denied-card h2{margin:6px 0 0;font-size:21px;line-height:1.6;color:#172d21}
.tenant-denied-card p{margin:0;color:#66756b;line-height:1.7}
.tenant-denied-card .tenant-denied-en{color:#172d21;font-weight:600}
.tenant-denied-switch{width:100%;margin-top:10px;padding:14px;border-radius:14px;font-size:16px}
.tenant-denied-back{color:#16733b;font-weight:700;text-decoration:none;padding:6px}
.product-field-grid .promotion-price-field{grid-column:1/-1}
/* Seller admins show their own shop name (and logo) in the header. */
.admin-brand-name.shop-brand{max-width:min(46vw,260px);color:#183b2a;font-size:clamp(15px,2.2vw,20px);line-height:1.15;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.admin-brand-name.shop-brand small{color:#5b6660}
.admin-brand-gear .admin-brand-logo{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 1px #e3e8e4}
/* PC: the admin header spans the full width, lined up with the content. */
@media(min-width:1100px){.admin-page>header.nav{max-width:none;margin:0;padding:18px 24px}}
/* Sidebar submenu folds; the chevron shows its state. */
.admin-sidebar a[aria-expanded="false"]+.admin-sidebar-subnav{display:none}
.admin-sidebar a[aria-expanded] .sidebar-chevron{transition:transform .2s}
.admin-sidebar a[aria-expanded="false"] .sidebar-chevron{transform:rotate(-90deg)}
/* Header: View store · new-order bell · Admin menu (Log out inside). */
.admin-page .nav .nav-actions .admin-bell{position:relative;width:42px;padding:0;border-color:transparent;background:transparent;color:#253349}
.admin-page .nav .nav-actions .admin-bell:hover{background:#f2f6f4}
.admin-bell-count{position:absolute!important;top:3px;right:2px;width:auto!important;height:auto!important;min-width:18px;padding:1px 5px;overflow:visible!important;clip:auto!important;border-radius:999px;background:#e5372b;color:#fff;font-size:11px;font-weight:800;line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff}
.admin-bell-count[hidden]{display:none}
.admin-bell.ring svg{animation:admin-bell-ring 1s ease-in-out 2;transform-origin:50% 10%}
@keyframes admin-bell-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-6deg)}}
.admin-page .nav .admin-user-menu{position:relative}
.admin-user-toggle .admin-user-chevron{font-size:13px;color:#6b7686}
.admin-page .nav .admin-user-dropdown{z-index:40;padding:6px}
.admin-page .nav .admin-user-dropdown .nav-logout{display:flex;width:100%!important;min-height:40px;padding:0 12px!important;justify-content:flex-start}
.admin-page .nav .admin-user-dropdown .nav-logout span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
@media(max-width:600px){.admin-user-name,.admin-user-chevron{display:none}.admin-user-avatar{width:36px;height:36px}.admin-page .nav-actions{gap:8px}}
/* PC summary cards above the product list. */
.admin-kpis{display:none}
@media(min-width:1100px){
 .admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}
 .kpi-card{position:relative;display:flex;align-items:flex-start;gap:14px;min-width:0;padding:18px;border:1px solid #e7eef0;border-radius:14px;background:#fff;box-shadow:0 6px 18px #18263c0d;overflow:hidden}
 .kpi-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px}
 .kpi-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
 .kpi-products{background:linear-gradient(135deg,#fff,#f3fbf5)}.kpi-products .kpi-icon{background:#e3f6e8;color:#16943f}
 .kpi-orders{background:linear-gradient(135deg,#fff,#f2f7ff)}.kpi-orders .kpi-icon{background:#e5efff;color:#1f6fe5}
 .kpi-sales{background:linear-gradient(135deg,#fff,#fffaf0)}.kpi-sales .kpi-icon{background:#fff1d6;color:#e08a00}
 .kpi-customers{background:linear-gradient(135deg,#fff,#f8f4ff)}.kpi-customers .kpi-icon{background:#efe6ff;color:#7a4be0}
 .kpi-label{display:block;color:#3b4658;font-size:14px;font-weight:600}
 .kpi-value{display:block;margin:4px 0 6px;color:#121a2b;font-size:clamp(20px,1.7vw,28px);font-weight:850;line-height:1.1;overflow-wrap:anywhere}
 .kpi-trend{font-size:12.5px;font-weight:750}.kpi-trend small{margin-left:4px;color:#6b7686;font-weight:500;font-size:12px}
 .kpi-trend.up{color:#16943f}.kpi-trend.down{color:#c2362c}.kpi-trend.flat{color:#6b7686;font-weight:600}
 .kpi-bars{position:absolute;right:16px;top:18px;display:flex;align-items:flex-end;gap:4px;height:40px;opacity:.28}
 .kpi-bars i{display:block;width:8px;border-radius:3px;background:currentColor}
 .kpi-bars i:nth-child(1){height:30%}.kpi-bars i:nth-child(2){height:55%}.kpi-bars i:nth-child(3){height:75%}.kpi-bars i:nth-child(4){height:100%}
 .kpi-products .kpi-bars{color:#16943f}.kpi-orders .kpi-bars{color:#1f6fe5}.kpi-sales .kpi-bars{color:#e08a00}.kpi-customers .kpi-bars{color:#7a4be0}
}
@media(min-width:1100px) and (max-width:1300px){.kpi-bars{display:none}}
/* Offline notice. */
.admin-offline-bar{margin:0 0 14px;padding:11px 14px;border:1px solid #f0d9a8;border-radius:12px;background:#fff8e6;color:#6b4d00;font-size:13px;font-weight:600;line-height:1.45}
.admin-offline-bar[hidden]{display:none}
/* Admin menu works the same on phone and PC: avatar opens a small menu with Log out. */
.admin-page .admin-user-toggle{display:flex;align-items:center;gap:8px;min-height:42px;padding:2px 4px;border:0;border-radius:999px;background:transparent;color:#16233a;font:inherit;font-weight:750;font-size:14px;cursor:pointer}
.admin-page .admin-user-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#5ca8ff,#1876e8);color:#fff}
.admin-page .nav .admin-user-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:#fff;border:1px solid #e5ece8;border-radius:12px;box-shadow:0 12px 28px #15263c26}
.admin-page .nav .admin-user-menu.open .admin-user-dropdown{display:block}
/* Backup buttons sit side by side and never break mid-word. */
section[aria-labelledby="operations-heading"] #backup-run,section[aria-labelledby="operations-heading"] a.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:4px 6px 4px 0;padding:0 16px;border-radius:10px;white-space:nowrap;text-decoration:none;font-size:14px}
@media(max-width:600px){section[aria-labelledby="operations-heading"] #backup-run,section[aria-labelledby="operations-heading"] a.secondary{width:100%;margin:6px 0 0}}
/* Phone: orders are cards (no sideways scrolling). Customer, then total & receipt, then the status form. */
@media(max-width:760px){
 :is(#orders-table,#confirmed-orders-table,#trash-orders-table) .admin-table{display:block;width:100%;min-width:0!important;font-size:14px}
 :is(#orders-table,#confirmed-orders-table,#trash-orders-table) .admin-table thead{display:none}
 :is(#orders-table,#confirmed-orders-table,#trash-orders-table) .admin-table tbody{display:grid;gap:12px}
 :is(#orders-table,#confirmed-orders-table,#trash-orders-table) .admin-table tr{display:grid;gap:10px;padding:14px;border:1px solid #e3e9e5;border-radius:14px;background:#fff;box-shadow:0 4px 14px #18263c0d}
 :is(#orders-table,#confirmed-orders-table,#trash-orders-table) .admin-table td{display:block;width:auto;height:auto;padding:0;border:0;background:transparent;overflow-wrap:anywhere;line-height:1.45}
 #orders-table .admin-table td:first-child b{display:block;font-size:12px;color:#5b6660;font-weight:700;letter-spacing:.01em}
 #orders-table .admin-table td:first-child details{margin-top:6px}
 #orders-table .admin-table td:first-child summary{cursor:pointer;font-weight:700;color:#16943f}
 #orders-table .admin-table td:nth-child(2){padding:10px 12px;border-radius:10px;background:#f4f8f5}
 #orders-table .admin-table td:nth-child(2) b{font-size:18px;color:#16233a}
 #orders-table .admin-table td:nth-child(2) a{font-weight:700;color:#16943f}
 #orders-table .admin-table td:nth-child(3){display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-top:4px}
 #orders-table .admin-table td:nth-child(3) label{display:grid;gap:5px;margin:0;color:#5b6660;font-size:12px;font-weight:700}
 #orders-table .admin-table td:nth-child(3) label:nth-of-type(2){grid-column:1/-1;order:3}
 #orders-table .admin-table td:nth-child(3) label:nth-of-type(3){order:2}
 #orders-table .admin-table td:nth-child(3)>input{grid-column:1/-1;order:4}
 #orders-table .admin-table td:nth-child(3) button{grid-column:1/-1;order:5;min-height:46px;border-radius:10px;font-size:15px;font-weight:800}
 #orders-table .admin-table td:nth-child(3) :is(select,input){width:100%;min-width:0;height:44px;margin:0;padding:0 10px;color:#16233a;font-size:16px;font-weight:500}
 :is(#confirmed-orders-table,#trash-orders-table) .admin-table td:first-child{font-weight:800}
}
/* Header: no gear icon; the top-right avatar shows the store logo. */
.admin-page .admin-brand-gear{display:none!important}
.admin-page .admin-user-avatar.has-logo{overflow:hidden;background:#fff;box-shadow:0 0 0 1px #dfe7e2}
.admin-page .admin-user-avatar.has-logo>svg{display:none}
.admin-page .admin-user-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.appearance-caption-note{font-weight:500;color:#6b7a70;font-size:12px}
.appearance-ratio{display:block;margin-top:3px;font-weight:600;font-size:12px;color:#1f7a45;background:#e9f6ee;border-radius:8px;padding:3px 8px;width:fit-content;max-width:100%}
/* Photo fit dialog (hero, banners, logo, wallpaper). */
.image-fit-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:18px;box-shadow:0 24px 60px #0b1f1440;overflow:auto}
.image-fit-dialog::backdrop{background:#07120cb0}
.image-fit-dialog form{display:grid;gap:12px;padding:16px}
.image-fit-head{display:grid;gap:2px}.image-fit-head small{color:#5d6c62}
.image-fit-modes{display:flex;flex-wrap:wrap;gap:8px}
.image-fit-modes button{flex:1 1 140px;min-height:42px;border:1px solid #cfdcd2;border-radius:11px;background:#fff;color:#183426;font-weight:700;cursor:pointer}
.image-fit-modes button small{font-weight:500;color:#5d6c62}
.image-fit-modes button[aria-pressed="true"]{border-color:#1f7a3d;background:#e8f5ec;box-shadow:inset 0 0 0 1px #1f7a3d}
.image-fit-stage{display:grid;place-items:center;max-height:56dvh;padding:8px;border-radius:12px;background:repeating-conic-gradient(#eef1ee 0 25%,#fff 0 50%) 0 0/18px 18px}
.image-fit-stage canvas{display:block;width:auto;max-width:100%;height:auto;max-height:calc(56dvh - 16px);border-radius:8px;box-shadow:0 0 0 2px #1f7a3d;touch-action:none}
.image-fit-stage canvas.draggable{cursor:grab}
.image-fit-hint{margin:0;color:#3d5145;font-size:13px}
.image-fit-zoom{display:flex;align-items:center;gap:10px;font-size:13px}.image-fit-zoom input{flex:1}
.image-fit-zoom[hidden]{display:none}
.image-fit-actions{display:flex;justify-content:flex-end;gap:10px}
.image-fit-actions button{min-height:44px;padding:0 18px;white-space:nowrap}
@media(max-width:600px){.image-fit-dialog form{padding:12px;gap:10px}.image-fit-modes{flex-wrap:nowrap;gap:6px}.image-fit-modes button{flex:1 1 0;min-width:0;padding:6px 4px;font-size:13px}.image-fit-modes button small{display:none}.image-fit-actions button{flex:1;padding:0 10px}}
/* Order alerts on this phone (push notifications). */
.order-alerts-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:14px 16px;border:1px solid #d9e6dc;border-radius:16px;background:linear-gradient(120deg,#f6fbf7,#eef6ff)}
.order-alerts-card.is-on{border-color:#9fd3ae;background:linear-gradient(120deg,#effaf2,#f3fbf5)}
.order-alerts-text{display:grid;gap:3px;min-width:0;flex:1 1 260px}
.order-alerts-text strong{font-size:15px;color:#183426}.order-alerts-text small{color:#5d6c62}
.order-alerts-status{font-size:13px;font-weight:600;color:#245a35}.order-alerts-note{font-size:13px;color:#3d5145}
.order-alerts-actions{display:flex;gap:8px;flex-wrap:wrap}
.order-alerts-actions button{min-height:42px;padding:0 16px;white-space:nowrap}
@media(max-width:600px){.order-alerts-actions{width:100%}.order-alerts-actions button{flex:1}}
.order-alerts-diag{font-size:12px;color:#5d6c62;overflow-wrap:anywhere}


/* Order list and selected order detail */
.order-invoice-list{display:grid;gap:12px}.order-invoice-card{display:grid;grid-template-columns:210px minmax(210px,1fr) 1px minmax(210px,.72fr);align-items:center;gap:22px;width:100%;padding:14px 20px;border:1px solid #dfe8e1;border-radius:16px;background:#fff;color:#13271a;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.order-invoice-card:hover{transform:translateY(-1px);border-color:#84c99a;box-shadow:0 8px 24px #173b1b12}.order-invoice-card.status-pending{background:linear-gradient(100deg,#fbfffc,#f3fbf5);border-color:#93d1a6}.order-invoice-photos{display:flex;gap:8px}.order-invoice-photos i{display:grid;place-items:center;width:61px;height:61px;border-radius:9px;background:#f3f6f2;overflow:hidden;font-style:normal;font-size:30px}.order-invoice-photos img,.order-page-photo img{width:100%;height:100%;object-fit:contain}.order-invoice-meta small,.order-invoice-total small{display:block;color:#708077;font-size:13px}.order-invoice-meta strong{display:block;margin:2px 0;font-size:19px;letter-spacing:.01em}.order-invoice-rule{height:60px;background:#dbe5de}.order-invoice-total strong{display:block;color:#12361e;font-size:27px;line-height:1.15}.order-invoice-total em{display:block;margin-top:5px;color:#078c3b;font-size:12px;font-style:normal;font-weight:750}.order-page{max-width:940px;margin:0 auto;color:#122219}.order-page-head{display:flex;align-items:center;gap:12px}.order-page-head button{border:0;background:transparent;color:#13271a;font-size:38px;line-height:1;cursor:pointer;padding:0}.order-page-head h2{margin:0;font-size:27px}.order-page-status{margin-left:auto;border-radius:9px;padding:8px 11px;background:#fff1d9;color:#c77a12;font-weight:800}.order-page-status.status-cancelled{background:#ffe8e8;color:#c33}.order-page-status.status-confirmed,.order-page-status.status-completed{background:#e4f7e8;color:#197841}.order-page-code{display:inline-block;margin:13px 0 14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;background:#eef8f0;padding:8px 11px;font-size:13px;font-weight:800}.order-page-customer,.order-page-items,.order-page-payment,.order-page-form{border:1px solid #e1e9e3;border-radius:16px;background:#fff;padding:18px;margin:13px 0;box-shadow:0 4px 16px #173b1b0b}.order-page-customer{display:grid;grid-template-columns:1fr 1fr;gap:22px}.order-page-person{display:grid;gap:14px;font-size:16px}.order-page-person strong{font-size:21px}.order-page-facts{border-left:1px solid #dce5df;padding-left:22px}.order-page-facts p{display:grid;grid-template-columns:108px 12px 1fr;margin:0 0 9px;color:#6a786f}.order-page-facts b{color:#15281b}.order-page-section-head{display:flex;align-items:center;justify-content:space-between}.order-page-section-head h3,.order-page-payment h3{margin:0;font-size:21px}.order-page-section-head span{border-radius:10px;background:#eef7f0;padding:9px 12px;font-weight:800}.order-page-items ol{list-style:none;margin:14px 0;padding:0}.order-page-item{display:grid;grid-template-columns:96px minmax(150px,1fr) 125px 140px;align-items:center;gap:13px;border:1px solid #e4ebe6;border-radius:12px;padding:11px;margin:10px 0}.order-page-photo{display:grid;place-items:center;width:92px;height:84px;border-radius:10px;overflow:hidden;background:#f3f6f3;font-size:44px}.order-page-copy b,.order-page-copy small,.order-page-quantity small,.order-page-amount small{display:block}.order-page-copy b{font-size:16px}.order-page-copy small,.order-page-quantity small,.order-page-amount small{color:#68756c;margin-top:5px}.order-page-amount{padding-left:13px;border-left:1px solid #e0e7e2;text-align:right}.order-page-amount b{font-size:18px}.order-page-total{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:12px;background:#f0f7f2;padding:15px;font-size:15px}.order-page-total>span:last-child{border:1px solid #7fc69a;border-radius:9px;padding:9px 14px}.order-page-total b{display:block;font-size:22px;text-align:right}.order-page-form-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.order-page-form label{display:grid;gap:5px;font-size:12px;font-weight:750}.order-page-form input,.order-page-form select{width:100%;padding:9px;border:1px solid #dce5df;border-radius:8px;background:#fff}.order-page-actions{display:flex;gap:10px;margin-top:14px}.order-page-actions>*{flex:1;border:1px solid #1a3824;border-radius:8px;padding:11px;text-align:center;font-weight:800}.order-page-actions button{background:#087e36;color:#fff;cursor:pointer}.order-page-actions .receipt{background:#eef8f0;color:#15773d;text-decoration:none}.order-page-actions [aria-disabled=true]{opacity:.45;pointer-events:none}.order-page-message{min-height:18px;margin:8px 0 0;color:#14733a;font-size:13px}.order-page-payment{display:flex;align-items:center;justify-content:space-between;gap:18px}.order-page-payment p{margin:7px 0;color:#65736a}.order-page-receipt{padding:14px;border-radius:10px;background:#effaf1;color:#087d39;text-decoration:none;font-weight:800}.order-page-no-receipt{color:#748178;font-size:13px}.order-page-empty{padding:22px;color:#6f7d74}@media(max-width:700px){.order-invoice-card{grid-template-columns:minmax(0,1fr) 1px minmax(108px,.55fr);gap:10px;padding:12px}.order-invoice-photos{display:none}.order-invoice-meta strong{font-size:15px}.order-invoice-meta small,.order-invoice-total small{font-size:11px}.order-invoice-total strong{font-size:20px}.order-invoice-total em{font-size:10px}.order-invoice-rule{height:48px}.order-page{max-width:none}.order-page-head h2{font-size:25px}.order-page-customer{grid-template-columns:1fr;gap:15px}.order-page-facts{border-left:0;border-top:1px solid #dce5df;padding:13px 0 0}.order-page-item{grid-template-columns:76px minmax(0,1fr) 86px;gap:8px}.order-page-photo{width:76px;height:76px;font-size:36px}.order-page-copy b{font-size:15px}.order-page-copy small{font-size:12px}.order-page-quantity{grid-column:1/3;display:flex;gap:8px;font-size:11px}.order-page-quantity small{margin:0}.order-page-amount{grid-column:3;grid-row:1/3;padding-left:8px;font-size:11px}.order-page-amount b{font-size:15px}.order-page-total{font-size:13px}.order-page-total b{font-size:19px}.order-page-form-fields{grid-template-columns:1fr}.order-page-payment{display:block}.order-page-receipt{display:inline-block;margin-top:10px}.order-page-actions>*{font-size:12px}.order-page-customer,.order-page-items,.order-page-payment,.order-page-form{padding:14px}.order-page-facts p{grid-template-columns:100px 10px 1fr;font-size:13px}}

/* Match the compact four-column order card layout used on the phone detail view. */
.order-page-item{grid-template-columns:124px minmax(150px,1fr) 112px 122px;gap:10px;min-height:126px}.order-page-photo{width:118px;height:108px}.order-page-copy small{font-size:13px;line-height:1.1}.order-page-quantity{align-self:center;padding-left:12px;border-left:1px solid #dbe3df}.order-page-quantity small{font-size:13px}.order-page-amount{align-self:center;border:0;border-radius:9px;background:#f2f6fb;padding:12px 9px;text-align:left}.order-page-amount small{margin:0 0 5px}.order-page-amount b{font-size:17px;white-space:nowrap}.order-page-total{background:#f2f7fb;border-radius:10px}.order-page-total>span:last-child{background:#edfbf2}.order-page-actions>*{font-size:14px}.order-page-actions button:nth-child(2){background:#e8f3ff;border-color:#82b8e9;color:#1670bd}.order-page-actions button:nth-child(3){background:#fff;color:#172631}.order-page-actions .order-page-delete{background:#fff;border-color:#ef6868;color:#d63030}.order-page-form{border:0;box-shadow:none;background:transparent;padding:0}.order-page-form-fields{display:none}.order-page-form.is-editing .order-page-form-fields{display:grid;margin:12px 0}.order-page-form.is-editing .order-page-actions{margin-top:8px}.order-page-form .order-page-message{margin-top:7px}
@media(max-width:700px){.order-page-item{grid-template-columns:124px minmax(0,1fr) 102px 118px;gap:8px;min-height:120px}.order-page-photo{width:116px;height:104px}.order-page-copy b{font-size:15px}.order-page-copy small{font-size:12px}.order-page-quantity{grid-column:auto;grid-row:auto;display:block;padding-left:9px}.order-page-quantity small{margin:5px 0;font-size:12px}.order-page-amount{grid-column:auto;grid-row:auto;font-size:12px;padding:10px 7px}.order-page-amount b{font-size:15px}.order-page-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.order-page-actions>*{min-width:0;padding:10px 4px;font-size:11px}.order-page-actions .receipt{display:grid;place-items:center;margin:0}}

.order-page-actions>*{display:flex;align-items:center;justify-content:center;gap:8px}.order-page-actions svg{width:22px;height:22px;flex:0 0 22px}.order-page-actions .order-page-delete svg{color:#e13030}.order-page-actions .receipt svg{color:#fff}@media(max-width:700px){.order-page-actions svg{width:20px;height:20px;flex-basis:20px}.order-page-actions>*{gap:5px}.order-page-actions>* span{white-space:nowrap}}

/* Desktop invoice list: mirror the three-photo, centred metadata and total columns. */
@media(min-width:701px){.order-invoice-list{gap:12px}.order-invoice-card{grid-template-columns:282px 400px 1px minmax(245px,1fr);gap:22px;min-height:114px;padding:16px 30px;border-radius:15px}.order-invoice-photos{gap:12px}.order-invoice-photos i{width:76px;height:76px;border-radius:8px;font-size:38px}.order-invoice-meta strong{font-size:25px;line-height:1.03}.order-invoice-meta small,.order-invoice-total small{font-size:16px}.order-invoice-rule{height:64px}.order-invoice-total strong{font-size:32px}.order-invoice-total em{display:none}}

/* Phone order detail: keep all four item columns readable without overlap. */
@media(max-width:700px){
 .order-page-item{grid-template-columns:84px minmax(0,1fr) 72px 104px;gap:6px;min-height:108px;padding:9px}
 .order-page-photo{width:78px;height:78px;font-size:36px}
 .order-page-copy{min-width:0}
 .order-page-copy b{font-size:14px;line-height:1.22;overflow-wrap:anywhere}
 .order-page-copy small{font-size:11px;line-height:1.25;overflow-wrap:anywhere}
 .order-page-quantity{min-width:0;padding-left:6px}
 .order-page-quantity small{font-size:11px;line-height:1.25;margin:4px 0;overflow-wrap:anywhere}
 .order-page-amount{min-width:0;padding:9px 6px;font-size:11px}
 .order-page-amount b{font-size:14px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:420px){
 .order-page-item{grid-template-columns:72px minmax(0,1fr) 62px 88px;gap:4px;padding:7px}
 .order-page-photo{width:66px;height:66px;font-size:30px}
 .order-page-copy b{font-size:13px}
 .order-page-copy small,.order-page-quantity small{font-size:10px}
 .order-page-amount{padding:7px 5px}
 .order-page-amount b{font-size:13px}
}

/* Very small phones: combine quantity and amount into one readable right column. */
@media(max-width:480px){
 .order-page-item{grid-template-columns:84px minmax(0,1fr) 106px;gap:8px;min-height:112px;padding:9px}
 .order-page-photo{width:78px;height:78px}
 .order-page-copy{grid-column:2;grid-row:1;min-width:0}
 .order-page-copy b{font-size:15px;line-height:1.22;overflow-wrap:break-word}
 .order-page-copy small{font-size:11px;line-height:1.35}
 .order-page-quantity{grid-column:3;grid-row:1;align-self:start;min-width:0;border:0;padding:0}
 .order-page-quantity small{font-size:11px;margin:0 0 4px;line-height:1.2}
 .order-page-quantity small:last-child{display:none}
 .order-page-amount{grid-column:3;grid-row:1;align-self:end;min-width:0;padding:8px 7px}
 .order-page-amount small{font-size:10px}
 .order-page-amount b{font-size:15px;white-space:nowrap}
}

/* Product Inventory reference layout: mobile only. */
@media(max-width:800px){
 .inventory-panel{padding:14px;background:linear-gradient(150deg,#f9fffa,#f4f7fc);border:0;overflow:visible}
 .inventory-hero,.inventory-panel>.admin-kpis{display:none}
 .inventory-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;margin:0 0 16px;border:1px solid #e5eee6;border-radius:18px;background:#fff;box-shadow:0 5px 16px #183d2110}
 .inventory-title{gap:11px}.inventory-title>span{width:58px;height:58px;border-radius:13px;background:#e8f5e9;font-size:31px}
 .inventory-header h2{font-size:20px;line-height:1.15;margin:0}.inventory-title small{font-size:12px;line-height:1.35;margin-top:4px}
 .inventory-total-card{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-width:112px;padding:12px 10px;border-radius:13px;background:#edfaef;color:#147632;font-size:13px;font-weight:700}
 .inventory-total-card::before{content:"▱";grid-row:1/3;font-size:33px;line-height:1;color:#15923c}
 .inventory-total-card::after{content:attr(data-label);font-size:10px;color:#677469;font-weight:500;white-space:nowrap}
 .inventory-total-card{font-size:25px;line-height:1.05}.inventory-total-card:not(:empty){font-weight:800}
 .inventory-search-label{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
 .inventory-search-box{grid-column:1/-1;min-height:56px;border:1px solid #dce7df;border-radius:12px;background:#fff;padding:0 14px}
 .inventory-search-box input{font-size:15px}
 .inventory-search-label select{min-width:0;height:52px;padding:0 8px 0 11px;border:1px solid #dce7df;border-radius:11px;background:#fff;font-size:13px;font-weight:700}
 #inventory-add-product{grid-column:1/-1;min-height:57px;margin:5px 0 8px;border-radius:12px;font-size:18px;background:linear-gradient(105deg,#09963b,#10a542);box-shadow:0 7px 15px #13873c24}
 #inventory-table{margin-top:4px}
 .inventory-mobile-list{gap:10px}
 .inventory-mobile-card{padding:10px 12px;border-radius:16px;background:#fff;box-shadow:0 3px 13px #183d210c}
 .inventory-mobile-open{grid-template-columns:112px minmax(0,1fr) auto;gap:12px}
 .inventory-mobile-photo{width:112px;height:112px;border-radius:12px;background:#f7f8f6}
 .inventory-mobile-photo img{object-fit:contain}
 .inventory-mobile-copy{align-self:stretch;align-content:center;gap:4px}
 .inventory-mobile-copy small{font-size:13px;color:#7b8580}.inventory-mobile-copy strong{white-space:normal;font-size:19px;line-height:1.15}.inventory-mobile-copy em{font-size:16px;white-space:normal}.inventory-mobile-copy b{font-size:22px;color:#087837}
 .inventory-mobile-meta{align-self:stretch;align-content:center;gap:7px}.inventory-mobile-meta .inventory-stock{min-width:37px;padding:7px 9px;border-radius:9px;font-size:16px}.inventory-mobile-meta small{font-size:12px;white-space:nowrap}
}
@media(max-width:420px){
 .inventory-panel{padding:12px}.inventory-header{padding:11px 9px}.inventory-title>span{width:48px;height:48px;font-size:26px}.inventory-header h2{font-size:17px}.inventory-title small{font-size:10px}.inventory-total-card{min-width:91px;padding:10px 7px;font-size:21px}.inventory-total-card::before{font-size:26px}.inventory-total-card::after{font-size:9px}
 .inventory-search-label{gap:7px}.inventory-search-label select{font-size:11px;padding-left:8px}.inventory-mobile-open{grid-template-columns:92px minmax(0,1fr) auto;gap:9px}.inventory-mobile-photo{width:92px;height:92px}.inventory-mobile-copy small{font-size:11px}.inventory-mobile-copy strong{font-size:16px}.inventory-mobile-copy em{font-size:13px}.inventory-mobile-copy b{font-size:18px}.inventory-mobile-meta .inventory-stock{font-size:14px;padding:6px}.inventory-mobile-meta small{font-size:10px}
}

/* Inventory reference icons and total card */
@media(max-width:800px){
 .inventory-total-card{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:126px;padding:10px 12px;border:0;border-radius:15px;background:#eef9f0;color:#148538}
 .inventory-total-card::before,.inventory-total-card::after{content:none}
 .inventory-total-icon{grid-row:1/3;width:36px;height:36px;fill:none;stroke:#168b3e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .inventory-total-card .inventory-count{display:block;color:#148538;font-size:29px;line-height:1;font-weight:850;letter-spacing:-.04em}
 .inventory-total-card small{display:block;color:#5b7460;font-size:10px;line-height:1.2;font-weight:600;white-space:nowrap}
 .inventory-search-icon{flex:0 0 26px;width:26px;height:26px;fill:none;stroke:#10233b;stroke-width:2;stroke-linecap:round}
 .inventory-filter-wrap{position:relative;display:block;min-width:0}
 .inventory-filter-wrap>svg{position:absolute;z-index:1;left:12px;top:50%;width:25px;height:25px;transform:translateY(-50%);fill:none;stroke:#10233b;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
 .inventory-search-label .inventory-filter-wrap select{width:100%;padding-left:43px}
 #inventory-add-product{color:#fff!important}
}
@media(max-width:420px){
 .inventory-total-card{grid-template-columns:31px minmax(0,1fr);min-width:107px;padding:9px 8px;column-gap:5px}
 .inventory-total-icon{width:29px;height:29px}.inventory-total-card .inventory-count{font-size:23px}.inventory-total-card small{font-size:8px}
 .inventory-filter-wrap>svg{left:8px;width:19px;height:19px}.inventory-search-label .inventory-filter-wrap select{padding-left:31px}
}

/* Keep inventory filter labels and total label within narrow mobile cards */
@media(max-width:800px){
 .inventory-total-card{min-width:118px;padding:9px 10px;column-gap:6px}
 .inventory-total-card .inventory-count{font-size:27px}
 .inventory-total-card small{font-size:9px;letter-spacing:-.01em}
 .inventory-search-label .inventory-filter-wrap select{min-width:0;font-size:12px!important;letter-spacing:-.02em;text-overflow:ellipsis}
}
@media(max-width:600px){
 .inventory-search-label{gap:8px}
 .inventory-filter-wrap>svg{left:9px;width:21px;height:21px}
 .inventory-search-label .inventory-filter-wrap select{padding-left:36px!important;padding-right:17px!important;font-size:11px!important}
}
@media(max-width:420px){
 .inventory-total-card{min-width:101px;padding:8px 7px}
 .inventory-total-card .inventory-count{font-size:21px}
 .inventory-total-card small{font-size:7.5px}
 .inventory-search-label .inventory-filter-wrap select{font-size:10px!important;padding-left:29px!important;padding-right:14px!important}
}

/* Let the mobile inventory area use the available screen width */
@media(max-width:800px){
 .admin-page .inventory-panel{box-sizing:border-box;width:calc(100% + 16px);margin-left:-8px;margin-right:-8px;padding:14px}
}
@media(max-width:600px){
 .admin-page .inventory-panel{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;padding:10px}
}

/* Balance the mobile total card and give the category label room */
@media(max-width:800px){
 .inventory-total-card{grid-template-columns:36px max-content;grid-template-rows:auto auto;justify-content:center;column-gap:8px}
 .inventory-total-card .inventory-count,.inventory-total-card small{justify-self:center;text-align:center}
}
@media(max-width:600px){
 .inventory-search-label{grid-template-columns:1.45fr .8fr .8fr}
 .inventory-search-label #inventory-category-filter{font-size:13px!important;font-weight:800;letter-spacing:-.015em}
 .inventory-search-label #inventory-stock-filter,.inventory-search-label #inventory-sort{font-size:11.5px!important}
}
@media(max-width:420px){
 .inventory-search-label{grid-template-columns:1.32fr .84fr .84fr}
 .inventory-search-label #inventory-category-filter{font-size:11px!important}
 .inventory-search-label #inventory-stock-filter,.inventory-search-label #inventory-sort{font-size:10px!important}
}

/* Keep every mobile filter label readable */
@media(max-width:600px){
 .inventory-search-label{grid-template-columns:1.35fr .95fr .95fr}
 .inventory-filter-wrap>svg{left:7px;width:19px;height:19px}
 .inventory-search-label .inventory-filter-wrap select{padding-left:31px!important;padding-right:7px!important;letter-spacing:-.04em}
 .inventory-search-label #inventory-category-filter{font-size:12.5px!important}
 .inventory-search-label #inventory-stock-filter,.inventory-search-label #inventory-sort{font-size:10.5px!important}
}
@media(max-width:420px){
 .inventory-search-label{grid-template-columns:1.24fr .88fr .88fr}
 .inventory-filter-wrap>svg{left:6px;width:17px;height:17px}
 .inventory-search-label .inventory-filter-wrap select{padding-left:26px!important;padding-right:5px!important}
 .inventory-search-label #inventory-category-filter{font-size:10.5px!important}
 .inventory-search-label #inventory-stock-filter,.inventory-search-label #inventory-sort{font-size:9px!important}
}

/* Phone Admin dashboard: compact card launcher layout */
@media(max-width:800px){
 .admin-page{background:#f7f9fc}
 .admin-page .nav{position:relative;display:flex;min-height:64px;box-sizing:border-box;margin:0;padding:10px 16px;background:#fff;border-bottom:1px solid #edf0f4}
 .admin-page .brand{font-size:24px;color:#08275c}.admin-page .brand .admin-brand-gear{font-size:35px;color:#1598e8}.admin-brand-name em{color:#1598e8}.admin-brand-name small{color:#17294a;font-size:8px;letter-spacing:4px}
 .admin-page .nav-actions{margin-left:auto;gap:7px}.admin-page .nav-actions>a{display:none}.admin-user-name{display:none}.admin-user-toggle{padding:0}.admin-user-avatar{width:40px;height:40px;background:#dce7f1;color:#476785}.admin-bell{display:grid!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;background:transparent!important;color:#081c3d}
 .admin-wrap{max-width:none;margin:0;padding:0 14px 112px}
 #dashboard{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
 #dashboard>.admin-sidebar,#dashboard>.confirmed-panel,#dashboard>.trash-panel,#dashboard>.deleted-panel,#dashboard>section[aria-labelledby="operations-heading"]{display:none!important}
 .admin-head{order:1;flex:0 0 100%;min-height:214px;box-sizing:border-box;margin:0;padding:28px;border:0;border-radius:18px;background:linear-gradient(95deg,#03285fe8 0%,#0b5ba6b8 48%,#0b539415 78%),url('/images/hero-excavator.jpg') 65% center/cover;box-shadow:none;color:#fff}
 .admin-head>div:first-child{max-width:65%}.admin-head .eyebrow{color:#fff;font-size:17px;letter-spacing:0;text-transform:none}.admin-head h1{margin:7px 0 9px;color:#fff;font-size:42px;line-height:1.08;letter-spacing:-.035em}.admin-head p,.admin-head .muted{color:#f4f8ff;font-size:16px;line-height:1.42}.admin-head .nav-actions{display:none!important}
 .stats{order:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin:8px 0 2px}
 .stat{min-height:152px;padding:14px 7px;border:1px solid #e4eaf2;border-radius:15px;box-shadow:0 4px 12px #17355d0d;text-align:center}.stat:after{display:none}.stat-icon{width:54px;height:54px;margin:0 auto 10px;border-radius:16px;font-size:32px}.stat small{font-size:14px;line-height:1.2;color:#10203d}.stat h2{margin:6px 0 0;color:#071432;font-size:31px;line-height:1;font-weight:850}
 .stat-0{background:#effdf4}.stat-0 .stat-icon{background:#d6f7df}.stat-1{background:#f1f8ff}.stat-1 .stat-icon{background:#dceeff}.stat-2{background:#fff8ed}.stat-2 .stat-icon{background:#fff0d1}.stat-3{background:#f8f1ff}.stat-3 .stat-icon{background:#eadbff}
 .order-list-controls{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0}.order-list-controls button{min-height:148px;flex-direction:column;justify-content:center;gap:8px;padding:12px 6px;border:1px solid #e4eaf2;border-radius:15px;text-align:center;background:#eafaf1!important;color:#071432}.order-list-controls #cancelled-toggle{background:#fff0f3!important}.order-list-controls #deleted-toggle{background:#f2f6fc!important}.order-summary-icon{display:grid;place-items:center;width:54px;height:54px;margin:0;border-radius:15px;background:#d9f6e2;font-size:31px}.order-list-controls #cancelled-toggle .order-summary-icon{background:#ffdce3}.order-list-controls #deleted-toggle .order-summary-icon{background:#dfeaf6}.order-list-controls button>span:nth-child(2){font-size:15px;font-weight:800;line-height:1.25}.order-list-controls strong{margin-top:6px;font-size:31px}.summary-arrow{display:none}
 #dashboard>.admin-grid{display:contents}#dashboard>.admin-grid>div{display:contents}
 #dashboard .admin-grid .panel,#dashboard>.category-manager-panel,#dashboard>.site-settings-panel,#dashboard>.inventory-panel{display:block;flex:0 0 calc((100% - 24px)/3);box-sizing:border-box;min-width:0;margin:0;padding:0;border:0;border-radius:15px;overflow:hidden;background:transparent}
 #dashboard .admin-grid .panel{order:5}#dashboard .admin-grid>div:last-child>.panel:first-child{order:6}#product-form-panel{order:7!important}#category-manager-panel{order:8}#dashboard>.site-settings-panel{order:9}#inventory-panel{order:4}
 #dashboard .admin-section-toggle{width:100%;min-height:218px;justify-content:flex-start;flex-direction:column;gap:13px;padding:22px 10px 14px;border:1px solid #e1e7ef;border-radius:15px;background:#f0f8ff;text-align:center;box-shadow:0 4px 12px #1931540b}
 #dashboard .admin-section-toggle .section-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:18px;background:#d9edff;font-size:39px}
 #dashboard .admin-section-toggle .admin-menu-copy{display:block;flex:0}.admin-menu-copy h2{font-size:17px!important;line-height:1.2;margin:0 0 8px!important;color:#081635}.admin-menu-copy small{font-size:13px!important;line-height:1.36!important;color:#5f6d82!important}.admin-menu-art,.section-toggle-icon{display:none!important}
 #dashboard [data-content-id="orders-content"]{background:#eef8ff}.dashboard-inventory-toggle{background:#effcf4!important}.dashboard-inventory-toggle .section-icon{background:#d6f7e1!important}#dashboard [data-content-id="low-stock-content"]{background:#fff8ea}.admin-grid>div:last-child>.panel:first-child .section-icon{background:#ffedc8}.product-form-details .admin-section-toggle{background:#eef8ff!important}.product-form-details .section-icon{background:#d9ecff!important}#category-manager-panel .admin-section-toggle{background:#f6f1ff!important}#category-manager-panel .section-icon{background:#e8dbff!important}#site-settings-panel .admin-section-toggle{background:#fff0f4!important}#site-settings-panel .section-icon{background:#ffdce5!important}
 #dashboard .panel:has(.admin-section-content:not(.hidden)),#dashboard>.inventory-panel:has(#inventory-content:not(.hidden)){flex-basis:100%;background:#fff;border:1px solid #e3e9e4}
 #dashboard .admin-section-content,#inventory-content{margin:0;padding:14px;background:#fff;border:0;border-top:1px solid #e5ebe7;border-radius:0}
 #dashboard>.inventory-panel:has(#inventory-content:not(.hidden)) .dashboard-inventory-toggle{min-height:auto;flex-direction:row;justify-content:flex-start;padding:13px;text-align:left}.dashboard-inventory-toggle .admin-menu-copy{min-width:0}
 #dashboard>.inventory-panel:has(#inventory-content:not(.hidden)) .dashboard-inventory-toggle .section-icon{flex-basis:45px;width:45px;height:45px;font-size:27px}.dashboard-inventory-toggle .admin-menu-copy h2{font-size:16px!important}.dashboard-inventory-toggle .admin-menu-copy small{font-size:11px!important}
 #inventory-content .inventory-hero{display:none}#inventory-content .admin-kpis{display:none}
}
@media(max-width:480px){
 .admin-wrap{padding-inline:10px}.admin-page .nav{padding-inline:12px}.admin-head{min-height:188px;padding:22px}.admin-head h1{font-size:34px}.admin-head .eyebrow{font-size:15px}.admin-head p{font-size:13px}
 .stats{gap:7px}.stat{min-height:126px;padding:10px 4px}.stat-icon{width:44px;height:44px;margin-bottom:7px;border-radius:13px;font-size:27px}.stat small{font-size:11px}.stat h2{font-size:24px}
 .order-list-controls{gap:7px}.order-list-controls button{min-height:122px;padding:9px 4px}.order-summary-icon{width:43px;height:43px;border-radius:13px;font-size:26px}.order-list-controls button>span:nth-child(2){font-size:12px}.order-list-controls strong{font-size:25px}
 #dashboard{gap:8px}#dashboard .admin-grid .panel,#dashboard>.category-manager-panel,#dashboard>.site-settings-panel,#dashboard>.inventory-panel{flex-basis:calc((100% - 16px)/3)}#dashboard .admin-section-toggle{min-height:174px;gap:10px;padding:15px 6px 10px;border-radius:13px}#dashboard .admin-section-toggle .section-icon{flex-basis:48px;width:48px;height:48px;border-radius:15px;font-size:30px}.admin-menu-copy h2{font-size:14px!important;margin-bottom:5px!important}.admin-menu-copy small{font-size:10px!important;line-height:1.25!important}
}


/* Phone dashboard: compact sales amount and the colored card base from the approved layout. */
@media(max-width:800px){
  #dashboard .stat{position:relative;overflow:hidden}
  #dashboard .stat::after{display:block;content:"";position:absolute;z-index:0;left:-8%;bottom:-18px;width:116%;height:47px;border-top:3px solid var(--stat-color);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--stat-color) 20%,transparent));border-radius:55% 55% 0 0;opacity:.82;pointer-events:none}
  #dashboard .stat>*{position:relative;z-index:1}
  #dashboard .stat h2{white-space:nowrap}
  #dashboard .stat-0 h2{font-size:0;line-height:1}
  #dashboard .stat-0 h2::before{content:attr(data-mobile-value);display:block;font-size:31px;line-height:1;font-weight:850}
  #dashboard .stat-0 h2::after{content:"Ks";display:block;margin-top:4px;font-size:15px;line-height:1;font-weight:750}
}
@media(max-width:480px){
  #dashboard .stat::after{bottom:-12px;height:37px}
  #dashboard .stat-0 h2::before{font-size:25px}
  #dashboard .stat-0 h2::after{font-size:12px}
}


/* Desktop inventory controls always keep their SVGs inside their fields. */
@media(min-width:801px){
  .inventory-search-box .inventory-search-icon{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:#10233b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .inventory-filter-wrap{position:relative;display:block;min-width:0}
  .inventory-filter-wrap>svg{position:absolute;z-index:1;left:12px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:#10233b;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
  .inventory-search-label .inventory-filter-wrap select{width:100%;padding-left:42px}
}


/* Phone order details open below the dashboard cards. */
@media(max-width:800px){
  #dashboard>#confirmed-panel:not(.hidden),
  #dashboard>#trash-panel:not(.hidden),
  #dashboard>#deleted-panel:not(.hidden){display:block!important;order:10;flex:0 0 100%;width:100%;box-sizing:border-box}
  #dashboard>#confirmed-panel.hidden,
  #dashboard>#trash-panel.hidden,
  #dashboard>#deleted-panel.hidden{display:none!important}
}


/* On phones every dashboard card opens its detail section after the full card grid. */
@media(max-width:800px){
  #mobile-dashboard-detail-host{order:20;flex:0 0 100%;width:100%;box-sizing:border-box}
  #mobile-dashboard-detail-host>:not(.hidden){display:block!important;width:100%;box-sizing:border-box;margin-top:0}
}


/* Navigation image visibility control. */
.appearance-opacity-control{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:700}.appearance-opacity-control input{width:100%;accent-color:#15923a}.appearance-opacity-control output{min-width:40px;text-align:right;color:#158d2b}


/* The selected phone dashboard card clearly shows that its detail is open. */
@media(max-width:800px){
  #dashboard .admin-section-toggle.mobile-dashboard-open,#dashboard .order-list-controls button.mobile-dashboard-open{position:relative;border:3px solid #08a64c!important;box-shadow:0 0 0 3px #08a64c1f,0 8px 18px #0b9d4424!important}
  #dashboard .admin-section-toggle.mobile-dashboard-open::after,#dashboard .order-list-controls button.mobile-dashboard-open::after{content:"●  Open";position:absolute;z-index:3;top:10px;right:10px;border-radius:999px;background:#08a64c;color:#fff;padding:5px 10px;font-size:12px;font-weight:800;line-height:1;box-shadow:0 2px 6px #087b3b44}
}


/* Phone dashboard launcher cards show their main title only. */
@media(max-width:800px){#dashboard .admin-section-toggle .admin-menu-copy small{display:none}}
.category-design-actions button[hidden]{display:none!important}


/* Keep desktop inventory filter text clear of its icons. */
@media(min-width:1100px){
 .admin-page .inventory-panel .inventory-search-label .inventory-filter-wrap select{padding-left:42px!important;padding-right:32px!important}
}