/*
Theme Name: ARB B2B
Theme URI: https://arbelectrical.co.za
Description: Mobile-first B2B/B2C WooCommerce theme for ARB Electrical Wholesalers. Self-contained: no build step, no Sass/Less, no ACF. See README.md for the folder conventions.
Author: Coffee Creative Studio
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: arb
*/

/* ==========================================================================
   ARB B2B – plain CSS, mobile first. Sections: 1 tokens · 2 shell · 3 type · 4 controls ·
   5 products · 6 cart/totals · 7 screens · 8 forms · 9 helpers · 10 print
   ========================================================================== */

/* 1. Tokens */
:root{
	--blue:#0a5faa; --blue-d:#084c88; --red:#ef3e42; --red-d:#d92f33; --dark:#4e4e4e; --steel:#5c86ad;
	--bg:#f6f6fa; --card:#fff; --ink:#000; --muted:#7a7a85; --line:#e3e3ea; --tint:#c8d9ea; --tint-2:#deeaf6;
	--green:#16a34a; --amber:#d98e04; --danger:#e03131; --tag-bg:#fbd8d9;
	--r:6px; --gap:14px; --nav-h:76px; --col:520px;
	--font:"Myriad Pro","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.35 var(--font);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--blue);text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.arb-icon{flex:none;display:block}

/* 2. Shell: one centred column, header on top, fixed bottom nav */
#arb-app{max-width:var(--col);margin:0 auto;min-height:100vh;background:var(--bg);position:relative}
#arb-screen{min-height:100vh;padding-bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));position:relative;overflow:hidden;transition:opacity .18s ease}
#arb-screen.is-leaving{opacity:.35}
.arb-main{padding:0 16px 24px;position:relative;z-index:1}
.arb-pattern{position:absolute;left:0;right:0;bottom:0;height:260px;background:url('assets/img/pattern.png') center bottom/cover no-repeat;opacity:.55;pointer-events:none;z-index:0}
.arb-header{background:#fff;padding:14px 16px 12px;position:sticky;top:0;z-index:20}
.arb-header--logo{text-align:center;padding-bottom:0;background:#fff;position:static}
.arb-header--logo .arb-search{margin:12px 0 0;padding-bottom:12px}
.arb-header--back{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-bottom:12px}
.arb-logo{display:block;margin:0 auto;height:34px;width:auto}
.arb-header--back .arb-logo{height:20px}
.arb-logo--lg{height:62px;margin-bottom:34px}
.arb-back{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;font-size:18px}
.arb-back__btn{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e4e4e8}
.arb-backlink{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink);font-weight:700;font-size:18px;padding:10px}
.arb-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:var(--col);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;display:flex;justify-content:space-around;border-top:1px solid var(--line);z-index:30}
.arb-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;color:#555;font-size:13px;font-weight:700}
.arb-nav__item.is-active{color:var(--red)}
.arb-nav__icon{position:relative}
.arb-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;line-height:18px;text-align:center}
#arb-loader{position:fixed;inset:0;background:rgba(246,246,250,.6);display:grid;place-items:center;z-index:100;backdrop-filter:blur(1px)}
#arb-loader[hidden]{display:none}
.arb-spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--tint);border-top-color:var(--blue);animation:arb-spin .8s linear infinite}
@keyframes arb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#arb-screen{transition:none}.arb-spinner{animation-duration:2s}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
.arb-flash{margin:12px 0;padding:12px 14px;border-radius:var(--r);font-weight:700;background:#fde8e8;color:#9b1c1c}
.arb-flash--success{background:#dcf5e4;color:#15803d}

/* 3. Type */
.arb-h1{font-size:25px;line-height:1.15;margin:18px 0 12px;font-weight:800}
.arb-h1 small{font-size:15px;color:var(--muted);font-weight:600}
.arb-h1--blue{color:var(--blue);text-transform:uppercase}
.arb-h1--center{text-align:center}
.arb-h1--product{font-size:23px;margin:2px 0 4px}
.arb-hero{font:800 40px/1.1 Arial,Helvetica,sans-serif;text-align:center;margin:18px 0 8px}
.arb-h2{font-size:23px;margin:0;font-weight:800}
.arb-h2 small{font-size:14px;color:var(--muted)}
.arb-h3{font-size:21px;margin:0 0 8px;font-weight:800}
.arb-h3--blue{color:var(--blue);font-size:18px}
.arb-h4{font-size:14px;letter-spacing:.02em;color:var(--muted);margin:22px 0 8px;font-weight:800}
.arb-muted{color:var(--muted)}
.arb-small{font-size:14px}
.arb-step{color:var(--blue);font-size:20px;font-weight:700;margin:-6px 0 14px}
.arb-empty{color:var(--muted);text-align:center;padding:24px 0;grid-column:1/-1}
.arb-emptybox{text-align:center;color:var(--muted);padding:22px 12px;display:grid;gap:10px;justify-items:center}
.arb-emptybox strong{font-size:18px}
.arb-emptybox p{margin:0}
.arb-card-plain{background:#fff;padding:16px;border-radius:var(--r);margin:14px 0}
.arb-pre{white-space:pre-wrap;background:var(--bg);padding:12px;border-radius:var(--r);font:14px/1.5 var(--font)}
.arb-center{padding:28px 12px;text-align:center}
.arb-center form{display:grid;gap:12px;margin-top:20px}
.arb-center-text{text-align:center}
.arb-demo{display:inline-block;background:#fff3cd;color:#7a5a00;padding:6px 12px;border-radius:99px;font-size:14px;margin:0}
.arb-note{background:#fff3cd;color:#7a5a00;padding:10px 12px;border-radius:var(--r);font-size:14px}

/* 4. Controls */
.arb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 18px;border:2px solid transparent;border-radius:var(--r);font-weight:800;font-size:18px;cursor:pointer;text-align:center;line-height:1.15;background:#fff;color:var(--ink);transition:background .15s,transform .05s}
.arb-btn:active{transform:translateY(1px)}
.arb-btn[disabled]{opacity:.5;cursor:not-allowed}
.arb-btn--primary{background:var(--red);color:#fff}.arb-btn--primary:hover{background:var(--red-d)}
.arb-btn--blue{background:var(--blue);color:#fff}.arb-btn--blue:hover{background:var(--blue-d)}
.arb-btn--steel{background:var(--steel);color:#fff}
.arb-btn--dark{background:var(--dark);color:#fff}
.arb-btn--ghost{border-color:var(--ink);background:transparent;font-size:17px}
.arb-btn--outline{border-color:var(--blue);color:var(--blue);background:#fff}
.arb-btn--outline-dark{border-color:var(--ink);background:#fff}
.arb-btn--danger{background:#fff;border-color:var(--danger);color:var(--danger)}
.arb-btn--block{display:flex;width:100%}
.arb-linkbtn{background:none;border:0;padding:0;color:var(--ink);font-weight:800;text-decoration:underline;cursor:pointer}
.arb-iconbtn{background:none;border:0;padding:4px;cursor:pointer;color:#222}
.arb-select{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 12px;border:1px solid #999;border-radius:var(--r);background:#fff;color:var(--muted);font-size:17px;cursor:pointer;list-style:none;appearance:none}
.arb-select::-webkit-details-marker{display:none}
select.arb-select{padding-right:28px}
.arb-toolbar{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:12px 0}
.arb-toolbar>form:first-child{flex:1;min-width:0}
.arb-toggle{display:flex;border:1px solid #999;border-radius:var(--r);overflow:hidden;background:#fff;flex:none}
.arb-toggle a{display:grid;place-items:center;width:52px;height:44px;color:#666}
.arb-toggle a.is-on{background:var(--blue);color:#fff}
.arb-tabs{display:flex;gap:10px;margin:14px 0;overflow-x:auto;scrollbar-width:none}
.arb-tabs::-webkit-scrollbar{display:none}
.arb-tab{flex:1 0 auto;padding:10px 16px;text-align:center;border:1px solid #999;border-radius:var(--r);font-weight:800;color:#777;background:#f9f9fb;white-space:nowrap}
.arb-tab.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.arb-pills{display:flex;gap:10px;overflow-x:auto;padding:14px 0 4px;scrollbar-width:none;margin:0 -16px;padding-left:16px;padding-right:16px}
.arb-pills::-webkit-scrollbar{display:none}
.arb-pill-link{flex:none;padding:8px 14px;border:1px solid #999;border-radius:var(--r);font-weight:800;color:#666;background:#f9f9fb}
.arb-pill-link.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.arb-pill{display:inline-block;padding:3px 12px;border-radius:99px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;background:#e5e5ea;color:#555;white-space:nowrap}
.arb-pill--completed,.arb-pill--received,.arb-pill--accepted{background:#d3ecd9;color:#15803d}
.arb-pill--processing,.arb-pill--sent{background:#fdebc0;color:#b7791f}
.arb-pill--cancelled,.arb-pill--declined,.arb-pill--expired{background:#fbd8d9;color:#b91c1c}
.arb-details{margin:12px 0}
.arb-details>summary{cursor:pointer;font-weight:800;color:var(--blue)}
.arb-details--btn>summary{list-style:none}.arb-details--btn>summary::-webkit-details-marker{display:none}
.arb-details form{display:grid;gap:10px;margin-top:10px;background:#fff;padding:14px;border-radius:var(--r)}
.arb-tag{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:var(--r);background:var(--tag-bg);color:var(--red);font-weight:800;font-size:14px;text-transform:uppercase}

/* 5. Products */
.arb-stack{display:grid;gap:10px}.arb-stack--tight{gap:10px;margin:14px 0}
.arb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.arb-card{position:relative;background:var(--card);padding:16px;display:grid;gap:10px;align-content:space-between}
.arb-card__info{display:grid;gap:3px;color:var(--ink);justify-items:start}
.arb-card__brand{color:var(--muted);font-size:15px}
.arb-card__title{margin:0;font-size:17px;line-height:1.2;font-weight:800}
.arb-card__sku{color:var(--muted);font-size:15px}
.arb-card__buy{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.arb-card--list{grid-template-columns:1fr}
.arb-card--list .arb-card__buy{margin-top:-52px;justify-content:flex-end}
.arb-card--list .arb-card__info{padding-right:150px}
.arb-card--list .arb-price{text-align:right}
.arb-price{display:grid;line-height:1.1}
.arb-price s{font-weight:700;font-size:15px}
.arb-price strong{font-size:21px;font-weight:800}
.arb-stock{font-size:13px;font-weight:800}
.arb-stock small{color:var(--muted);font-weight:400;font-size:13px}
.arb-stock--in{color:var(--green)}.arb-stock--low{color:var(--amber)}.arb-stock--out{color:var(--danger)}
.arb-flag{position:absolute;top:0;right:0;padding:2px 12px;color:#fff;font-weight:800;font-size:15px}
.arb-flag--sale{background:var(--red)}.arb-flag--new{background:var(--blue)}
.arb-add{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r);background:var(--blue);color:#fff;cursor:pointer;flex:none}
.arb-add[disabled]{background:#888;cursor:not-allowed}
.arb-stepper{display:flex;align-items:center;justify-content:space-between;gap:6px;height:44px;min-width:106px;padding:0 6px;background:#72a8dc;border-radius:var(--r);color:#fff;font-weight:800}
.arb-stepper button{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #fff;border-radius:50%;background:transparent;color:#fff;cursor:pointer;padding:0}
.arb-stepper--sm{background:#f0f0f5;color:var(--ink);min-width:112px}
.arb-stepper--sm button{border-color:#111;color:#111}
.arb-stepper__qty{min-width:20px;text-align:center}
.arb-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:var(--card);padding:12px 14px}
.arb-row__info{display:grid;color:var(--ink);gap:1px}
.arb-row__price{display:grid;text-align:right;line-height:1.1}
.arb-row__price strong{font-size:18px}
.arb-line{display:grid;grid-template-columns:1fr auto;gap:8px 12px;background:var(--card);padding:14px 16px;align-items:center}
.arb-line__info{display:grid;gap:2px}.arb-line__info a{color:var(--ink)}
.arb-line__price{text-align:right;display:grid;line-height:1.1}.arb-line__price strong{font-size:20px}
.arb-line__ctl{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}
.arb-qtybox{display:grid;place-items:center;min-width:42px;height:42px;background:#f0f0f5;border-radius:var(--r);font-weight:800;grid-column:2}
.arb-gallery{position:relative;background:#fff;margin:0 0 14px;display:grid;place-items:center;min-height:240px}
.arb-gallery img{width:100%;max-height:360px;object-fit:contain}
.arb-gallery__zoom{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:40px;background:#777;color:#fff}
.arb-product-img--icon{display:grid;place-items:center;width:100%;min-height:240px;color:var(--blue);background:linear-gradient(135deg,#eef4fb,#fff)}
.arb-pricebar{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 0}
.arb-qtyfield{display:flex;align-items:center;gap:8px;font-weight:800}
.arb-qtyfield input{width:76px;height:46px;text-align:center;font-weight:800;border:2px solid var(--red);border-radius:var(--r);background:#fff}
.arb-specs{margin:0}.arb-specs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.arb-specs dt{color:var(--muted)}.arb-specs dd{margin:0;font-weight:800}
.arb-download{display:flex;align-items:center;gap:14px;background:#fff;padding:18px;color:var(--ink)}
.arb-download>span:nth-child(2){flex:1;display:grid}.arb-download small{color:var(--muted)}
.arb-download__icon{display:grid;place-items:center;width:50px;height:50px;background:var(--bg);border-radius:var(--r);color:var(--blue)}
.arb-download__btn{display:grid;place-items:center;width:54px;height:54px;border-radius:var(--r);background:var(--blue);color:#fff}
.arb-filterbar{flex:1;min-width:0;display:grid;gap:10px}
.arb-filter>summary{width:100%}
.arb-filter__panel{background:#fff;border:1px solid var(--line);padding:16px;margin-top:6px;display:grid;gap:10px;max-height:70vh;overflow:auto}
.arb-filter__head{display:flex;justify-content:space-between;align-items:center}
.arb-filter__head a{color:var(--muted);display:flex;gap:6px;align-items:center;font-size:15px}
.arb-chips{display:flex;flex-wrap:wrap;gap:8px}
.arb-chips__none{margin:0;width:100%;background:#eee;color:var(--muted);font-style:italic;text-align:center;padding:12px;border-radius:var(--r);font-size:15px}
.arb-chip{display:inline-flex;align-items:center;gap:6px;background:#b5b5b9;color:#fff;padding:5px 10px;border-radius:var(--r);font-weight:800;font-size:15px}
.arb-checks{border:0;margin:0;padding:0;display:grid;gap:8px}
.arb-checks legend{color:var(--blue);font-weight:800;font-size:18px;text-transform:uppercase;padding:0 0 4px;border-bottom:1px solid #999;width:100%;margin-bottom:6px}
.arb-checks label{display:flex;gap:10px;align-items:center;font-size:17px}.arb-checks label.is-on{font-weight:800}
.arb-check{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-weight:800}
.arb-check input,.arb-checks input,#use_credit,.arb-radio input{width:22px;height:22px;accent-color:var(--blue)}
.arb-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0;color:var(--muted)}
.arb-pager .arb-btn{min-height:42px;font-size:16px}
.arb-suggest{position:absolute;left:0;right:0;top:100%;z-index:40;background:#fff;border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.12);max-height:60vh;overflow:auto;text-align:left}
.arb-suggest__item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
.arb-suggest__item:last-child{border:0}
.arb-suggest__item>span:first-child{flex:1;display:grid;line-height:1.2}
.arb-suggest__item small{color:var(--muted)}
.arb-suggest .arb-add{width:34px;height:34px}
.arb-suggest p{margin:0;padding:14px;color:var(--muted)}

/* 6. Cart, totals, payment */
.arb-totals{margin:16px 0;display:grid;gap:4px}
.arb-totals__row{display:flex;justify-content:space-between;color:var(--muted);font-size:18px;padding:2px 0}
.arb-totals__row dt,.arb-totals__row dd{margin:0}
.arb-totals__row.total{color:var(--ink);font-weight:800;border-top:1px solid #ccc;padding-top:8px;margin-top:4px}
.arb-totals__row.credit,.arb-totals__row.owed{background:var(--tint);color:var(--ink);font-weight:800;margin:4px -16px;padding:6px 16px}
.arb-totals__row.owed{background:none;border-top:0;padding-top:2px}
.arb-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arb-seg form{display:contents}
.arb-seg__btn{height:52px;border:2px solid var(--ink);border-radius:var(--r);background:#fff;font-weight:800;font-size:18px;cursor:pointer}
.arb-seg__btn.is-on{background:var(--tint);border-color:var(--blue);color:var(--blue)}
.arb-panel{background:#fff;padding:16px;margin:12px 0;display:grid;gap:8px}
.arb-panel--row{grid-template-columns:1fr auto;align-items:center;margin:16px 0}
.arb-panel--address{gap:6px}
.arb-panel__head{display:flex;justify-content:space-between;align-items:center}
.arb-addr{display:flex;justify-content:space-between;align-items:center;color:var(--ink);font-size:19px}
.arb-edit{display:inline-flex;align-items:center;gap:6px;background:#e4e4e8;color:#666;padding:6px 14px;border-radius:99px;font-weight:700;font-size:14px;justify-self:start}
.arb-val{display:block;font-size:18px;margin-bottom:10px}
.arb-radio{display:flex;gap:10px;align-items:center;padding:6px 0}
.arb-pay{display:grid;gap:10px;margin:10px 0}
.arb-pay__opt{display:flex;gap:12px;align-items:flex-start;background:#fff;padding:14px;border:2px solid var(--line);border-radius:var(--r);cursor:pointer}
.arb-pay__opt:has(input:checked){border-color:var(--blue);background:var(--tint-2)}
.arb-pay__opt.is-disabled{opacity:.5;cursor:not-allowed}
.arb-pay__opt input{margin-top:3px;width:22px;height:22px;accent-color:var(--blue)}
.arb-pay__body{display:grid;gap:2px}.arb-pay__body small{color:var(--muted);font-size:14px}.arb-pay__body em{font-style:normal;color:var(--blue);font-weight:700;font-size:14px}
.arb-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:14px}
.arb-steps li{display:flex;gap:14px;align-items:center}
.arb-steps li>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bg);color:var(--blue);flex:none}
.arb-steps small{display:block;color:var(--muted)}
.arb-done{text-align:center;padding:26px 0 6px}
.arb-done__tick{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#34b950;color:#fff;margin:0 auto 14px}
.arb-bignum{display:block;font-size:30px;font-weight:800}

/* 7. Screens */
.arb-banner{background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin:0 -16px 8px}
.arb-banner h1{margin:0;font-size:26px;font-weight:700}
.arb-banner__credit{text-align:right;display:grid;line-height:1.1}.arb-banner__credit strong{font-size:22px}.arb-banner__credit span{font-size:13px}
.arb-sectionhead{display:flex;justify-content:space-between;align-items:baseline;margin:22px 0 10px}
.arb-sectionhead a{font-weight:800}
.arb-reorder{position:relative;background:var(--blue);color:#fff;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding:18px 18px 18px 14px;margin:18px 0;overflow:hidden;align-items:center}
.arb-reorder::before{content:"";position:absolute;left:0;top:0;width:78px;height:56px;background:#fff;border-bottom-right-radius:40px}
.arb-reorder__icon{position:relative;color:var(--red);z-index:1;align-self:start}
.arb-reorder h2{margin:6px 0 4px;font-size:25px}.arb-reorder p{margin:0;font-weight:700;line-height:1.3}
.arb-reorder form{grid-column:2;justify-self:start}
.arb-reorder .arb-btn{min-height:42px}
.arb-cats{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
.arb-cats::-webkit-scrollbar{display:none}
.arb-cats--wrap{flex-wrap:wrap;margin:14px 0;padding:0}
.arb-cats--wrap .arb-cat{flex:1 0 calc(33% - 10px)}
.arb-cat{flex:none;width:106px;background:#fff;padding:16px 8px 12px;display:grid;justify-items:center;gap:8px;color:var(--ink);font-weight:800;text-align:center;font-size:16px;line-height:1.1}
.arb-cat .arb-icon{color:var(--blue)}
.arb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.arb-tile{position:relative;min-height:158px;padding:14px 14px 56px;color:#fff;display:grid;align-content:start;gap:6px}
.arb-tile strong{font-size:19px}.arb-tile span{font-size:14px;line-height:1.25}
.arb-tile .arb-icon{position:absolute;right:12px;bottom:12px}
.arb-tile--red{background:var(--red)}.arb-tile--blue{background:var(--blue)}.arb-tile--dark{background:var(--dark)}
.arb-tile--wide{grid-column:1/-1;min-height:76px;padding:0 14px;align-items:center;grid-template-columns:1fr auto;align-content:center}
.arb-tile--wide .arb-icon{position:static}
.arb-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.arb-trio a{display:grid;justify-items:center;align-content:center;gap:6px;min-height:78px;padding:10px 6px;color:#fff;font-weight:800;text-align:center;line-height:1.15}
.arb-trio__a{background:#5c86ad}.arb-trio__b{background:#2f6fa8}.arb-trio__c{background:var(--blue)}
.arb-trio--outline a{background:#f5f8fc;border:2px solid var(--blue);color:var(--blue)}
.arb-trio--solid a{min-height:74px;font-size:17px}
.arb-trio--solid .is-dark{background:var(--dark)}.arb-trio--solid .is-steel{background:#2f6fa8}.arb-trio--solid .is-red{background:var(--red)}
.arb-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.arb-duo form{display:contents}.arb-duo .arb-btn{width:100%}
.arb-strip{display:flex;justify-content:space-around;background:var(--blue);color:#fff;padding:18px 8px;margin:12px 0;text-align:center}
.arb-strip div{display:grid;gap:2px}.arb-strip strong{font-size:22px}.arb-strip span{font-size:13px}
.arb-titlebar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.arb-titlebar .arb-h1{margin-top:14px}
.arb-logobox{display:grid;place-items:center;width:130px;height:62px;background:#fff;color:var(--muted);font-weight:800;overflow:hidden}
.arb-logobox img{max-height:60px;width:auto}
.arb-logoup{display:flex;gap:14px;align-items:center}.arb-logoup .arb-logobox{background:var(--bg)}
.arb-navrow{display:flex;align-items:center;gap:14px;background:#fff;padding:18px 16px;color:var(--ink)}
.arb-navrow>span:not(.arb-navrow__icon):not(.arb-pill){flex:1;display:grid;line-height:1.2}
.arb-navrow strong{font-size:19px}.arb-navrow small{color:var(--muted);font-size:15px}
.arb-navrow__icon{display:grid;place-items:center;width:54px;height:54px;background:var(--bg);border-radius:var(--r);color:var(--muted)}
.arb-navrow--blue{background:var(--tint-2);border:1px solid var(--blue);color:var(--blue)}.arb-navrow--blue strong{flex:1}
.arb-navrow--project{padding:14px 16px}
.arb-userrow{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:16px;color:var(--ink)}
.arb-userrow>span{display:grid;gap:2px}.arb-userrow small{color:var(--muted);font-size:16px}.arb-userrow em{font-style:normal;color:var(--blue);font-size:16px}
.arb-order{background:#fff;padding:16px;display:grid;gap:4px}
.arb-order__head{display:flex;justify-content:space-between;align-items:center}.arb-order__head strong{font-size:20px}
.arb-order p{margin:0}.arb-order__total{font-size:20px;margin-bottom:6px}
.arb-orderhead{display:flex;justify-content:space-between;align-items:flex-start}
.arb-orderhead p{margin:0}
.arb-upload{display:flex;align-items:center;gap:16px;background:var(--tint);border:1.5px solid var(--blue);padding:18px;color:var(--blue);cursor:pointer}
.arb-upload span{display:grid;color:var(--ink)}.arb-upload small{color:var(--muted);font-size:16px}
.arb-upload input{position:absolute;opacity:0;width:1px;height:1px}
.arb-files{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.arb-files li{display:flex;gap:8px}
.arb-files li>*:first-child{flex:1;background:#f0f0f0;padding:14px;color:#555;border-radius:2px;overflow:hidden;text-overflow:ellipsis}
.arb-files button{width:52px;border:0;background:#f0f0f0;cursor:pointer;color:#555}
.arb-pdf{width:100%;height:520px;background:#fff;margin-bottom:12px}
.arb-qlines{display:grid;gap:8px}
.arb-qline{display:grid;grid-template-columns:1fr 112px 64px;gap:6px;align-items:stretch}
.arb-qline__d{background:#fff;padding:12px;display:grid;gap:1px;grid-row:span 2}
.arb-qline__c{background:#fff;display:grid;place-items:center;grid-row:span 2}
.arb-qline__q{display:grid;grid-template-rows:1fr 1fr;gap:6px;grid-row:span 2}
.arb-qty{width:100%;height:100%;text-align:center;font-weight:800;border:0;background:#fff;font-size:18px;min-height:40px}
.arb-doc{background:#fff;padding:18px;margin:14px 0}
.arb-doc__head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px;line-height:1.5;border-bottom:3px solid var(--blue);padding-bottom:12px;margin-bottom:12px}
.arb-doc__logo{max-height:48px;width:auto;display:block;margin-bottom:6px}
.arb-doc__meta{text-align:right}.arb-doc__meta h2{margin:0 0 4px;color:var(--blue)}
.arb-doc__table{width:100%;border-collapse:collapse;font-size:15px}
.arb-doc__table th{text-align:left;border-bottom:2px solid var(--ink);padding:6px 4px}
.arb-doc__table td{border-bottom:1px solid var(--line);padding:8px 4px;vertical-align:top}
.arb-doc__table td:not(:first-child),.arb-doc__table th:not(:first-child){text-align:right;white-space:nowrap}
.arb-doc small{color:var(--muted)}

/* 8. Forms */
.arb-label{display:block;font-size:15px;font-weight:800;color:inherit;margin:10px 0 4px}
.arb-panel .arb-label,.arb-center .arb-label{color:var(--ink)}
p.arb-label,label.arb-label[for]{text-transform:none}
.arb-label small{font-weight:400;color:var(--muted)}
.arb-input{width:100%;min-height:50px;padding:10px 14px;border:1px solid #222;border-radius:var(--r);background:#fff;font-size:18px}
.arb-input--grey{background:#f0f0f0;border:0;border-radius:0;margin-bottom:6px}
.arb-input--center{text-align:center}
.arb-input--cost{max-width:120px}
.arb-input:focus{outline:2px solid var(--blue);outline-offset:1px}
textarea.arb-input{min-height:80px;resize:vertical;font-size:16px}
.arb-search{position:relative;display:flex;height:48px;border:1px solid #333;border-radius:24px;overflow:visible;background:#fff}
.arb-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 18px;font-size:17px;border-radius:24px 0 0 24px}
.arb-search input:focus{outline:none}
.arb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(10,95,170,.2)}
.arb-search button{width:64px;border:0;background:var(--red);color:#fff;cursor:pointer;border-radius:0 24px 24px 0;display:grid;place-items:center}
.arb-search--page{margin:12px 0}
.arb-readonly{background:#f0f0f0;padding:12px 14px;color:#555;line-height:1.5}
.arb-inline{display:flex;gap:6px;margin-bottom:6px}.arb-inline .arb-input{flex:1}
.arb-inline .arb-input--cost{flex:0 0 120px}
.arb-xbtn{display:grid;place-items:center;width:50px;flex:none;border:0;background:#eee;color:#555;cursor:pointer}
.arb-xbtn--dark{background:#777;color:#fff;min-height:40px}
form[data-arb]:not(.arb-stepper-form):not(.arb-panel){display:block}
.arb-stepper-form{display:contents}
.arb-center form.arb-stepper-form{display:contents}
.arb-otp{display:flex;justify-content:center;gap:8px;margin:6px 0}
.arb-otp input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:800;border:1px solid #222;border-radius:var(--r);background:#fff}
.arb-otp input:focus{outline:2px solid var(--blue)}

/* 9. Larger screens: same column, roomier grids */
@media (min-width:640px){
	:root{--col:720px}
	.arb-grid{grid-template-columns:repeat(3,1fr)}
	.arb-card--list .arb-card__info{padding-right:200px}
}
.arb-noprint{}

/* 10. Print (quotes → "Save as PDF") */
@media print{
	body{background:#fff}
	.arb-header,.arb-nav,.arb-pattern,.arb-noprint,#arb-loader,.arb-flash{display:none!important}
	#arb-app,#arb-screen{max-width:none;padding:0;min-height:0}
	.arb-main{padding:0}.arb-doc{padding:0;margin:0}
}