*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f8f8;color:#173536;display:flex}aside{width:250px;min-height:100vh;background:#102f30;color:#fff;padding:22px 14px;position:sticky;top:0}.brand{font-weight:800;font-size:21px;padding:8px 12px 24px}.brand small{display:block;color:#53ddd6;font-size:10px;margin-top:4px}aside a{display:block;color:#dceeee;text-decoration:none;padding:11px 13px;border-radius:9px;margin:3px 0}aside a:hover,aside a.active{background:#10b5ae;color:#fff}.logout{margin-top:20px;border-top:1px solid #ffffff22;padding-top:18px}main{padding:35px;max-width:1150px;width:100%}.topline{display:flex;justify-content:space-between;align-items:center}.site{background:#10b5ae;color:#fff;padding:11px 16px;border-radius:9px;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.stats div,section{background:#fff;border-radius:15px;padding:22px;box-shadow:0 5px 20px #00000008}.stats span{display:block;color:#789}.stats strong{display:block;font-size:36px;margin-top:10px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e8faf9,#fff);display:flex}.login{width:min(420px,92%);background:#fff;padding:35px;border-radius:20px;box-shadow:0 15px 45px #0002;text-align:center}.login img{width:190px;margin-bottom:10px}.login h1{margin:10px 0 22px}.login input{width:100%;padding:13px;margin:6px 0;border:1px solid #d5e5e5;border-radius:9px}.login button{width:100%;padding:13px;margin-top:10px;border:0;border-radius:9px;background:#10b5ae;color:#fff;font-size:16px}.login a{color:#10a7a0}.error{background:#fff0f0;color:#a33;padding:10px;border-radius:8px;margin-bottom:10px}@media(max-width:800px){aside{width:70px;padding:10px}aside a{font-size:0;text-align:center}aside a:before{content:'•';font-size:20px}.brand{font-size:0;text-align:center}.brand:before{content:'TH';font-size:20px}.stats{grid-template-columns:1fr 1fr}main{padding:20px}.topline{align-items:flex-start;gap:10px}.site{font-size:12px}}

