
/* Seller Center - Chợ Online */
.seller-center-page{padding-top:35px;padding-bottom:60px}
.seller-center-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.seller-center-kicker{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#0788d0}
.seller-center-head h1{font-size:27px;font-weight:900;color:#153f66;margin:6px 0}
.seller-center-head p{font-size:13px;color:#8194a7;margin:0}
.seller-head-actions{display:flex;gap:9px;flex-wrap:wrap}
.seller-outline-btn,.seller-main-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:850}
.seller-outline-btn{border:1px solid #c9e2f4;color:#087dcc;background:#fff}
.seller-main-btn{border:1px solid #087dcc;color:#fff;background:linear-gradient(100deg,#0b9cdd,#0872c0);box-shadow:0 5px 13px rgba(8,125,204,.13)}
.seller-main-btn:hover{color:#fff;background:#075f9e}
.seller-welcome-strip{display:flex;align-items:center;gap:13px;background:linear-gradient(105deg,#e4f5ff,#f5fbff);border:1px solid #d7ecfa;border-radius:13px;padding:15px 18px;margin-bottom:17px}
.seller-welcome-icon{width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:11px;font-size:22px}
.seller-welcome-strip strong{font-size:13px;color:#17466d}
.seller-welcome-strip p{font-size:12px;color:#7e94a8;margin:4px 0 0}
.seller-active-pill{margin-left:auto;white-space:nowrap;background:#e4f8ef;color:#159363;border-radius:20px;padding:6px 9px;font-size:12px;font-weight:850}
.seller-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}
.seller-metric{display:flex;align-items:center;gap:12px;padding:17px;background:#fff;border:1px solid #e3edf5;border-radius:13px;box-shadow:0 5px 20px rgba(19,77,119,.035);min-width:0}
.seller-metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:20px;flex:0 0 38px}
.seller-metric-icon.blue{background:#e8f4ff;color:#087dcc}.seller-metric-icon.cyan{background:#e4faff;color:#0b9fc1}.seller-metric-icon.orange{background:#fff2e4;color:#e78b28}.seller-metric-icon.green{background:#e7f8ef;color:#1a9a68}
.seller-metric small,.seller-metric em{display:block;font-size:12px;color:#8295a6;font-style:normal}
.seller-metric b{display:block;font-size:22px;line-height:1.3;color:#173f63;margin:3px 0}
.seller-panel{background:#fff;border:1px solid #e1ebf4;border-radius:15px;padding:20px;margin-bottom:17px;box-shadow:0 6px 24px rgba(18,75,120,.035);scroll-margin-top:110px}
.seller-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.seller-panel-head h2{font-size:17px;font-weight:900;color:#183f62;margin:0 0 4px}
.seller-panel-head p{font-size:12px;color:#8b9dad;margin:0}
.seller-count{background:#edf7ff;color:#087dcc;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:850}
.seller-panel-link{font-size:12px;color:#087dcc;text-decoration:none;font-weight:850}
.seller-orders-table-wrap{overflow-x:auto}
.seller-orders-table{width:100%;border-collapse:collapse;min-width:750px}
.seller-orders-table th{background:#f5faff;color:#738ba1;text-align:left;font-size:12px;font-weight:850;padding:11px 10px}
.seller-orders-table td{border-bottom:1px solid #edf2f7;padding:12px 10px;vertical-align:middle}
.seller-orders-table td strong{display:block;color:#234968;font-size:12px}
.seller-orders-table td small{display:block;color:#92a1af;font-size:12px;margin-top:4px}
.seller-order-status{display:inline-block;padding:5px 8px;border-radius:20px;font-size:12px;font-weight:850;white-space:nowrap;background:#fff3df;color:#b8791d}
.seller-order-status.status-confirmed{background:#eaf3ff;color:#2774bc}.seller-order-status.status-shipping{background:#e8f7ff;color:#0785bd}.seller-order-status.status-completed{background:#e7f8ef;color:#188b60}.seller-order-status.status-cancelled{background:#fff0f0;color:#c75a5a}
.seller-order-update{display:flex;gap:5px;align-items:center}
.seller-order-update select{max-width:145px;border:1px solid #dce8f2;border-radius:7px;padding:6px;font-size:12px;color:#42617d;background:#fff}
.seller-order-update button{border:0;border-radius:7px;padding:7px 9px;background:#087dcc;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.seller-no-action{font-size:12px;color:#9aabba}
.seller-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px 15px}
.seller-empty>span{font-size:30px;margin-bottom:8px}
.seller-empty strong{font-size:14px;color:#234968}
.seller-empty p{font-size:12px;color:#8b9dad;margin:5px 0 13px}
.seller-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.seller-product-card{display:flex;gap:11px;min-width:0;border:1px solid #e9f0f6;border-radius:11px;padding:10px}
.seller-product-thumb{width:78px;height:82px;flex:0 0 78px;border-radius:8px;background:#f0f7fc;overflow:hidden;display:grid;place-items:center}
.seller-product-thumb img{width:100%;height:100%;object-fit:cover}.seller-product-thumb span{font-size:26px}
.seller-product-info{display:flex;flex-direction:column;min-width:0;flex:1}
.seller-product-info small{font-size:12px;color:#91a2b2}
.seller-product-info strong{font-size:12px;color:#234968;line-height:1.4;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.seller-product-info>b{font-size:13px;color:#087dcc}
.seller-stock{font-size:12px;color:#8b9dad;margin-top:3px}
.seller-product-actions{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:9px;flex-wrap:wrap}
.seller-product-actions a,.seller-product-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 13px;border:1px solid #cfe5f7;border-radius:8px;background:#eef7ff;color:#087dcc;font-size:14px;line-height:1.2;font-weight:800;text-decoration:none;cursor:pointer;transition:all .18s ease}
.seller-product-actions a:hover{background:#087dcc;border-color:#087dcc;color:#fff}
.seller-product-actions form{margin:0}
.seller-product-actions button{background:#fff2f2;border-color:#f5d4d4;color:#d34f58}
.seller-product-actions button:hover{background:#d34f58;border-color:#d34f58;color:#fff}
@media(max-width:991px){.seller-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.seller-center-head{align-items:flex-start;flex-direction:column}.seller-center-head h1{font-size:24px}.seller-welcome-strip{align-items:flex-start}.seller-active-pill{font-size:12px}.seller-metric{padding:12px;gap:8px}.seller-metric b{font-size:19px}.seller-panel{padding:15px 12px}.seller-products-grid{grid-template-columns:1fr}.seller-product-thumb{width:70px;flex-basis:70px;height:75px}}

.seller-product-info small{font-size:12px}
.seller-product-info strong{font-size:15px}
.seller-product-info>b{font-size:16px}
.seller-stock{font-size:12px}
@media(max-width:575px){.seller-product-actions a,.seller-product-actions button{min-height:36px;padding:8px 14px;font-size:15px}}
/* Seller analytics and shop bank settings */
.seller-date-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0 18px;padding:13px;background:#f6faff;border:1px solid #e2eef8;border-radius:10px}
.seller-date-filter label,.seller-payment-form label{display:flex;flex-direction:column;gap:6px;color:#42617d;font-size:13px;font-weight:800}
.seller-date-filter input,.seller-payment-form input:not([type=file]){border:1px solid #d8e6f2;border-radius:8px;padding:9px 11px;background:#fff;color:#244968;min-height:38px}
.seller-date-filter button{border:0;border-radius:8px;background:#087dcc;color:#fff;padding:10px 16px;font-size:13px;font-weight:850}
.seller-daily-chart{height:190px;display:flex;align-items:end;gap:12px;padding:12px 8px 0;border-bottom:1px solid #e6eef5;margin-bottom:18px;overflow-x:auto}
.seller-chart-col{height:100%;min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px}
.seller-chart-col>b{font-size:12px;color:#42617d;white-space:nowrap}.seller-chart-col>span{width:30px;max-height:130px;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#16a4e5,#087dcc)}.seller-chart-col>small{font-size:12px;color:#8295a6;padding-bottom:6px}
.seller-analytics-empty{padding:30px;text-align:center;color:#8b9dad;font-size:14px}
.seller-sales-table{min-width:620px}.seller-sales-table td{font-size:13px;color:#496780}
.seller-payment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seller-payment-form .seller-qr-upload{grid-column:1/-1}.seller-payment-form input[type=file]{font-size:13px;padding:8px;border:1px dashed #bcd5e9;border-radius:8px;background:#f8fbff}.seller-payment-help{grid-column:1/-1;margin:0;color:#8295a6;font-size:12px;line-height:1.6}.seller-payment-form>button{justify-self:start}.seller-current-qr{display:flex;align-items:center;gap:10px;color:#42617d;font-size:13px}.seller-current-qr img{width:90px;height:90px;object-fit:contain;border:1px solid #e1ebf4;border-radius:8px;padding:5px}
@media(max-width:575px){.seller-payment-form{grid-template-columns:1fr}.seller-payment-form .seller-qr-upload,.seller-payment-help{grid-column:auto}.seller-daily-chart{gap:8px}}

/* Premium seller dashboard refresh */
.seller-center-page{max-width:1160px}
.seller-center-head{margin-bottom:22px}
.seller-center-head h1{font-size:27px;letter-spacing:-.5px;color:#123d65}
.seller-welcome-strip{background:linear-gradient(110deg,#e8f6ff,#f7fbff);border:1px solid #cfe8fb;border-radius:15px;padding:18px 20px;box-shadow:0 8px 24px rgba(16,104,166,.05)}
.seller-metric-grid{gap:14px;margin:16px 0}
.seller-metric{border:1px solid #e1edf7;border-radius:15px;padding:18px;box-shadow:0 7px 22px rgba(21,67,104,.045);min-height:100px}
.seller-metric b{font-size:25px;letter-spacing:-.4px}
.seller-panel{border:1px solid #e0ebf5;border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 8px 26px rgba(20,69,108,.045);background:#fff}
.seller-panel-head{align-items:center;margin-bottom:14px}
.seller-panel-head h2{font-size:19px;font-weight:900;color:#123e66;letter-spacing:-.2px}
.seller-panel-head p{font-size:13px}
.seller-section-kicker{font-size:12px;letter-spacing:1.4px;font-weight:900;color:#078bd0;display:block;margin-bottom:5px}
.seller-date-filter{background:#f7fbff;border-color:#e4eef7;padding:14px;border-radius:12px}
.seller-date-filter label{font-size:13px}
.seller-date-filter input{min-width:150px}
.seller-date-filter button{min-height:39px;padding:9px 18px;font-size:14px;box-shadow:0 5px 12px rgba(8,125,204,.18)}
.seller-chart-legend{display:flex;gap:18px;justify-content:flex-end;margin:4px 5px 0;color:#6e8499;font-size:12px;font-weight:700}
.seller-chart-legend span{display:flex;align-items:center;gap:6px}
.seller-chart-legend i{width:9px;height:9px;border-radius:3px;display:inline-block}
.legend-revenue{background:#078bd0}.legend-orders{background:#8ed8e8}
.seller-premium-chart{height:235px;align-items:stretch;gap:16px;padding:18px 12px 0;margin:0 0 20px;border:1px solid #edf3f8;border-radius:12px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 48px,#edf3f8 49px,#fff 50px);overflow-x:auto}
.seller-premium-chart .seller-chart-col{height:100%;min-width:54px;justify-content:space-between;gap:5px}
.seller-premium-chart .seller-chart-col>b{font-size:12px;color:#42617d}
.seller-chart-bars{height:145px;width:100%;display:flex;align-items:end;justify-content:center;gap:5px}
.seller-chart-bars>span{width:13px;min-height:3px;border-radius:5px 5px 0 0;display:block}
.seller-chart-bars .revenue-bar{background:linear-gradient(180deg,#21b3e8,#087dcc);box-shadow:0 3px 8px rgba(8,125,204,.14)}
.seller-chart-bars .orders-bar{background:linear-gradient(180deg,#b6edf5,#72c9da)}
.seller-premium-chart .seller-chart-col>small{font-size:12px;font-weight:700;color:#71869a;padding:0 0 9px}
.seller-analytics-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:35px 15px;background:#f8fbfe;border-radius:12px}
.seller-analytics-empty>span{font-size:26px}.seller-analytics-empty strong{font-size:15px;color:#315b7e}.seller-analytics-empty small{font-size:12px}
.seller-best-products{border:1px solid #e9f0f6;border-radius:12px;padding:14px 16px}
.seller-best-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.seller-best-head h3{font-size:15px;font-weight:900;color:#173f63;margin:0}
.seller-best-head>span{font-size:12px;color:#078bd0;font-weight:800;background:#edf8ff;padding:5px 9px;border-radius:20px}
.seller-best-row{display:grid;grid-template-columns:25px minmax(0,1fr) 100px 130px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f4f8;font-size:13px}
.seller-best-row:last-child{border-bottom:0}
.seller-best-rank{width:22px;height:22px;border-radius:7px;background:#eef7ff;color:#078bd0;display:grid;place-items:center;font-weight:900}
.seller-best-row strong{color:#294e6e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-best-row small{color:#8195a8}.seller-best-row>b{text-align:right;color:#087dcc;font-size:13px}
.seller-best-empty{font-size:13px;color:#8a9bab;margin:8px 0 2px}
.seller-orders-table th{background:#f3f8fc;color:#58738c;font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.seller-orders-table td{padding:13px 10px;font-size:13px}
@media(max-width:575px){.seller-panel{padding:15px 12px}.seller-center-head h1{font-size:24px}.seller-best-row{grid-template-columns:24px minmax(0,1fr) 75px}.seller-best-row>b{grid-column:2/-1;text-align:left}.seller-premium-chart{height:210px}}


/* ============================================================
   CHỢ ONLINE — PROFESSIONAL SELLER ONBOARDING & WORKSPACE
   ============================================================ */
.seller-onboarding-page {
  min-height:calc(100vh - 120px);
  padding:34px 22px 52px;
  background:
    radial-gradient(circle at 10% 5%,rgba(98,190,245,.15),transparent 25%),
    linear-gradient(135deg,#f1f8ff 0%,#f8fbff 52%,#edf6ff 100%);
}
.seller-onboarding-shell {
  width:min(1190px,100%); min-height:690px; margin:0 auto;
  display:grid; grid-template-columns:.88fr 1.12fr;
  overflow:hidden; border:1px solid #dce9f5; border-radius:27px;
  background:#fff; box-shadow:0 24px 70px rgba(20,64,105,.11);
}
.seller-onboarding-hero {
  position:relative; isolation:isolate; overflow:hidden;
  display:flex; flex-direction:column; min-height:690px;
  padding:32px 38px 26px; color:#fff;
  background:linear-gradient(150deg,#0b3e6b 0%,#0d5b91 58%,#087dcc 100%);
}
.seller-onboarding-hero::before,.seller-onboarding-hero::after {
  content:""; position:absolute; z-index:-1; border:1px solid rgba(218,240,255,.15); border-radius:50%;
}
.seller-onboarding-hero::before { width:470px;height:470px;right:-210px;bottom:-150px; }
.seller-onboarding-hero::after { width:340px;height:340px;right:-140px;bottom:-84px; }
.seller-onboarding-brand { display:flex;align-items:center;gap:11px; }
.seller-onboarding-brand-mark {
  display:grid;place-items:center;width:47px;height:47px;border-radius:14px;
  background:#fff;color:#087dcc;font-size:25px;font-weight:950;
}
.seller-onboarding-brand div { display:grid;gap:2px; }
.seller-onboarding-brand b { font-size:19px;font-weight:950;letter-spacing:-.3px; }
.seller-onboarding-brand small { color:#a9d9fb;font-size:12px;letter-spacing:1.7px;font-weight:850; }
.seller-onboarding-hero-copy { margin-top:75px;max-width:420px; }
.seller-onboarding-eyebrow { color:#8ed6ff;font-size:12px;font-weight:950;letter-spacing:2px; }
.seller-onboarding-hero-copy h1 { margin:15px 0 13px;color:#fff;font-size:clamp(35px,3.4vw,48px);line-height:1.1;letter-spacing:-1.6px;font-weight:950; }
.seller-onboarding-hero-copy h1 em { color:#78d1ff;font-style:normal; }
.seller-onboarding-hero-copy p { max-width:395px;color:#d1eaff;font-size:16px;line-height:1.8;margin:0; }
.seller-onboarding-benefits { display:grid;gap:17px;margin-top:37px;max-width:410px; }
.seller-onboarding-benefits>div { display:flex;align-items:flex-start;gap:12px; }
.seller-onboarding-benefits>div>span {
  display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;
  border-radius:50%;background:rgba(151,221,255,.17);color:#8ee1ff;font-size:16px;font-weight:950;
}
.seller-onboarding-benefits section { display:grid;gap:3px; }
.seller-onboarding-benefits b { color:#fff;font-size:15px;font-weight:850; }
.seller-onboarding-benefits small { color:#b7daf2;font-size:13px;line-height:1.5; }
.seller-onboarding-decoration { position:absolute;right:5px;bottom:72px;width:300px;height:220px; }
.seller-orbit { position:absolute;border:1px solid rgba(211,239,255,.25);border-radius:50%; }
.seller-orbit-one { width:205px;height:205px;right:21px;top:5px; }
.seller-orbit-two { width:150px;height:150px;right:48px;top:32px;background:rgba(159,220,255,.08); }
.seller-store-illustration {
  position:absolute;right:58px;top:56px;width:130px;height:110px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  border:1px solid rgba(255,255,255,.5);border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  box-shadow:0 18px 40px rgba(1,24,47,.18);backdrop-filter:blur(8px);
}
.seller-store-illustration span { font-size:43px;line-height:1.1; }
.seller-store-illustration b { color:#fff;font-size:15px;letter-spacing:2px; }
.seller-store-illustration small { color:#b8e5ff;font-size:12px;letter-spacing:1.5px;font-weight:800; }
.seller-spark { position:absolute;color:#ffd56a;font-size:26px;font-style:normal; }
.seller-spark-one { right:19px;top:23px; }.seller-spark-two { right:222px;bottom:20px;color:#9be3ff; }
.seller-onboarding-foot { display:flex;align-items:center;gap:11px;margin-top:auto;color:#c0e1f8;font-size:12px; }
.seller-onboarding-foot span { color:#fff;font-weight:900;font-size:14px; }
.seller-onboarding-foot i { width:1px;height:14px;background:rgba(255,255,255,.35); }
.seller-onboarding-foot small { color:#b4d7f0;font-size:12px; }
.seller-onboarding-content { padding:37px clamp(28px,4vw,57px) 30px;display:flex;flex-direction:column; }
.seller-onboarding-progress { display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:36px; }
.seller-onboarding-progress span { display:flex;align-items:center;gap:7px;color:#93a5b6;white-space:nowrap; }
.seller-onboarding-progress span b {
  display:grid;place-items:center;width:29px;height:29px;border-radius:50%;
  background:#eef3f8;color:#8195a8;font-size:12px;font-weight:900;
}
.seller-onboarding-progress span small { font-size:12px;font-weight:800; }
.seller-onboarding-progress span.is-current { color:#087dcc; }
.seller-onboarding-progress span.is-current b { background:#e6f4ff;color:#087dcc;box-shadow:0 0 0 4px #f2f9ff; }
.seller-onboarding-progress>i { width:28px;height:1px;background:#dce7f1; }
.seller-onboarding-form-head { text-align:center;margin-bottom:25px; }
.seller-form-icon {
  display:grid;place-items:center;width:57px;height:57px;margin:0 auto 14px;
  border-radius:17px;background:linear-gradient(145deg,#e7f5ff,#d7edff);font-size:27px;
}
.seller-onboarding-kicker { color:#078bd0;font-size:12px;font-weight:950;letter-spacing:1.8px; }
.seller-onboarding-form-head h2 { color:#143e65;font-size:29px;font-weight:950;letter-spacing:-.7px;margin:7px 0 7px; }
.seller-onboarding-form-head p { color:#8498aa;font-size:14px;line-height:1.6;margin:0; }
.seller-reapply-notice { padding:12px 14px;margin-bottom:14px;border:1px solid #ffe0b2;border-radius:11px;background:#fff8eb;display:grid;gap:3px; }
.seller-reapply-notice b { color:#94601d;font-size:14px; }.seller-reapply-notice span { color:#9b835e;font-size:12px;line-height:1.5; }
.seller-form-errors { margin:0 0 14px;padding:11px 13px;border:1px solid #f4caca;border-radius:10px;background:#fff4f4;color:#b43f49;font-size:13px;line-height:1.7; }
.seller-onboarding-form { display:grid;gap:17px; }
.seller-form-field { display:grid;gap:7px; }
.seller-form-field>label { color:#284e70;font-size:14px;font-weight:900; }
.seller-form-field>label b { color:#e0525b; }
.seller-input-wrap { display:flex;align-items:center;gap:10px;min-height:51px;padding:0 14px;border:1px solid #dbe8f4;border-radius:12px;background:#fbfdff;transition:border-color .18s,box-shadow .18s; }
.seller-input-wrap:focus-within,.seller-textarea-wrap:focus-within { border-color:#1595d7;box-shadow:0 0 0 4px rgba(21,149,215,.09); }
.seller-input-wrap>span { color:#8ca5bb;font-size:18px; }
.seller-input-wrap input { width:100%;min-width:0;border:0;outline:0;background:transparent;color:#244968;font-size:15px; }
.seller-input-wrap input::placeholder,.seller-textarea-wrap textarea::placeholder { color:#a2b1bf; }
.seller-form-field>small { color:#93a3b1;font-size:12px; }
.seller-textarea-wrap { border:1px solid #dbe8f4;border-radius:12px;background:#fbfdff;padding:12px 14px;transition:border-color .18s,box-shadow .18s; }
.seller-textarea-wrap textarea { width:100%;min-height:105px;resize:vertical;border:0;outline:0;background:transparent;color:#244968;font-size:14px;line-height:1.65; }
.seller-field-foot { display:flex;justify-content:space-between;gap:10px; }
.seller-field-foot small { color:#93a3b1;font-size:12px; }
.seller-onboarding-note { display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #dceefa;border-radius:11px;background:#f3faff; }
.seller-onboarding-note>span { color:#087dcc;font-size:18px;font-weight:900; }
.seller-onboarding-note p { margin:0;color:#7c91a5;font-size:12px;line-height:1.6; }
.seller-onboarding-note b { color:#315877;font-size:13px; }
.seller-onboarding-submit {
  min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;padding:0 18px;border:0;border-radius:12px;
  background:linear-gradient(100deg,#0795d7,#0875c6);color:#fff;
  font-size:15px;font-weight:900;text-decoration:none;
  box-shadow:0 9px 20px rgba(8,125,204,.18);cursor:pointer;
  transition:transform .18s,box-shadow .18s,filter .18s;
}
.seller-onboarding-submit b { font-size:24px;line-height:1; }
.seller-onboarding-submit:hover { color:#fff;filter:brightness(.97);transform:translateY(-2px);box-shadow:0 13px 25px rgba(8,125,204,.23); }
.seller-onboarding-bottom { display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:23px; }
.seller-onboarding-bottom a { color:#087dcc;font-size:12px;font-weight:850;text-decoration:none; }
.seller-onboarding-bottom span { color:#9aabba;font-size:12px; }
.seller-pending-page { min-height:calc(100vh - 150px);padding:50px 20px;background:linear-gradient(135deg,#f2f8ff,#f9fcff);display:grid;place-items:center; }
.seller-pending-card { display:grid;grid-template-columns:.8fr 1.2fr;width:min(920px,100%);overflow:hidden;background:#fff;border:1px solid #dfeaf5;border-radius:24px;box-shadow:0 20px 60px rgba(24,73,112,.09); }
.seller-pending-visual { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:330px;background:linear-gradient(145deg,#0b3e6b,#087dcc);color:#fff; }
.seller-pending-visual>span { display:grid;place-items:center;width:100px;height:100px;border-radius:28px;background:rgba(255,255,255,.16);font-size:45px; }
.seller-pending-visual small { color:#bde5ff;font-size:12px;font-weight:900;letter-spacing:1.7px; }
.seller-pending-visual.is-rejected { background:linear-gradient(145deg,#8a4d45,#c16a55); }
.seller-pending-content { padding:43px 42px; }
.seller-pending-content h1 { color:#173f63;font-size:28px;line-height:1.2;font-weight:950;margin:10px 0 12px; }
.seller-pending-content p { color:#7890a6;font-size:15px;line-height:1.8; }
.seller-pending-content p strong,.seller-pending-content p b { color:#245273; }
.seller-pending-steps { display:flex;flex-wrap:wrap;gap:9px;margin:22px 0; }
.seller-pending-steps span { padding:8px 10px;border-radius:9px;background:#f1f5f9;color:#92a1ae;font-size:12px;font-weight:800; }
.seller-pending-steps .done { background:#e8f8ef;color:#188c5e; }.seller-pending-steps .current { background:#fff5e4;color:#ba7a1d; }
.seller-pending-status { display:inline-flex;padding:8px 12px;border-radius:20px;background:#fff5e5;color:#b77a25;font-size:12px;font-weight:900; }
.seller-pending-button { max-width:300px;margin:18px 0 6px; }
.seller-pending-back { display:inline-block;margin-top:20px;color:#087dcc;font-size:13px;font-weight:850;text-decoration:none; }
.seller-workspace-nav {
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 18px;
  padding:7px;border:1px solid #e1edf7;border-radius:13px;background:#fff;
  box-shadow:0 4px 15px rgba(19,77,119,.035);
}
.seller-workspace-nav a { padding:9px 13px;border-radius:9px;color:#668198;font-size:12px;font-weight:850;text-decoration:none; }
.seller-workspace-nav a:hover,.seller-workspace-nav a.is-active { background:#eaf6ff;color:#087dcc; }
.site-nav-shop-link { color:#087dcc !important;font-weight:900 !important; }
.site-nav-shop-link:hover { color:#075f9e !important; }
.site-nav-pending-link { color:#b8791d !important;font-weight:900 !important; }
@media(max-width:900px) {
  .seller-onboarding-shell { grid-template-columns:1fr;max-width:690px; }
  .seller-onboarding-hero { min-height:440px;padding:26px 30px; }
  .seller-onboarding-hero-copy { margin-top:42px; }
  .seller-onboarding-hero-copy h1 { font-size:38px; }
  .seller-onboarding-benefits { margin-top:23px;gap:12px; }
  .seller-onboarding-decoration { right:0;bottom:26px;transform:scale(.72);transform-origin:right bottom; }
  .seller-onboarding-foot { margin-top:30px; }
  .seller-onboarding-content { padding:30px; }
}
@media(max-width:575px) {
  .seller-onboarding-page { padding:15px 10px 28px; }
  .seller-onboarding-shell { border-radius:18px; }
  .seller-onboarding-hero { min-height:390px;padding:20px 20px 18px; }
  .seller-onboarding-brand-mark { width:40px;height:40px; }
  .seller-onboarding-brand b { font-size:17px; }
  .seller-onboarding-hero-copy { margin-top:37px;max-width:78%; }
  .seller-onboarding-hero-copy h1 { font-size:30px; }
  .seller-onboarding-hero-copy p { font-size:13px; }
  .seller-onboarding-benefits { max-width:72%;gap:10px;margin-top:20px; }
  .seller-onboarding-benefits b { font-size:13px; }
  .seller-onboarding-benefits small { font-size:12px; }
  .seller-onboarding-decoration { right:-15px;bottom:24px;transform:scale(.52); }
  .seller-onboarding-content { padding:22px 17px; }
  .seller-onboarding-progress { gap:5px;margin-bottom:25px; }
  .seller-onboarding-progress span { gap:4px; }
  .seller-onboarding-progress span b { width:25px;height:25px;font-size:12px; }
  .seller-onboarding-progress span small { font-size:12px; }
  .seller-onboarding-progress>i { width:13px; }
  .seller-onboarding-form-head h2 { font-size:26px; }
  .seller-onboarding-bottom { flex-direction:column; }
  .seller-pending-card { grid-template-columns:1fr; }
  .seller-pending-visual { min-height:190px; }
  .seller-pending-content { padding:27px 20px; }
  .seller-pending-content h1 { font-size:25px; }
  .seller-workspace-nav { overflow-x:auto;flex-wrap:nowrap; }
  .seller-workspace-nav a { white-space:nowrap; }
}


/* Seller Center workspace refinements */
.seller-center-page { max-width:1280px; padding-top:30px; }
.seller-center-head {
  padding:23px 25px; border:1px solid #dfebf5; border-radius:18px;
  background:linear-gradient(115deg,#fff 0%,#f5faff 100%);
  box-shadow:0 8px 25px rgba(18,75,120,.045);
}
.seller-center-kicker { font-size:12px; letter-spacing:1.7px; }
.seller-center-head h1 { font-size:30px; font-weight:950; }
.seller-center-head p { font-size:14px; }
.seller-head-actions .seller-outline-btn,.seller-head-actions .seller-main-btn { min-height:42px;padding:11px 16px;font-size:13px; }
.seller-welcome-strip { border-radius:16px;min-height:76px; }
.seller-welcome-icon { width:46px;height:46px;border-radius:13px;font-size:24px; }
.seller-welcome-strip strong { font-size:15px; }
.seller-welcome-strip p { font-size:12px; }
.seller-active-pill { font-size:12px;padding:7px 11px; }
.seller-metric-grid { gap:15px; }
.seller-metric { min-height:118px;border-radius:16px; }
.seller-metric-icon { width:45px;height:45px;flex-basis:45px;font-size:22px; }
.seller-metric small,.seller-metric em { font-size:12px; }
.seller-metric b { font-size:25px; }
.seller-panel { border-radius:18px;padding:22px; }
.seller-panel-head h2 { font-size:20px; }
.seller-panel-head p { font-size:12px; }
.seller-count { font-size:12px;padding:7px 11px; }
@media(max-width:575px) {
  .seller-center-page { padding-top:18px; }
  .seller-center-head { padding:18px 16px;border-radius:15px; }
  .seller-center-head h1 { font-size:25px; }
  .seller-metric { min-height:95px; }
  .seller-metric b { font-size:21px; }
  .seller-panel { padding:16px 13px; }
}


/* Seller shop profile management */
.seller-profile-page { max-width:1280px; padding-top:30px; padding-bottom:60px; }
.seller-profile-heading {
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-bottom:20px;padding:22px 25px;border:1px solid #e0ebf5;border-radius:17px;
  background:linear-gradient(115deg,#fff,#f4faff);box-shadow:0 8px 24px rgba(20,69,108,.04);
}
.seller-profile-heading h1 { margin:5px 0 5px;color:#153f66;font-size:28px;font-weight:950;letter-spacing:-.5px; }
.seller-profile-heading p { margin:0;color:#8297aa;font-size:14px; }
.seller-profile-layout { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:18px;align-items:start; }
.seller-profile-form { padding:23px; }
.seller-profile-form .seller-panel-head { padding-bottom:15px;border-bottom:1px solid #edf2f7; }
.seller-profile-form .seller-panel-head h2 { font-size:20px; }
.seller-profile-field { display:grid;gap:7px;margin:17px 0; }
.seller-profile-field>label { color:#315473;font-size:14px;font-weight:900; }
.seller-profile-field>label b { color:#e0525b; }
.seller-profile-field>input,.seller-profile-field textarea,.seller-slug-input {
  width:100%;min-width:0;border:1px solid #dce8f3;border-radius:10px;
  background:#fbfdff;color:#244968;font-size:14px;outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.seller-profile-field>input { min-height:44px;padding:10px 13px; }
.seller-profile-field textarea { min-height:112px;padding:12px 13px;resize:vertical;line-height:1.65; }
.seller-profile-field>input:focus,.seller-profile-field textarea:focus,.seller-slug-input:focus-within {
  border-color:#168ed1;box-shadow:0 0 0 4px rgba(22,142,209,.08);
}
.seller-profile-field>small,.seller-profile-field-foot small { color:#92a2b1;font-size:12px;line-height:1.5; }
.seller-slug-input { display:flex;align-items:center;overflow:hidden; }
.seller-slug-input>span { padding:0 0 0 12px;color:#8da2b5;font-size:12px;white-space:nowrap; }
.seller-slug-input input { flex:1;min-width:0;min-height:43px;padding:9px 11px;border:0;outline:0;background:transparent;color:#244968;font-size:14px; }
.seller-profile-field-foot { display:flex;justify-content:space-between;gap:10px; }
.seller-profile-upload-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px; }
.seller-profile-upload-grid .seller-profile-field { min-width:0;padding:14px;border:1px solid #e7eff6;border-radius:13px;background:#fbfdff; }
.seller-upload-preview { display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eaf6ff,#d7edfc);border:1px dashed #bfd8ea;border-radius:11px;color:#89a8c0; }
.seller-logo-preview { width:100%;height:120px; }
.seller-logo-preview img { width:100%;height:100%;object-fit:contain;padding:12px; }
.seller-logo-preview span { font-size:34px; }
.seller-cover-preview { width:100%;height:120px; }
.seller-cover-preview img { width:100%;height:100%;object-fit:cover; }
.seller-cover-preview span { font-size:13px;font-weight:800; }
.seller-file-input { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.seller-file-picker { display:inline-flex;align-items:center;justify-content:center;align-self:start;padding:8px 12px;border:1px solid #cfe5f6;border-radius:8px;background:#eff8ff;color:#087dcc;font-size:12px;font-weight:900;cursor:pointer; }
.seller-file-picker:hover { background:#087dcc;color:#fff; }
.seller-profile-actions { display:flex;justify-content:flex-end;gap:9px;padding-top:17px;margin-top:20px;border-top:1px solid #edf2f7; }
.seller-profile-actions button { cursor:pointer; }
.seller-profile-actions .seller-main-btn,.seller-profile-actions .seller-outline-btn { min-height:40px;padding:10px 16px;font-size:13px; }
.seller-live-preview { padding:18px; }
.seller-live-preview .seller-panel-head h2 { font-size:18px; }
.seller-preview-dot { color:#14976a;background:#e8f8f0;border-radius:20px;padding:6px 8px;font-size:12px;font-weight:900;white-space:nowrap; }
.seller-preview-cover { position:relative;display:grid;place-items:center;overflow:hidden;height:145px;border-radius:12px;background:linear-gradient(120deg,#d9f0ff,#a9dcfb);color:#4d84aa; }
.seller-preview-cover img { width:100%;height:100%;object-fit:cover; }
.seller-preview-cover span { font-size:13px;font-weight:850; }
.seller-preview-identity { display:flex;align-items:center;gap:12px;margin-top:-26px;padding:0 13px;position:relative; }
.seller-preview-logo { display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;overflow:hidden;border:4px solid #fff;border-radius:16px;background:#edf7ff;box-shadow:0 4px 12px rgba(20,69,108,.1);font-size:25px; }
.seller-preview-logo img { width:100%;height:100%;object-fit:cover; }
.seller-preview-identity>div:last-child { display:grid;gap:3px;padding-top:24px;min-width:0; }
.seller-preview-identity strong { color:#173f63;font-size:15px;font-weight:950;overflow-wrap:anywhere; }
.seller-preview-identity small { color:#91a1b0;font-size:12px; }
.seller-preview-description { min-height:58px;margin:15px 13px 12px;color:#70869a;font-size:13px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere; }
.seller-preview-meta { display:flex;justify-content:space-between;gap:8px;padding:12px 13px 0;border-top:1px solid #edf2f7;color:#8da0b1;font-size:12px; }
.seller-preview-meta span:first-child { color:#159568;font-weight:850; }
.seller-profile-tip { display:flex;align-items:flex-start;gap:11px;margin-top:15px;padding:14px;border:1px solid #dceefa;border-radius:13px;background:#f1f9ff; }
.seller-profile-tip>span { font-size:21px; }
.seller-profile-tip b { display:block;color:#315877;font-size:13px;margin-bottom:4px; }
.seller-profile-tip p { margin:0;color:#7d93a7;font-size:12px;line-height:1.6; }
.seller-profile-account-link { display:block;margin:13px 3px;color:#087dcc;font-size:12px;font-weight:850;text-decoration:none; }
.seller-profile-account-link:hover { text-decoration:underline; }
@media(max-width:900px) { .seller-profile-layout { grid-template-columns:1fr; } .seller-profile-preview-column { display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:start; } .seller-profile-tip { margin-top:0; } }
@media(max-width:575px) {
  .seller-profile-page { padding-top:16px; }
  .seller-profile-heading { align-items:flex-start;padding:17px;flex-direction:column; }
  .seller-profile-heading h1 { font-size:25px; }
  .seller-profile-form { padding:16px 13px; }
  .seller-profile-upload-grid { grid-template-columns:1fr; }
  .seller-profile-preview-column { display:block; }
  .seller-profile-tip { margin-top:12px; }
  .seller-profile-actions { justify-content:stretch; }
  .seller-profile-actions>* { flex:1; }
}

.seller-welcome-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.seller-welcome-icon{overflow:hidden}
.seller-profile-nav{margin:0 0 18px}


/* ===============================================================
   SHOP PROFILE — PREMIUM TWO-COLUMN SELLER CENTER (APPROVED MOCKUP)
   =============================================================== */
.seller-profile-app {
  display:grid;
  grid-template-columns:266px minmax(0,1fr);
  width:100%;
  min-height:calc(100vh - 190px);
  margin:0;
  background:linear-gradient(135deg,#f1f7ff 0%,#f8fbff 52%,#edf6ff 100%);
  color:#173c60;
}
.seller-profile-sidebar {
  position:sticky;
  top:0;
  align-self:start;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:266px;
  min-height:calc(100vh - 190px);
  max-height:calc(100vh - 190px);
  overflow-y:auto;
  padding:22px 15px 17px;
  background:linear-gradient(180deg,#0d4778 0%,#0a3968 55%,#082f59 100%);
  color:#fff;
  box-shadow:7px 0 24px rgba(13,55,94,.08);
}
.seller-profile-brand {
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 8px 21px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(224,241,255,.17);
  color:#fff!important;
  text-decoration:none!important;
}
.seller-profile-brand-icon {
  display:grid;
  place-items:center;
  width:48px;height:48px;flex:0 0 48px;
  border-radius:15px;
  background:#e9f5ff;
  color:#087dcc;
  font-size:25px;
}
.seller-profile-brand>span:last-child {display:grid;gap:3px}
.seller-profile-brand b {font-size:18px;font-weight:950;letter-spacing:-.3px}
.seller-profile-brand small {font-size:12px;color:#b9d9f2}
.seller-profile-nav-label {
  padding:10px 12px 9px;
  color:#91bbda;
  font-size:12px;font-weight:950;letter-spacing:1.8px;
}
.seller-profile-side-nav {display:grid;gap:4px}
.seller-profile-side-nav a {
  display:flex;align-items:center;gap:12px;
  min-height:43px;padding:10px 12px;
  border-radius:10px;
  color:#dceeff!important;
  font-size:14px;font-weight:800;
  text-decoration:none!important;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.seller-profile-side-nav a>span {
  display:grid;place-items:center;
  width:25px;height:25px;flex:0 0 25px;
  border-radius:7px;
  color:#c6e6ff;
  font-size:19px;font-weight:800;
}
.seller-profile-side-nav a:hover {
  background:rgba(255,255,255,.09);
  transform:translateX(2px);
}
.seller-profile-side-nav a.active {
  color:#fff!important;
  background:linear-gradient(100deg,#0784d1,#159fe8);
  box-shadow:0 8px 18px rgba(0,145,220,.2);
}
.seller-profile-side-nav a.active>span {background:rgba(255,255,255,.16);color:#fff}
.seller-profile-side-divider {height:1px;margin:11px 7px;background:rgba(224,241,255,.16)}
.seller-profile-back-home {
  display:flex;align-items:center;gap:9px;
  margin-top:auto;padding:13px 14px;
  border:1px solid rgba(213,235,255,.2);
  border-radius:11px;
  background:rgba(255,255,255,.07);
  color:#e9f5ff!important;
  font-size:13px;font-weight:850;
  text-decoration:none!important;
}
.seller-profile-back-home:hover {background:rgba(255,255,255,.14)}
.seller-profile-main {
  min-width:0;
  width:100%;
  box-sizing:border-box;
  padding:27px clamp(19px,2.2vw,36px) 48px;
}
.seller-profile-page-heading {
  display:flex;align-items:center;gap:14px;
  margin:0 0 22px;
}
.seller-profile-title-icon {
  display:grid;place-items:center;
  width:48px;height:48px;flex:0 0 48px;
  border-radius:15px;
  background:#e0f1ff;color:#087dcc;
  font-size:26px;
}
.seller-profile-page-heading>div:nth-child(2) {min-width:0;flex:1}
.seller-profile-page-heading>div:nth-child(2)>span {
  color:#078bd0;font-size:12px;font-weight:950;letter-spacing:1.65px;
}
.seller-profile-page-heading h1 {
  margin:2px 0 2px;color:#123b62;
  font-size:27px;line-height:1.15;font-weight:950;letter-spacing:-.6px;
}
.seller-profile-page-heading p {margin:0;color:#8298ad;font-size:13px;line-height:1.5}
.seller-profile-open-shop {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:39px;padding:0 14px;
  border:1px solid #cce3f6;border-radius:10px;
  background:#fff;color:#087dcc!important;
  font-size:12px;font-weight:900;text-decoration:none!important;
  white-space:nowrap;box-shadow:0 4px 12px rgba(24,74,116,.04);
}
.seller-profile-open-shop:hover {background:#edf8ff;border-color:#8dc9ef}
.seller-profile-errors {
  margin:0 0 16px;padding:12px 15px;
  border:1px solid #f3c9c9;border-radius:12px;
  background:#fff4f4;color:#a93f48;font-size:13px;
}
.seller-profile-errors>b {display:block;margin-bottom:5px}
.seller-profile-errors p {margin:2px 0}
.seller-profile-content-grid {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:17px;
  align-items:start;
}
.seller-profile-editor-card,.seller-profile-preview-card {
  min-width:0;
  border:1px solid #dce9f5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 9px 26px rgba(21,70,111,.055);
}
.seller-profile-editor-card {padding:20px 20px 17px}
.seller-profile-card-heading {
  display:flex;align-items:center;gap:11px;
  padding-bottom:15px;margin-bottom:15px;
  border-bottom:1px solid #edf2f7;
}
.seller-profile-card-icon {
  display:grid;place-items:center;
  width:39px;height:39px;flex:0 0 39px;
  border-radius:11px;background:#e7f4ff;color:#078bd0;
  font-size:21px;font-weight:900;
}
.seller-profile-card-heading>div:nth-child(2) {min-width:0;flex:1}
.seller-profile-card-heading h2 {
  margin:0 0 3px;color:#163e64;font-size:19px;font-weight:950;
}
.seller-profile-card-heading p {margin:0;color:#889caf;font-size:12px;line-height:1.5}
.seller-profile-active-pill {
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 9px;border-radius:20px;
  background:#eaf8f1;color:#159569;
  font-size:12px;font-weight:900;white-space:nowrap;
}
.seller-profile-active-pill i {width:6px;height:6px;border-radius:50%;background:#1bb47c}
.seller-profile-form-field {display:grid;gap:6px;margin:14px 0}
.seller-profile-label-row {display:flex;align-items:center;justify-content:space-between;gap:10px}
.seller-profile-label-row label {
  margin:0;color:#2b4d6c;font-size:12px;font-weight:900;
}
.seller-profile-label-row label b {color:#e45761}
.seller-profile-label-row>small {color:#91a3b3;font-size:12px}
.seller-profile-label-row>small span {color:#55758f;font-weight:850}
.seller-profile-input-with-icon,.seller-profile-slug-control {
  display:flex;align-items:center;gap:9px;
  min-height:42px;padding:0 11px;
  border:1px solid #d4e3f1;border-radius:10px;
  background:#fbfdff;
  transition:border-color .18s,box-shadow .18s;
}
.seller-profile-input-with-icon:focus-within,.seller-profile-slug-control:focus-within {
  border-color:#168fda;box-shadow:0 0 0 3px rgba(22,143,218,.09);
}
.seller-profile-input-with-icon>span {color:#168bd0;font-size:17px}
.seller-profile-input-with-icon input,.seller-profile-slug-control input {
  width:100%;min-width:0;height:39px;padding:0;
  border:0!important;outline:0!important;background:transparent!important;
  color:#284b68;font-size:13px;box-shadow:none!important;
}
.seller-profile-slug-control {gap:0;padding-left:0;overflow:hidden}
.seller-profile-slug-control>span {
  display:flex;align-items:center;align-self:stretch;
  padding:0 12px;border-right:1px solid #dce8f2;
  background:#f1f7fc;color:#7d9ab1;
  font-size:12px;font-weight:850;white-space:nowrap;
}
.seller-profile-slug-control input {padding:0 11px}
.seller-profile-help {color:#8b9eaf;font-size:12px;line-height:1.5}
.seller-profile-live-url {
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#0788ce;font-size:12px;font-weight:750;text-decoration:none;
}
.seller-profile-live-url:hover {text-decoration:underline}
.seller-profile-form-field textarea {
  width:100%;min-height:86px;padding:10px 12px;
  border:1px solid #d4e3f1;border-radius:10px;
  outline:0;background:#fbfdff;color:#284b68;
  font-size:13px;line-height:1.6;resize:vertical;
  box-shadow:none;transition:border-color .18s,box-shadow .18s;
}
.seller-profile-form-field textarea:focus {
  border-color:#168fda;box-shadow:0 0 0 3px rgba(22,143,218,.09);
}
.seller-profile-form-field textarea::placeholder {color:#a3b1bd}
.seller-profile-media-section {
  margin-top:17px;padding-top:15px;
  border-top:1px solid #edf2f7;
}
.seller-profile-media-heading {display:flex;align-items:center;gap:9px;margin-bottom:12px}
.seller-profile-media-heading>span {
  display:grid;place-items:center;width:32px;height:32px;
  border-radius:9px;background:#e7f4ff;color:#078bd0;font-size:19px;
}
.seller-profile-media-heading h3 {margin:0 0 2px;color:#21486a;font-size:14px;font-weight:950}
.seller-profile-media-heading p {margin:0;color:#91a2b1;font-size:12px}
.seller-profile-media-grid {display:grid;grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr);gap:13px}
.seller-profile-media-field {
  min-width:0;padding:11px;border:1px solid #e2edf6;
  border-radius:12px;background:#fbfdff;
  display:flex;flex-direction:column;align-items:flex-start;gap:7px;
}
.seller-profile-media-field>label:first-child {color:#315473;font-size:12px;font-weight:900}
.seller-profile-media-field>label:first-child b {color:#e45761}
.seller-profile-logo-preview,.seller-profile-cover-preview {
  position:relative;display:grid;place-items:center;
  width:100%;overflow:hidden;
  border:1px dashed #c4dced;border-radius:10px;
  background:linear-gradient(145deg,#e8f5ff,#d6edff);
  color:#7da6c3;
}
.seller-profile-logo-preview {height:105px}
.seller-profile-cover-preview {height:105px}
.seller-profile-logo-preview img,.seller-profile-cover-preview img {
  width:100%;height:100%;object-fit:cover;
}
.seller-profile-logo-preview img {object-fit:contain;padding:8px}
.seller-profile-logo-preview>span:not(.seller-profile-image-edit),.seller-profile-cover-preview>span:not(.seller-profile-image-edit) {
  font-size:25px;font-weight:900
}
.seller-profile-image-edit {
  position:absolute;right:7px;bottom:7px;
  display:grid;place-items:center;width:25px;height:25px;
  border:2px solid #fff;border-radius:50%;
  background:#087dcc;color:#fff;font-size:14px;
  box-shadow:0 3px 9px rgba(7,75,127,.2);
}
.seller-profile-upload-button {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:30px;padding:0 10px;
  border:1px solid #bfdef4;border-radius:8px;
  background:#eef8ff;color:#087dcc;
  font-size:12px;font-weight:900;cursor:pointer;
}
.seller-profile-upload-button:hover {background:#087dcc;color:#fff}
.seller-profile-file-input {
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.seller-profile-media-field>small {color:#91a2b1;font-size:12px;line-height:1.4}
.seller-profile-form-actions {
  display:flex;justify-content:flex-end;gap:9px;
  margin-top:18px;padding-top:15px;border-top:1px solid #edf2f7;
}
.seller-profile-cancel,.seller-profile-save {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:41px;padding:0 16px;border-radius:10px;
  font-size:12px;font-weight:950;text-decoration:none!important;
}
.seller-profile-cancel {border:1px solid #cfe3f4;background:#fff;color:#087dcc!important}
.seller-profile-cancel:hover {background:#f0f8ff}
.seller-profile-save {border:1px solid #087dcc;background:linear-gradient(100deg,#0796dc,#0878c8);color:#fff;cursor:pointer;box-shadow:0 6px 15px rgba(8,125,204,.16)}
.seller-profile-save:hover {filter:brightness(.96);transform:translateY(-1px)}
.seller-profile-preview-card {overflow:hidden}
.seller-profile-preview-heading {
  display:flex;align-items:center;gap:9px;
  min-height:57px;padding:11px 15px;
  border-bottom:1px solid #eaf1f7;
  background:linear-gradient(110deg,#fff,#f5faff);
}
.seller-profile-preview-heading>span {
  display:grid;place-items:center;width:31px;height:31px;
  border-radius:9px;background:#e8f4ff;color:#078bd0;font-size:19px;
}
.seller-profile-preview-heading>div {min-width:0;flex:1}
.seller-profile-preview-heading h2 {margin:0 0 2px;color:#1a4265;font-size:15px;font-weight:950}
.seller-profile-preview-heading p {margin:0;color:#8fa1b1;font-size:12px}
.seller-profile-preview-heading>a {color:#078bd0;font-size:22px;text-decoration:none}
.seller-profile-preview-cover {
  position:relative;display:grid;place-items:center;
  height:151px;margin:12px 12px 0;
  overflow:hidden;border-radius:11px;
  background:linear-gradient(110deg,#c7eaff,#68bdf0 55%,#a2dcfb);
}
.seller-profile-preview-cover>img {width:100%;height:100%;object-fit:cover}
.seller-profile-cover-placeholder {
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;height:100%;gap:5px;overflow:hidden;
  background:radial-gradient(circle at 75% 22%,rgba(255,255,255,.7),transparent 20%),linear-gradient(110deg,#c9eaff,#59b7ec);
  color:#fff;text-shadow:0 2px 8px rgba(18,94,149,.22);
}
.seller-profile-cover-placeholder:before,.seller-profile-cover-placeholder:after {
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,.15);right:-38px;top:-102px;
}
.seller-profile-cover-placeholder:after {width:120px;height:120px;right:auto;left:-35px;top:auto;bottom:-80px}
.seller-profile-cover-placeholder b {z-index:1;font-size:26px;font-weight:950;letter-spacing:-.6px}
.seller-profile-cover-placeholder small {z-index:1;font-size:12px;font-weight:900;letter-spacing:1.8px}
.seller-profile-cover-placeholder span {position:absolute;right:18px;top:15px;color:#fff5a7;font-size:24px}
.seller-profile-preview-shop-row {
  display:flex;align-items:center;gap:11px;
  padding:0 18px;margin-top:-25px;position:relative;
}
.seller-profile-preview-logo {
  display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;
  overflow:hidden;border:4px solid #fff;border-radius:18px;
  background:#e9f5ff;color:#087dcc;font-size:26px;
  box-shadow:0 4px 12px rgba(20,69,108,.13);
}
.seller-profile-preview-logo img {width:100%;height:100%;object-fit:cover}
.seller-profile-preview-shop-info {display:grid;gap:4px;min-width:0;flex:1;padding-top:23px}
.seller-profile-preview-shop-info strong {
  color:#173f63;font-size:15px;font-weight:950;overflow-wrap:anywhere
}
.seller-profile-preview-shop-info small {color:#159568;font-size:12px;font-weight:800}
.seller-profile-official-badge {
  align-self:flex-start;margin-top:24px;padding:6px 8px;
  border-radius:20px;background:#e9f8f0;color:#159568;
  font-size:12px;font-weight:950;white-space:nowrap;
}
.seller-profile-preview-description {
  min-height:46px;margin:13px 18px 11px;
  color:#71889d;font-size:12px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;
}
.seller-profile-preview-stats {
  display:flex;justify-content:space-around;gap:8px;
  margin:0 15px;padding:11px 4px;
  border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;
}
.seller-profile-preview-stats span {color:#7790a6;font-size:12px;white-space:nowrap}
.seller-profile-preview-stats b {color:#365876;font-weight:850}
.seller-profile-preview-tabs {
  display:flex;justify-content:space-around;gap:4px;
  padding:12px 9px;border-bottom:1px solid #edf2f7;
}
.seller-profile-preview-tabs span {padding:6px 5px;color:#71879b;font-size:12px;font-weight:850;white-space:nowrap}
.seller-profile-preview-tabs span.selected {color:#087dcc;border-bottom:2px solid #087dcc}
.seller-profile-preview-about {
  margin:13px 14px;padding:13px;border:1px solid #e0edf7;
  border-radius:11px;background:#fbfdff;
}
.seller-profile-preview-about b {color:#234c6d;font-size:12px;font-weight:950}
.seller-profile-preview-about p {margin:7px 0 0;color:#71889e;font-size:12px;line-height:1.6;white-space:pre-line}
.seller-profile-preview-button {
  display:flex;align-items:center;justify-content:center;
  margin:0 14px 15px;min-height:35px;
  border:1px solid #cbe3f6;border-radius:9px;
  color:#087dcc!important;background:#f3faff;
  font-size:12px;font-weight:900;text-decoration:none!important;
}
.seller-profile-preview-button:hover {background:#e5f4ff}
.seller-profile-brand-tip {
  display:flex;align-items:flex-start;gap:10px;
  margin-top:13px;padding:13px;
  border:1px solid #d8eafa;border-radius:12px;background:#f1f9ff;
}
.seller-profile-brand-tip>span {font-size:20px}
.seller-profile-brand-tip b {display:block;margin-bottom:3px;color:#315877;font-size:12px;font-weight:950}
.seller-profile-brand-tip p {margin:0;color:#7c91a4;font-size:12px;line-height:1.55}
.seller-profile-personal-link {
  display:inline-block;margin:12px 2px 0;
  color:#087dcc!important;font-size:12px;font-weight:900;text-decoration:none!important;
}
.seller-profile-personal-link:hover {text-decoration:underline!important}
@media(max-width:1320px) {
  .seller-profile-app {grid-template-columns:230px minmax(0,1fr)}
  .seller-profile-sidebar {width:230px}
  .seller-profile-content-grid {grid-template-columns:minmax(0,1fr) minmax(320px,.88fr)}
  .seller-profile-main {padding-left:20px;padding-right:20px}
  .seller-profile-editor-card {padding:17px}
}
@media(max-width:1050px) {
  .seller-profile-content-grid {grid-template-columns:1fr}
  .seller-profile-preview-column {display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:12px;align-items:start}
  .seller-profile-brand-tip {margin-top:0}
  .seller-profile-personal-link {grid-column:1/-1}
}
@media(max-width:760px) {
  .seller-profile-app {display:block}
  .seller-profile-sidebar {
    position:relative;top:auto;width:100%;min-height:0;max-height:none;
    padding:12px 13px;
  }
  .seller-profile-brand {padding:0 5px 11px;margin-bottom:8px}
  .seller-profile-brand-icon {width:38px;height:38px;flex-basis:38px;font-size:22px}
  .seller-profile-brand b {font-size:15px}
  .seller-profile-nav-label,.seller-profile-back-home,.seller-profile-side-divider {display:none}
  .seller-profile-side-nav {display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}
  .seller-profile-side-nav a {flex:0 0 auto;min-height:36px;padding:7px 10px;font-size:12px}
  .seller-profile-side-nav a>span {width:19px;height:19px;flex-basis:19px;font-size:15px}
  .seller-profile-main {padding:19px 13px 32px}
}
@media(max-width:575px) {
  .seller-profile-page-heading {align-items:flex-start;gap:9px}
  .seller-profile-title-icon {width:39px;height:39px;flex-basis:39px;font-size:21px}
  .seller-profile-page-heading h1 {font-size:24px}
  .seller-profile-page-heading p {font-size:12px}
  .seller-profile-open-shop {min-height:33px;padding:0 9px;font-size:12px}
  .seller-profile-editor-card {padding:14px 12px}
  .seller-profile-card-heading h2 {font-size:16px}
  .seller-profile-card-heading p {font-size:12px}
  .seller-profile-media-grid {grid-template-columns:1fr}
  .seller-profile-logo-preview {height:90px}
  .seller-profile-cover-preview {height:115px}
  .seller-profile-preview-column {display:block}
  .seller-profile-brand-tip {margin-top:12px}
  .seller-profile-preview-cover {height:126px}
  .seller-profile-preview-stats span {font-size:12px}
  .seller-profile-preview-tabs span {font-size:12px}
  .seller-profile-form-actions {flex-direction:column-reverse}
  .seller-profile-form-actions>* {width:100%}
}

.seller-profile-app [hidden]{display:none!important}

/* ===============================================================
   UNIFIED SELLER CENTER — shared layout for Shop Dashboard + Profile
   =============================================================== */
.seller-unified-app {
  display:grid !important;
  grid-template-columns:252px minmax(0,1fr) !important;
  align-items:stretch !important;
  width:100% !important;
  min-height:calc(100vh - 190px) !important;
  margin:0 !important;
  background:linear-gradient(135deg,#f2f8ff 0%,#f8fbff 58%,#eef6ff 100%) !important;
}
.seller-unified-app > .seller-unified-sidebar {
  position:sticky !important;
  top:0 !important;
  align-self:start !important;
  width:252px !important;
  min-height:calc(100vh - 190px) !important;
  max-height:calc(100vh - 190px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:20px 14px 17px !important;
  border-radius:0 !important;
}
.seller-unified-sidebar .seller-profile-brand-icon {
  overflow:hidden;
  display:grid;
  place-items:center;
}
.seller-unified-sidebar .seller-profile-brand-icon img {
  width:100%;height:100%;object-fit:cover;border-radius:inherit;
}
.seller-sidebar-shop-card {
  display:flex;align-items:center;gap:10px;
  margin:0 4px 15px;padding:11px 10px;
  border:1px solid rgba(218,240,255,.15);
  border-radius:12px;background:rgba(255,255,255,.075);
}
.seller-sidebar-shop-avatar {
  display:grid;place-items:center;overflow:hidden;
  width:39px;height:39px;flex:0 0 39px;
  border:2px solid rgba(255,255,255,.6);border-radius:11px;
  background:#eaf6ff;color:#087dcc;font-size:22px;
}
.seller-sidebar-shop-avatar img {width:100%;height:100%;object-fit:cover}
.seller-sidebar-shop-card>div:last-child {min-width:0;display:grid;gap:5px}
.seller-sidebar-shop-card b {
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#fff;font-size:13px;font-weight:900;
}
.seller-sidebar-shop-card small {display:flex;align-items:center;gap:5px;color:#a8d5f4;font-size:12px;font-weight:750}
.seller-sidebar-shop-card small i {width:6px;height:6px;border-radius:50%;background:#39d69a;box-shadow:0 0 0 3px rgba(57,214,154,.13)}
.seller-unified-sidebar .seller-profile-side-nav {gap:4px}
.seller-unified-sidebar .seller-profile-side-nav a {min-height:42px;font-size:13px}
.seller-unified-sidebar .seller-profile-side-nav a>span {font-size:18px}
.seller-profile-view-shop {
  display:flex;align-items:center;gap:9px;
  margin-top:auto;margin-bottom:9px;padding:11px 12px;
  border:1px solid rgba(163,221,255,.28);border-radius:10px;
  background:rgba(10,151,218,.17);color:#ddf2ff!important;
  font-size:12px;font-weight:900;text-decoration:none!important;
}
.seller-profile-view-shop:hover {background:rgba(10,151,218,.29)}
.seller-profile-view-shop span {font-size:17px}
.seller-unified-main {
  min-width:0 !important;width:100% !important;
  box-sizing:border-box !important;
  padding:27px clamp(20px,2.2vw,36px) 45px !important;
  background:transparent !important;
}
.seller-dashboard-main .seller-center-page {
  width:100%;max-width:1370px;margin:0 auto;
  padding:0 !important;
}
.seller-dashboard-main .seller-center-head {
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:0 0 19px;padding:20px 22px;
  border:1px solid #dfeaf5;border-radius:17px;
  background:linear-gradient(115deg,#fff 0%,#f5faff 100%);
  box-shadow:0 8px 24px rgba(20,69,108,.045);
}
.seller-dashboard-main .seller-center-head h1 {font-size:27px;font-weight:950;letter-spacing:-.5px;color:#153f66}
.seller-dashboard-main .seller-center-head p {font-size:13px}
.seller-dashboard-main .seller-head-actions {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.seller-dashboard-main .seller-head-actions a {min-height:38px;padding:10px 13px;border-radius:9px;font-size:12px;font-weight:900;white-space:nowrap}
.seller-dashboard-main .seller-welcome-strip {
  min-height:74px;margin-bottom:17px;padding:13px 17px;
  border:1px solid #cfe8fa;border-radius:15px;
  background:linear-gradient(105deg,#e8f6ff 0%,#f5fbff 100%);
}
.seller-dashboard-main .seller-metric-grid {gap:13px;margin-bottom:17px}
.seller-dashboard-main .seller-metric {min-height:110px;border-radius:15px}
.seller-dashboard-main .seller-panel {margin-bottom:16px;border-radius:17px;box-shadow:0 7px 22px rgba(20,69,108,.045)}
.seller-dashboard-main .seller-panel[id] {scroll-margin-top:22px}
.seller-dashboard-main .seller-section-kicker {display:block;margin-bottom:5px;color:#078bd0;font-size:12px;font-weight:950;letter-spacing:1.5px}
.seller-dashboard-main .seller-panel-head h2 {font-size:19px;font-weight:950;color:#173f63}
.seller-dashboard-main .seller-panel-head p {font-size:12px}
.seller-profile-main .seller-profile-page-heading {margin-bottom:20px}
.seller-profile-main .seller-profile-content-grid {max-width:1450px}
@media(max-width:1180px) {
  .seller-unified-app {grid-template-columns:222px minmax(0,1fr) !important}
  .seller-unified-app > .seller-unified-sidebar {width:222px !important}
  .seller-unified-main {padding:22px 17px 35px !important}
  .seller-dashboard-main .seller-head-actions {gap:6px}
}
@media(max-width:900px) {
  .seller-unified-app {display:block !important;min-height:0 !important}
  .seller-unified-app > .seller-unified-sidebar {
    position:relative !important;top:auto !important;
    width:100% !important;min-height:0 !important;max-height:none !important;
    padding:12px 14px !important;
  }
  .seller-unified-sidebar .seller-profile-brand {padding:0 5px 10px;margin-bottom:8px}
  .seller-unified-sidebar .seller-sidebar-shop-card {display:none}
  .seller-unified-sidebar .seller-profile-nav-label {display:none}
  .seller-unified-sidebar .seller-profile-side-nav {display:flex;align-items:center;gap:5px;overflow-x:auto;padding:2px 0 5px}
  .seller-unified-sidebar .seller-profile-side-nav a {flex:0 0 auto;min-height:35px;padding:7px 9px;font-size:12px;white-space:nowrap}
  .seller-unified-sidebar .seller-profile-side-nav a>span {width:18px;height:18px;flex-basis:18px;font-size:14px}
  .seller-unified-sidebar .seller-profile-side-divider {display:none}
  .seller-unified-sidebar .seller-profile-view-shop,.seller-unified-sidebar .seller-profile-back-home {display:none}
  .seller-unified-main {padding:20px 15px 32px !important}
}
@media(max-width:650px) {
  .seller-dashboard-main .seller-center-head {align-items:flex-start;flex-direction:column;padding:17px 15px}
  .seller-dashboard-main .seller-center-head h1 {font-size:24px}
  .seller-dashboard-main .seller-head-actions {justify-content:flex-start}
  .seller-dashboard-main .seller-head-actions a {min-height:35px;padding:8px 10px;font-size:12px}
  .seller-dashboard-main .seller-metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Seller Center — review & customer video inbox */
.seller-reviews-page {max-width:1440px;padding-bottom:45px}
.seller-reviews-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 19px;padding:20px 23px;border:1px solid #deebf5;border-radius:16px;background:linear-gradient(110deg,#fff,#f5faff);box-shadow:0 7px 22px rgba(18,75,120,.04)}
.seller-reviews-heading h1 {margin:4px 0;color:#153f66;font-size:27px;font-weight:950}
.seller-reviews-heading p {margin:0;color:#879bad;font-size:13px}
.seller-reviews-summary-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.seller-review-summary-card {display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid #deebf5;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(18,75,120,.035)}
.seller-review-summary-icon {display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#fff5df;color:#e0a126;font-size:24px;font-weight:950}
.seller-review-summary-icon.cyan {background:#e2f9fc;color:#12a2bd}
.seller-review-summary-icon.orange {background:#fff0e2;color:#e58a35}
.seller-review-summary-icon.green {background:#e7f8f0;color:#15996a}
.seller-review-summary-card>div {display:grid;gap:3px;min-width:0}
.seller-review-summary-card small {color:#8ca0b1;font-size:12px}
.seller-review-summary-card strong {color:#173f63;font-size:25px;font-weight:950;line-height:1.1}
.seller-review-summary-card strong em {color:#9aabba;font-size:13px;font-style:normal}
.seller-review-summary-card>div>span:last-child {color:#8599aa;font-size:12px}
.seller-review-summary-stars {color:#f2ad24!important;font-size:12px!important;letter-spacing:1px}
.seller-review-inbox {padding:20px}
.seller-review-list {display:grid;gap:13px}
.seller-review-card {padding:16px;border:1px solid #e3edf5;border-radius:13px;background:#fff}
.seller-review-card-top {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf2f7}
.seller-review-product {display:flex;align-items:center;gap:10px;min-width:0}
.seller-review-product-thumb {display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:10px;background:#eef7ff;color:#087dcc}
.seller-review-product-thumb img {width:100%;height:100%;object-fit:cover}
.seller-review-product>div:last-child {display:grid;gap:3px;min-width:0}
.seller-review-product small {color:#078bd0;font-size:12px;font-weight:950;letter-spacing:1px}
.seller-review-product b {color:#244b6b;font-size:13px;font-weight:950;overflow-wrap:anywhere}
.seller-review-product span,.seller-review-date {color:#93a4b2;font-size:12px}
.seller-review-date {white-space:nowrap}
.seller-review-customer-row {display:flex;align-items:center;gap:9px;margin-top:13px}
.seller-review-avatar {display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;overflow:hidden;border-radius:50%;background:#e7f4ff;color:#087dcc;font-size:14px;font-weight:950}
.seller-review-avatar img {width:100%;height:100%;object-fit:cover}
.seller-review-customer-row>div:nth-child(2) {display:grid;gap:2px;flex:1}
.seller-review-customer-row>div:nth-child(2)>b {color:#315473;font-size:12px}
.seller-review-customer-row>div:nth-child(2)>small {color:#15966b;font-size:12px}
.seller-review-stars {color:#f2ad24;font-size:14px;letter-spacing:1px;white-space:nowrap}
.seller-review-comment {margin:12px 0;color:#58738b;font-size:12px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.seller-review-video-wrap {display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid #dcebf7;border-radius:11px;background:#f6fbff}
.seller-review-video-wrap>div {display:grid;gap:3px}
.seller-review-video-wrap>div>b {color:#315777;font-size:12px}
.seller-review-video-wrap>div>small {color:#8b9eaf;font-size:12px}
.seller-review-video-wrap video {width:min(420px,100%);max-height:270px;border-radius:9px;background:#102f4c}
.seller-review-existing-reply {margin:12px 0;padding:10px 12px;border-left:3px solid #1598d7;border-radius:0 8px 8px 0;background:#f1f9ff}
.seller-review-existing-reply b {color:#087dcc;font-size:12px}
.seller-review-existing-reply p {margin:5px 0 0;color:#5d7890;font-size:12px;line-height:1.6;white-space:pre-line}
.seller-review-reply-form {display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #edf2f7}
.seller-review-reply-form>label {color:#315473;font-size:12px;font-weight:950}
.seller-review-reply-form textarea {width:100%;min-height:58px;padding:10px 11px;border:1px solid #dce8f3;border-radius:9px;outline:0;background:#fbfdff;color:#294c6c;font-size:12px;line-height:1.6;resize:vertical}
.seller-review-reply-form textarea:focus {border-color:#168ed1;box-shadow:0 0 0 3px rgba(22,142,209,.08)}
.seller-review-reply-form>div {display:flex;align-items:center;justify-content:space-between;gap:12px}
.seller-review-reply-form>div>small {color:#91a2b1;font-size:12px}
.seller-review-reply-form button {min-height:33px;padding:0 12px;border:0;border-radius:8px;background:#087dcc;color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.seller-review-reply-form button:hover {background:#075f9f}
.seller-review-empty {display:grid;justify-items:center;gap:7px;padding:42px 15px;text-align:center}
.seller-review-empty>span {color:#e0b34c;font-size:36px}
.seller-review-empty>b {color:#315777;font-size:15px}
.seller-review-empty>p {margin:0;color:#8a9eaf;font-size:12px}
@media(max-width:1100px) {.seller-reviews-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px) {
 .seller-reviews-heading {align-items:flex-start;flex-direction:column;padding:16px}
 .seller-reviews-heading h1 {font-size:24px}
 .seller-reviews-summary-grid {gap:8px}
 .seller-review-summary-card {padding:11px;gap:8px}
 .seller-review-summary-icon {width:34px;height:34px;flex-basis:34px;font-size:19px}
 .seller-review-summary-card strong {font-size:21px}
 .seller-review-inbox {padding:12px}
 .seller-review-card {padding:11px}
 .seller-review-date {font-size:12px}
 .seller-review-reply-form>div {align-items:flex-start;flex-direction:column}
 .seller-review-reply-form button {width:100%}
}

.seller-review-dashboard-shortcut {
 display:flex;align-items:center;gap:12px;margin:-3px 0 17px;padding:12px 15px;
 border:1px solid #dceaf6;border-radius:12px;background:linear-gradient(100deg,#f2f9ff,#fff);
 color:#315777!important;text-decoration:none!important;transition:border-color .18s,transform .18s;
}
.seller-review-dashboard-shortcut:hover {border-color:#acd7f1;transform:translateY(-1px)}
.seller-review-shortcut-icon {display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:#fff4dc;color:#e2a52b;font-size:21px}
.seller-review-dashboard-shortcut>span:nth-child(2) {display:grid;gap:3px;min-width:0;flex:1}
.seller-review-dashboard-shortcut>span:nth-child(2)>b {color:#244b6c;font-size:12px;font-weight:950}
.seller-review-dashboard-shortcut>span:nth-child(2)>small {color:#8a9eaf;font-size:12px}
.seller-review-dashboard-shortcut>strong {color:#087dcc;font-size:12px;white-space:nowrap}


/* ==========================================================
   SELLER CENTER — KEEP SIDEBAR FIXED WHILE PAGE CONTENT SCROLLS
   The public site header stays sticky; the sidebar follows its bottom edge.
   ========================================================== */
.seller-unified-app {
  --seller-sidebar-width:252px;
  display:block !important;
  box-sizing:border-box !important;
  padding-left:var(--seller-sidebar-width) !important;
}
@media(min-width:901px) {
  .seller-unified-app > .seller-unified-sidebar {
    position:fixed !important;
    top:var(--seller-sticky-sidebar-top,156px) !important;
    left:0 !important;
    right:auto !important;
    bottom:0 !important;
    align-self:unset !important;
    width:var(--seller-sidebar-width,252px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    z-index:1019 !important;
    box-sizing:border-box !important;
  }
}
@media(min-width:901px) and (max-width:1180px) {
  .seller-unified-app { --seller-sidebar-width:222px; }
}
@media(max-width:900px) {
  .seller-unified-app {
    display:block !important;
    padding-left:0 !important;
  }
  .seller-unified-app > .seller-unified-sidebar {
    position:relative !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;
    z-index:auto !important;
  }
}

@media(min-width:901px) {
  .seller-unified-app > .seller-unified-main {
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
  }
}
@media(max-width:900px) {
  .seller-unified-app > .seller-unified-main {
    width:100% !important;
    max-width:none !important;
  }
}


/* Seller Center: own shop vouchers */
.seller-vouchers-page,.seller-returns-page {max-width:1440px;padding-bottom:45px}
.seller-voucher-info {display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:13px 15px;border:1px solid #d8eafa;border-radius:12px;background:#f1f9ff;color:#496d8b;font-size:12px;line-height:1.55}
.seller-voucher-info b {color:#1a5f91;font-size:13px}
.seller-voucher-editor {margin-bottom:15px}
.seller-voucher-form {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.seller-voucher-form label {display:grid;gap:5px;color:#315473;font-size:12px;font-weight:900}
.seller-voucher-form input,.seller-voucher-form select {width:100%;min-height:37px;padding:8px 10px;border:1px solid #d9e6f1;border-radius:8px;background:#fbfdff;color:#294e6d;font-size:12px;outline:0}
.seller-voucher-form input:focus,.seller-voucher-form select:focus {border-color:#168bd0;box-shadow:0 0 0 3px rgba(22,139,208,.08)}
.seller-voucher-actions {display:flex;align-items:center;gap:8px;grid-column:1/-1}
.seller-voucher-actions button {min-height:37px;padding:0 15px;border:0;border-radius:8px;background:#087dcc;color:#fff;font-size:12px;font-weight:950;cursor:pointer}
.seller-voucher-actions a {color:#087dcc;font-size:12px;font-weight:850;text-decoration:none}
.seller-voucher-list {display:grid;gap:9px}
.seller-voucher-item {display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e1edf6;border-radius:12px;background:#fff}
.seller-voucher-symbol {display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#e8f5ff;color:#078bd0;font-size:24px;font-weight:950}
.seller-voucher-details {display:grid;gap:3px;min-width:0;flex:1}
.seller-voucher-details>b {color:#21496a;font-size:14px;font-weight:950;letter-spacing:.3px}
.seller-voucher-details>span {color:#658198;font-size:12px}
.seller-voucher-details>small {color:#91a2b1;font-size:12px;line-height:1.45}
.seller-voucher-state {padding:6px 9px;border-radius:18px;font-size:12px;font-weight:950;white-space:nowrap}
.seller-voucher-state.active {background:#eaf8f0;color:#15966b}.seller-voucher-state.inactive {background:#f1f4f7;color:#8193a2}
.seller-voucher-actions {display:flex;align-items:center;gap:5px}
.seller-voucher-actions form {margin:0}
.seller-voucher-actions a,.seller-voucher-actions button {display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border:1px solid #d8e8f4;border-radius:7px;background:#f5faff;color:#087dcc;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer}
.seller-voucher-actions button.danger {border-color:#f2d4d4;background:#fff5f5;color:#c44e58}

/* Seller Center: return / refund request handling */
.seller-returns-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}
.seller-returns-stats article {display:grid;gap:5px;padding:15px;border:1px solid #deebf5;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(18,75,120,.035)}
.seller-returns-stats small {color:#8ca0b1;font-size:12px}.seller-returns-stats b {color:#173f63;font-size:25px;font-weight:950}
.seller-return-list {display:grid;gap:12px}
.seller-return-card {padding:16px;border:1px solid #e2edf5;border-radius:13px;background:#fff}
.seller-return-card-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #edf2f7}
.seller-return-card-head>div {display:grid;gap:4px}.seller-return-card-head>div>b {color:#234c6c;font-size:14px}.seller-return-card-head small {color:#92a2b0;font-size:12px}
.seller-return-status {padding:7px 10px;border-radius:20px;background:#fff5df;color:#a6741a;font-size:12px;font-weight:950;white-space:nowrap}
.seller-return-status.status-rejected {background:#fff1f1;color:#c35159}.seller-return-status.status-refunded {background:#eaf8f0;color:#15966b}.seller-return-status.status-approved,.seller-return-status.status-received {background:#eaf5ff;color:#1979b5}
.seller-return-customer {display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 7px;color:#345876;font-size:12px}
.seller-return-customer span {color:#8297a9}
.seller-return-reason {color:#55738b;font-size:12px;line-height:1.65}.seller-return-reason>b {color:#315473}
.seller-return-reason p {margin:5px 0 0;white-space:pre-line}
.seller-return-note {margin:10px 0;padding:9px 11px;border-left:3px solid #0b90d5;border-radius:0 8px 8px 0;background:#f0f9ff}
.seller-return-note b {color:#087dcc;font-size:12px}.seller-return-note p {margin:4px 0 0;color:#5d7a92;font-size:12px;white-space:pre-line}
.seller-return-action-form {display:grid;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid #edf2f7}
.seller-return-action-form label {display:grid;gap:5px;color:#315473;font-size:12px;font-weight:900}
.seller-return-action-form textarea {width:100%;padding:9px 10px;border:1px solid #d9e7f2;border-radius:8px;background:#fbfdff;color:#315473;font-size:12px;resize:vertical}
.seller-return-action-form>div {display:flex;gap:8px;flex-wrap:wrap}
.seller-return-action-form button {min-height:33px;padding:0 12px;border:0;border-radius:8px;background:#087dcc;color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.seller-return-action-form button.danger {background:#fff0f0;color:#c44d56;border:1px solid #f0cece}
.seller-return-action-form button.success {background:#e9f8f0;color:#13865e;border:1px solid #caebd9}
.seller-return-hint {display:block;margin-top:9px;color:#8298a9;font-size:12px;line-height:1.5}
@media(max-width:900px) {.seller-voucher-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px) {
 .seller-voucher-form {grid-template-columns:1fr}
 .seller-voucher-item {flex-wrap:wrap;align-items:flex-start}
 .seller-voucher-details {flex-basis:calc(100% - 55px)}
 .seller-voucher-state {margin-left:52px}
 .seller-voucher-actions {margin-left:auto}
 .seller-returns-stats {gap:7px}
 .seller-returns-stats article {padding:11px}
 .seller-returns-stats b {font-size:22px}
 .seller-return-card-head {align-items:flex-start;flex-direction:column}
}

.seller-extra-shortcuts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-4px 0 17px}
.seller-extra-shortcuts>a {display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #dceaf5;border-radius:11px;background:#fff;color:#315777!important;text-decoration:none!important;transition:border-color .18s,transform .18s}
.seller-extra-shortcuts>a:hover {border-color:#acd7f1;transform:translateY(-1px)}
.seller-extra-shortcuts>a>span {display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e8f5ff;color:#087dcc;font-size:20px;font-weight:950}
.seller-extra-shortcuts>a:nth-child(2)>span {background:#fff5df;color:#d59a24}
.seller-extra-shortcuts>a>div {display:grid;gap:3px;min-width:0;flex:1}
.seller-extra-shortcuts>a>div>b {color:#244b6b;font-size:12px;font-weight:950}
.seller-extra-shortcuts>a>div>small {color:#8a9eaf;font-size:12px}
.seller-extra-shortcuts>a>strong {color:#087dcc;font-size:12px;white-space:nowrap}
.catalog-voucher-scope {display:block;margin-top:5px;color:#078bd0;font-weight:800}
@media(max-width:650px){.seller-extra-shortcuts{grid-template-columns:1fr}}


/* Stage 21 — keep the Seller Center menu sticky but remove its separate scrollbar.
   The sidebar grows to fit all menu items; only the main browser page scrolls. */
@media(min-width:901px) {
  .seller-unified-app {
    display:grid !important;
    grid-template-columns:252px minmax(0,1fr) !important;
    align-items:start !important;
    padding-left:0 !important;
  }
  .seller-unified-app > .seller-unified-sidebar {
    position:sticky !important;
    top:var(--seller-sticky-sidebar-top,156px) !important;
    left:auto !important;right:auto !important;bottom:auto !important;
    align-self:start !important;
    width:100% !important;
    height:auto !important;
    min-height:calc(100vh - var(--seller-sticky-sidebar-top,156px)) !important;
    max-height:none !important;
    overflow:visible !important;
    padding:13px 12px 12px !important;
    z-index:1019 !important;
    box-sizing:border-box !important;
  }
  .seller-unified-sidebar .seller-profile-brand {
    gap:8px;padding:0 5px 11px;margin-bottom:9px;
  }
  .seller-unified-sidebar .seller-profile-brand-icon {width:40px;height:40px;flex-basis:40px;border-radius:12px;font-size:23px}
  .seller-unified-sidebar .seller-profile-brand b {font-size:16px}
  .seller-unified-sidebar .seller-profile-brand small {font-size:12px}
  .seller-unified-sidebar .seller-sidebar-shop-card {gap:8px;margin:0 3px 9px;padding:8px}
  .seller-unified-sidebar .seller-sidebar-shop-avatar {width:33px;height:33px;flex-basis:33px;border-radius:9px;font-size:19px}
  .seller-unified-sidebar .seller-sidebar-shop-card b {font-size:12px}
  .seller-unified-sidebar .seller-sidebar-shop-card small {font-size:12px}
  .seller-unified-sidebar .seller-profile-nav-label {padding:6px 9px 5px;font-size:12px;letter-spacing:1.4px}
  .seller-unified-sidebar .seller-profile-side-nav {gap:2px}
  .seller-unified-sidebar .seller-profile-side-nav a {min-height:35px;padding:6px 9px;gap:9px;border-radius:8px;font-size:12px}
  .seller-unified-sidebar .seller-profile-side-nav a>span {width:21px;height:21px;flex-basis:21px;font-size:16px}
  .seller-unified-sidebar .seller-profile-side-divider {margin:6px 5px}
  .seller-unified-sidebar .seller-profile-view-shop {margin-top:12px;margin-bottom:6px;padding:8px 9px;font-size:12px}
  .seller-unified-sidebar .seller-profile-back-home {padding:9px 10px;font-size:12px}
  .seller-unified-app > .seller-unified-main {min-width:0;width:auto;margin:0;padding-top:22px !important}
}
@media(min-width:901px) and (max-height:760px) {
  .seller-unified-sidebar .seller-sidebar-shop-card {display:none}
  .seller-unified-sidebar .seller-profile-brand {padding-bottom:8px;margin-bottom:6px}
  .seller-unified-sidebar .seller-profile-side-nav a {min-height:31px;padding:4px 8px;font-size:12px}
  .seller-unified-sidebar .seller-profile-side-nav a>span {width:19px;height:19px;flex-basis:19px;font-size:15px}
  .seller-unified-sidebar .seller-profile-view-shop {margin-top:7px;padding:7px 8px}
  .seller-unified-sidebar .seller-profile-back-home {padding:8px 9px}
}

.seller-profile-side-nav a[data-seller-section="chats"] span {font-size:16px}
.seller-profile-main .chat-inbox-heading {margin-bottom:17px}
.seller-profile-main .chat-thread-shell {height:min(720px,calc(100vh - var(--seller-sticky-sidebar-top,170px) - 50px))}
