/* AIO B2B Marketplace & Supplier Network V1 */
:root{
 --mkt-navy:#061b28;--mkt-navy2:#0b2b3b;--mkt-red:#eb1b2f;--mkt-green:#18b58b;
 --mkt-line:#dce7ed;--mkt-muted:#708591;--mkt-bg:#f0f6f9;--mkt-card:#fff;
}
.mkt-shell{padding:18px 0 34px}
.mkt-hero{border-radius:20px;padding:25px 27px;background:radial-gradient(circle at 92% 15%,rgba(235,27,47,.18),transparent 28%),linear-gradient(135deg,var(--mkt-navy),#102d40);color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px;box-shadow:0 18px 48px rgba(9,35,49,.12)}
.mkt-hero .eyebrow,.mkt-eyebrow{font-size:8px;letter-spacing:.15em;font-weight:900;color:#44d9b5;text-transform:uppercase}
.mkt-hero h1{font-size:28px;margin:5px 0 6px;letter-spacing:-.035em}.mkt-hero p{font-size:10px;line-height:1.55;color:#b8cbd5;margin:0;max-width:720px}
.mkt-actions{display:flex;gap:8px;flex-wrap:wrap}.mkt-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.mkt-btn.primary{background:var(--mkt-red);color:#fff}.mkt-btn.dark{background:#071c29;color:#fff}.mkt-btn.light{background:#fff;color:#143140;border:1px solid #dce6eb}.mkt-btn.green{background:#16a97f;color:#fff}.mkt-btn.sm{padding:7px 9px;font-size:8px}
.mkt-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0}.mkt-search{display:flex;gap:7px;flex:1}.mkt-search input,.mkt-search select{border:1px solid var(--mkt-line);border-radius:10px;padding:9px 11px;background:#fff;font-size:10px;min-width:0}.mkt-search input{flex:1}
.mkt-category-row{display:flex;gap:8px;overflow:auto;padding:2px 0 11px}.mkt-category-row a{flex:0 0 auto;background:#fff;border:1px solid var(--mkt-line);border-radius:999px;padding:7px 11px;font-size:8px;font-weight:800;color:#34505f;text-decoration:none}.mkt-category-row a.active{background:#092332;color:#fff;border-color:#092332}
.mkt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mkt-product{background:#fff;border:1px solid var(--mkt-line);border-radius:17px;overflow:hidden;box-shadow:0 12px 30px rgba(19,55,73,.05);display:flex;flex-direction:column}.mkt-product-media{height:158px;background:linear-gradient(145deg,#eef5f7,#dce9ef);display:grid;place-items:center;position:relative;overflow:hidden}.mkt-product-media img{width:100%;height:100%;object-fit:cover}.mkt-product-media .placeholder{width:52px;height:52px;border-radius:15px;background:#0b2b3b;color:#fff;display:grid;place-items:center;font-size:20px}.mkt-badge{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:999px;background:#fff;color:#a62b36;font-size:7px;font-weight:900;box-shadow:0 5px 15px rgba(0,0,0,.08)}.mkt-badge.sale{background:#e91d32;color:#fff}.mkt-product-body{padding:14px;display:flex;flex-direction:column;flex:1}.mkt-product-body small{font-size:7px;color:#7f929d;text-transform:uppercase;letter-spacing:.08em}.mkt-product-body h3{font-size:12px;margin:5px 0;color:#152e3c}.mkt-product-body p{font-size:8.5px;line-height:1.45;color:#70838e;min-height:36px}.mkt-price{font-size:17px;font-weight:900;color:#081f2c;margin-top:auto}.mkt-price del{font-size:9px;color:#9aa9b0;font-weight:500;margin-left:4px}.mkt-meta{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}.mkt-pill{display:inline-flex;padding:4px 6px;border-radius:999px;background:#eef4f6;color:#536a77;font-size:7px;font-weight:800}.mkt-pill.green{background:#e2f7f1;color:#137c61}.mkt-pill.red{background:#fff0f1;color:#a02f39}
.mkt-card{background:#fff;border:1px solid var(--mkt-line);border-radius:17px;padding:18px;margin-bottom:14px;box-shadow:0 10px 28px rgba(20,49,65,.04)}.mkt-card h2,.mkt-card h3{margin:0 0 10px;color:#102b3b}.mkt-card h2{font-size:18px}.mkt-card h3{font-size:13px}.mkt-card p{font-size:9px;color:#718590;line-height:1.55}
.mkt-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:16px}.mkt-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mkt-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:15px}.mkt-stat{background:#fff;border:1px solid var(--mkt-line);border-radius:13px;padding:12px}.mkt-stat span{font-size:7px;color:#81929c;text-transform:uppercase;letter-spacing:.08em}.mkt-stat strong{display:block;font-size:18px;color:#0a2636;margin:3px 0}.mkt-stat small{font-size:7px;color:#91a0a8}
.mkt-table{width:100%;border-collapse:collapse;font-size:9px}.mkt-table th{background:#f4f8fa;color:#657b88;text-transform:uppercase;letter-spacing:.06em;font-size:7px;padding:9px;text-align:left}.mkt-table td{border-top:1px solid #edf2f4;padding:10px;vertical-align:top}.mkt-table strong{color:#17313f}.mkt-empty{text-align:center;padding:34px;color:#83949d;font-size:10px}
.mkt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mkt-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mkt-form-grid .span-all{grid-column:1/-1}.mkt-form label{display:block;font-size:8px;font-weight:800;color:#516a77;margin-bottom:5px}.mkt-form input,.mkt-form select,.mkt-form textarea{width:100%;border:1px solid #d8e4ea;border-radius:9px;padding:9px 10px;font-size:9px;background:#fbfdfe}.mkt-form textarea{min-height:82px}
.mkt-notice{border:1px solid #d5e9e3;background:#effaf7;color:#286b59;border-radius:12px;padding:11px 13px;font-size:9px;margin-bottom:12px}.mkt-notice.warn{border-color:#f0d8ad;background:#fff8e9;color:#7c5b20}.mkt-notice.danger{border-color:#f2c5ca;background:#fff1f2;color:#8f3039}
.mkt-offer{border:1px solid var(--mkt-line);border-radius:14px;padding:15px;margin-bottom:9px;background:#fff}.mkt-offer-top{display:flex;justify-content:space-between;gap:15px}.mkt-offer .amount{font-size:20px;font-weight:900;color:#082534}.mkt-offer .supplier{font-size:11px;font-weight:900}.mkt-offer .rating{color:#e39a12;font-size:8px}
.mkt-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 15px}.mkt-tabs a{padding:7px 10px;border-radius:8px;background:#fff;border:1px solid var(--mkt-line);font-size:8px;font-weight:800;color:#48606d;text-decoration:none}.mkt-tabs a.active{background:#0a2635;color:#fff}
.mkt-account-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.mkt-account-choice label{border:2px solid #dce7ed;border-radius:15px;padding:15px;background:#fff;cursor:pointer}.mkt-account-choice label:has(input:checked){border-color:#e91c30;background:#fff5f6}.mkt-account-choice input{margin-right:8px}.mkt-account-choice strong{display:block;font-size:12px;color:#112c3a}.mkt-account-choice small{display:block;font-size:8px;color:#718590;margin-top:4px;line-height:1.45}
@media(max-width:1250px){.mkt-grid{grid-template-columns:repeat(3,1fr)}.mkt-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.mkt-grid{grid-template-columns:repeat(2,1fr)}.mkt-two{grid-template-columns:1fr}.mkt-form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mkt-grid,.mkt-stats,.mkt-three,.mkt-form-grid,.mkt-form-grid.three,.mkt-account-choice{grid-template-columns:1fr}.mkt-hero{align-items:flex-start;flex-direction:column}.mkt-product-media{height:180px}}

/* AIO MARKETPLACE STABILIZATION V1.2 */
.mkt-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:20px 0 4px;padding:12px 0;border-top:1px solid #e4edf1}.mkt-pagination-summary{font-size:8.5px;color:#748995}.mkt-pagination-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mkt-page{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:31px;height:31px;padding:0 9px;border:1px solid #d8e4ea;border-radius:8px;background:#fff;color:#173847;font-size:8px;font-weight:850;text-decoration:none!important;line-height:1}.mkt-page:hover{border-color:#9db5c1;background:#f4f8fa;color:#0a2635}.mkt-page.active{background:#0a2635;border-color:#0a2635;color:#fff}.mkt-page.disabled{opacity:.45;cursor:not-allowed}.mkt-page.gap{border-color:transparent;background:transparent;min-width:20px;padding:0 2px}.mkt-pagination svg,.mkt-shell nav svg{width:12px!important;height:12px!important;max-width:12px!important;max-height:12px!important}.mkt-product-media img{display:block;width:100%;height:100%;object-fit:cover}.mkt-image-fallback{position:absolute;inset:0;margin:auto}.mkt-table-wrap{width:100%;overflow:auto}.mkt-products-table{min-width:900px}.mkt-admin-thumb{width:62px;height:42px;border-radius:8px;background:#e8f1f5;overflow:hidden;display:grid;place-items:center;color:#5f7885}.mkt-admin-thumb img{width:100%;height:100%;object-fit:cover;display:block}.mkt-edit-details{position:relative}.mkt-edit-details>summary{list-style:none;width:max-content}.mkt-edit-details>summary::-webkit-details-marker{display:none}.mkt-inline-edit{margin-top:9px;padding:12px;border:1px solid #d9e5eb;border-radius:12px;background:#f9fcfd;min-width:510px;box-shadow:0 16px 38px rgba(8,37,52,.09)}.mkt-payment-blocked{display:flex;align-items:center;justify-content:space-between;gap:16px}.mkt-payment-blocked>div{display:flex;flex-direction:column;gap:3px}.mkt-payment-blocked span{font-size:8px}.mkt-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:9px;padding:8px 0;border-bottom:1px solid #edf2f4}.mkt-summary-total{display:flex;justify-content:space-between;align-items:center;margin:15px 0;padding-top:2px}.mkt-summary-total strong:last-child{font-size:20px}.mkt-full-btn{width:100%;justify-content:center}.mkt-gateway-ready,.mkt-gateway-unavailable{margin-top:9px;border-radius:9px;padding:9px 10px;font-size:8px;line-height:1.45}.mkt-gateway-ready{display:flex;gap:7px;align-items:flex-start;background:#ecf9f5;color:#176c58;border:1px solid #cde9e0}.mkt-gateway-unavailable{background:#fff4f5;color:#8c313a;border:1px solid #f1c9ce}.mkt-section-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin:22px 0 14px}.mkt-section-heading.compact{margin:0 0 14px}.mkt-section-heading h2{margin:3px 0 0;font-size:18px;color:#102b3b}.mkt-section-heading p{max-width:580px;margin:0;color:#748894;font-size:9px;line-height:1.55}.mkt-current-plan{border-color:#a8ded0;background:linear-gradient(135deg,#fff,#f4fbf9)}.mkt-current-plan-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.mkt-current-plan-head h2{font-size:22px;margin:4px 0}.mkt-plan-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.mkt-plan-metrics>div{border:1px solid #deeaee;background:#fff;border-radius:11px;padding:11px}.mkt-plan-metrics span{display:block;font-size:7px;color:#7d909b;text-transform:uppercase;letter-spacing:.07em}.mkt-plan-metrics strong{display:block;font-size:12px;color:#173443;margin-top:4px}.mkt-plan-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.mkt-plan-card.is-current{border-color:#42b996;box-shadow:0 12px 32px rgba(24,181,139,.10)}.mkt-plan-feature-list{padding:0;margin:8px 0 14px;list-style:none}.mkt-plan-feature-list li{font-size:8.5px;color:#536b78;padding:5px 0;border-bottom:1px solid #edf2f4}.mkt-plan-feature-list li:before{content:'✓';color:#14a67d;font-weight:900;margin-right:7px}.mkt-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;background:#eef3f5;color:#617580;font-size:7px;font-weight:900;letter-spacing:.04em}.mkt-status-badge.active{background:#e1f7f0;color:#137b60}.mkt-status-badge.danger{background:#fff0f2;color:#a52d3a}.mkt-payment-health{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0}.mkt-payment-health>div{border:1px solid #dee8ed;border-radius:10px;padding:10px;background:#fbfdfe}.mkt-payment-health span{display:block;font-size:7px;text-transform:uppercase;color:#80929c;letter-spacing:.07em}.mkt-payment-health strong{display:block;font-size:10px;color:#183543;margin-top:3px}.mkt-switch-row{display:flex!important;align-items:flex-start;gap:9px;padding:10px;border:1px solid #dce7ec;border-radius:10px;background:#fbfdfe}.mkt-switch-row input{width:auto!important;margin-top:2px}.mkt-switch-row strong{display:block;color:#173443}.mkt-switch-row small{display:block;color:#82949e;margin-top:2px}.mkt-readonly-control{border:1px solid #d8e4ea;border-radius:9px;padding:10px;font-size:9px;background:#fbfdfe}.mkt-security-note{font-size:8px!important;color:#71858f!important;margin:11px 0 0!important}.mkt-security-note code{font-size:7.5px}@media(max-width:900px){.mkt-plan-metrics,.mkt-payment-health{grid-template-columns:1fr 1fr}.mkt-inline-edit{min-width:420px}}@media(max-width:620px){.mkt-pagination{align-items:flex-start;flex-direction:column}.mkt-payment-blocked,.mkt-section-heading{align-items:flex-start;flex-direction:column}.mkt-plan-metrics,.mkt-payment-health{grid-template-columns:1fr}.mkt-inline-edit{min-width:280px}}