.form{display:grid;gap:10px;max-width:850px}.form.two{grid-template-columns:1fr 1fr}.form input,.form select,.form textarea{padding:12px;border:1px solid #d5e5e5;border-radius:8px;font:inherit}.form textarea{min-height:110px;grid-column:1/-1}.form label{padding:5px}.form button{background:#10b5ae;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer}.cancel{padding:10px;color:#10a7a0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7eeee;white-space:nowrap}th{background:#f5fafa}td a{color:#079d97}.quick{display:flex;gap:12px;flex-wrap:wrap}.quick a{background:#10b5ae;color:#fff;padding:12px 16px;border-radius:9px;text-decoration:none}
@media(max-width:800px){.form.two{grid-template-columns:1fr}.form textarea{grid-column:auto}}
.preview img{max-width:180px;max-height:120px;object-fit:contain;background:#effafa;border-radius:8px;padding:8px}
.inline{margin:0}.inline select{padding:7px;border:1px solid #d5e5e5;border-radius:7px}
.saved{background:#e8faf9;color:#087b76;padding:12px;border-radius:9px;margin:15px 0}
.gallery-admin{display:flex;gap:12px;flex-wrap:wrap}.gallery-admin>div{display:grid;gap:5px}.gallery-admin img{width:120px;height:90px;object-fit:contain;border:1px solid #ddd;border-radius:8px}.gallery-admin a{color:#b33}

/* v16 product field labels */
.product-form{align-items:stretch}
.product-form .field-group,.product-form .price-box,.product-form .options-box{box-sizing:border-box}
.product-form label{display:flex;flex-direction:column;gap:6px;width:100%}
.product-form label>b{font-size:14px;color:#183737}
.product-form label>small{font-size:11px;line-height:1.45;color:#7b8d8d;margin-top:-2px}
.product-form input,.product-form select,.product-form textarea{width:100%;box-sizing:border-box}
.product-form textarea{min-height:125px;resize:vertical}
.product-form .full{grid-column:1/-1}
.form-intro{margin:-4px 0 18px;color:#6b7c7c;font-size:13px;line-height:1.6;background:#f7fbfb;border:1px solid #e3eeee;padding:12px 14px;border-radius:12px}
.price-box{grid-column:1/-1;background:linear-gradient(180deg,#fbffff,#f5fbfa);border:1px solid #dceceb;border-radius:16px;padding:18px}
.price-box h3{margin:0 0 5px;font-size:17px}.price-box>p{margin:0 0 14px;color:#708181;font-size:12px;line-height:1.5}
.price-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:14px;align-items:end}
.discount-preview{height:100%;min-height:92px;border-radius:12px;background:#fff;border:1px dashed #b8d8d5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px;box-sizing:border-box}
.discount-preview span{font-size:11px;color:#718181}.discount-preview strong{font-size:25px;color:#0b9b93;margin:3px 0}.discount-preview small{font-size:10px;color:#8b9999}
.options-box{grid-column:1/-1;border:1px solid #e3eeee;border-radius:16px;padding:16px;background:#fff}
.options-box h3{margin:0 0 13px;font-size:16px}
.options-box .check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid #edf3f3}
.options-box .check:first-of-type{border-top:0}
.options-box .check input{width:auto;margin-top:3px}
.options-box .check span{display:flex;flex-direction:column;gap:3px}
.options-box .check small{color:#7b8d8d;font-size:11px}
.form-actions{display:flex;gap:10px;align-items:center}
@media(max-width:800px){.price-grid{grid-template-columns:1fr}.product-form .full{grid-column:auto}.price-box,.options-box{grid-column:1/-1}}

/* v17 Product Add Pro */
.pro-editor{max-width:1220px!important}
.editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.editor-head h2{margin:5px 0 4px;font-size:27px}.editor-head p{margin:0;color:#7a8b8b;font-size:13px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#0d9b92}
.editor-status{background:#eefaf8;border:1px solid #d3efeb;color:#087f79;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.editor-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18b79d;margin-right:6px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.editor-main{display:grid;gap:16px}
.pro-card{background:#fff;border:1px solid #e4eeee;border-radius:18px;padding:20px;box-shadow:0 5px 22px rgba(20,60,60,.04)}
.card-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.card-title .step{width:31px;height:31px;border-radius:10px;background:#eaf8f6;color:#0b9189;display:grid;place-items:center;font-size:10px;font-weight:900}.card-title h3{margin:0;font-size:16px}.card-title small{color:#8a9999;font-size:11px}
.language-tabs{display:flex;gap:6px;background:#f5f8f8;padding:4px;border-radius:11px;margin-bottom:14px;width:max-content}.lang-tab{border:0;background:transparent;border-radius:8px;padding:8px 12px;font-size:11px;cursor:pointer;color:#718080}.lang-tab.active{background:#fff;color:#087f79;box-shadow:0 2px 8px rgba(0,0,0,.06);font-weight:800}
.lang-panel{display:none}.lang-panel.active{display:block}
.pro-form label{display:flex;flex-direction:column;gap:5px}.pro-form label>b{font-size:13px;color:#203b3b}.pro-form label>small{font-size:10.5px;color:#8a9999;line-height:1.4}.pro-form input,.pro-form select,.pro-form textarea{box-sizing:border-box;width:100%;border:1px solid #dce8e8;background:#fbfdfd;border-radius:10px;padding:11px 12px;outline:none;font:inherit}.pro-form input:focus,.pro-form select:focus,.pro-form textarea:focus{border-color:#74cfc7;box-shadow:0 0 0 3px rgba(17,164,153,.08);background:#fff}.pro-form textarea{min-height:145px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.dropzone{min-height:145px;border:2px dashed #cfe4e2!important;border-radius:15px;background:#f9fcfc;align-items:center!important;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.dropzone input{display:none}.dropzone:hover,.dropzone.drag{border-color:#0da69c!important;background:#f0fbf9}.drop-icon{width:42px;height:42px;border-radius:13px;background:#e8f8f5;color:#0a9a91;display:grid;place-items:center;font-size:22px}.dropzone strong{font-size:13px}.dropzone span,.dropzone small{color:#8a9999;font-size:11px}.image-preview{margin-top:12px;height:110px;border-radius:12px;overflow:hidden;background:#f6f9f9;display:grid;place-items:center}.image-preview img{width:100%;height:100%;object-fit:contain}.empty-preview{color:#a5b1b1;font-size:11px}
.price-grid-pro{display:grid;grid-template-columns:1fr 1fr 150px;gap:13px;align-items:end}.money{position:relative}.money input{padding-right:36px}.money span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#849494;font-weight:700;font-size:12px}.discount-card{height:78px;border-radius:13px;background:#edfbf8;border:1px solid #d2efea;display:flex;flex-direction:column;align-items:center;justify-content:center}.discount-card span{font-size:9px;font-weight:900;letter-spacing:1px;color:#4d8e89}.discount-card strong{font-size:24px;color:#0b9b91;line-height:1.1}.discount-card small{font-size:9px;color:#86a09e}
.settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.toggle-row{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:13px;border:1px solid #e5eeee;border-radius:12px;cursor:pointer}.toggle-row input{display:none}.toggle{width:34px;height:19px;background:#d9e5e5;border-radius:20px;position:relative;flex:none}.toggle:after{content:"";width:15px;height:15px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #aaa;transition:.2s}.toggle-row input:checked+.toggle{background:#10a79a}.toggle-row input:checked+.toggle:after{left:17px}.toggle-row span:last-child{display:flex;flex-direction:column;gap:3px}.toggle-row small{font-size:9px;color:#8a9999}.stock-field{max-width:300px;margin-top:14px}
.editor-side{display:grid;gap:14px;position:sticky;top:15px}.preview-card,.tip-card{background:#fff;border:1px solid #e4eeee;border-radius:18px;overflow:hidden;box-shadow:0 5px 22px rgba(20,60,60,.04)}.preview-head{padding:13px 15px;display:flex;justify-content:space-between;border-bottom:1px solid #edf3f3;font-size:9px;font-weight:900;letter-spacing:1px;color:#748686}.preview-head i{font-style:normal;color:#0ca091}.mock-product{background:#fff}.mock-image{height:180px;background:#f5f8f8;display:grid;place-items:center;color:#a1aeae;font-size:11px}.mock-image img{width:100%;height:100%;object-fit:contain}.mock-body{padding:15px}.mock-badges{height:19px}.mock-badges span{display:inline-block;background:#eaf8f5;color:#087f79;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:900;margin-right:4px}.mock-body>small{color:#92a0a0;font-size:9px}.mock-body h4{margin:6px 0 12px;font-size:14px;line-height:1.35;min-height:38px}.mock-prices{display:flex;align-items:center;gap:7px}.mock-prices del{font-size:10px;color:#a5b0b0}.mock-prices strong{font-size:17px;color:#172f2f}.mock-body button{width:100%;margin-top:13px;border:0;border-radius:9px;padding:10px;background:#0b9c91;color:#fff;font-weight:800;font-size:11px}.tip-card{padding:15px}.tip-card strong{font-size:12px}.tip-card p{font-size:10px;line-height:1.6;color:#7e8e8e;margin:7px 0 0}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#102f30;color:#fff;border-radius:16px;padding:14px 16px}.save-bar strong{font-size:12px}.save-bar small{display:block;color:#a9c0bf;font-size:9px;margin-top:3px}.save-actions{display:flex;gap:8px;align-items:center}.save-actions .cancel{color:#c5d1d1;text-decoration:none;font-size:11px}.save-actions button{border:0;border-radius:9px;background:#10a99c;color:#fff;padding:11px 15px;font-weight:800;cursor:pointer}
@media(max-width:1050px){.editor-layout{grid-template-columns:1fr}.editor-side{position:static;grid-template-columns:1fr 1fr}.price-grid-pro{grid-template-columns:1fr 1fr}.discount-card{grid-column:1/-1}.settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.editor-head{display:block}.editor-status{display:inline-block;margin-top:12px}.two-col,.settings-grid,.editor-side,.price-grid-pro{grid-template-columns:1fr}.pro-card{padding:14px}.language-tabs{width:100%}.lang-tab{flex:1;padding:8px 5px}.save-bar{display:block}.save-actions{margin-top:12px;justify-content:space-between}}

/* v18 Orders */
.order-stats{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:0 0 16px}.order-stat{background:#fff;border:1px solid #e4eeee;border-radius:13px;padding:12px;text-decoration:none;color:#496161;display:flex;flex-direction:column;gap:7px;transition:.15s}.order-stat:hover,.order-stat.active{border-color:#8ed9d2;background:#f4fcfb}.order-stat span{font-size:9px}.order-stat strong{font-size:20px;color:#193b3b}.orders-toolbar{margin-bottom:12px}.order-search{display:flex;gap:7px;align-items:center}.order-search input{flex:1;min-width:0;border:1px solid #dce8e8;border-radius:10px;padding:11px 12px;background:#fff}.order-search button{border:0;border-radius:10px;background:#0b9d92;color:#fff;padding:11px 15px;font-weight:700;cursor:pointer}.order-search a{font-size:11px;color:#758585}.orders-card{background:#fff;border:1px solid #e4eeee;border-radius:16px;overflow:hidden}.orders-table th{font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#879797}.orders-table td{vertical-align:middle}.orders-table td:nth-child(2){min-width:150px}.orders-table td:nth-child(2) small{display:block;color:#8b9b9b;margin-top:3px}.order-id{font-weight:900;color:#0b958b;text-decoration:none}.order-status{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap}.status-new{background:#eaf8f6;color:#087f79}.status-confirmed{background:#eef5ff;color:#3973b6}.status-processing{background:#fff7e8;color:#aa731c}.status-shipping{background:#f1edff;color:#7054b2}.status-completed{background:#eaf8ed;color:#3e8a50}.status-cancelled{background:#fff0f0;color:#b74c4c}.view-btn{font-size:10px;color:#087f79;text-decoration:none;font-weight:800}.empty-orders{text-align:center!important;padding:35px!important;color:#8b9999}.order-detail-backdrop{position:fixed;inset:0;background:rgba(14,37,38,.42);z-index:100;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.order-detail{width:min(940px,100%);max-height:92vh;overflow:auto;background:#f8fbfb;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.2)}.detail-head{background:#fff;padding:20px 22px;border-bottom:1px solid #e7eeee;display:flex;justify-content:space-between;align-items:flex-start}.detail-head a{color:#758585;text-decoration:none;font-size:18px}.detail-label{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#0b978e}.detail-head h2{margin:5px 0 3px;font-size:21px}.detail-head small{font-size:10px;color:#8c9b9b}.detail-grid{display:grid;grid-template-columns:1fr 285px;gap:14px;padding:14px}.detail-main,.detail-side{display:grid;gap:14px;align-content:start}.detail-box{background:#fff;border:1px solid #e4eeee;border-radius:14px;padding:15px}.detail-box h3{font-size:13px;margin:0 0 12px}.detail-box p{font-size:11px;color:#647676;line-height:1.6;margin:5px 0}.order-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f2}.item-image{width:48px;height:48px;background:#f4f7f7;border-radius:9px;display:grid;place-items:center;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain}.item-info{display:flex;flex-direction:column;gap:3px}.item-info b{font-size:11px}.item-info small,.item-info span{font-size:9px;color:#8b9999}.order-item>strong{font-size:11px}.detail-total{display:flex;justify-content:space-between;padding-top:14px;font-size:12px}.detail-total strong{font-size:17px}.status-box select{width:100%;border:1px solid #dce8e8;border-radius:9px;padding:10px;background:#fff}.status-box button{width:100%;margin-top:8px;border:0;border-radius:9px;padding:10px;background:#0b9d92;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1100px){.order-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.order-stats{grid-template-columns:repeat(2,1fr)}.order-search{display:grid;grid-template-columns:1fr auto}.order-search input{grid-column:1/-1}.detail-grid{grid-template-columns:1fr}.order-item{grid-template-columns:42px 1fr}.order-item>strong{grid-column:2}.detail-head{padding:16px}.order-detail-backdrop{padding:8px}.orders-table{min-width:760px}}

/* v18 Dashboard orders */
.order-mini-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0}.order-mini-stats a{background:#fff;border:1px solid #e4eeee;border-radius:12px;padding:10px;text-decoration:none;color:#667777}.order-mini-stats span{font-size:9px;display:block}.order-mini-stats strong{font-size:17px;color:#163b3b}.dashboard-orders{margin-top:14px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin-bottom:3px}.section-head p{margin:0;color:#8a9999;font-size:10px}.section-head>a{font-size:10px;color:#0a928a;text-decoration:none;font-weight:800}.mini-order-list{border:1px solid #e4eeee;border-radius:14px;background:#fff;overflow:hidden}.mini-order{display:grid;grid-template-columns:55px 1fr auto 105px;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf2f2;text-decoration:none;color:#294747}.mini-order:last-child{border-bottom:0}.mini-order span:nth-child(2){display:flex;flex-direction:column;gap:3px}.mini-order small{font-size:9px;color:#8c9a9a}.mini-order strong{font-size:11px}.mini-id{font-weight:900;color:#0a958c;font-size:11px}.mini-status{font-style:normal;font-size:9px;text-align:center;background:#f0f7f7;border-radius:999px;padding:6px;color:#668080}@media(max-width:800px){.order-mini-stats{grid-template-columns:repeat(2,1fr)}.mini-order{grid-template-columns:45px 1fr auto}.mini-status{display:none}}

/* v19 Customers */
.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.customer-stats div{background:#fff;border:1px solid #e4eeee;border-radius:14px;padding:15px}.customer-stats span{display:block;color:#7c8d8d;font-size:10px}.customer-stats strong{display:block;font-size:25px;margin-top:6px;color:#183b3b}.customer-toolbar{margin-bottom:12px;padding:14px!important}.customer-toolbar form{display:flex;gap:8px;align-items:center}.customer-toolbar input{flex:1;border:1px solid #dce8e8;border-radius:9px;padding:11px 12px}.customer-toolbar button{border:0;border-radius:9px;background:#0b9d92;color:#fff;padding:11px 16px;font-weight:700}.customer-toolbar a{font-size:10px;color:#0a918a}.customers-card{padding:0!important;overflow:hidden}.customers-table td{vertical-align:middle}.customer-name{display:flex;align-items:center;gap:9px;text-decoration:none;color:#203e3e}.customer-name>span:last-child{display:flex;flex-direction:column;gap:3px}.customer-name small{font-size:9px;color:#8b9999}.avatar,.big-avatar{width:34px;height:34px;border-radius:11px;background:#e9f8f6;color:#098f87;display:grid;place-items:center;font-weight:900;font-size:12px;flex:none}.customer-active{display:inline-block;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.customer-active.on{background:#eaf8ed;color:#3d8b4e}.customer-active.off{background:#fff0f0;color:#b44b4b}.customer-detail-backdrop{position:fixed;inset:0;background:rgba(14,37,38,.42);z-index:100;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.customer-detail{width:min(920px,100%);max-height:92vh;overflow:auto;background:#f8fbfb;border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.2)}.customer-detail-grid{display:grid;grid-template-columns:1fr 285px;gap:14px;padding:14px}.customer-profile-box{background:#fff;border:1px solid #e4eeee;border-radius:14px;padding:18px;display:flex;align-items:center;gap:13px;margin-bottom:14px}.big-avatar{width:58px;height:58px;font-size:20px;border-radius:17px}.customer-profile-box h3{margin:0 0 5px}.customer-profile-box p{font-size:10px;color:#728282;margin:4px 0}.customer-profile-box small{color:#909d9d;font-size:9px}.customer-order{display:grid;grid-template-columns:55px 1fr auto 90px;gap:8px;align-items:center;text-decoration:none;color:#294747;border-bottom:1px solid #edf2f2;padding:11px 0;font-size:10px}.customer-order:last-child{border-bottom:0}.customer-order span:nth-child(2){color:#8a9999;font-size:9px}.customer-order b{font-size:10px}.customer-order em{font-style:normal;font-size:8px;background:#f0f7f7;padding:5px 7px;border-radius:999px;text-align:center}.customer-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-summary span{background:#f5f9f9;border-radius:10px;padding:10px;font-size:9px;color:#7b8b8b}.customer-summary strong{display:block;color:#183b3b;font-size:15px;margin-top:4px}.customer-toggle{width:100%;border:0;border-radius:9px;padding:10px;background:#0b9d92;color:#fff;font-weight:800;cursor:pointer}.customer-toggle.danger{background:#fff0f0;color:#b24c4c}.muted{display:block;color:#8c9999;font-size:9px;line-height:1.5;margin-top:9px}@media(max-width:800px){.customer-stats{grid-template-columns:1fr 1fr}.customer-stats div:last-child{grid-column:1/-1}.customer-toolbar form{display:grid;grid-template-columns:1fr auto}.customer-toolbar input{grid-column:1/-1}.customer-detail-grid{grid-template-columns:1fr}.customer-detail-backdrop{padding:8px}.customer-order{grid-template-columns:45px 1fr auto}.customer-order em{display:none}}

/* v26 Premium Admin Orders */
.admin-kicker{display:inline-block;font-size:9px;letter-spacing:2px;font-weight:900;color:#0b9b92;margin-bottom:4px}
.orders-card{box-shadow:0 10px 35px rgba(20,70,70,.045)}
.order-stat{position:relative;overflow:hidden}.order-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#dfeeee}.order-stat.active:before{background:#10b5ae}
.order-stat strong{font-size:22px}
.orders-table thead{background:#f8fbfb}
.orders-table tbody tr{transition:.16s}.orders-table tbody tr:hover{background:#f8fcfc}
.orders-table tbody tr.selected{background:#effaf8}
.order-id{font-size:12px}
.order-status{box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}
.order-detail-backdrop{backdrop-filter:blur(5px)}
.order-detail{border:1px solid rgba(255,255,255,.65);box-shadow:0 30px 90px rgba(8,39,40,.28)}
.detail-head{background:linear-gradient(135deg,#ffffff,#f4fbfa);padding:22px 24px}
.detail-head h2{font-size:23px;letter-spacing:-.2px}
.detail-label{font-size:9px;letter-spacing:1.8px}
.detail-grid{padding:16px}
.detail-box{box-shadow:0 6px 22px rgba(20,70,70,.035)}
.detail-box h3{font-size:13px}
.order-item{padding:13px 0}
.item-image{width:54px;height:54px;border:1px solid #e7eeee;background:#fafdfd}
.item-info b{font-size:12px}
.item-info span{font-size:10px}
.order-item>strong{font-size:12px}
.detail-total{padding-top:16px}.detail-total strong{font-size:20px;color:#0b918a}
.status-box{background:linear-gradient(180deg,#fff,#f8fcfc)}
.status-box select{font-size:11px;padding:11px}
.status-box button{font-size:11px;box-shadow:0 5px 15px rgba(11,157,146,.15)}
.order-search input{font-size:12px}
.order-search button{font-size:11px}
@media(max-width:700px){.detail-head h2{font-size:19px}.order-stat strong{font-size:20px}}

/* v27 exact premium order detail */
.order-detail-backdrop{position:fixed!important;inset:0!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(18,42,43,.54)!important;backdrop-filter:blur(8px)!important}
.premium-order-modal{width:min(1120px,calc(100vw - 36px))!important;max-height:calc(100vh - 36px)!important;overflow:auto!important;background:#f8fbfb!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 30px 100px rgba(5,30,31,.32)!important;color:#1c3839}
.premium-order-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e3eeee;background:linear-gradient(135deg,#fff,#f4fbfa);position:sticky;top:0;z-index:3}.premium-order-title{display:flex;align-items:center;gap:15px}.order-big-icon{width:58px;height:58px;border-radius:17px;background:#e5f8f5;display:grid;place-items:center;font-size:27px}.premium-order-title h2{font-size:25px;margin:3px 0;color:#173638}.premium-order-title small{font-size:10px;color:#829393}.premium-order-head-actions{display:flex;align-items:center;gap:12px}.premium-status{padding:8px 13px;border-radius:999px;font-size:10px;font-weight:900;background:#eaf9f6;color:#098b83}.premium-status.status-cancelled{background:#fff0f0;color:#b04c4c}.premium-status.status-completed{background:#eaf8ed;color:#3c8b4e}.premium-close{width:42px;height:42px;border:1px solid #dce8e8;border-radius:12px;display:grid;place-items:center;text-decoration:none;color:#5c7373;font-size:27px;background:#fff}
.premium-order-body{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;padding:16px}.premium-section-card,.premium-side-card{background:#fff;border:1px solid #deebeb;border-radius:17px;box-shadow:0 7px 24px rgba(20,70,70,.035)}.premium-section-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #edf2f2}.premium-section-head>div{display:flex;align-items:center;gap:11px}.section-icon,.side-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;font-weight:900}.section-icon.mint{background:#e8f8f5;color:#07978e}.premium-section-head h3{margin:0;font-size:15px}.premium-section-head small{display:block;color:#8b9999;font-size:9px;margin-top:3px}.order-protected{font-size:9px;color:#07877f;background:#effaf8;border:1px solid #d8eeeb;padding:7px 10px;border-radius:999px;font-weight:800}.premium-product-head,.premium-product-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 85px 105px;gap:10px;align-items:center;padding:11px 17px}.premium-product-head{font-size:9px;color:#8a9999;border-bottom:1px solid #edf2f2}.premium-product-head span:not(:first-child){text-align:right}.premium-product-row{padding-top:13px;padding-bottom:13px;border-bottom:1px solid #edf2f2}.premium-product{display:flex;align-items:center;gap:11px;min-width:0}.premium-product-image{width:55px;height:55px;border-radius:11px;background:#f5f9f9;border:1px solid #e6eeee;display:grid;place-items:center;overflow:hidden;color:#0b9b92;font-weight:900}.premium-product-image img{width:100%;height:100%;object-fit:contain}.premium-product b{display:block;font-size:11px}.premium-product small{display:block;color:#8b9999;font-size:8px;margin-top:4px}.product-price,.product-qty{font-size:10px;text-align:right;color:#607676}.product-total{font-size:11px;text-align:right}.product-qty{background:#ecf9f6;color:#098b83;border-radius:999px;padding:6px 7px;justify-self:end}.premium-total{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:linear-gradient(90deg,#f3fbf9,#ecfaf7);border-radius:0 0 17px 17px}.premium-total span{font-size:10px;color:#557070}.premium-total strong{font-size:22px;color:#078d85}.premium-info-banner{margin-top:14px;border:1px solid #d7ebef;background:#f2fbfc;border-radius:15px;padding:14px 16px;display:flex;align-items:center;gap:11px}.banner-icon{width:36px;height:36px;border-radius:11px;background:#dff6ee;color:#079577;display:grid;place-items:center;font-weight:900}.premium-info-banner b{display:block;font-size:11px;color:#087e76}.premium-info-banner span{display:block;color:#7d9090;font-size:9px;margin-top:4px}
.premium-order-side{display:grid;gap:10px;align-content:start}.premium-side-card{padding:16px}.side-card-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.side-card-title h3{margin:0;font-size:12px}.side-icon.purple{background:#f0eafd;color:#5d35a8}.side-icon.pink{background:#ffeaf1;color:#db4776}.side-icon.blue{background:#e7f3ff;color:#1684d8}.side-icon.green{background:#e5f8f1;color:#098f74}.customer-big-name{display:block;font-size:15px;margin-bottom:9px}.side-contact{display:flex;gap:8px;align-items:center;font-size:10px;color:#5d7373;margin-top:7px}.side-address{font-size:10px;color:#617676;line-height:1.55;margin:0}.payment-value{font-size:11px;color:#304c4c;margin:0;font-weight:700}.status-select-wrap{position:relative}.status-select-wrap select{appearance:none;width:100%;height:42px;border:1px solid #d9e7e7;border-radius:11px;background:#fbfdfd;padding:0 38px 0 33px;font-size:10px;font-weight:800;color:#294747;outline:0}.status-dot{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#8b78ef;z-index:1}.select-arrow{position:absolute;right:12px;top:9px;font-size:18px;color:#557070;pointer-events:none}.premium-status-form button{width:100%;border:0;background:#08a493;color:#fff;border-radius:11px;height:42px;margin-top:8px;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(8,164,147,.16)}
.premium-order-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-top:1px solid #e1eded;background:#fff;border-radius:0 0 22px 22px}.premium-print,.premium-close-bottom{height:40px;padding:0 17px;border-radius:10px;border:1px solid #dce8e8;background:#fff;color:#304b4b;text-decoration:none;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.premium-close-bottom{min-width:70px}
@media(max-width:850px){.premium-order-body{grid-template-columns:1fr}.premium-order-side{grid-template-columns:1fr 1fr}.premium-side-card.status-control-card{grid-column:1/-1}}@media(max-width:600px){.order-detail-backdrop{padding:6px!important}.premium-order-modal{width:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important;border-radius:17px!important}.premium-order-head{padding:15px}.order-big-icon{width:45px;height:45px;font-size:21px}.premium-order-title h2{font-size:19px}.premium-status{display:none}.premium-order-body{padding:9px}.premium-product-head{display:none}.premium-product-row{grid-template-columns:1fr auto}.premium-product{grid-column:1/-1}.premium-order-side{grid-template-columns:1fr}.premium-side-card.status-control-card{grid-column:auto}}
@media print{.order-detail-backdrop{position:static!important;background:#fff!important;padding:0!important}.premium-order-modal{width:100%!important;max-height:none!important;box-shadow:none!important;border:0!important}.premium-order-head{position:static}.premium-close,.premium-order-footer{display:none!important}.premium-order-body{grid-template-columns:1fr 300px}}

/* v28 Inline order details — no popup/modal */
.inline-order-view{margin-top:18px;background:#f8fbfb;border:1px solid #dceaea;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(20,70,70,.06)}
.inline-order-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;background:linear-gradient(135deg,#fff,#f1faf9);border-bottom:1px solid #e1eeee}
.inline-order-title{display:flex;align-items:center;gap:13px}.inline-order-icon{width:52px;height:52px;border-radius:15px;background:#e5f8f5;display:grid;place-items:center;font-size:24px}.inline-kicker{font-size:9px;letter-spacing:1.7px;font-weight:900;color:#07968e}.inline-order-title h2{font-size:22px;margin:3px 0;color:#17383a}.inline-order-title p{font-size:9px;color:#839393;margin:0}.inline-order-actions{display:flex;align-items:center;gap:10px}.inline-back{font-size:10px;text-decoration:none;color:#087f78;background:#fff;border:1px solid #dce9e9;border-radius:10px;padding:10px 12px;font-weight:800}.inline-order-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;padding:14px}.inline-card{background:#fff;border:1px solid #deebeb;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(20,70,70,.035)}.inline-card.compact{padding:15px}.inline-card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #edf2f2}.inline-card-head>div{display:flex;align-items:center;gap:10px}.inline-card-head.simple{padding:0 0 12px;margin-bottom:12px}.inline-card-head h3{margin:0;font-size:13px}.inline-card-head small{display:block;font-size:8px;color:#8b9999;margin-top:3px}.inline-card-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:900}.inline-card-icon.mint{background:#e7f8f5;color:#07958d}.inline-card-icon.purple{background:#f0eafd;color:#6339ab}.inline-card-icon.pink{background:#ffeaf1;color:#d94674}.inline-card-icon.blue{background:#e7f3ff;color:#1683d7}.inline-card-icon.green{background:#e5f8f1;color:#098f74}.inline-products{padding:0 17px}.inline-product-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f2}.inline-product{display:flex;align-items:center;gap:11px;min-width:0}.inline-product-image{width:54px;height:54px;border-radius:11px;background:#f5f9f9;border:1px solid #e6eeee;display:grid;place-items:center;overflow:hidden;color:#0b9b92;font-weight:900}.inline-product-image img{width:100%;height:100%;object-fit:contain}.inline-product b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-product small{font-size:8px;color:#8a9999;display:block;margin-top:4px}.inline-product-meta{display:flex;align-items:center;gap:14px;white-space:nowrap}.inline-product-meta span{font-size:10px;color:#637777}.inline-product-meta em{font-style:normal;background:#edf9f6;color:#098b83;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.inline-product-meta strong{font-size:11px}.inline-total{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;background:linear-gradient(90deg,#f3fbf9,#ecfaf7)}.inline-total span{font-size:10px;color:#557070}.inline-total strong{font-size:22px;color:#078d85}.inline-customer-name{display:block;font-size:15px;margin-bottom:10px}.inline-contact{font-size:10px;color:#607777;margin-top:7px}.inline-address{font-size:10px;color:#607777;line-height:1.6;margin:0}.inline-payment{font-size:11px;color:#304c4c}.inline-status-form{display:flex;gap:7px}.inline-status-form select{flex:1;min-width:0;height:40px;border:1px solid #d9e7e7;border-radius:10px;background:#fbfdfd;padding:0 9px;font-size:10px;font-weight:800;color:#294747}.inline-status-form button{border:0;border-radius:10px;background:#08a493;color:#fff;padding:0 13px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.inline-order-view .premium-status{font-size:9px}
@media(max-width:900px){.inline-order-grid{grid-template-columns:1fr}.inline-side-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-status-form{display:flex}}
@media(max-width:600px){.inline-order-head{align-items:flex-start;gap:12px;flex-direction:column}.inline-order-actions{width:100%;justify-content:space-between}.inline-order-grid{padding:9px}.inline-side-column{grid-template-columns:1fr}.inline-product-row{align-items:flex-start;flex-direction:column}.inline-product{width:100%}.inline-product-meta{width:100%;justify-content:flex-end}.inline-total strong{font-size:19px}.inline-status-form{flex-direction:column}.inline-status-form select,.inline-status-form button{height:40px}}

/* v30 Order View readability / scale */
.inline-order-view{font-size:14px}
.inline-order-head{padding:24px 26px}
.inline-order-icon{width:62px;height:62px;font-size:28px}
.inline-kicker{font-size:10px}
.inline-order-title h2{font-size:28px}
.inline-order-title p{font-size:11px;margin-top:5px}
.inline-back{font-size:11px;padding:12px 15px}
.inline-card-head{padding:19px 21px}
.inline-card-head h3{font-size:16px}
.inline-card-head small{font-size:10px}
.inline-card-icon{width:40px;height:40px;font-size:17px}
.inline-products{padding:0 21px}
.inline-product-row{padding:16px 0;gap:20px}
.inline-product-image{width:68px;height:68px;border-radius:13px}
.inline-product{gap:14px}
.inline-product b{font-size:14px}
.inline-product small{font-size:10px;margin-top:6px}
.inline-product-meta{gap:18px}
.inline-product-meta span{font-size:12px}
.inline-product-meta em{font-size:10px;padding:7px 10px}
.inline-product-meta strong{font-size:13px}
.inline-total{padding:20px 21px}
.inline-total span{font-size:12px}
.inline-total strong{font-size:27px}
.inline-side-column{gap:14px}
.inline-card.compact{padding:20px}
.inline-card.compact .inline-card-head.simple{padding:0 0 15px;margin-bottom:15px}
.inline-customer-name{font-size:19px;margin-bottom:13px}
.inline-contact{font-size:13px;margin-top:10px;line-height:1.5}
.inline-address{font-size:13px;line-height:1.7}
.inline-payment{font-size:14px}
.inline-status-form select,.inline-status-form button{font-size:11px;height:46px}
@media(max-width:900px){
 .inline-side-column{gap:14px}
}
@media(max-width:600px){
 .inline-order-head{padding:18px}
 .inline-order-title h2{font-size:23px}
 .inline-card-head{padding:16px}
 .inline-products{padding:0 16px}
 .inline-product-image{width:60px;height:60px}
 .inline-product b{font-size:13px}
 .inline-contact,.inline-address{font-size:12px}
 .inline-total strong{font-size:23px}
}

/* v31 Admin management pages */
main{font-size:13px}.topline h1{font-size:28px}.topline p{font-size:12px}
main>section{border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 28px rgba(20,70,70,.045)}
main>section h2{font-size:17px;margin-bottom:16px}
.form{gap:13px}.form input,.form select,.form textarea{min-height:44px;font-size:12px;border-radius:11px;padding:0 13px}.form textarea{padding-top:12px}.form button,section button{min-height:44px;border-radius:11px;font-size:11px;font-weight:900}
.table-wrap table{font-size:11px}.table-wrap th{font-size:10px;padding:13px}.table-wrap td{padding:13px 11px}.table-wrap tr:hover td{background:#f5fbfa}
.table-wrap a{font-weight:800}
.admin-page-card{border:1px solid #deebeb}
@media(max-width:700px){main{font-size:12px}.topline h1{font-size:24px}main>section{padding:16px}.form input,.form select,.form textarea{min-height:46px}.table-wrap{overflow-x:auto}}
/* Products: no live-view UI */
.editor-preview,.live-preview,.live-view,.product-preview{display:none!important}

/* v32 Management pages + customers */
main{font-size:14px}.topline h1{font-size:30px}.topline p{font-size:13px}
main>section{padding:24px;border-radius:20px}
.form{gap:15px}.form input,.form select,.form textarea{min-height:48px;font-size:13px}.form button{min-height:48px;padding:0 22px}
.table-wrap th{font-size:11px;padding:15px}.table-wrap td{font-size:12px;padding:15px 12px}
.table-wrap a{font-size:11px}
input[type=file]{padding-top:13px!important}
.customer-inline-detail{margin-top:18px;background:#f7fbfb;border:1px solid #dceaea;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(20,70,70,.06)}
.customer-inline-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;background:linear-gradient(135deg,#fff,#f1faf9);border-bottom:1px solid #e1eeee}.customer-inline-title{display:flex;align-items:center;gap:14px}.customer-inline-title .big-avatar{width:62px;height:62px;border-radius:17px;background:#e3f8f5;color:#078f87;display:grid;place-items:center;font-size:24px;font-weight:900}.customer-inline-title h2{font-size:27px;margin:3px 0}.customer-inline-title p{font-size:11px;color:#839393;margin:0}.detail-label{font-size:10px;letter-spacing:1.7px;color:#0a968e;font-weight:900}.customer-back{font-size:11px;color:#087f78;text-decoration:none;background:#fff;border:1px solid #dce9e9;border-radius:11px;padding:12px 15px;font-weight:800}.customer-inline-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;padding:15px}.customer-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.customer-info-cards>div{background:#fff;border:1px solid #deebeb;border-radius:16px;padding:18px;box-shadow:0 6px 20px rgba(20,70,70,.03)}.customer-info-cards span{display:block;font-size:10px;color:#879797;margin-bottom:8px}.customer-info-cards strong{font-size:13px;color:#294747;word-break:break-word}.customer-info-cards .ok{color:#098b72}.customer-info-cards .muted{color:#a46c6c}.customer-orders-inline{border:1px solid #deebeb;border-radius:17px;overflow:hidden;background:#fff}.customer-orders-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #edf2f2}.customer-orders-head h3{margin:0;font-size:15px}.customer-orders-head small{display:block;color:#8b9999;font-size:9px;margin-top:3px}.customer-orders-head>strong{font-size:20px;color:#078d85}.customer-order-inline{display:grid;grid-template-columns:70px 1fr 120px 90px 20px;align-items:center;gap:10px;padding:15px 19px;border-bottom:1px solid #edf2f2;text-decoration:none;color:#415b5b;transition:.15s}.customer-order-inline:hover{background:#f5fbfa}.customer-order-inline span{font-size:10px}.customer-order-inline .order-mini-id{font-size:11px;font-weight:900;color:#078d85}.customer-order-inline b{font-size:11px;text-align:right}.customer-order-inline em{font-style:normal;font-size:9px;background:#edf9f6;color:#098b83;border-radius:999px;padding:6px 8px;text-align:center}.customer-order-inline i{font-style:normal;text-align:right;font-size:15px;color:#789}.customer-side-column{}.customer-side-card{padding:19px;border:1px solid #deebeb;border-radius:17px;background:#fff;margin-bottom:12px}.customer-side-card h3{font-size:13px;margin:0 0 14px}.side-big-name{font-size:17px;font-weight:900}.customer-side-card p{font-size:11px;color:#657878;margin:8px 0}.customer-toggle{width:100%;height:44px;border:0;border-radius:10px;background:#08a493;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.customer-toggle.danger{background:#fff0f0;color:#b24f4f;border:1px solid #ffdada}.customer-empty{padding:35px;text-align:center;color:#8a9999;font-size:11px}
@media(max-width:900px){.customer-inline-grid{grid-template-columns:1fr}.customer-info-cards{grid-template-columns:1fr 1fr}.customer-inline-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-side-card{margin:0}}
@media(max-width:600px){main{font-size:13px}.topline h1{font-size:25px}main>section{padding:17px}.customer-inline-head{flex-direction:column;align-items:flex-start;gap:14px}.customer-back{width:100%;box-sizing:border-box;text-align:center}.customer-info-cards{grid-template-columns:1fr}.customer-inline-side{grid-template-columns:1fr}.customer-order-inline{grid-template-columns:55px 1fr auto}.customer-order-inline b{grid-column:2;text-align:left}.customer-order-inline em{grid-column:3;grid-row:1}.customer-order-inline i{display:none}}

/* v33 GLOBAL ADMIN SCALE + CLEAN UI */
*{box-sizing:border-box}
body{font-size:14px;line-height:1.5}
aside{width:250px!important;padding:24px 15px!important}
aside .brand{font-size:22px!important;margin:0 10px 25px!important}
aside .brand small{font-size:10px!important;letter-spacing:1.8px!important;margin-top:5px!important}
aside>a{min-height:46px!important;padding:0 14px!important;border-radius:11px!important;font-size:13px!important;gap:10px!important}
aside>a .nav-ico{width:25px;text-align:center;font-size:15px}
main{margin-left:250px!important;padding:34px 36px!important;max-width:none!important;font-size:14px!important}
.topline{margin-bottom:24px!important}.topline h1{font-size:32px!important;line-height:1.15!important;margin:0 0 7px!important}.topline p{font-size:13px!important}
main>h1{font-size:32px!important;margin-bottom:22px!important}
main>section{padding:26px!important;border-radius:20px!important;margin-bottom:20px!important}
main>section h2{font-size:19px!important;margin:0 0 19px!important}
.form{gap:16px!important}.form input,.form select,.form textarea{min-height:50px!important;font-size:13px!important;border-radius:12px!important;padding:0 15px!important}.form textarea{padding-top:14px!important;min-height:130px!important}.form button,section button{min-height:50px!important;padding:0 22px!important;font-size:12px!important;border-radius:12px!important}
.table-wrap{border-radius:14px!important}.table-wrap table{font-size:13px!important}.table-wrap th{font-size:11px!important;padding:16px!important}.table-wrap td{font-size:13px!important;padding:17px 14px!important;line-height:1.45!important}.table-wrap a{font-size:12px!important}
.saved,.error{font-size:12px!important;padding:13px 16px!important}
.editor-layout{grid-template-columns:minmax(0,1fr)!important}.editor-side{display:block!important;position:static!important}.tip-card{margin-top:16px!important}
.product-editor{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pro-editor .editor-main{width:100%!important}.pro-card{padding:25px!important;border-radius:18px!important}.card-title h3{font-size:17px!important}.card-title small{font-size:11px!important}.card-title .step{width:34px!important;height:34px!important;font-size:11px!important}.pro-form label>b{font-size:14px!important}.pro-form label>small{font-size:11px!important}.pro-form input,.pro-form select,.pro-form textarea{font-size:13px!important;min-height:50px!important;padding:12px 14px!important}.pro-form textarea{min-height:170px!important}.language-tabs{padding:5px!important;border-radius:12px!important}.lang-tab{font-size:11px!important;padding:11px 15px!important}.dropzone{min-height:180px!important}.drop-icon{width:52px!important;height:52px!important;font-size:25px!important}.dropzone strong{font-size:14px!important}.dropzone span,.dropzone small{font-size:11px!important}.image-preview{height:180px!important}.price-grid-pro{grid-template-columns:1fr 1fr 170px!important;gap:16px!important}.discount-card{height:90px!important}.discount-card strong{font-size:27px!important}.settings-grid{gap:12px!important}.toggle-row{padding:16px!important}.toggle-row b{font-size:13px!important}.toggle-row small{font-size:10px!important}.stock-field{max-width:350px!important}.save-bar{padding:18px 20px!important;border-radius:15px!important}.save-bar strong{font-size:13px!important}.save-bar small{font-size:10px!important}.save-actions button{padding:13px 19px!important;font-size:11px!important}
.order-stats{gap:12px!important}.order-stat{padding:16px!important;border-radius:15px!important}.order-stat span{font-size:10px!important}.order-stat strong{font-size:23px!important}.orders-table td{font-size:12px!important}
.customer-stats{gap:12px!important}.customer-stats>div{padding:18px!important}.customer-stats span{font-size:10px!important}.customer-stats strong{font-size:25px!important}
.inline-order-view,.customer-inline-detail{font-size:14px!important}.inline-order-title h2,.customer-inline-title h2{font-size:29px!important}.inline-product b{font-size:14px!important}.inline-product-meta span{font-size:12px!important}.inline-contact,.inline-address{font-size:13px!important}
@media(max-width:1100px){main{padding:28px 24px!important}.price-grid-pro{grid-template-columns:1fr 1fr!important}.discount-card{grid-column:1/-1}}
@media(max-width:800px){aside{width:220px!important}main{margin-left:220px!important;padding:24px 18px!important}.topline h1,main>h1{font-size:27px!important}.order-stats{grid-template-columns:repeat(3,1fr)!important}.customer-info-cards{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){aside{position:relative!important;width:100%!important;height:auto!important;padding:12px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}aside .brand{width:100%;margin:0 5px 8px!important}aside>a{min-height:40px!important;font-size:11px!important;padding:0 10px!important}main{margin-left:0!important;padding:18px 12px!important}.topline h1,main>h1{font-size:24px!important}.topline p{font-size:11px!important}main>section{padding:17px!important}.order-stats{grid-template-columns:1fr 1fr!important}.price-grid-pro{grid-template-columns:1fr!important}.discount-card{grid-column:auto}.pro-card{padding:17px!important}.inline-order-title h2,.customer-inline-title h2{font-size:23px!important}}

/* v34 Discount visibility toggle */
.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.toggle-row{min-height:86px!important;border:1px solid #dfeaea!important;background:#fff!important;border-radius:16px!important;padding:17px 18px!important;display:flex!important;align-items:center!important;gap:13px!important}
.toggle-row .toggle{width:48px!important;height:27px!important;min-width:48px!important;border-radius:999px!important;position:relative!important;background:#c8d3d3!important;transition:.2s!important;order:2}
.toggle-row .toggle:after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:21px!important;height:21px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;transition:.2s!important}
.toggle-row input:checked + .toggle{background:#0aa99f!important}
.toggle-row input:checked + .toggle:after{transform:translateX(21px)!important}
.toggle-row input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.toggle-row>span:last-child{flex:1!important}.toggle-row b{font-size:13px!important}.toggle-row small{font-size:10px!important;display:block!important;margin-top:4px!important;color:#7d9090!important}
.discount-toggle{border-color:#bfe9e5!important}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){.settings-grid{grid-template-columns:1fr!important}}

/* v35 Settings hierarchy + Payment Systems */
.nav-group{margin:3px 0}.nav-settings{display:flex!important;align-items:center!important}.nav-settings .nav-chevron{margin-left:auto;font-size:16px;opacity:.75;transition:.2s}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-submenu{display:none;padding:3px 0 5px 38px}.nav-group.open .nav-submenu{display:block}.nav-submenu a{font-size:11px!important;min-height:36px!important;padding:8px 10px!important;margin:2px 0!important;border-left:2px solid #ffffff20!important;border-radius:0 8px 8px 0!important}.nav-submenu a.active{background:#ffffff15!important;color:#72eee7!important;border-left-color:#10b5ae!important}
.settings-subnav{display:flex!important;gap:8px!important;padding:8px!important;background:#eaf4f4!important;border-radius:14px!important;box-shadow:none!important;margin-bottom:18px!important}.settings-subnav a{padding:12px 16px!important;border-radius:10px!important;text-decoration:none!important;color:#557070!important;font-size:12px!important;font-weight:800!important}.settings-subnav a.active{background:#10b5ae!important;color:#fff!important}
.settings-hero{display:flex!important;align-items:center!important;gap:16px!important;background:linear-gradient(135deg,#effbf9,#fff)!important;border:1px solid #dceeed!important}.settings-hero-icon{width:58px;height:58px;border-radius:16px;background:#dff7f4;display:grid;place-items:center;font-size:26px}.settings-hero h2{margin:0 0 5px!important;font-size:20px!important}.settings-hero p{margin:0!important;color:#728383!important;font-size:12px!important;line-height:1.6}
.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-form-grid label{display:flex;flex-direction:column;gap:5px}.settings-form-grid label>b{font-size:13px}.settings-form-grid label>small{font-size:10px;color:#879797}.settings-form-grid input,.settings-form-grid textarea{min-height:50px!important}.settings-full{grid-column:1/-1}.settings-shortcuts{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;background:transparent!important;padding:0!important;box-shadow:none!important}.settings-shortcuts>a,.coming-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #deebeb;border-radius:17px;padding:18px;text-decoration:none;color:#244646;box-shadow:0 6px 22px rgba(20,70,70,.04)}.settings-shortcuts>a>span,.coming-card>span{width:45px;height:45px;border-radius:13px;background:#e7f8f5;display:grid;place-items:center;font-size:21px}.settings-shortcuts b,.coming-card b{font-size:13px;display:block}.settings-shortcuts small,.coming-card small{font-size:10px;color:#819191;display:block;margin-top:4px;line-height:1.5}.settings-shortcuts strong{margin-left:auto;color:#0a9b92;font-size:20px}.coming-card{position:relative}.coming-card em{margin-left:auto;font-style:normal;font-size:9px;padding:6px 8px;background:#f0f4f4;border-radius:999px;color:#789}
.payment-intro{display:flex!important;align-items:center!important;gap:15px!important;background:linear-gradient(135deg,#edfafa,#fff)!important}.payment-intro-icon{width:58px;height:58px;border-radius:16px;background:#dff7f4;display:grid;place-items:center;font-size:27px}.payment-intro h2{margin:0 0 5px!important;font-size:19px!important}.payment-intro p{margin:0!important;color:#728383!important;font-size:11px!important;line-height:1.6}.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-form-grid label{display:flex;flex-direction:column;gap:5px}.payment-form-grid label>b{font-size:13px}.payment-form-grid label>small{font-size:10px;color:#849393}.payment-form-grid input,.payment-form-grid select,.payment-form-grid textarea{width:100%}.payment-form-grid .payment-full{grid-column:1/-1}.payment-form-grid textarea{min-height:125px}.payment-switch{display:flex!important;flex-direction:row!important;align-items:center;gap:12px!important;border:1px solid #dfeaea;border-radius:12px;padding:10px 13px}.payment-switch input{display:none}.payment-toggle{width:46px;height:26px;background:#cbd7d7;border-radius:999px;position:relative;flex:none}.payment-toggle:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0002;transition:.2s}.payment-switch input:checked+.payment-toggle{background:#0aa99f}.payment-switch input:checked+.payment-toggle:after{left:23px}.payment-switch span:last-child{display:flex;flex-direction:column}.payment-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:18px}.payment-actions button{min-height:48px;padding:0 22px;border:0;border-radius:11px;background:#10a99c;color:#fff;font-weight:900;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{margin:0!important}.muted{font-size:10px;color:#8a9999;margin:4px 0 0}.payment-list{display:grid;gap:9px}.payment-row{display:grid;grid-template-columns:52px 1.2fr 1.3fr auto auto;gap:14px;align-items:center;border:1px solid #e2eded;border-radius:14px;padding:13px;background:#fff}.payment-logo{width:46px;height:46px;border-radius:12px;background:#eaf8f6;display:grid;place-items:center;font-size:20px}.payment-name strong{display:block;font-size:13px}.payment-name small,.payment-endpoint span{font-size:9px;color:#8a9999}.payment-endpoint b{display:block;font-size:10px;color:#506666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.payment-status{font-size:9px;font-weight:900;padding:7px 9px;border-radius:999px}.payment-status.on{background:#e6f8f3;color:#078b73}.payment-status.off{background:#f2f4f4;color:#7e8d8d}.payment-actions-row{display:flex;gap:7px;align-items:center}.payment-actions-row a{font-size:9px;color:#078f87;text-decoration:none;background:#eff9f7;border-radius:8px;padding:8px 9px}.payment-actions-row .danger-link{color:#b24f4f;background:#fff0f0}.empty-state{text-align:center;padding:30px;color:#8a9999;font-size:11px;border:1px dashed #d7e4e4;border-radius:13px}
@media(max-width:900px){.settings-shortcuts{grid-template-columns:1fr}.payment-form-grid{grid-template-columns:1fr}.payment-form-grid .payment-full{grid-column:auto}.payment-row{grid-template-columns:46px 1fr auto}.payment-endpoint{display:none}.payment-actions-row{grid-column:2/-1}.settings-form-grid{grid-template-columns:1fr}.settings-full{grid-column:auto}}
@media(max-width:650px){.settings-subnav{flex-direction:column}.settings-subnav a{font-size:11px}.settings-hero{align-items:flex-start}.payment-row{grid-template-columns:42px 1fr}.payment-status{grid-column:2}.payment-actions-row{grid-column:1/-1}.payment-actions-row a{flex:1;text-align:center}}

/* v36 Settings Center */
.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:8px;background:#eaf4f4;border-radius:15px;margin:0 0 19px}.settings-tabs a{padding:11px 14px;border-radius:10px;text-decoration:none;color:#567070;font-size:11px;font-weight:800}.settings-tabs a.active{background:#10b5ae;color:#fff}.settings-hero{display:flex!important;align-items:center!important;gap:16px!important;background:linear-gradient(135deg,#effbf9,#fff)!important;border:1px solid #dceeed!important}.settings-hero-icon{width:58px;height:58px;border-radius:16px;background:#dff7f4;display:grid;place-items:center;font-size:26px;flex:none}.settings-hero h2{margin:0 0 5px!important;font-size:20px!important}.settings-hero p{margin:0!important;color:#728383!important;font-size:12px!important;line-height:1.6}.settings-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.setting-field{display:flex;flex-direction:column;gap:5px}.setting-field>b{font-size:13px}.setting-field>small{font-size:10px;color:#879797;line-height:1.4}.setting-field input,.setting-field textarea{min-height:50px}.setting-field textarea{min-height:130px}.settings-full{grid-column:1/-1}.settings-grid-cards{display:grid!important;grid-template-columns:1fr 1fr;gap:13px;background:transparent!important;padding:0!important;box-shadow:none!important}.settings-grid-cards>a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #deebeb;border-radius:17px;padding:18px;text-decoration:none;color:#244646;box-shadow:0 6px 22px rgba(20,70,70,.04)}.settings-grid-cards>a>span{width:45px;height:45px;border-radius:13px;background:#e7f8f5;display:grid;place-items:center;font-size:21px;flex:none}.settings-grid-cards b{font-size:13px;display:block}.settings-grid-cards small{font-size:10px;color:#819191;display:block;margin-top:4px;line-height:1.5}.settings-grid-cards strong{margin-left:auto;color:#0a9b92;font-size:20px}.setting-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:13px;border:1px solid #dfeaea;border-radius:15px;padding:16px;background:#fff;cursor:pointer}.setting-toggle input{display:none}.big-toggle{width:48px;height:27px;background:#cbd7d7;border-radius:999px;position:relative;flex:none}.big-toggle:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0002;transition:.2s}.setting-toggle input:checked+.big-toggle{background:#0aa99f}.setting-toggle input:checked+.big-toggle:after{left:24px}.setting-toggle>span:last-child{display:flex;flex-direction:column;gap:3px}.setting-toggle b{font-size:12px}.setting-toggle small{font-size:10px;color:#819191}.settings-main-form button,.settings-fields>button{min-height:50px;padding:0 23px;border:0;border-radius:11px;background:#10a99c;color:#fff;font-weight:900;cursor:pointer}
@media(max-width:900px){.settings-grid-cards{grid-template-columns:1fr}.settings-fields-grid{grid-template-columns:1fr}.settings-full{grid-column:auto}}@media(max-width:650px){.settings-tabs{display:grid;grid-template-columns:1fr 1fr}.settings-tabs a{text-align:center}.settings-hero{align-items:flex-start!important}.settings-grid-cards{grid-template-columns:1fr}}

/* v37 PREMIUM ADMIN SIDEBAR */
body{background:#f2f7f7}
aside{width:270px!important;min-width:270px!important;height:100vh!important;min-height:100vh!important;position:fixed!important;left:0;top:0;overflow-y:auto;overflow-x:hidden;padding:18px 12px!important;background:linear-gradient(180deg,#0d292b 0%,#12393a 100%)!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:8px 0 30px rgba(11,42,43,.08);z-index:50}
.brand{display:flex!important;align-items:center;gap:11px;padding:9px 9px 22px!important;margin-bottom:4px!important}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#19bdb2,#087f79);display:grid;place-items:center;font-weight:900;font-size:14px;color:#fff;box-shadow:0 7px 20px rgba(16,181,174,.2)}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:17px;letter-spacing:.5px;color:#fff}.brand-copy small{font-size:8px;letter-spacing:2px;color:#61ded8}
.nav-caption{font-size:8px;font-weight:900;letter-spacing:1.7px;color:#6f9999;padding:13px 12px 7px}.settings-caption{padding-top:18px}
aside a.nav-item{height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 12px!important;margin:3px 0!important;border:1px solid transparent!important;border-radius:11px!important;color:#d7e8e8!important;font-size:12px!important;font-weight:700!important;transition:all .18s ease!important;position:relative}
aside a.nav-item:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:translateX(2px)}
aside a.nav-item.active{background:linear-gradient(90deg,rgba(16,181,174,.96),rgba(10,151,145,.86))!important;color:#fff!important;box-shadow:0 7px 18px rgba(8,125,120,.18)!important}
.nav-ico{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;font-size:15px!important;flex:none}.nav-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-settings .nav-chevron{margin-left:auto;font-size:15px;color:#aee8e4;font-weight:900}
.nav-group{margin:2px 0!important}.nav-submenu{display:none!important;margin:2px 0 5px 12px!important;padding:4px 0 4px 14px!important;border-left:1px solid rgba(110,207,201,.22)!important}.nav-group.open .nav-submenu{display:block!important}
.nav-submenu a{height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 10px!important;margin:2px 0!important;border-radius:9px!important;color:#a9c2c2!important;text-decoration:none!important;font-size:10.5px!important;font-weight:650!important;transition:.15s!important}.nav-submenu a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.nav-submenu a.active{background:rgba(16,181,174,.16)!important;color:#6ee6df!important}.sub-ico{width:20px!important;text-align:center!important;font-size:12px!important}
.nav-bottom{margin-top:16px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}aside a.logout{margin-top:0!important;color:#ffb4b4!important;background:transparent!important}.nav-bottom a.logout:hover{background:rgba(255,90,90,.09)!important;color:#ffd0d0!important}
main{margin-left:270px!important;max-width:none!important;width:calc(100% - 270px)!important;padding:34px 38px!important}
@media(max-width:850px){aside{width:78px!important;min-width:78px!important;padding:12px 8px!important}.brand{justify-content:center;padding:7px 3px 18px!important}.brand-mark{width:44px;height:44px}.brand-copy,.nav-caption{display:none!important}aside a.nav-item{justify-content:center;padding:0!important}.nav-item>span:nth-child(2),.nav-chevron{display:none!important}.nav-ico{margin:0!important}.nav-group{margin-top:5px}.nav-submenu{margin-left:0!important;padding-left:0!important;border-left:0!important}.nav-submenu a{justify-content:center;padding:0!important}.sub-ico{font-size:15px!important}.nav-submenu a span:nth-child(2){display:none!important}.nav-group.open .nav-submenu{display:block!important}.nav-settings.active{border:1px solid rgba(100,235,226,.3)!important}.nav-bottom{margin-top:12px}main{margin-left:78px!important;width:calc(100% - 78px)!important;padding:24px 20px!important}}
@media(max-width:600px){aside{width:64px!important;min-width:64px!important}.brand-mark{width:40px;height:40px;font-size:12px}.nav-ico{font-size:14px!important}.nav-submenu a{height:34px!important;min-height:34px!important}main{margin-left:64px!important;width:calc(100% - 64px)!important;padding:18px 12px!important}}

/* v38 sidebar final polish */
aside{width:276px!important;min-width:276px!important;padding:20px 13px!important}
main{margin-left:276px!important;width:calc(100% - 276px)!important}
.nav-caption{font-size:9px!important;letter-spacing:2px!important;color:#6da1a0!important;margin-top:3px!important}
aside a.nav-item{height:46px!important;min-height:46px!important;font-size:12px!important}
.nav-submenu{margin-left:14px!important;padding-left:15px!important}
.nav-submenu a{font-size:11px!important;height:38px!important;min-height:38px!important}
.nav-submenu a.active{box-shadow:inset 3px 0 0 #1ac1b7!important}
.settings-caption{margin-top:10px!important}
@media(max-width:850px){aside{width:78px!important;min-width:78px!important}main{margin-left:78px!important;width:calc(100% - 78px)!important}}
@media(max-width:600px){aside{width:64px!important;min-width:64px!important}main{margin-left:64px!important;width:calc(100% - 64px)!important}}

/* v39 — FINAL SIDEBAR MATCH */
aside{
 width:242px!important;min-width:242px!important;height:100vh!important;min-height:100vh!important;
 position:fixed!important;left:0;top:0;overflow-y:auto!important;overflow-x:hidden!important;
 padding:14px 10px!important;background:#0b3333!important;border-right:1px solid rgba(255,255,255,.05)!important;
 box-shadow:none!important;z-index:100;
}
.brand{display:none!important}
.nav-caption{font-size:8px!important;font-weight:900!important;letter-spacing:1.8px!important;color:#6c9a99!important;padding:8px 11px 8px!important}
.settings-caption{padding-top:16px!important}
aside a.nav-item{
 height:45px!important;min-height:45px!important;width:100%!important;
 display:flex!important;align-items:center!important;gap:12px!important;
 padding:0 14px!important;margin:2px 0!important;border:0!important;border-radius:10px!important;
 color:#d8e8e8!important;font-size:12px!important;font-weight:700!important;
 text-decoration:none!important;box-shadow:none!important;transform:none!important;
}
aside a.nav-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:none!important}
aside a.nav-item.active{background:#13b6b0!important;color:#fff!important;box-shadow:none!important}
.nav-ico{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;font-size:14px!important;flex:none!important}
.nav-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-settings{cursor:pointer!important}
.nav-settings .nav-chevron{margin-left:auto!important;color:#7bc6c3!important;font-size:13px!important}
.nav-group.open .nav-settings .nav-chevron{transform:rotate(180deg)!important}
.nav-submenu{
 display:none!important;margin:1px 0 7px 16px!important;padding:3px 0 3px 10px!important;
 border-left:1px solid rgba(102,210,204,.3)!important;
}
.nav-group.open .nav-submenu{display:block!important}
.nav-submenu a{
 height:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;
 gap:9px!important;padding:0 9px!important;margin:2px 0!important;border-radius:9px!important;
 color:#9fc1c0!important;text-decoration:none!important;font-size:10px!important;font-weight:650!important;
}
.nav-submenu a:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
.nav-submenu a.active{background:rgba(19,182,176,.22)!important;color:#73e2dd!important;box-shadow:none!important}
.sub-ico{width:19px!important;text-align:center!important;font-size:11px!important}
.nav-bottom{margin-top:12px!important;padding-top:9px!important;border-top:1px solid rgba(255,255,255,.08)!important}
aside a.logout{color:#ffb8b8!important;background:transparent!important}
main{
 margin-left:242px!important;width:calc(100% - 242px)!important;max-width:none!important;
 padding:30px 36px!important;
}
@media(max-width:850px){
 aside{width:72px!important;min-width:72px!important;padding:10px 7px!important}
 aside a.nav-item{justify-content:center!important;padding:0!important}
 .nav-caption{display:none!important}.nav-item>span:nth-child(2),.nav-chevron{display:none!important}
 .nav-submenu{margin-left:0!important;padding-left:0!important;border-left:0!important}
 .nav-submenu a{justify-content:center!important;padding:0!important}
 .nav-submenu a span:nth-child(2){display:none!important}
 main{margin-left:72px!important;width:calc(100% - 72px)!important;padding:22px 18px!important}
}
@media(max-width:600px){
 aside{width:60px!important;min-width:60px!important}
 main{margin-left:60px!important;width:calc(100% - 60px)!important;padding:18px 12px!important}
}

/* v40 Customers */
.customer-error{background:#fff1f1;border:1px solid #ffd4d4;border-radius:14px;padding:13px 16px;margin-bottom:14px;color:#a44747;display:flex;flex-direction:column;gap:4px}.customer-error small{font-size:10px;color:#8b6969;word-break:break-word}
.customer-stats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:13px;background:transparent!important;padding:0!important;box-shadow:none!important}.customer-stats>div{background:#fff;border:1px solid #e0ebeb;border-radius:16px;padding:18px 20px;box-shadow:0 6px 20px rgba(20,70,70,.04)}.customer-stats span{display:block;font-size:10px;color:#7f9191}.customer-stats strong{display:block;font-size:25px;margin-top:7px;color:#143b3b}
.customer-toolbar{padding:13px 15px!important;margin-top:14px!important}.customer-toolbar form{display:flex;gap:9px;align-items:center}.customer-toolbar input{flex:1;min-height:46px}.customer-toolbar button{height:46px;border:0;border-radius:10px;background:#10b5ae;color:#fff;font-weight:800;padding:0 18px;cursor:pointer}.customer-toolbar a{font-size:11px;color:#0b9892;text-decoration:none}
.customers-card{overflow:hidden}.customers-card-head{padding:18px 20px;border-bottom:1px solid #edf2f2}.customers-card-head h2{margin:0!important;font-size:17px!important}.customers-card-head small{font-size:10px;color:#829191}
.customers-table{width:100%;border-collapse:collapse}.customers-table th{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#829191;text-align:left;padding:13px 15px;background:#f7fafa}.customers-table td{padding:13px 15px;border-top:1px solid #edf2f2;font-size:11px;color:#476161}.customers-table tr.selected td{background:#f0fbf9}.customer-name{display:flex;align-items:center;gap:10px;text-decoration:none;color:#183c3c}.customer-name small{display:block;font-size:9px;color:#8a9999;margin-top:3px}.avatar,.big-avatar{background:#e3f8f5;color:#078f88;font-weight:900;display:grid;place-items:center;border-radius:11px}.avatar{width:36px;height:36px;font-size:13px}.big-avatar{width:58px;height:58px;font-size:21px}.customer-active{font-size:9px;font-weight:900;padding:6px 9px;border-radius:999px}.customer-active.on{background:#e5f8f2;color:#078a71}.customer-active.off{background:#f2f4f4;color:#7e8b8b}.view-btn{display:inline-block;text-decoration:none;background:#edf9f7;color:#078f88;padding:8px 10px;border-radius:8px;font-size:9px;font-weight:900}.empty-orders{padding:45px!important;text-align:center!important}.empty-customer-icon{font-size:25px;margin-bottom:8px}.empty-orders b{display:block;color:#385858}.empty-orders small{display:block;color:#8a9999;margin-top:5px;font-size:10px}
.customer-inline-detail{margin-top:16px}.customer-inline-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.customer-inline-title{display:flex;align-items:center;gap:13px}.detail-label{font-size:8px;letter-spacing:1.5px;color:#0b9c95;font-weight:900}.customer-inline-title h2{margin:3px 0!important;font-size:20px!important}.customer-inline-title p{margin:0!important;color:#829191;font-size:10px}.customer-back{font-size:10px;text-decoration:none;color:#0b9892;background:#eaf8f6;border-radius:9px;padding:10px 12px}.customer-inline-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.customer-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.customer-info-cards>div{background:#fff;border:1px solid #e0ebeb;border-radius:13px;padding:15px}.customer-info-cards span{display:block;font-size:9px;color:#829191}.customer-info-cards strong{display:block;font-size:11px;margin-top:7px;word-break:break-word}.customer-info-cards .ok{color:#078a71}.customer-info-cards .muted{color:#9a7777}.customer-orders-inline{margin:0!important}.customer-orders-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #edf2f2}.customer-orders-head h3{margin:0!important;font-size:13px!important}.customer-orders-head small{font-size:9px;color:#899898}.customer-orders-head>strong{font-size:16px;color:#07978f}.customer-order-inline{display:grid;grid-template-columns:70px 1fr 120px 75px 20px;align-items:center;gap:10px;padding:12px 17px;border-top:1px solid #edf2f2;text-decoration:none;color:#526868;font-size:10px}.customer-order-inline:hover{background:#f7fbfb}.order-mini-id{font-weight:900;color:#0a9992}.customer-order-inline b{text-align:right;color:#1a4141}.customer-order-inline em{font-style:normal;text-align:center;padding:5px 7px;border-radius:7px;background:#edf5f4;font-size:8px}.customer-order-inline i{text-align:right;font-style:normal;color:#0a9992}.customer-empty{text-align:center;padding:30px;color:#8b9999;font-size:10px}.customer-inline-side{display:flex!important;flex-direction:column;gap:12px;padding:0!important;background:transparent!important;box-shadow:none!important}.customer-side-card{margin:0!important;padding:17px!important}.customer-side-card h3{margin:0 0 12px!important;font-size:12px!important}.side-big-name{font-size:17px;font-weight:900;color:#173b3b}.customer-side-card p{font-size:10px;color:#6e8080;margin:7px 0}.customer-toggle{width:100%;height:43px;border:0;border-radius:10px;background:#10b5ae;color:#fff;font-weight:900;cursor:pointer}.customer-toggle.danger{background:#fff0f0;color:#b34d4d}
@media(max-width:1000px){.customer-inline-grid{grid-template-columns:1fr}.customer-inline-side{display:grid!important;grid-template-columns:1fr 1fr}.customers-table{min-width:760px}.table-wrap{overflow:auto}.customer-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){.customer-stats{grid-template-columns:1fr!important}.customer-toolbar form{flex-wrap:wrap}.customer-toolbar input{min-width:100%}.customer-inline-head{align-items:flex-start;flex-direction:column}.customer-info-cards{grid-template-columns:1fr}.customer-inline-side{grid-template-columns:1fr!important}.customer-order-inline{grid-template-columns:55px 1fr 90px}.customer-order-inline em,.customer-order-inline i{display:none}}

/* v41 — ORDER DETAIL STACKED BLOCKS */
.order-detail-stacked{display:flex!important;flex-direction:column!important;gap:16px!important;margin-top:0!important}
.order-detail-block{background:#fff;border:1px solid #dfeaea;border-radius:18px;overflow:hidden;box-shadow:0 7px 25px rgba(20,70,70,.045)}
.detail-block-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 21px;border-bottom:1px solid #eaf1f1;background:linear-gradient(180deg,#fff,#fbfefe)}
.detail-block-title{display:flex;align-items:center;gap:12px}.detail-block-title h3{margin:0!important;font-size:15px!important;color:#163b3b}.detail-block-title small{display:block;margin-top:4px;color:#879797;font-size:9px}.detail-block-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:15px;flex:none}.detail-block-icon.purple{background:#eee7fb;color:#6742a7}.detail-block-icon.mint{background:#e3f8f5;color:#079b93}.detail-block-icon.green{background:#e4f7ef;color:#078c72}.detail-pill{padding:7px 11px;border-radius:999px;background:#eef9f7;color:#078f88;font-size:9px;font-weight:900}.order-protected{font-size:9px;font-weight:900;color:#078e83;background:#effaf8;border:1px solid #d7eeeb;border-radius:999px;padding:7px 10px}
.customer-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:18px 21px 21px}.customer-detail-field{min-height:72px;border:1px solid #e8eeee;border-radius:12px;padding:12px 13px;background:#fcfefe}.customer-detail-field span{display:block;font-size:9px;color:#849494;margin-bottom:7px}.customer-detail-field strong{display:block;color:#183e3e;font-size:12px;line-height:1.5;word-break:break-word}.customer-detail-field.address-field{grid-column:span 2}
.detail-products-list{padding:0 21px}.detail-product-row{display:grid;grid-template-columns:minmax(300px,1fr) 130px 90px 150px;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #edf2f2}.detail-product-main{display:flex;align-items:center;gap:13px;min-width:0}.detail-product-image{width:64px;height:64px;border-radius:12px;border:1px solid #e2ecec;background:#f7fbfb;display:grid;place-items:center;overflow:hidden;flex:none}.detail-product-image img{width:100%;height:100%;object-fit:contain}.detail-product-image span{font-weight:900;color:#0a9b92}.detail-product-main b{display:block;font-size:12px;color:#183d3d}.detail-product-main small{display:block;margin-top:5px;font-size:9px;color:#899898}.detail-product-price span,.detail-product-qty span,.detail-product-total span{display:block;font-size:8px;color:#899898;margin-bottom:5px}.detail-product-price b,.detail-product-qty b{font-size:11px;color:#3f5c5c}.detail-product-total{text-align:right}.detail-product-total strong{font-size:13px;color:#079b92}
.detail-bottom-area{display:grid;grid-template-columns:1fr 390px;gap:18px;padding:18px 21px;background:#f8fbfb}.detail-totals{background:#fff;border:1px solid #e3eded;border-radius:14px;padding:14px 16px}.detail-totals>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:10px;color:#718383}.detail-totals>div b{color:#294848}.detail-totals .grand-total{border-top:1px solid #e2eded;margin-top:5px;padding-top:13px;font-size:12px;color:#183c3c}.detail-totals .grand-total strong{font-size:20px;color:#079b92}
.detail-status-panel{background:#0d3535;border-radius:14px;padding:16px;color:#fff}.detail-status-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.detail-status-heading .detail-block-icon{width:35px;height:35px}.detail-status-heading b{display:block;font-size:12px}.detail-status-heading small{display:block;color:#9fc1c0;font-size:9px;margin-top:3px}.detail-status-form{display:flex;gap:9px}.detail-status-form select{height:45px;flex:1;border:0;border-radius:9px;background:#fff;color:#284848;padding:0 10px;font-weight:700}.detail-status-form button{height:45px;border:0;border-radius:9px;background:#10b5ae;color:#fff;padding:0 16px;font-weight:900;cursor:pointer;white-space:nowrap}
@media(max-width:900px){.customer-detail-grid{grid-template-columns:1fr 1fr}.customer-detail-field.address-field{grid-column:1/-1}.detail-product-row{grid-template-columns:1fr 100px 80px}.detail-product-total{text-align:left}.detail-bottom-area{grid-template-columns:1fr}.detail-status-panel{min-width:0}}
@media(max-width:600px){.detail-block-head{align-items:flex-start;flex-direction:column}.customer-detail-grid{grid-template-columns:1fr;padding:14px}.customer-detail-field.address-field{grid-column:auto}.detail-products-list{padding:0 14px}.detail-product-row{grid-template-columns:1fr 1fr;gap:10px}.detail-product-main{grid-column:1/-1}.detail-product-total{text-align:left}.detail-bottom-area{padding:14px}.detail-status-form{flex-direction:column}.detail-status-form button{width:100%}}

/* v43 HARD FINAL — order detail must be two full-width stacked blocks */
.inline-order-view .order-detail-stacked{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  gap:18px!important;
  padding:18px 22px!important;
  box-sizing:border-box!important;
}
.inline-order-view .order-detail-block{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
  float:none!important;
  grid-column:1/-1!important;
}
.inline-order-view .customer-detail-block{
  order:1!important;
}
.inline-order-view .product-detail-block{
  order:2!important;
}
.inline-order-view .detail-bottom-area{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  background:#f8fbfb!important;
}
.inline-order-view .detail-totals,
.inline-order-view .detail-status-panel{
  width:100%!important;
  box-sizing:border-box!important;
}
.inline-order-view .detail-status-panel{
  background:#0d3535!important;
}
.inline-order-view .detail-status-form{
  display:grid!important;
  grid-template-columns:260px 1fr!important;
  width:100%!important;
}
.inline-order-view .detail-status-form select,
.inline-order-view .detail-status-form button{
  width:100%!important;
}
@media(max-width:650px){
 .inline-order-view .order-detail-stacked{padding:12px!important}
 .inline-order-view .detail-status-form{grid-template-columns:1fr!important}
}

/* v44 — Premium Order Detail UI/UX */
.inline-order-view{
  background:#f6fbfb!important;
  border:1px solid #d9e9e8!important;
  border-radius:24px!important;
  box-shadow:0 18px 50px rgba(12,58,58,.08)!important;
  overflow:hidden!important;
}
.inline-order-head{
  padding:24px 28px!important;
  background:linear-gradient(135deg,#ffffff 0%,#effaf8 100%)!important;
}
.inline-order-title{gap:15px!important}
.inline-order-icon{
  width:58px!important;height:58px!important;border-radius:17px!important;
  background:linear-gradient(145deg,#dff8f4,#effcfa)!important;
  border:1px solid #ccebe7!important;
  box-shadow:0 8px 20px rgba(13,171,163,.10)!important;
}
.inline-kicker{font-size:9px!important;letter-spacing:2px!important}
.inline-order-title h2{
  font-size:27px!important;font-weight:850!important;letter-spacing:-.4px!important;
}
.inline-order-title p{font-size:10px!important;color:#789090!important}
.premium-status{
  padding:8px 12px!important;border-radius:999px!important;
  border:1px solid #d8ecea!important;background:#fff!important;
  font-weight:900!important;
}
.inline-back{
  padding:11px 14px!important;border-radius:11px!important;
  background:#fff!important;border:1px solid #dbe9e8!important;
  box-shadow:0 4px 12px rgba(20,70,70,.04)!important;
}
.inline-order-view .order-detail-stacked{
  padding:20px 22px 24px!important;gap:18px!important;
  background:#f6fbfb!important;
}
.inline-order-view .order-detail-block{
  border:1px solid #dcebea!important;
  border-radius:19px!important;
  box-shadow:0 8px 25px rgba(18,67,67,.045)!important;
}
.inline-order-view .detail-block-head{
  padding:19px 21px!important;
  background:linear-gradient(180deg,#fff,#fbfefe)!important;
}
.detail-block-title h3{
  font-size:16px!important;font-weight:850!important;
}
.detail-block-title small{font-size:9px!important;color:#849494!important}
.detail-block-icon{
  width:42px!important;height:42px!important;border-radius:13px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
}
.detail-pill,.order-protected{
  padding:8px 11px!important;font-size:9px!important;
}
.customer-detail-grid{
  gap:12px!important;padding:19px 21px 21px!important;
}
.customer-detail-field{
  min-height:76px!important;
  padding:13px 14px!important;
  border-radius:13px!important;
  background:#fbfdfd!important;
  transition:.15s ease!important;
}
.customer-detail-field:hover{
  border-color:#bfe4e0!important;
  background:#f7fcfb!important;
  transform:translateY(-1px);
}
.customer-detail-field span{
  font-size:9px!important;font-weight:650!important;
  color:#7d9090!important;
}
.customer-detail-field strong{
  font-size:12px!important;font-weight:750!important;
  color:#173e3e!important;
}
.detail-products-list{padding:0 21px!important}
.detail-product-row{
  padding:17px 0!important;gap:18px!important;
}
.detail-product-image{
  width:72px!important;height:72px!important;border-radius:14px!important;
  background:#f7fbfb!important;
  box-shadow:0 5px 15px rgba(20,70,70,.05)!important;
}
.detail-product-main{gap:14px!important}
.detail-product-main b{font-size:13px!important;font-weight:800!important}
.detail-product-main small{font-size:9px!important}
.detail-product-price b,.detail-product-qty b{font-size:12px!important}
.detail-product-total strong{font-size:14px!important}
.detail-bottom-area{
  display:flex!important;flex-direction:column!important;
  gap:13px!important;padding:18px 21px 21px!important;
  background:#f7fbfb!important;
}
.detail-totals{
  padding:16px 18px!important;border-radius:15px!important;
  box-shadow:0 5px 16px rgba(20,70,70,.035)!important;
}
.detail-totals>div{font-size:11px!important;padding:9px 0!important}
.detail-totals .grand-total{
  margin-top:6px!important;padding-top:14px!important;font-size:13px!important;
}
.detail-totals .grand-total strong{font-size:23px!important}
.detail-status-panel{
  padding:18px!important;border-radius:16px!important;
  background:linear-gradient(135deg,#0c3434,#104343)!important;
  box-shadow:0 10px 24px rgba(8,48,48,.15)!important;
}
.detail-status-heading{margin-bottom:14px!important}
.detail-status-heading b{font-size:13px!important}
.detail-status-heading small{font-size:9px!important}
.detail-status-form{
  display:grid!important;grid-template-columns:260px 1fr!important;gap:10px!important;
}
.detail-status-form select{
  height:47px!important;border-radius:11px!important;
  border:1px solid #d9e8e7!important;
  padding:0 13px!important;font-size:11px!important;font-weight:750!important;
}
.detail-status-form button{
  height:47px!important;border-radius:11px!important;
  font-size:11px!important;font-weight:900!important;
  box-shadow:0 7px 18px rgba(11,190,179,.18)!important;
  transition:.15s ease!important;
}
.detail-status-form button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 22px rgba(11,190,179,.24)!important;
}
@media(max-width:900px){
  .inline-order-head{padding:20px!important}
  .inline-order-view .order-detail-stacked{padding:14px!important}
  .customer-detail-grid{grid-template-columns:1fr 1fr!important}
  .customer-detail-field.address-field{grid-column:1/-1!important}
  .detail-status-form{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .inline-order-head{padding:17px!important}
  .inline-order-title h2{font-size:22px!important}
  .inline-order-actions{width:100%!important}
  .inline-order-view .order-detail-stacked{padding:10px!important}
  .inline-order-view .detail-block-head{padding:15px!important}
  .customer-detail-grid{grid-template-columns:1fr!important;padding:14px!important}
  .customer-detail-field.address-field{grid-column:auto!important}
  .detail-products-list{padding:0 14px!important}
  .detail-product-row{grid-template-columns:1fr 1fr!important;padding:14px 0!important}
  .detail-product-main{grid-column:1/-1!important}
  .detail-product-total{text-align:left!important}
  .detail-bottom-area{padding:14px!important}
}

/* v48 — Real-time admin order notifications */
.th-order-notifications{position:fixed;top:18px;right:22px;z-index:99999;font-family:inherit}
.th-notify-bell{position:relative;width:48px;height:48px;border:1px solid #d9e9e8;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(12,58,58,.10);cursor:pointer;font-size:20px;display:grid;place-items:center;transition:.16s ease}
.th-notify-bell:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(12,58,58,.14)}
.th-notify-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4e63;color:#fff;border:2px solid #fff;font:800 9px/16px Arial;text-align:center}
.th-notify-panel{position:absolute;top:58px;right:0;width:350px;max-width:calc(100vw - 30px);background:#fff;border:1px solid #dcebea;border-radius:18px;box-shadow:0 22px 60px rgba(10,55,55,.18);overflow:hidden}
.th-notify-panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:linear-gradient(135deg,#fff,#f0faf8);border-bottom:1px solid #e7f0ef}
.th-notify-panel-head b{display:block;font-size:13px;color:#163d3d}.th-notify-panel-head small{display:block;margin-top:3px;font-size:9px;color:#819191}
.th-notify-panel-head button{border:0;background:none;color:#0aa49c;font-size:9px;font-weight:800;cursor:pointer}
.th-notify-list{max-height:420px;overflow:auto;padding:7px}
.th-notify-empty{text-align:center;padding:30px 12px;color:#91a0a0;font-size:10px}
.th-notify-item{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;text-decoration:none;color:#173d3d;transition:.13s ease}
.th-notify-item:hover{background:#f1faf8}.th-notify-item.unread{background:#f5fbfa}
.th-item-icon{width:38px;height:38px;border-radius:11px;background:#e5f8f5;display:grid;place-items:center;flex:0 0 auto}
.th-item-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.th-item-copy b{font-size:10px}.th-item-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.th-item-copy small{font-size:8px;color:#819191}
.th-item-arrow{margin-left:auto;color:#0aa49c;font-size:18px}
@media(max-width:700px){.th-order-notifications{top:10px;right:12px}.th-notify-panel{width:320px}
.smtp-test-box{margin-top:18px;padding:18px;border:1px solid #d9e9e8;border-radius:15px;background:#f6fbfa;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.smtp-test-box b{grid-column:1/-1;font-size:13px;color:#163d3d}.smtp-test-box small{grid-column:1/-1;font-size:9px;color:#819191}.smtp-test-box input{height:44px;border:1px solid #d9e7e6;border-radius:11px;padding:0 12px}.smtp-test-box button{height:44px;border:0;border-radius:11px;background:#0eaea5;color:#fff;font-weight:800;padding:0 16px}
@media(max-width:700px){.smtp-test-box{grid-template-columns:1fr}.smtp-test-box input,.smtp-test-box button{grid-column:1}}

.product-spec-card .spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.product-spec-card .spec-grid label{display:flex;flex-direction:column;gap:6px}.product-spec-card .spec-grid label.wide{grid-column:1/-1}
.product-spec-card .spec-grid input,.product-spec-card .spec-grid select{height:46px;border:1px solid #d8e7e6;border-radius:12px;padding:0 13px;background:#fff;font:inherit}
.product-spec-card .spec-grid small{font-size:9px;color:#829191}.eco-toggle{grid-column:1/-1;padding:14px;border:1px solid #d8ece9;border-radius:14px;background:#f4fbf9;display:grid!important;grid-template-columns:46px 1fr;align-items:center;gap:10px}.eco-toggle .toggle{grid-column:1;grid-row:1}.eco-toggle>span:last-child{grid-column:2;grid-row:1}
@media(max-width:700px){.product-spec-card .spec-grid{grid-template-columns:1fr}.product-spec-card .spec-grid label.wide,.eco-toggle{grid-column:auto}}

.smtp-debug-card{margin-top:14px;border:1px solid #d8e8e7;border-radius:15px;background:#fff;overflow:hidden}
.smtp-debug-head{padding:14px 16px;background:#f3faf8;border-bottom:1px solid #e5efee}.smtp-debug-head b{display:block;font-size:12px;color:#173d3d}.smtp-debug-head small{display:block;margin-top:3px;font-size:9px;color:#819191}
.smtp-debug-step{display:grid;grid-template-columns:24px 180px 1fr;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef3f2;font-size:10px}.smtp-debug-step>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#def7f2;color:#079990;font-weight:900}.smtp-debug-step small{font-size:8px;color:#7d8d8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smtp-debug-error{margin-top:7px;font-size:10px}.smtp-debug-response{margin-top:4px;font-size:9px;opacity:.85}
.smtp-delivery-note{padding:13px 15px;background:#fff9e9;color:#80651a;font-size:9px;line-height:1.6}

.smtp-alignment-note{margin-top:14px;padding:13px 15px;border:1px solid #d8ebe8;border-radius:13px;background:#f4fbf9;display:flex;gap:10px;align-items:flex-start}.smtp-alignment-note b{font-size:10px;color:#0a9991;white-space:nowrap}.smtp-alignment-note span{font-size:9px;line-height:1.55;color:#617373}

/* v57 dimensions builder */
.product-spec-card .dimension-builder{grid-column:1/-1;padding:15px;border:1px solid #dbecea;border-radius:15px;background:#f8fcfb}
.product-spec-card .dimension-label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.product-spec-card .dimension-label b{font-size:12px;color:#173f3f}
.product-spec-card .dimension-label small{font-size:9px;color:#819191}
.product-spec-card .dimension-fields{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 100px;gap:7px;align-items:center}
.product-spec-card .dimension-fields input,.product-spec-card .dimension-fields select{height:46px;border:1px solid #d8e7e6;border-radius:12px;padding:0 12px;background:#fff;font:inherit;min-width:0}
.product-spec-card .dimension-x{text-align:center;font-weight:950;color:#079991;font-size:18px}
.product-spec-card .dimension-preview{margin-top:8px;font-size:9px;color:#0b8d86;font-weight:800}
@media(max-width:700px){
 .product-spec-card .dimension-fields{grid-template-columns:1fr 18px 1fr 18px 1fr 85px;gap:4px}
 .product-spec-card .dimension-fields input,.product-spec-card .dimension-fields select{font-size:10px;padding:0 7px}
}





/* v103 BEAUTIFUL ADD PRODUCT BUTTON */
.topline-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.add-product-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 18px 0 12px;
  border:1px solid rgba(8,127,121,.22);
  border-radius:13px;
  background:linear-gradient(135deg,#0d8f87 0%,#087a74 100%);
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px;
  font-weight:800;
  letter-spacing:.1px;
  box-shadow:0 7px 18px rgba(8,127,121,.18);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}

.add-product-btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-80%;
  width:45%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transform:skewX(-18deg);
  transition:left .5s ease;
}

.add-product-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:0 11px 25px rgba(8,127,121,.26);
}

.add-product-btn:hover::after{
  left:130%;
}

.add-product-icon{
  width:27px;
  height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 27px;
  border-radius:9px;
  background:rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-size:21px;
  line-height:1;
  font-weight:500;
}

@media(max-width:700px){
  .topline-actions{
    width:auto;
    flex-direction:row;
    align-items:center;
  }
  .add-product-btn{
    min-height:42px;
    padding-right:15px;
    font-size:13px;
  }
  .add-product-icon{
    width:25px;
    height:25px;
    flex-basis:25px;
  }
}

/* v104 HARD OVERRIDE — ADD PRODUCT BUTTON */
body .topline .topline-actions .th-add-product-btn,
body .products-list-head .th-add-product-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 19px 0 12px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#0b9b92 0%,#087c76 100%) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 8px 20px rgba(8,127,121,.24) !important;
  overflow:hidden !important;
  transform:none !important;
}

body .topline .topline-actions .th-add-product-btn:hover,
body .products-list-head .th-add-product-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 26px rgba(8,127,121,.30) !important;
  filter:brightness(1.04) !important;
}

body .th-add-product-icon{
  width:29px !important;
  height:29px !important;
  min-width:29px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  font-size:21px !important;
  font-weight:500 !important;
  line-height:1 !important;
}

@media(max-width:700px){
  body .topline .topline-actions .th-add-product-btn,
  body .products-list-head .th-add-product-btn{
    height:44px !important;
    min-height:44px !important;
    font-size:13px !important;
    padding-right:16px !important;
  }
  body .th-add-product-icon{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
  }
}

/* v106 ADD PRODUCT — EXACT DASHBOARD BUTTON STYLE */
body .topline .topline-actions .th-add-product-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#10b5ae !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  transition:background .18s ease,transform .18s ease !important;
}
body .topline .topline-actions .th-add-product-btn:hover{
  background:#0b9f99 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:none !important;
}
body .topline .topline-actions .th-add-product-btn .th-add-product-icon{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1 !important;
}
@media(max-width:700px){
  body .topline .topline-actions .th-add-product-btn{
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }
}

/* v127 — Brand dropdown in product editor */
.product-form .brand-select{
  width:100%;
  cursor:pointer;
  appearance:auto;
}
.product-form .brand-select:focus{
  outline:none;
  border-color:#0a9b95;
  box-shadow:0 0 0 3px rgba(10,155,149,.10);
}

/* v128 — compact inline dimensions: [field] × [field] × [field] [unit] */
.product-spec-card .dimension-builder{
  padding:12px 14px !important;
}
.product-spec-card .dimension-label{
  margin-bottom:8px !important;
}
.product-spec-card .dimension-label b{
  font-size:12px !important;
}
.product-spec-card .dimension-label small{
  font-size:9px !important;
}
.product-spec-card .dimension-fields{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 62px !important;
  gap:5px !important;
  align-items:center !important;
}
.product-spec-card .dimension-fields input,
.product-spec-card .dimension-fields select{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  box-sizing:border-box !important;
  border:1px solid #d5e6e4 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#234848 !important;
  font-size:11px !important;
  font-weight:600 !important;
  padding:0 10px !important;
}
.product-spec-card .dimension-fields input::placeholder{
  color:#839696 !important;
  opacity:1 !important;
  font-size:10px !important;
  font-weight:600 !important;
}
.product-spec-card .dimension-fields input:focus,
.product-spec-card .dimension-fields select:focus{
  outline:none !important;
  border-color:#0a9b95 !important;
  box-shadow:0 0 0 3px rgba(10,155,149,.09) !important;
}
.product-spec-card .dimension-x{
  width:18px !important;
  font-size:16px !important;
  line-height:1 !important;
  text-align:center !important;
  color:#0a9690 !important;
}
.product-spec-card .dimension-fields select{
  appearance:auto !important;
  padding:0 6px !important;
  font-size:10px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
.product-spec-card .dimension-preview{
  margin-top:7px !important;
  font-size:9px !important;
}
@media(max-width:700px){
  .product-spec-card .dimension-builder{
    padding:10px !important;
  }
  .product-spec-card .dimension-fields{
    grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr) 58px !important;
    gap:3px !important;
  }
  .product-spec-card .dimension-fields input,
  .product-spec-card .dimension-fields select{
    height:40px !important;
    padding:0 7px !important;
    font-size:10px !important;
  }
  .product-spec-card .dimension-fields input::placeholder{
    font-size:9px !important;
  }
  .product-spec-card .dimension-x{
    width:14px !important;
    font-size:14px !important;
  }
}

/* Requested only: extra product images add tile */
.gallery-add-tile{
  margin-top:8px!important;
  width:130px!important;
  min-height:88px!important;
  padding:10px 8px!important;
  box-sizing:border-box!important;
  border:1px dashed #9ac9c5!important;
  border-radius:12px!important;
  background:#f7fcfb!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  cursor:pointer!important;
  color:#087f79!important;
  transition:.18s ease!important;
}
.gallery-add-tile:hover{
  border-color:#0a9b95!important;
  background:#effaf8!important;
}
.gallery-add-tile input{display:none!important}
.gallery-plus{
  width:27px;height:27px;border-radius:8px;
  display:grid;place-items:center;
  background:#0a9b95;color:#fff;font-size:20px;line-height:1;
}
.gallery-add-tile b{font-size:9px!important}
.gallery-add-tile small{font-size:8px!important;color:#819191!important;text-align:center}
.gallery-selected-preview{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:7px!important;
}
.gallery-selected-preview:empty{display:none!important}
.gallery-selected-preview img{
  width:52px!important;height:52px!important;
  object-fit:cover!important;border-radius:8px!important;
  border:1px solid #d8e8e6!important;
}

/* v130 — keep extra-image control isolated from the main image field */
.pro-card > .gallery-add-tile{
  display:flex !important;
  position:relative !important;
  clear:both !important;
  float:none !important;
  margin:14px 0 0 !important;
  align-self:flex-start !important;
  width:150px !important;
  min-height:92px !important;
  flex:none !important;
  box-sizing:border-box !important;
}
.pro-card > .gallery-selected-preview{
  clear:both !important;
  margin:8px 0 0 !important;
}
@media(max-width:650px){
  .pro-card > .gallery-add-tile{
    width:140px !important;
    min-height:88px !important;
    margin-top:12px !important;
  }
}

/* New dimensions UI only */
html body .th-clean-dimensions .th-clean-dim-row{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 60px!important;
 align-items:center!important; gap:5px!important; width:100%!important; box-sizing:border-box!important;
}
html body .th-clean-dimensions .th-clean-dim-row input{
 width:100%!important; min-width:0!important; height:42px!important; margin:0!important; box-sizing:border-box!important;
}
html body .th-clean-dimensions .th-clean-dim-row span{
 display:flex!important; align-items:center!important; justify-content:center!important;
 width:18px!important; height:42px!important; margin:0!important; padding:0!important;
 font-size:17px!important; line-height:1!important;
}
html body .th-clean-dimensions .th-clean-dim-row select{
 width:60px!important; min-width:60px!important; height:42px!important; margin:0!important; box-sizing:border-box!important;
}
@media(max-width:700px){
 html body .th-clean-dimensions .th-clean-dim-row{
  grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr) 52px!important; gap:3px!important;
 }
 html body .th-clean-dimensions .th-clean-dim-row input{height:40px!important;padding:0 6px!important;font-size:10px!important}
 html body .th-clean-dimensions .th-clean-dim-row span{width:13px!important;height:40px!important;font-size:14px!important}
 html body .th-clean-dimensions .th-clean-dim-row select{width:52px!important;min-width:52px!important;height:40px!important;font-size:10px!important}
}


/* Dimensions only */
.th-clean-dimensions{grid-column:1 / -1!important;width:100%!important;margin:0!important}
.th-clean-dimensions>label{display:block!important;width:100%!important}
.th-clean-dimensions .th-clean-dim-row{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr) 60px!important;
 align-items:center!important;gap:5px!important;width:100%!important;margin-top:7px!important;box-sizing:border-box!important
}
.th-clean-dimensions .th-clean-dim-row>input,
.th-clean-dimensions .th-clean-dim-row>select{
 width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;margin:0!important;box-sizing:border-box!important
}
.th-clean-dimensions .th-clean-dim-row>input{padding:0 12px!important}
.th-clean-dimensions .th-clean-dim-row>.th-clean-dim-x{
 display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:42px!important;margin:0!important;padding:0!important;font-size:17px!important;line-height:1!important
}
.th-clean-dimensions .th-clean-dim-row>select{width:60px!important;min-width:60px!important}
@media(max-width:700px){
 .th-clean-dimensions .th-clean-dim-row{grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr) 52px!important;gap:3px!important}
 .th-clean-dimensions .th-clean-dim-row>input,.th-clean-dimensions .th-clean-dim-row>select{height:40px!important;font-size:10px!important}
 .th-clean-dimensions .th-clean-dim-row>.th-clean-dim-x{width:13px!important;height:40px!important;font-size:14px!important}
 .th-clean-dimensions .th-clean-dim-row>select{width:52px!important;min-width:52px!important}
}

/* FINAL: only shorten the three dimension fields and keep them on one row */
html body .product-spec-card .th-clean-dimensions{
  grid-column:1 / -1 !important;
  width:100% !important;
}
html body .product-spec-card .th-clean-dimensions > label{
  display:block !important;
  width:100% !important;
}
html body .product-spec-card .th-clean-dimensions .th-clean-dim-row{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  width:100% !important;
  margin-top:7px !important;
}
html body .product-spec-card .th-clean-dimensions .th-clean-dim-row > input{
  flex:0 1 150px !important;
  width:150px !important;
  min-width:90px !important;
  max-width:150px !important;
  height:42px !important;
  box-sizing:border-box !important;
  margin:0 !important;
}
html body .product-spec-card .th-clean-dimensions .th-clean-dim-row > .th-clean-dim-x{
  flex:0 0 18px !important;
  width:18px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  font-size:17px !important;
  line-height:1 !important;
}
html body .product-spec-card .th-clean-dimensions .th-clean-dim-row > select{
  flex:0 0 62px !important;
  width:62px !important;
  min-width:62px !important;
  max-width:62px !important;
  height:42px !important;
  box-sizing:border-box !important;
  margin:0 !important;
}
@media(max-width:700px){
  html body .product-spec-card .th-clean-dimensions .th-clean-dim-row{
    gap:3px !important;
  }
  html body .product-spec-card .th-clean-dimensions .th-clean-dim-row > input{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:40px !important;
    padding:0 6px !important;
    font-size:10px !important;
  }
  html body .product-spec-card .th-clean-dimensions .th-clean-dim-row > .th-clean-dim-x{
    flex:0 0 13px !important;
    width:13px !important;
    height:40px !important;
    font-size:14px !important;
  }
  html body .product-spec-card .th-clean-dimensions .th-clean-dim-row > select{
    flex:0 0 52px !important;
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    height:40px !important;
    font-size:10px !important;
  }
}

/* HARD FIX: dimensions are ONE horizontal row, not separate grid cells */
html body .product-spec-card .spec-grid > .th-clean-dimensions{
  grid-column:1 / -1 !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}
html body .product-spec-card .spec-grid > .th-clean-dimensions > label{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}
html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  gap:6px !important;
}
html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row > input{
  display:block !important;
  flex:1 1 0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:none !important;
  height:42px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row > .th-clean-dim-x{
  display:flex !important;
  flex:0 0 20px !important;
  width:20px !important;
  min-width:20px !important;
  height:42px !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row > select{
  display:block !important;
  flex:0 0 62px !important;
  width:62px !important;
  min-width:62px !important;
  max-width:62px !important;
  height:42px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
@media(max-width:700px){
  html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row{
    gap:3px !important;
  }
  html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row > input{
    flex:1 1 0 !important;
    width:0 !important;
    height:40px !important;
  }
  html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row > .th-clean-dim-x{
    flex:0 0 13px !important;
    width:13px !important;
    min-width:13px !important;
    height:40px !important;
  }
  html body .product-spec-card .spec-grid > .th-clean-dimensions .th-clean-dim-row > select{
    flex:0 0 52px !important;
    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;
    height:40px !important;
  }
}

.th-easy-unit{display:flex;align-items:stretch;gap:6px;width:100%}
.th-easy-unit input{flex:1 1 auto;min-width:0}
.th-easy-unit select{flex:0 0 82px;min-width:82px}
@media(max-width:700px){.th-easy-unit select{flex-basis:68px;min-width:68px}}

.th-easy-tech-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:2px}
.th-easy-unit{display:flex;gap:6px;width:100%}
.th-easy-unit input{flex:1;min-width:0}
.th-easy-unit select{width:90px;min-width:90px}
@media(max-width:700px){.th-easy-tech-grid{grid-template-columns:1fr}.th-easy-unit select{width:78px;min-width:78px}}