/* SF Store: original orange shopping theme, with role-specific dashboards. */
:root{--blue:#db580f;--ink:#252525;--muted:#6c7076;--line:#e6e6e6;--wash:#fff3e9;--home-blue:#e96b18;--home-navy:#34302d;--home-cyan:#ffb276;--orange:#f57224;--orange-dark:#c44e08}
body{background:#f5f5f7;color:var(--ink)}a{color:var(--blue)}button,.button,.small-button{background:var(--orange);border-color:var(--orange);border-radius:7px;color:#fff}button:hover,.button:hover,.small-button:hover{background:var(--orange-dark);border-color:var(--orange-dark)}button.secondary,.button.secondary{background:#fff;border-color:#efb996;color:#bc4f0c}button.secondary:hover,.button.secondary:hover{background:#fff2e8}.text-button,.text-button:hover{background:transparent;color:var(--blue);border:none}.demo-banner{background:#fff7de;color:#775010;border-bottom:1px solid #f3e6b2;font-size:11px}.store-strip{background:var(--orange);color:white;padding:7px 0}.site-header{background:white;border-bottom:1px solid #ececec;box-shadow:0 2px 8px #00000004}.market-header{display:grid;grid-template-columns:205px minmax(200px,1fr) auto;gap:32px;align-items:center;padding:19px 0}.brand{color:#242424;gap:10px;font-size:24px;white-space:nowrap}.brand-image{width:52px;height:52px;object-fit:contain;border-radius:9px;flex-shrink:0}.market-search{display:flex;min-width:0;margin:0}.market-search input{background:#f6f6f6;border:1px solid #e6e6e6;border-right:0;border-radius:6px 0 0 6px;min-width:0;min-height:47px;margin:0}.market-search button{border-radius:0 6px 6px 0;min-height:47px;padding:10px 19px}.header-actions{display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:13px;font-weight:600}.count{background:#fff1e6;color:#c94e08}.header-inner{min-height:44px;padding:0;display:block;border-top:1px solid #f4f4f4}.header-inner nav{display:flex;justify-content:flex-start;gap:28px;min-height:44px;align-items:center}.header-inner nav>a{font-size:12px;font-weight:600;padding:12px 0;color:#535353}.header-inner nav>a[aria-current]{color:var(--orange-dark)}.header-inner nav>a:last-child{margin-left:auto;border:0;border-radius:0;padding:12px 0;color:#bc510d}.home-main{padding-top:0}.market-home-top{display:grid;grid-template-columns:232px minmax(0,1fr);width:min(1180px,calc(100% - 48px));gap:20px;margin:25px auto 0}.market-categories{background:white;padding:26px 20px;border-radius:10px;border:1px solid var(--line);min-width:0}.market-categories>.eyebrow{font-size:10px;margin-bottom:10px}.market-categories h2{font-size:17px;letter-spacing:-.025em;margin-bottom:20px}.market-categories>a{display:flex;align-items:center;gap:12px;padding:13px 0;font-size:13px;color:#434343;border-bottom:1px solid #f3f3f3}.market-categories>a svg{width:21px;height:21px;color:var(--orange)}.market-categories>a span:last-child{margin-left:auto;color:#9f9f9f}.market-category-note{padding:17px 12px;background:#fff6ef;border-radius:8px;margin-top:25px;font-size:11px}.market-category-note strong{display:block;font-size:12px;margin-bottom:8px}.market-category-note p{margin-bottom:10px;color:#716458}.market-categories .market-category-note a{font-weight:700}.home-hero{background:linear-gradient(115deg,#fff4e7,#ffe4ca);color:#292929;border:1px solid #ffd3b4;border-radius:12px;text-align:left;padding:36px 38px;display:flex;align-items:center;min-width:0}.home-hero-grid{opacity:.2;background-image:linear-gradient(#d76a1810 1px,transparent 1px),linear-gradient(90deg,#d76a1810 1px,transparent 1px)}.home-hero-layout{width:100%;min-width:0}.home-hero-content{margin:0;max-width:750px}.home-pill{color:#ad4609;background:#fff9f0;border-color:#f5ceae;font-size:10px;padding:5px 11px;margin-bottom:14px}.home-pill>span{background:var(--orange);box-shadow:none}.home-logo{width:65px;height:65px;margin:0 0 14px;border:0;border-radius:10px;background:transparent;box-shadow:none;overflow:hidden}.home-logo img{width:65px;height:65px;object-fit:contain}.home-hero h1{font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-.04em;margin:0 0 16px;max-width:680px;color:#342721;background:none;-webkit-text-fill-color:initial;overflow-wrap:anywhere}.home-hero-lead{font-size:14px;color:#726154;max-width:560px;margin:0 0 22px;line-height:1.75}.home-hero-benefits{justify-content:flex-start;margin-bottom:22px;gap:8px}.home-hero-benefits>span{background:#fffaf4;color:#7f5b41;border-color:#f5ceb0;font-size:10px;padding:8px 9px}.home-hero-benefits svg{color:#d66a23}.home-actions{justify-content:flex-start;gap:10px}.home-primary,.home-primary:hover{background:var(--orange);border-color:var(--orange);box-shadow:none}.home-outline{background:transparent;border-color:#e78c4b;color:#ab4c10}.home-outline:hover{background:#fff8f1;border-color:#e78c4b;color:#ab4c10}.home-actions .button{font-size:12px;min-height:43px;padding:11px 16px}.home-scroll{margin-top:14px;color:#a75b27;padding-left:0}.home-hero.has-picture .home-hero-layout{grid-template-columns:1.15fr .85fr;gap:24px}.home-hero.has-picture .home-hero-content{text-align:left}.home-hero.has-picture .home-hero h1{font-size:36px}.home-hero-picture{background:#ffffff80;border-color:#f3d2b7;min-width:0}.home-audiences{gap:0;margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 0}.home-audiences article{padding:0 25px;border-right:1px solid #eee}.home-audiences article:last-child{border-right:0}.home-icon{background:#fff4e9;border-color:#ffdfc7;color:var(--orange)}.home-audiences h2{font-size:14px}.home-audiences p{font-size:11px}.home-audiences a{font-size:11px}.home-section{margin:38px auto}.home-section-heading{text-align:left;max-width:none;margin-bottom:22px}.home-section h2{font-size:25px;letter-spacing:-.035em}.home-section .eyebrow{color:#c45a12;font-size:10px;letter-spacing:.1em}.home-section-heading>p:last-child,.home-heading-row p:last-child{font-size:12px}.home-categories{gap:16px}.home-category{display:grid;grid-template-columns:90px 1fr;border-radius:9px;grid-template-rows:auto auto}.home-category-visual{grid-row:1/3;min-height:125px;height:100%;padding:18px;background:#fff4e9;color:#d67832;border-bottom:0}.home-category-laptops{background:#fff1e6;color:#b66527}.home-category-accessories{background:#faf0e6;color:#b37544}.home-category-visual svg{width:47px;height:47px;filter:none}.home-category-caption{padding:22px 17px 0;align-self:end}.home-category-caption h3{font-size:16px}.home-category-description{padding:9px 17px 21px;font-size:11px;align-self:start}.home-round-arrow{color:#c26722;background:#fff2e6;width:29px;height:29px;font-size:16px}.home-heading-row{margin-bottom:22px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card,.home-featured .product-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:none;transition:box-shadow .15s,transform .15s}.product-card:hover{box-shadow:0 5px 16px #00000010;transform:translateY(-2px)}.product-image,.home-featured .product-image{background:white;aspect-ratio:1.2;border-bottom:1px solid #f4f4f4}.product-image img{object-fit:contain;padding:14px}.product-body,.home-featured .product-body{padding:16px}.product-body h3,.home-featured .product-body h3{font-size:14px;min-height:42px;line-height:1.5;font-weight:600}.product-bottom,.home-featured .product-bottom{align-items:flex-start;gap:12px;flex-direction:column}.product-bottom strong,.home-featured .product-bottom strong{font-size:18px;color:#dc5b0e}.home-featured .small-button,.small-button{min-height:33px;font-size:11px;padding:8px 11px}.photo-placeholder b{color:#d77532}.photo-placeholder span{font-size:10px}.home-featured .stock,.stock{font-size:11px}.home-partner{margin:38px auto;padding:32px;background:linear-gradient(110deg,#40342b,#5b3b26);border-radius:12px;gap:35px}.home-partner .eyebrow{color:#ffb680}.home-partner h2{font-size:30px}.home-partner>div>p:not(.eyebrow){color:#ead4c3;font-size:13px}.home-partner-card{border-color:#aa785449;background:#ffffff07}.home-partner-card .home-icon{color:#ffc291;background:#ffc29112;border-color:#ffc29125}.home-partner-card ul{color:#ecd7c7}.home-partner-card li::before{color:#ffd19e}.home-steps li{border-color:#eae5df;border-radius:9px}.home-steps li>span{color:#c2560d;background:#fff0e2}.home-faq-list summary::after{color:#cd5a10}.home-contact{margin:38px auto 0;background:#fff1e6;border-color:#ffddc3;border-radius:10px}.home-contact p:last-child{color:#876c56}.store-footer{background:#fff;margin-top:40px;border-top:1px solid #e7e7e7}.store-footer .brand-image{width:44px;height:44px}.footer-bottom{border-color:#eee}.panel{background:white;border-color:#e7e7e7;border-radius:10px}.page-heading{margin:30px 0}.page-heading h1,.dashboard-heading h1{font-size:28px;letter-spacing:-.035em}.search-form{background:white;padding:18px;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.chip{background:#fff;border-color:#e9e3de}.chip.active{background:var(--orange);border-color:var(--orange);color:white}.account-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:26px;margin-top:26px;align-items:start}.account-sidebar{background:white;border:1px solid var(--line);border-radius:10px;padding:20px 14px;position:sticky;top:18px;min-width:0}.account-sidebar-head{padding:2px 10px 20px;border-bottom:1px solid #eee}.account-sidebar-head .eyebrow{font-size:10px;margin-bottom:9px}.account-sidebar-head strong{display:block;font-size:14px;overflow-wrap:anywhere}.admin-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:15px 0 0;padding:0;border:0;font-size:12px}.admin-nav a{display:block;color:#5d5d5d;padding:11px 10px;border-radius:6px}.admin-nav a[aria-current]{background:#fff0e3;color:#c95008;font-weight:700}.admin-nav a:hover{background:#fff6ef;text-decoration:none}.admin-nav form{margin:12px 10px 0;border-top:1px solid #eee;padding-top:12px}.account-content{min-width:0}.account-content .page-heading{margin-top:0}.account-content .dashboard-heading{margin-top:0}.metric-grid{gap:14px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:19px 16px;color:var(--ink)}.metric strong{color:#d95b0e;font-size:30px}.metric span{font-size:12px}.metric small{font-size:10px}.order-filters{gap:14px}.order-filters label{font-size:11px}.order-filters button{font-size:12px}.status-badge.new{background:#fff1df;color:#a8650b}.status-badge.processing{background:#fff0e6;color:#bb590f}.chart-panel{border-color:var(--line)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:45px auto;gap:50px;align-items:center}.auth-intro{padding:30px 15px}.auth-intro h1{font-size:42px;line-height:1.15;letter-spacing:-.04em;max-width:430px}.auth-intro>p:not(.eyebrow){color:#79716c;font-size:15px;max-width:420px}.auth-intro ul{padding-left:20px;font-size:13px;color:#6e6258;line-height:2.4;margin:25px 0}.auth-intro .eyebrow{font-size:11px}.auth-panel{padding:32px}.auth-panel h2{font-size:27px}.auth-panel>.muted{font-size:12px}.auth-panel label{font-size:12px}.auth-switch{font-size:13px;margin:22px 0 12px}.auth-panel>p:last-child{font-size:11px}.summary{align-self:start}.order-title{overflow-wrap:anywhere}input:focus,select:focus,textarea:focus{border-color:#e88849;outline:2px solid #ffccaa;outline-offset:1px}:focus-visible{outline-color:#ea7a2e}.notice{background:#f0faf2;border-color:#bfe2c6}.tracking-steps li.done>span{background:var(--orange);border-color:var(--orange)}.tracking-steps li.done{color:#b85813}
@media(max-width:1050px){.market-header{grid-template-columns:175px minmax(150px,1fr) auto;gap:20px}.brand{font-size:21px}.header-actions{gap:12px;font-size:12px}.header-inner nav{gap:20px}.market-home-top{grid-template-columns:195px minmax(0,1fr)}.market-categories{padding:23px 15px}.home-hero{padding:30px 25px}.home-audiences article{padding:0 17px}.account-layout{grid-template-columns:180px minmax(0,1fr);gap:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero.has-picture .home-hero-layout{grid-template-columns:1fr}.home-hero.has-picture .home-hero-picture{max-width:260px}.home-hero.has-picture .home-hero-content{margin:0}.home-hero.has-picture .home-actions,.home-hero.has-picture .home-hero-benefits{justify-content:flex-start}.home-hero.has-picture .home-logo{margin-left:0}.home-hero.has-picture .home-hero-lead{margin-left:0}.auth-layout{gap:25px}.auth-intro h1{font-size:36px}}
@media(max-width:760px){.market-header{grid-template-columns:1fr auto;gap:14px;padding:13px 0}.brand{max-width:none;font-size:21px}.brand-image{width:42px;height:42px}.market-search{grid-column:1/-1;grid-row:2;min-width:0}.market-search input{font-size:12px;min-height:42px}.market-search button{min-height:42px;font-size:12px;padding:10px 14px}.header-actions{gap:13px;font-size:11px}.header-inner{padding:8px 0;min-height:0}.menu-toggle{margin-left:0;min-height:34px;background:#fff4eb;color:#a94b0c;border-color:#f4d2b9;font-size:11px}.menu-toggle:hover{background:#ffebdb;color:#a94b0c;border-color:#f4d2b9}.header-inner nav{padding-top:12px;gap:6px 22px;min-height:0}.header-inner nav>a{padding:9px 0}.header-inner nav>a:last-child{margin-left:0;padding:9px 0}.market-home-top{grid-template-columns:1fr;width:calc(100% - 32px);gap:16px;margin-top:17px}.market-categories{padding:15px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}.market-categories>.eyebrow,.market-categories h2,.market-category-note{display:none}.market-categories>a{border:0;font-size:11px;padding:5px 0;gap:6px}.market-categories>a svg{width:17px;height:17px}.market-categories>a span:last-child{display:none}.home-hero{padding:25px;min-height:0}.home-hero h1{font-size:34px}.home-hero-lead{font-size:13px}.home-audiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:16px 0;width:calc(100% - 32px)}.home-audiences article{display:block;padding:0 12px}.home-audiences .home-icon{width:33px;height:33px;margin-bottom:9px}.home-audiences .home-icon svg{width:18px;height:18px}.home-audiences h2{font-size:12px}.home-audiences p{font-size:10px;line-height:1.6}.home-audiences a{font-size:10px}.home-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-category{display:block}.home-category-visual{height:85px;min-height:0}.home-category-visual svg{width:37px;height:37px}.home-category-caption{padding:12px 10px}.home-category-caption h3{font-size:12px}.home-category-caption p{font-size:9px}.home-round-arrow,.home-category-description{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-layout{grid-template-columns:1fr;gap:20px}.account-sidebar{position:static;padding:14px}.account-sidebar-head{padding:0 5px 10px;display:flex;gap:15px;align-items:center}.account-sidebar-head .eyebrow{margin:0;font-size:9px}.account-sidebar-head strong{font-size:12px}.admin-nav{flex-direction:row;flex-wrap:wrap;gap:5px;margin-top:10px;font-size:11px}.admin-nav a{padding:8px}.admin-nav form{margin:0;padding:0;border:0;align-self:center}.admin-nav .text-button{font-size:11px}.auth-layout{grid-template-columns:1fr;gap:15px;margin:24px auto}.auth-intro{padding:5px 10px}.auth-intro h1{font-size:28px;max-width:none;margin-bottom:10px}.auth-intro>p:not(.eyebrow){font-size:13px;max-width:none}.auth-intro ul{display:none}.auth-intro>a{font-size:12px}.auth-panel{padding:25px}.home-section{margin:28px auto}.home-partner{margin:28px auto}.home-section h2{font-size:23px}.home-heading-row{flex-direction:row;align-items:center;gap:15px}.home-heading-row .button{font-size:10px;white-space:normal;text-align:center;min-width:95px;padding:9px 12px}.home-partner h2{font-size:26px}.home-featured .product-body,.product-body{padding:13px}.home-featured .product-body h3,.product-body h3{font-size:12px;min-height:36px}.home-featured .product-bottom strong,.product-bottom strong{font-size:16px}.home-featured .product-image,.product-image{aspect-ratio:1.1}.home-featured .small-button{font-size:10px}.page-heading h1,.dashboard-heading h1{font-size:25px}.home-contact{margin-top:28px}.market-hero-picture{min-width:0}}
@media(max-width:390px){.brand{font-size:18px;gap:7px}.brand-image{width:36px;height:36px}.header-actions{font-size:10px;gap:10px}.home-hero{padding:22px 19px}.home-hero h1{font-size:29px}.home-audiences article{padding:0 9px}.home-audiences p{font-size:9px}.home-featured .product-body,.product-body{padding:11px}.product-body .eyebrow{font-size:9px}.home-featured .product-bottom strong,.product-bottom strong{font-size:14px}.home-category-caption h3{font-size:11px}.home-heading-row h2{font-size:21px}.home-hero-benefits>span{font-size:9px}.metric{padding:15px 12px}.metric strong{font-size:25px}.metric small{font-size:9px}.auth-panel{padding:22px}.product-image img{padding:9px}}

.catalogue-banner{background:linear-gradient(110deg,#fff0e1,#fff8f1);border:1px solid #f7dcc7;border-radius:11px}.catalogue-banner p:not(.eyebrow){color:#806c5e}.chip.selected{background:#fff0e3;border-color:#f4b987;color:#b8500e}.order-history li{border-color:#f9d8bd}.order-history li::before{background:var(--orange)}.chart-data summary{color:#c8560f}.has-picture h1{font-size:clamp(29px,3vw,42px)}.home-hero.has-picture{padding:30px 25px}.tracking-steps li.done>span{color:#c05a12}.tracking-steps li[aria-current]>span{color:#fff}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong.metric-money{font-size:15px}}
.market-header>*{min-width:0}.market-header .brand{white-space:normal}.market-header .brand>span{overflow-wrap:anywhere;line-height:1.2}.market-search{width:100%}@media(max-width:760px){.market-header{grid-template-columns:minmax(0,1fr) auto}.market-header .brand>span{font-size:17px}.header-actions{min-width:0}}@media(max-width:390px){.market-header .brand>span{font-size:15px}}

/* Version 5 categories and checkout */
.home-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-category-visual{min-height:140px;height:140px}.home-category-caption h3{font-size:19px}
.market-categories>a{padding-block:9px}.market-categories{align-self:start}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.payment-choice{border:1px solid #ddd;border-radius:10px;padding:16px;cursor:pointer;display:flex;gap:12px;align-items:center;background:#fff}
.payment-choice:has(input:checked){border:2px solid #ef6208;background:#fff5eb}
.payment-choice input{width:18px;min-height:18px;accent-color:#ef6208}.payment-choice span{line-height:1.5}
.payment-details{padding:18px;background:#fff7ee;border-radius:10px;border:1px solid #f4d3b9;display:grid;gap:14px}.payment-details[hidden]{display:none}
.bank-details{margin:0;display:grid;gap:8px}.bank-details div{display:flex;justify-content:space-between;gap:16px}.bank-details dt{color:#616161}.bank-details dd{margin:0;text-align:right;font-weight:650;overflow-wrap:anywhere}
.attachment-link{font-weight:650}.file-help{font-size:13px;color:#666}.tracking-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.home-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.payment-options{grid-template-columns:1fr}.home-category-visual{height:115px;min-height:115px}.home-category-caption h3{font-size:16px}.home-categories{gap:10px}.tracking-steps{grid-template-columns:1fr 1fr}.bank-details div{display:block}.bank-details dd{text-align:left}}

/* Supplier source information is private to the staff order desk. */
.supplier-order-info{margin-top:.45rem;padding:.65rem .75rem;border-left:3px solid #7c3aed;background:#f6f3ff;border-radius:0 .5rem .5rem 0;font-size:.9rem;line-height:1.65;color:#35245f}.supplier-order-info a{font-weight:700;text-decoration:underline}