:root{--cust-bg:#171713;--cust-surface:#22221d;--cust-line:#3a3931;--cust-text:#f5f2e9;--cust-muted:#aaa99f;--cust-orange:#ff6b24}.customer-auth,.customer-app{min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#ff6b2419,transparent 40%),var(--cust-bg);color:var(--cust-text);font-family:"DM Sans",Inter,system-ui,sans-serif}.auth-shell{width:min(520px,calc(100% - 30px));margin:0 auto;padding:38px 0 28px}.auth-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--cust-text);font-weight:900;font-size:1.25rem;letter-spacing:-.04em;margin-bottom:26px}.auth-brand span{color:var(--cust-orange)}.auth-card{border:1px solid #ffffff15;border-radius:25px;background:linear-gradient(145deg,#25251f,#1d1d19);padding:clamp(24px,5vw,38px);box-shadow:0 28px 80px #0004}.auth-kicker{font-size:.7rem;letter-spacing:.16em;font-weight:900;color:var(--cust-orange)}.auth-card h1,.customer-welcome h1{font-size:clamp(2rem,5vw,3rem);line-height:1.06;letter-spacing:-.055em;margin:12px 0}.auth-card h1 em,.customer-welcome h1 em{color:var(--cust-orange);font-style:normal}.auth-card>p,.customer-welcome p{color:var(--cust-muted);line-height:1.7;margin:0 0 24px}.auth-card form>label,.auth-grid label{display:flex;flex-direction:column;gap:8px;color:#e9e6dc;font-size:.86rem;font-weight:750;margin:14px 0}.auth-card input,.auth-grid input{width:100%;min-height:48px;border:1px solid #ffffff20;background:#141410;color:var(--cust-text);border-radius:12px;padding:0 14px;font:inherit;outline:none}.auth-card input:focus,.auth-grid input:focus{border-color:var(--cust-orange);box-shadow:0 0 0 3px #ff6b2422}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.auth-grid .wide{grid-column:1/-1}.auth-grid small{font-size:.72rem;color:var(--cust-muted);font-weight:500}.auth-submit{border:0;border-radius:12px;background:var(--cust-orange);color:#20130c;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:50px;padding:0 17px;margin-top:20px;font:800 .92rem inherit;cursor:pointer;text-decoration:none;box-shadow:0 9px 24px #ff6b2426;transition:transform .18s,filter .18s}.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.06)}.auth-submit span{font-size:1.25rem}.auth-bottom{text-align:center;color:var(--cust-muted);font-size:.85rem;margin-top:24px}.auth-bottom a,.guest-link,.customer-help a,.panel-heading>a{color:var(--cust-orange);text-decoration:none;font-weight:800}.guest-link{display:block;text-align:center;margin-top:18px;font-size:.85rem}.auth-error{padding:12px 14px;border:1px solid #ef696955;background:#ef696914;color:#ffaaa4;border-radius:12px;line-height:1.5;font-size:.85rem;margin:16px 0}.auth-foot{text-align:center;color:#85847a;font-size:.76rem;margin:20px 0}.customer-top{width:min(1240px,calc(100% - 40px));min-height:84px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12}.customer-top .auth-brand{margin:0}.customer-top nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.customer-top nav a{padding:10px 12px;border-radius:10px;color:var(--cust-muted);text-decoration:none;font-size:.82rem;font-weight:750}.customer-top nav a:hover,.customer-top nav a.nav-current{color:var(--cust-text);background:#ffffff0c}.customer-top nav a.signout{color:#ff9b7b}.customer-main{width:min(1180px,calc(100% - 40px));margin:44px auto 70px}.customer-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.customer-welcome h1{margin:10px 0}.customer-welcome p{margin:0}.auth-submit.compact{width:auto;min-width:190px;min-height:46px;margin:0;padding:0 16px}.customer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.customer-stats article{position:relative;min-height:145px;padding:22px;border:1px solid #ffffff12;border-radius:19px;background:linear-gradient(140deg,#272720,#20201b);display:flex;flex-direction:column;gap:10px;overflow:hidden}.customer-stats article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-42px;top:-48px;background:var(--stat-glow,#ff6b2416)}.customer-stats article:nth-child(1){--stat-glow:#ff6b2420}.customer-stats article:nth-child(2){--stat-glow:#a78bfa20}.customer-stats article:nth-child(3){--stat-glow:#4ade8020}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-weight:900}.stat-icon.orange{color:#ff8b55;background:#ff6b241a}.stat-icon.purple{color:#c4b5fd;background:#a78bfa1a}.stat-icon.green{color:#86efac;background:#4ade801a}.customer-stats small{color:var(--cust-muted);font-size:.8rem}.customer-stats strong{font-size:1.8rem;line-height:1}.customer-panel{border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(145deg,#24241f,#1d1d19);overflow:hidden;margin-bottom:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid #ffffff10}.panel-heading h2,.profile-panel h2{font-size:1.15rem;margin:0 0 6px;letter-spacing:-.025em}.panel-heading p{color:var(--cust-muted);font-size:.82rem;margin:0}.panel-heading>a{font-size:.82rem;white-space:nowrap}.customer-table-wrap{overflow-x:auto}.customer-table{border-collapse:collapse;width:100%;min-width:740px}.customer-table th{text-align:left;text-transform:uppercase;letter-spacing:.09em;font-size:.67rem;color:#99988e;font-weight:850;padding:15px 20px;background:#ffffff03}.customer-table td{padding:17px 20px;border-top:1px solid #ffffff0d;color:#dedbd1;font-size:.82rem;vertical-align:middle}.customer-table td strong{display:block;color:#f8f5eb;font-size:.82rem}.customer-table td small{display:block;color:var(--cust-muted);margin-top:5px}.table-action{color:var(--cust-orange);text-decoration:none;font-weight:800;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #ffffff15;background:#ffffff08;color:#d7d4ca;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:800}.status-pill.paid,.status-pill.order-completed{color:#86efac;background:#4ade8012;border-color:#4ade8030}.status-pill.pending,.status-pill.unpaid,.status-pill.order-pending_review{color:#fcd28a;background:#f59e0b12;border-color:#f59e0b30}.status-pill.failed,.status-pill.order-cancelled,.status-pill.order-declined{color:#fca5a5;background:#ef444412;border-color:#ef444430}.customer-empty{text-align:center;padding:48px 20px 52px}.customer-empty>span{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;margin:0 auto 15px;background:#ff6b2415;font-size:1.8rem}.customer-empty h3{font-size:1.2rem;margin:0 0 8px}.customer-empty p{color:var(--cust-muted);font-size:.86rem;margin:0 0 22px}.customer-alert{padding:13px 16px;border:1px solid #4ade8030;background:#4ade8010;color:#9ff0b8;border-radius:12px;margin:0 0 20px;font-size:.86rem}.customer-alert.alert-error{border-color:#ef444430;background:#ef444410;color:#fca5a5}.customer-help{color:var(--cust-muted);font-size:.84rem;text-align:center;margin-top:28px}.customer-back{display:inline-block;color:var(--cust-muted);text-decoration:none;margin-bottom:20px;font-size:.85rem}.customer-back:hover{color:var(--cust-orange)}.order-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:25px}.timeline-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:#77766d}.timeline-step>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;font-size:.78rem;font-weight:900;background:#171713}.timeline-step strong{font-size:.75rem;line-height:1.4}.timeline-step small{display:block;color:var(--cust-orange);font-size:.68rem;margin-top:5px}.timeline-step.is-done,.timeline-step.is-current{color:var(--cust-text)}.timeline-step.is-done>span,.timeline-step.is-current>span{border-color:#ff6b24;background:#ff6b24;color:#20130c}.order-items-list{padding:10px 26px}.order-item-row,.order-total-list>div{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:15px 0;border-bottom:1px solid #ffffff10;font-size:.87rem}.order-item-row strong,.order-total-list strong{color:#f8f5eb}.order-item-row small{display:block;color:var(--cust-muted);margin-top:6px;max-width:600px;overflow-wrap:anywhere}.order-total-list{padding:0 26px 18px;max-width:440px;margin-left:auto}.order-total-list span{color:var(--cust-muted)}.order-total-list .grand-total{border-bottom:0;border-top:1px solid #ffffff22;margin-top:4px;padding-top:18px;font-size:1rem}.order-address{margin:0 26px 24px;padding:16px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04}.order-address small{font-size:.68rem;letter-spacing:.1em;color:var(--cust-orange);font-weight:900}.order-address p{margin:7px 0 0;color:#e6e2d7;font-size:.86rem;line-height:1.6}.profile-panel{padding:25px}.profile-panel .auth-grid{max-width:720px}.profile-panel .auth-submit{width:auto;min-width:180px}@media(max-width:760px){.customer-top{width:calc(100% - 28px);padding:15px 0;align-items:flex-start;flex-direction:column;gap:10px}.customer-top nav{width:100%;gap:3px}.customer-top nav a{padding:9px 8px;font-size:.76rem}.customer-main{width:calc(100% - 28px);margin:28px auto 50px}.customer-welcome{align-items:flex-start;flex-direction:column}.customer-stats{gap:10px}.customer-stats article{padding:15px;min-height:130px}.customer-stats strong{font-size:1.5rem}.panel-heading{padding:19px;align-items:flex-start}.order-timeline{grid-template-columns:1fr;padding:20px;gap:15px}.timeline-step{flex-direction:row;text-align:left;align-items:center}.timeline-step strong{font-size:.82rem}.timeline-step small{display:inline-block;margin-left:8px}.auth-submit.compact{width:100%}.profile-panel{padding:20px}}@media(max-width:460px){.auth-grid{grid-template-columns:1fr}.auth-grid .wide{grid-column:auto}.customer-stats{grid-template-columns:1fr}.customer-stats article{min-height:110px}.customer-top nav a{font-size:.7rem;padding:8px 6px}.panel-heading{flex-direction:column}.order-items-list{padding:8px 18px}.order-total-list{padding:0 18px 18px}.order-address{margin:0 18px 20px}}
.auth-brand .brand-uploaded-logo{display:block;width:42px;height:42px;max-width:42px;object-fit:contain;flex:0 0 42px;margin-right:9px}.auth-brand .auth-brand-emoji[hidden],.auth-brand .brand-uploaded-logo[hidden]{display:none!important}

/* Supplied company logo on customer pages */
.company-logo-link{display:inline-flex;align-items:center;max-width:100%;background:#000;border-radius:5px;overflow:hidden}.company-logo-link .company-logo{display:block;width:190px;height:auto;max-height:100px;object-fit:contain}.customer-top .company-logo-link .company-logo{width:145px;max-height:72px}.error-brand.company-logo-link .company-logo{width:210px}@media(max-width:600px){.company-logo-link .company-logo{width:160px;max-height:82px}.customer-top .company-logo-link .company-logo{width:120px;max-height:60px}}