:root{
    --vendor-orange:#ff520f;
    --vendor-orange-deep:#ed3f05;
    --vendor-green:#2f8b46;
    --vendor-blue:#3677d8;
    --vendor-purple:#7658d6;
    --vendor-ink:#222833;
    --vendor-muted:#747d89;
    --vendor-line:#e9e5e1;
    --vendor-bg:#f7f7f6;
    --vendor-panel:#fff;
    --vendor-shadow:0 18px 48px rgba(65,49,36,.08);
    --vendor-radius:22px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--vendor-bg)}
body{margin:0;min-height:100vh;color:var(--vendor-ink);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--vendor-bg)}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;line-height:1}

/* Auth */
.vendor-auth-body{min-height:100vh;background:#fff}
.vendor-auth-shell{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(470px,.97fr);min-height:100vh}
.vendor-auth-brand-panel{position:relative;overflow:hidden;display:flex;align-items:center;padding:64px clamp(42px,7vw,110px);background:linear-gradient(145deg,#2c2a28 0%,#242220 42%,#361c12 100%);color:#fff}
.vendor-auth-brand-copy{position:relative;z-index:2;max-width:660px}
.vendor-auth-logo{width:190px;max-width:55%;filter:brightness(0) invert(1);margin-bottom:70px}
.vendor-auth-kicker,.vendor-eyebrow,.vendor-panel-kicker{display:block;color:var(--vendor-orange);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.vendor-auth-brand-panel h1{margin:12px 0 20px;font:900 clamp(44px,5vw,72px)/1.02 Nunito,sans-serif;letter-spacing:-.045em}
.vendor-auth-brand-panel h1 span{color:#ff8f55}
.vendor-auth-brand-panel>div>p{max-width:590px;margin:0;color:#d7d1cc;font-size:15px;line-height:1.8}
.vendor-auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}
.vendor-auth-feature-grid>div{padding:20px 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}
.vendor-auth-feature-grid .material-symbols-rounded{display:block;margin-bottom:18px;color:#ff8f55;font-size:27px}
.vendor-auth-feature-grid strong,.vendor-auth-feature-grid small{display:block}
.vendor-auth-feature-grid strong{font-size:12px}
.vendor-auth-feature-grid small{margin-top:5px;color:#bcb4ae;font-size:10.5px;line-height:1.5}
.vendor-auth-orb{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}
.vendor-auth-orb-one{right:-150px;top:-130px;width:410px;height:410px;border:1px solid rgba(255,112,46,.24);box-shadow:0 0 0 45px rgba(255,82,15,.04),0 0 0 92px rgba(255,82,15,.025)}
.vendor-auth-orb-two{left:-110px;bottom:-180px;width:360px;height:360px;background:radial-gradient(circle,rgba(255,82,15,.22),transparent 68%)}
.vendor-auth-form-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 80% 15%,rgba(255,82,15,.07),transparent 26%),radial-gradient(circle at 15% 85%,rgba(80,154,66,.07),transparent 28%),#fff}
.vendor-auth-card{width:min(460px,100%)}
.vendor-auth-card h2{margin:9px 0 8px;font:900 34px/1.1 Nunito,sans-serif;letter-spacing:-.03em}
.vendor-auth-intro{margin:0 0 32px;color:var(--vendor-muted);font-size:12px;line-height:1.8}
.vendor-auth-form{display:grid;gap:10px}
.vendor-auth-form label{font-size:11px;font-weight:700;color:#434a54}
.vendor-phone-field{display:flex;align-items:center;height:56px;border:1px solid #dedbd7;border-radius:14px;background:#fff;transition:.2s}
.vendor-phone-field:focus-within{border-color:#ff8e60;box-shadow:0 0 0 4px rgba(255,82,15,.08)}
.vendor-phone-field.is-invalid{border-color:#df5353}
.vendor-phone-field>span{display:grid;place-items:center;align-self:stretch;min-width:66px;border-right:1px solid #eee9e5;color:#4f5660;font-size:12px;font-weight:600}
.vendor-phone-field input{flex:1;min-width:0;height:100%;padding:0 17px;border:0;outline:0;background:transparent;color:#252a31;font-size:14px;font-weight:600;letter-spacing:.025em}
.vendor-phone-field input::placeholder{color:#b3b7bd;font-weight:400}
.vendor-field-error{color:#c53a3a;font-size:10.5px;line-height:1.45}
.vendor-primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:13px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff650f,#f0440b);color:#fff;font-size:12px;font-weight:700;box-shadow:0 13px 26px rgba(240,68,11,.2);cursor:pointer;transition:transform .18s,box-shadow .18s}
.vendor-primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(240,68,11,.26)}
.vendor-primary-button .material-symbols-rounded{font-size:19px}
.vendor-auth-security{display:flex;align-items:flex-start;gap:12px;margin-top:28px;padding:15px 16px;border:1px solid #e3eee2;border-radius:14px;background:#f8fcf6}
.vendor-auth-security>.material-symbols-rounded{margin-top:2px;color:var(--vendor-green);font-size:20px}
.vendor-auth-security p{margin:0;color:#6d776b;font-size:10.5px;line-height:1.65}
.vendor-auth-security strong{color:#3e6844;font-size:10.5px}
.vendor-alert{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:13px 15px;border:1px solid;border-radius:13px;font-size:10.5px;line-height:1.6}
.vendor-alert .material-symbols-rounded{margin-top:1px;font-size:19px}
.vendor-alert-success{border-color:#d4ead6;background:#f5fbf4;color:#377044}
.vendor-alert-error{border-color:#efd7d4;background:#fff7f6;color:#a34238}

.vendor-verify-body{background:radial-gradient(circle at 20% 20%,rgba(255,82,15,.09),transparent 27%),radial-gradient(circle at 80% 80%,rgba(54,119,216,.07),transparent 28%),#f9f8f7}
.vendor-verify-shell{display:grid;place-items:center;min-height:100vh;padding:30px}
.vendor-verify-card{width:min(470px,100%);padding:38px;border:1px solid #ebe6e2;border-radius:25px;background:#fff;box-shadow:var(--vendor-shadow)}
.vendor-back-link{display:inline-flex;align-items:center;gap:5px;color:#777f89;font-size:10.5px;font-weight:600}
.vendor-back-link .material-symbols-rounded{font-size:17px}
.vendor-verify-logo{display:block;width:155px;margin:30px auto 32px}
.vendor-otp-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:17px;border-radius:16px;background:#fff1e9;color:var(--vendor-orange)}
.vendor-otp-icon .material-symbols-rounded{font-size:26px}
.vendor-verify-card h1{margin:8px 0 7px;font:900 30px/1.1 Nunito,sans-serif;letter-spacing:-.035em}
.vendor-verify-card>p{margin:0 0 28px;color:var(--vendor-muted);font-size:11px}
.vendor-otp-input{width:100%;height:62px;border:1px solid #ddd8d3;border-radius:14px;outline:0;text-align:center;color:#2b2f35;font:800 27px Nunito,sans-serif;letter-spacing:.42em;text-indent:.42em;transition:.2s}
.vendor-otp-input:focus{border-color:#ff8e60;box-shadow:0 0 0 4px rgba(255,82,15,.08)}
.vendor-otp-input.is-invalid{border-color:#df5353}
.vendor-resend-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;color:#858b93;font-size:10.5px}
.vendor-resend-row form{margin:0}
.vendor-text-button{padding:0;border:0;background:transparent;color:var(--vendor-orange);font-size:10.5px;font-weight:700;cursor:pointer}
.vendor-otp-expiry{display:block;margin-top:8px;text-align:center;color:#a1a5aa;font-size:10.5px}

/* App shell */
.vendor-body{position:relative;overflow-x:hidden}
.vendor-glow{position:fixed;z-index:0;border-radius:999px;filter:blur(2px);pointer-events:none}
.vendor-glow-one{right:-260px;top:-210px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,82,15,.08),transparent 67%)}
.vendor-glow-two{left:150px;bottom:-260px;width:500px;height:500px;background:radial-gradient(circle,rgba(52,142,71,.055),transparent 68%)}
.vendor-app{position:relative;z-index:1;display:flex;min-height:100vh}
.vendor-sidebar{--bs-offcanvas-width:252px;position:sticky;top:0;display:flex;flex:0 0 252px;flex-direction:column;height:100vh;border-right:1px solid #ece8e4;background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}
.vendor-sidebar-head{display:flex;align-items:center;justify-content:space-between;height:86px;padding:0 23px;border-bottom:1px solid #f0ece8}
.vendor-brand img{display:block;width:142px}
.vendor-sidebar-body{flex:1;overflow-y:auto;padding:20px 14px}
.vendor-setup-card{display:flex;align-items:center;gap:10px;margin:0 3px 20px;padding:13px;border:1px solid #f1dfd5;border-radius:14px;background:#fff8f4}
.vendor-setup-card>.material-symbols-rounded{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0e7;color:var(--vendor-orange);font-size:19px}
.vendor-setup-card strong,.vendor-setup-card small{display:block}
.vendor-setup-card strong{font-size:10.5px}
.vendor-setup-card small{margin-top:2px;color:#918078;font-size:10.5px}
.vendor-nav-section+.vendor-nav-section{margin-top:24px}
.vendor-nav-label{padding:0 10px 8px;color:#a0a5ab;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.vendor-nav-link{display:flex;align-items:center;gap:10px;min-height:43px;padding:7px 10px;border-radius:12px;color:#626a74;font-size:10.5px;font-weight:600;transition:.18s}
.vendor-nav-link:hover:not(.disabled){background:#f8f6f4;color:#2e333a}
.vendor-nav-link.active{background:linear-gradient(135deg,#fff0e8,#fff8f3);color:#d8460b;box-shadow:inset 0 0 0 1px #f6d9c8}
.vendor-nav-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f5f4f2;color:#777e87}
.vendor-nav-link.active .vendor-nav-icon{background:#ffeadf;color:var(--vendor-orange)}
.vendor-nav-icon .material-symbols-rounded{font-size:18px}
.vendor-nav-link>small{margin-left:auto;padding:3px 6px;border-radius:999px;background:#f3f2f0;color:#a7a5a1;font-size:10.5px;font-weight:700;text-transform:uppercase}
.vendor-nav-link.disabled{opacity:.56;cursor:default}
.vendor-sidebar-foot{padding:16px;border-top:1px solid #efebe8}
.vendor-account-mini{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.vendor-account-avatar,.vendor-user-avatar{display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff7a2c,#ef4008);color:#fff;font:800 10.5px Nunito,sans-serif}
.vendor-account-avatar{width:32px;height:32px}
.vendor-account-mini strong,.vendor-account-mini span{display:block}
.vendor-account-mini strong{font-size:10.5px}
.vendor-account-mini span{margin-top:2px;color:#969ba2;font-size:10.5px}
.vendor-signout-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:36px;border:1px solid #e8e4e0;border-radius:10px;background:#fff;color:#777e86;font-size:10.5px;font-weight:600;cursor:pointer}
.vendor-signout-button:hover{border-color:#e4bfb1;color:#c84b2b;background:#fff9f7}
.vendor-signout-button .material-symbols-rounded{font-size:16px}
.vendor-main{min-width:0;flex:1}
.vendor-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:86px;padding:0 clamp(20px,3vw,42px);border-bottom:1px solid rgba(235,231,227,.9);background:rgba(247,247,246,.88);backdrop-filter:blur(18px)}
.vendor-header-left,.vendor-header-right,.vendor-user-chip{display:flex;align-items:center}
.vendor-header-left{gap:12px}
.vendor-header-left>div>strong{display:block;font:800 13px Nunito,sans-serif}
.vendor-header-eyebrow{display:block;margin-bottom:1px;color:#989da3;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.vendor-menu-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e6e2de;border-radius:11px;background:#fff;color:#5d646d}
.vendor-header-right{gap:14px}
.vendor-store-state{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e6e3df;border-radius:999px;background:#fff;color:#6d747d;font-size:10.5px;font-weight:700}
.vendor-store-state>span{width:7px;height:7px;border-radius:50%}
.vendor-store-state.online>span{background:#38a855;box-shadow:0 0 0 4px rgba(56,168,85,.1)}
.vendor-store-state.offline>span{background:#e2a12b;box-shadow:0 0 0 4px rgba(226,161,43,.1)}
.vendor-user-chip{gap:8px;padding-left:13px;border-left:1px solid #e5e1dd}
.vendor-user-avatar{width:34px;height:34px}
.vendor-user-chip strong,.vendor-user-chip small{display:block}
.vendor-user-chip strong{font-size:10.5px}
.vendor-user-chip small{margin-top:2px;color:#999ea5;font-size:10.5px}
.vendor-content{padding:30px clamp(20px,3vw,42px) 54px}
.vendor-page{max-width:1500px;margin:0 auto}

/* Dashboard & shared content */
.vendor-page-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:178px;padding:31px 34px;border:1px solid #e9e4e0;border-radius:25px;background:linear-gradient(118deg,#fff 0%,#fffaf6 58%,#fff1e6 100%);box-shadow:0 16px 40px rgba(73,51,37,.055)}
.vendor-page-hero:after{content:"";position:absolute;right:-65px;top:-94px;width:240px;height:240px;border:1px solid rgba(255,82,15,.13);border-radius:50%;box-shadow:0 0 0 33px rgba(255,82,15,.025),0 0 0 67px rgba(255,82,15,.018)}
.vendor-page-hero>div{position:relative;z-index:2}
.vendor-page-hero h1{margin:7px 0 7px;font:900 clamp(28px,3vw,42px)/1.05 Nunito,sans-serif;letter-spacing:-.04em}
.vendor-page-hero h1 span{color:var(--vendor-orange)}
.vendor-page-hero p{max-width:650px;margin:0;color:var(--vendor-muted);font-size:11px;line-height:1.7}
.vendor-page-hero.compact{min-height:148px}
.vendor-hero-store-card{display:flex;align-items:center;gap:12px;min-width:250px;padding:14px 16px;border:1px solid rgba(255,255,255,.8);border-radius:17px;background:rgba(255,255,255,.77);box-shadow:0 12px 28px rgba(85,52,34,.06);backdrop-filter:blur(8px)}
.vendor-store-logo-shell{display:grid;place-items:center;overflow:hidden;width:48px;height:48px;border-radius:14px;background:#fff1e8;color:var(--vendor-orange)}
.vendor-store-logo-shell img{width:100%;height:100%;object-fit:cover}
.vendor-store-logo-shell .material-symbols-rounded{font-size:24px}
.vendor-hero-store-card small,.vendor-hero-store-card strong{display:block}
.vendor-hero-store-card>div:last-child>small{color:#a0958d;font-size:10.5px}
.vendor-hero-store-card strong{margin:2px 0 5px;font-size:10.5px}
.vendor-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.vendor-badge.success{background:#eaf7ec;color:#36814a}.vendor-badge.warning{background:#fff4df;color:#9e6d10}.vendor-badge.neutral{background:#f1f2f3;color:#6f767e}.vendor-badge.danger{background:#fcebea;color:#a64840}
.vendor-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.vendor-metric-card{position:relative;overflow:hidden;min-height:156px;padding:19px;border:1px solid #eae6e2;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(57,48,41,.045)}
.vendor-metric-card:after{content:"";position:absolute;right:-28px;bottom:-42px;width:108px;height:108px;border-radius:50%;opacity:.055}
.vendor-metric-card.tone-orange:after{background:#ff520f}.vendor-metric-card.tone-blue:after{background:#3677d8}.vendor-metric-card.tone-green:after{background:#2f8b46}.vendor-metric-card.tone-purple:after{background:#7658d6}
.vendor-metric-top{display:flex;align-items:center;justify-content:space-between}
.vendor-metric-top>small{color:#a0a5ab;font-size:10.5px;font-weight:700;text-transform:uppercase}
.vendor-metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px}
.tone-orange .vendor-metric-icon{background:#fff0e7;color:#ff520f}.tone-blue .vendor-metric-icon{background:#edf4ff;color:#3677d8}.tone-green .vendor-metric-icon{background:#edf8ef;color:#2f8b46}.tone-purple .vendor-metric-icon{background:#f2efff;color:#7658d6}
.vendor-metric-icon .material-symbols-rounded{font-size:20px}
.vendor-metric-value{display:block;margin-top:17px;font:900 27px Nunito,sans-serif;letter-spacing:-.025em}
.vendor-metric-label{display:block;margin-top:1px;color:#565e68;font-size:10.5px;font-weight:600}
.vendor-metric-trend{display:block;margin-top:9px;font-size:10.5px}.vendor-metric-trend.positive{color:#438a52}.vendor-metric-trend.negative{color:#b04f46}.vendor-metric-trend.neutral{color:#999ea5}
.vendor-live-order-strip{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(130px,1fr));gap:12px;align-items:center;margin-top:18px;padding:16px 19px;border:1px solid #e8e4e0;border-radius:19px;background:#fff}
.vendor-live-order-title,.vendor-live-order-count{display:flex;align-items:center;gap:10px}
.vendor-live-order-title>.material-symbols-rounded{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#fff0e6;color:var(--vendor-orange);font-size:21px}
.vendor-live-order-title small,.vendor-live-order-title strong,.vendor-live-order-count strong,.vendor-live-order-count small{display:block}
.vendor-live-order-title small{color:#a0a4aa;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}.vendor-live-order-title strong{font-size:10.5px}
.vendor-live-order-count{padding-left:17px;border-left:1px solid #eeeae7}
.vendor-live-order-count>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font:900 14px Nunito,sans-serif}.vendor-live-order-count>span.new{background:#fff0e7;color:#e85415}.vendor-live-order-count>span.preparing{background:#eef4ff;color:#3677d8}.vendor-live-order-count>span.ready{background:#edf8ef;color:#318146}
.vendor-live-order-count strong{font-size:10.5px}.vendor-live-order-count small{margin-top:2px;color:#9b9fa5;font-size:10.5px}
.vendor-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:18px;margin-top:18px}
.vendor-panel{border:1px solid #e9e5e1;border-radius:21px;background:#fff;box-shadow:0 11px 28px rgba(57,48,41,.035)}
.vendor-incoming-panel,.vendor-store-panel,.vendor-access-main,.vendor-access-side,.vendor-status-card{padding:22px}
.vendor-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.vendor-panel-head h2{margin:4px 0 3px;font:900 20px Nunito,sans-serif;letter-spacing:-.025em}.vendor-panel-head p{margin:0;color:#969ba2;font-size:10.5px}
.vendor-panel-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px}.vendor-panel-icon.orange{background:#fff0e7;color:#ff520f}.vendor-panel-icon.green{background:#edf8ef;color:#2f8b46}.vendor-panel-icon .material-symbols-rounded{font-size:21px}
.vendor-incoming-list{margin-top:17px;border-top:1px solid #f0ece9}
.vendor-incoming-row{display:grid;grid-template-columns:minmax(145px,1.3fr) minmax(90px,.7fr) minmax(105px,.8fr) auto;gap:12px;align-items:center;min-height:71px;padding:12px 0;border-bottom:1px solid #f1eeeb}
.vendor-order-id{display:flex;align-items:center;gap:9px}.vendor-order-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f6f4f2;color:#737a83}.vendor-order-icon .material-symbols-rounded{font-size:18px}.vendor-order-id strong,.vendor-order-id small,.vendor-order-total strong,.vendor-order-total small,.vendor-order-countdown strong,.vendor-order-countdown small{display:block}.vendor-order-id strong{font-size:10.5px}.vendor-order-id small,.vendor-order-total small,.vendor-order-countdown small{margin-top:2px;color:#9a9fa5;font-size:10.5px}.vendor-order-total strong,.vendor-order-countdown strong{font-size:10.5px}
.vendor-order-countdown{display:flex;align-items:center;gap:6px;color:#9f5e18}.vendor-order-countdown>.material-symbols-rounded{font-size:17px}.vendor-order-countdown.expired{color:#b64f45}
.vendor-stage-chip{padding:5px 7px;border-radius:999px;background:#f3f2f0;color:#969a9f;font-size:10.5px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.vendor-store-status-body{margin-top:18px}.vendor-store-status-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #f1eeeb}.vendor-store-status-line span{color:#8c9299;font-size:10.5px}.vendor-store-status-line strong{font-size:10.5px}
.vendor-stage-note{display:flex;gap:8px;margin-top:17px;padding:12px;border-radius:13px;background:#f8f7f5;color:#7f858c}.vendor-stage-note .material-symbols-rounded{font-size:17px}.vendor-stage-note p{margin:0;font-size:10.5px;line-height:1.6}
.vendor-empty-state{display:grid;place-items:center;text-align:center}.vendor-empty-state.compact{min-height:210px}.vendor-empty-state>.material-symbols-rounded{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:14px;background:#f3f7f2;color:#4d8a56;font-size:23px}.vendor-empty-state strong{font-size:10.5px}.vendor-empty-state p{max-width:320px;margin:5px 0 0;color:#969ba1;font-size:10.5px;line-height:1.6}
.vendor-coming-next{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:23px 25px;border:1px dashed #ded8d3;border-radius:20px;background:rgba(255,255,255,.55)}.vendor-coming-next h2{margin:4px 0;font:900 18px Nunito,sans-serif}.vendor-coming-next p{max-width:700px;margin:0;color:#93989e;font-size:10.5px;line-height:1.6}.vendor-coming-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.vendor-coming-chips span{padding:6px 9px;border-radius:999px;background:#fff;color:#777e85;font-size:10.5px;font-weight:600;box-shadow:inset 0 0 0 1px #e8e4e1}
.vendor-api-error{display:flex;align-items:center;gap:12px;margin-bottom:17px;padding:14px 16px;border:1px solid #f0d6d2;border-radius:16px;background:#fff8f7}.vendor-api-error>.material-symbols-rounded{color:#c05a4f;font-size:23px}.vendor-api-error>div{flex:1}.vendor-api-error strong{display:block;font-size:10.5px}.vendor-api-error p{margin:3px 0 0;color:#936f6a;font-size:10.5px}.vendor-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border:1px solid #e1dcd7;border-radius:10px;background:#fff;color:#666e77;font-size:10.5px;font-weight:700}.vendor-secondary-button:hover{border-color:#cdbdaf;color:#393e44}
.vendor-empty-state.api-empty{min-height:360px;margin-top:18px;border:1px solid #e6e2de;border-radius:22px;background:#fff}

/* Access state */
.vendor-hero-status{display:flex;align-items:center;gap:10px;min-width:205px;padding:13px 15px;border:1px solid #ebe5df;border-radius:16px;background:rgba(255,255,255,.75)}.vendor-hero-status>.material-symbols-rounded{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:20px}.vendor-hero-status small,.vendor-hero-status strong{display:block}.vendor-hero-status small{color:#999ea4;font-size:10.5px}.vendor-hero-status strong{margin-top:2px;font-size:10.5px}.vendor-hero-status.neutral>.material-symbols-rounded{background:#f3f2f0;color:#717980}.vendor-hero-status.info>.material-symbols-rounded{background:#eef4ff;color:#3677d8}.vendor-hero-status.success>.material-symbols-rounded{background:#edf8ef;color:#2f8b46}.vendor-hero-status.warning>.material-symbols-rounded{background:#fff4df;color:#a16f12}.vendor-hero-status.danger>.material-symbols-rounded{background:#fcebea;color:#ad4e45}
.vendor-access-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:18px;margin-top:18px}.vendor-onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.vendor-onboarding-step{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 12px;border:1px solid #ece8e5;border-radius:13px;background:#fbfbfa}.vendor-step-marker{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f1f0ee;color:#9ca0a5}.vendor-step-marker .material-symbols-rounded{font-size:16px}.vendor-onboarding-step strong,.vendor-onboarding-step small{display:block}.vendor-onboarding-step strong{font-size:10.5px}.vendor-onboarding-step small{margin-top:3px;color:#9b9fa5;font-size:10.5px}.vendor-onboarding-step.current{border-color:#f0cdbb;background:#fff8f4}.vendor-onboarding-step.current .vendor-step-marker{background:#ffeadf;color:#ff520f}.vendor-onboarding-step.done{border-color:#dcebdd;background:#f9fcf8}.vendor-onboarding-step.done .vendor-step-marker{background:#e8f5e9;color:#398149}
.vendor-foundation-notice{display:flex;gap:11px;margin-top:18px;padding:14px;border:1px solid #e3e8f1;border-radius:14px;background:#f8faff}.vendor-foundation-notice>.material-symbols-rounded{color:#5577a8;font-size:20px}.vendor-foundation-notice strong{display:block;color:#445872;font-size:10.5px}.vendor-foundation-notice p{margin:4px 0 0;color:#78869a;font-size:10.5px;line-height:1.6}
.vendor-access-side h3{margin:5px 0 15px;font:900 18px Nunito,sans-serif}.vendor-detail-list{margin:0}.vendor-detail-list>div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #f0ece9}.vendor-detail-list dt{color:#92979e;font-size:10.5px;font-weight:500}.vendor-detail-list dd{margin:0;text-align:right;color:#4d545d;font-size:10.5px;font-weight:600;overflow-wrap:anywhere}.vendor-review-note{display:flex;gap:9px;margin-top:16px;padding:12px;border-radius:13px;background:#fff8e9;color:#825e1d}.vendor-review-note>.material-symbols-rounded{font-size:18px}.vendor-review-note strong{display:block;font-size:10.5px}.vendor-review-note p{margin:3px 0 0;font-size:10.5px;line-height:1.6}.vendor-review-note.prominent{margin-top:22px;padding:15px}
.vendor-status-card{text-align:left}.vendor-status-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:17px;border-radius:16px}.vendor-status-icon .material-symbols-rounded{font-size:27px}.vendor-status-icon.info{background:#eef4ff;color:#3677d8}.vendor-status-icon.success{background:#edf8ef;color:#2f8b46}.vendor-status-icon.warning{background:#fff4df;color:#a16f12}.vendor-status-icon.danger{background:#fcebea;color:#ad4e45}.vendor-status-card h2{margin:5px 0;font:900 25px Nunito,sans-serif}.vendor-status-card>p{max-width:690px;margin:0;color:#858b93;font-size:10.5px;line-height:1.7}.vendor-status-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.vendor-status-meta>div{padding:12px;border:1px solid #ece8e5;border-radius:12px;background:#fbfbfa}.vendor-status-meta small,.vendor-status-meta strong{display:block}.vendor-status-meta small{color:#9a9fa5;font-size:10.5px}.vendor-status-meta strong{margin-top:4px;font-size:10.5px}

@media (max-width:1180px){
    .vendor-auth-shell{grid-template-columns:1fr 470px}.vendor-auth-brand-panel{padding:50px}.vendor-auth-feature-grid{grid-template-columns:1fr}.vendor-auth-feature-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;padding:13px}.vendor-auth-feature-grid .material-symbols-rounded{grid-row:1/3;margin:0}.vendor-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vendor-dashboard-grid,.vendor-access-grid{grid-template-columns:1fr}.vendor-store-panel{order:2}
}
@media (max-width:991.98px){
    .vendor-sidebar{position:fixed;height:100vh}.vendor-header{height:76px}.vendor-sidebar-head{height:76px}.vendor-content{padding-top:22px}.vendor-user-chip{display:none}.vendor-page-hero{padding:25px}.vendor-coming-next{align-items:flex-start;flex-direction:column}.vendor-coming-chips{justify-content:flex-start}
}
@media (max-width:760px){
    .vendor-auth-shell{display:block}.vendor-auth-brand-panel{display:none}.vendor-auth-form-panel{min-height:100vh;padding:28px 20px}.vendor-auth-card{width:min(440px,100%)}.vendor-verify-shell{padding:18px}.vendor-verify-card{padding:28px 22px}.vendor-content{padding-inline:15px}.vendor-header{padding-inline:15px}.vendor-store-state{display:none}.vendor-page-hero{align-items:flex-start;flex-direction:column;gap:18px}.vendor-hero-store-card,.vendor-hero-status{width:100%;min-width:0}.vendor-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.vendor-metric-card{min-height:145px;padding:15px}.vendor-metric-value{font-size:23px}.vendor-live-order-strip{grid-template-columns:1fr 1fr}.vendor-live-order-title{grid-column:1/-1}.vendor-live-order-count{padding:8px 0;border-left:0}.vendor-incoming-row{grid-template-columns:1fr 1fr}.vendor-stage-chip{grid-column:1/-1;width:max-content}.vendor-onboarding-steps{grid-template-columns:1fr}.vendor-status-meta{grid-template-columns:1fr}
}
@media (max-width:460px){
    .vendor-metric-grid{grid-template-columns:1fr}.vendor-live-order-strip{grid-template-columns:1fr}.vendor-live-order-title{grid-column:auto}.vendor-live-order-count{border-top:1px solid #f0ece9;padding-top:12px}.vendor-incoming-row{grid-template-columns:1fr}.vendor-page-hero h1{font-size:28px}.vendor-auth-card h2{font-size:29px}
}

/* Vendor registration V2 */
.vendor-registration-page{max-width:1500px;margin:0 auto}.vendor-registration-hero{margin-bottom:14px}.vendor-registration-stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:8px;border:1px solid #e9e4df;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 10px 28px rgba(57,48,41,.035)}.vendor-registration-step{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border-radius:12px;color:#7b8189;transition:.18s}.vendor-registration-step:hover{background:#faf8f6;color:#31363d}.vendor-registration-step.current{background:#fff3ec;color:#d7480d}.vendor-registration-step.done{color:#487952}.vendor-registration-step.locked{opacity:.48}.vendor-registration-step-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#f2f1ef;font-size:10.5px;font-weight:800}.vendor-registration-step-number .material-symbols-rounded{font-size:15px}.vendor-registration-step.current .vendor-registration-step-number{background:#ffe6d8;color:#ff520f}.vendor-registration-step.done .vendor-registration-step-number{background:#eaf5ea;color:#348047}.vendor-registration-step>span:last-child{min-width:0}.vendor-registration-step strong,.vendor-registration-step small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-registration-step strong{font-size:10.5px}.vendor-registration-step small{margin-top:2px;color:#a0a4aa;font-size:10.5px;font-weight:500}
.vendor-registration-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,.55fr);gap:18px;margin-top:14px}.vendor-registration-form-panel,.vendor-registration-aside{padding:22px}.vendor-registration-aside{align-self:start;position:sticky;top:104px}.vendor-registration-aside h3{margin:6px 0 14px;font:900 18px Nunito,sans-serif}.vendor-completion-list{display:grid;gap:6px;margin-top:17px;padding-top:14px;border-top:1px solid #efebe8}.vendor-completion-list>div{display:flex;align-items:center;gap:7px;color:#989da3;font-size:10.5px;font-weight:600}.vendor-completion-list .material-symbols-rounded{font-size:16px}.vendor-completion-list>div.complete{color:#3d7f4c}
.vendor-registration-form-panel .vendor-panel-head h2,.vendor-section-heading h2{margin:4px 0 2px;font:900 18px Nunito,sans-serif;letter-spacing:-.02em}.vendor-registration-form-panel .vendor-panel-head p,.vendor-section-heading p{margin:0;color:#93989f;font-size:10.5px;line-height:1.6}.vendor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:20px}.vendor-form-grid.nested{margin-top:0}.vendor-field{display:flex;flex-direction:column;gap:6px;min-width:0}.vendor-field.full,.vendor-consent-box.full,.vendor-info-strip.full,.vendor-form-actions.full,.vendor-section-heading.full,.vendor-hours-table.full,.vendor-checkbox-card.full,.vendor-bank-fields.full{grid-column:1/-1}.vendor-field label{color:#555c65;font-size:10.5px;font-weight:700}.vendor-field label b{color:#e44e17}.vendor-field input,.vendor-field select,.vendor-field textarea{width:100%;min-height:43px;padding:0 12px;border:1px solid #dfdad6;border-radius:11px;background:#fff;color:#30363d;font-size:10.5px;outline:0;transition:.18s}.vendor-field textarea{min-height:94px;padding-block:11px;resize:vertical}.vendor-field input:focus,.vendor-field select:focus,.vendor-field textarea:focus{border-color:#ff9b70;box-shadow:0 0 0 3px rgba(255,82,15,.07)}.vendor-field small{color:#999ea5;font-size:10.5px;line-height:1.5}.vendor-readonly-field{padding:12px;border:1px solid #ece8e4;border-radius:12px;background:#faf9f8}.vendor-readonly-field strong{font-size:10.5px}.vendor-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vendor-consent-box{display:grid;gap:10px;padding:14px;border:1px solid #e4e9df;border-radius:13px;background:#f9fcf7}.vendor-consent-box label,.vendor-checkbox-card{display:flex;align-items:flex-start;gap:9px;color:#59625b;font-size:10.5px;line-height:1.6}.vendor-consent-box input,.vendor-checkbox-card input{margin-top:2px;accent-color:#ff520f}.vendor-consent-box a{color:#d9480d;font-weight:700}.vendor-info-strip{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border:1px solid #e2e9f2;border-radius:12px;background:#f8faff}.vendor-info-strip>.material-symbols-rounded{color:#5578aa;font-size:18px}.vendor-info-strip strong{display:block;color:#465a75;font-size:10.5px}.vendor-info-strip p{margin:3px 0 0;color:#79889b;font-size:10.5px;line-height:1.55}
.vendor-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:17px;border-top:1px solid #f0ece9}.vendor-form-actions.compact{margin-top:4px;padding-top:0;border-top:0}.vendor-action-primary,.vendor-action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 15px;border-radius:11px;font-size:10.5px;font-weight:700;transition:.18s}.vendor-action-primary{border:0;background:linear-gradient(135deg,#ff650f,#ef4409);color:#fff;box-shadow:0 10px 22px rgba(239,68,9,.16)}.vendor-action-primary:hover{color:#fff;transform:translateY(-1px)}.vendor-action-primary .material-symbols-rounded,.vendor-action-secondary .material-symbols-rounded{font-size:16px}.vendor-action-secondary{border:1px solid #e0dbd6;background:#fff;color:#666e77}.vendor-action-secondary:hover{border-color:#cdbbae;color:#343940}.vendor-action-secondary.strong{color:#3f464e;font-weight:700}.vendor-action-primary.soft-disabled{box-shadow:none;opacity:.58}.vendor-action-primary:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.vendor-section-divider{height:1px;margin:24px 0;background:#efebe8}.vendor-form-subsection{margin-bottom:4px}
.vendor-upload-card{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #e7e2de;border-radius:14px;background:#fbfaf9}.vendor-upload-card label{display:block;font-size:10.5px;font-weight:700}.vendor-upload-card p{margin:3px 0 7px;color:#989da4;font-size:10.5px}.vendor-upload-card input[type=file]{width:100%;font-size:10.5px}.vendor-upload-preview{display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#f2efec;color:#9b9fa5}.vendor-upload-preview.square{width:76px;height:76px}.vendor-upload-preview.banner{width:76px;height:58px}.vendor-upload-preview img{width:100%;height:100%;object-fit:cover}.vendor-upload-preview .material-symbols-rounded{font-size:24px}
.vendor-hours-table{overflow:hidden;border:1px solid #e7e3df;border-radius:14px}.vendor-hours-row{display:grid;grid-template-columns:90px 90px 1fr 18px 1fr;gap:9px;align-items:center;padding:9px 12px;border-bottom:1px solid #efebe8}.vendor-hours-row:last-child{border-bottom:0}.vendor-hours-row strong{font-size:10.5px}.vendor-hours-row>span{color:#a0a4a9;text-align:center;font-size:10.5px}.vendor-hours-row input[type=time]{width:100%;min-height:36px;padding:0 9px;border:1px solid #e0dcd8;border-radius:9px;background:#fff;font-size:10.5px}.vendor-hours-row input[type=time]:disabled{background:#f2f1ef;color:#a9abad}.vendor-switch-label{display:flex;align-items:center;gap:5px;color:#7b8188;font-size:10.5px}.vendor-switch-label input{accent-color:#ff520f}.vendor-checkbox-card{padding:13px;border:1px solid #e6e3df;border-radius:13px;background:#fbfbfa}.vendor-checkbox-card strong,.vendor-checkbox-card small{display:block}.vendor-checkbox-card strong{color:#4c535b;font-size:10.5px}.vendor-checkbox-card small{margin-top:2px;color:#969ba2;font-size:10.5px}
.vendor-document-list,.vendor-proof-grid{display:grid;gap:10px;margin-top:15px}.vendor-proof-grid{grid-template-columns:1fr 1fr}.vendor-document-card{padding:13px;border:1px solid #e8e4e0;border-radius:14px;background:#fcfbfa}.vendor-document-card.rejected{border-color:#efd8d4;background:#fff9f8}.vendor-document-card.verified{border-color:#dcebdc;background:#fbfefb}.vendor-document-top{display:flex;align-items:center;gap:9px}.vendor-document-top>div{min-width:0;flex:1}.vendor-document-top strong,.vendor-document-top small{display:block}.vendor-document-top strong{font-size:10.5px}.vendor-document-top small{margin-top:2px;color:#999da3;font-size:10.5px}.vendor-document-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#f1efed;color:#777f88}.vendor-document-icon .material-symbols-rounded{font-size:18px}.vendor-document-current{display:flex;align-items:center;gap:9px;margin-top:10px;padding:8px 9px;border-radius:9px;background:#f7f5f3;color:#7b8188;font-size:10.5px}.vendor-document-current>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-document-current a,.vendor-document-current button{border:0;background:none;color:#d64a12;font-size:10.5px;font-weight:700}.vendor-document-current form{margin:0}.vendor-doc-rejection{display:flex;gap:7px;margin-top:9px;padding:8px;border-radius:9px;background:#fff0ee;color:#a04b43;font-size:10.5px;line-height:1.5}.vendor-doc-rejection .material-symbols-rounded{font-size:15px}.vendor-document-upload-form{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(120px,.7fr) auto;gap:8px;align-items:center;margin-top:10px}.vendor-document-upload-form.simple{grid-template-columns:minmax(150px,1fr) auto}.vendor-document-upload-form input{min-width:0;height:35px;padding:6px 8px;border:1px solid #e0dcd8;border-radius:9px;background:#fff;font-size:10.5px}.vendor-document-upload-form .vendor-action-secondary{min-height:35px}.vendor-bank-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.vendor-bank-summary>div{padding:11px;border:1px solid #e9e5e1;border-radius:11px;background:#faf9f8}.vendor-bank-summary small,.vendor-bank-summary strong{display:block}.vendor-bank-summary small{color:#9a9fa5;font-size:10.5px}.vendor-bank-summary strong{margin-top:4px;font-size:10.5px;overflow-wrap:anywhere}.vendor-bank-fields.is-collapsed{display:none}
.vendor-review-readiness{display:flex;align-items:center;gap:11px;padding:15px;border-radius:14px}.vendor-review-readiness>.material-symbols-rounded{font-size:25px}.vendor-review-readiness strong{display:block;font-size:10.5px}.vendor-review-readiness p{margin:3px 0 0;font-size:10.5px}.vendor-review-readiness.ready{border:1px solid #d9ead9;background:#f6fcf5;color:#397a48}.vendor-review-readiness.not-ready{border:1px solid #f1ddd2;background:#fff8f4;color:#a75530}.vendor-missing-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.vendor-missing-grid a{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:10px;border:1px solid #ece6e1;border-radius:10px;background:#fbfaf9;color:#777e86;font-size:10.5px}.vendor-missing-grid a:hover{border-color:#f0c8b4;background:#fff8f4}.vendor-missing-grid .material-symbols-rounded{font-size:15px;color:#d16a39}.vendor-review-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.vendor-review-sections>article{padding:13px;border:1px solid #e9e5e1;border-radius:14px;background:#fcfbfa}.vendor-review-section-head{display:flex;align-items:center;gap:7px;padding-bottom:9px;border-bottom:1px solid #efebe8}.vendor-review-section-head>.material-symbols-rounded{color:#e45b20;font-size:17px}.vendor-review-section-head strong{flex:1;font-size:10.5px}.vendor-review-section-head a{color:#d94b12;font-size:10.5px;font-weight:700}.vendor-review-sections dl{margin:0}.vendor-review-sections dl>div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #f2efec}.vendor-review-sections dl>div:last-child{border-bottom:0}.vendor-review-sections dt{color:#999ea4;font-size:10.5px;font-weight:500}.vendor-review-sections dd{margin:0;text-align:right;color:#515860;font-size:10.5px;font-weight:600;overflow-wrap:anywhere}.vendor-submit-box{display:grid;gap:12px;margin-top:18px;padding:15px;border:1px solid #e3e8dd;border-radius:14px;background:#f9fcf7}.vendor-submit-box.disabled{opacity:.6}.vendor-submit-box label{display:flex;align-items:flex-start;gap:9px;color:#59625b}.vendor-submit-box input{margin-top:2px;accent-color:#ff520f}.vendor-submit-box strong,.vendor-submit-box small{display:block}.vendor-submit-box strong{font-size:10.5px}.vendor-submit-box small{margin-top:3px;color:#92999a;font-size:10.5px;line-height:1.55}.vendor-submit-box .vendor-action-primary{justify-self:end}
@media (max-width:1250px){.vendor-registration-stepper{grid-template-columns:repeat(3,1fr)}.vendor-registration-grid{grid-template-columns:1fr}.vendor-registration-aside{position:static}.vendor-bank-summary{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.vendor-registration-stepper{grid-template-columns:1fr 1fr}.vendor-form-grid,.vendor-proof-grid,.vendor-review-sections,.vendor-missing-grid{grid-template-columns:1fr}.vendor-bank-summary{grid-template-columns:1fr 1fr}.vendor-hours-row{grid-template-columns:1fr 80px 1fr}.vendor-hours-row>span{display:none}.vendor-hours-row input[type=time]{grid-column:auto}.vendor-document-upload-form,.vendor-document-upload-form.simple{grid-template-columns:1fr}.vendor-upload-card{grid-template-columns:70px 1fr}.vendor-upload-preview.square,.vendor-upload-preview.banner{width:60px;height:60px}}
@media (max-width:460px){.vendor-registration-stepper{grid-template-columns:1fr}.vendor-bank-summary{grid-template-columns:1fr}.vendor-form-actions{align-items:stretch;flex-direction:column-reverse}.vendor-form-actions>*{width:100%}}

/* ========================================================================== */
/* Vendor Portal V4.3.3 — readability & contrast polish (presentation only)  */
/* ========================================================================== */

:root{
    --vendor-ink:#1f2630;
    --vendor-muted:#66717d;
    --vendor-line:#ded9d4;
    --vendor-bg:#f6f6f5;
    --vendor-shadow:0 18px 46px rgba(55,45,38,.075);
}

body.vendor-body{
    color:var(--vendor-ink);
    background:
        radial-gradient(circle at 94% 8%,rgba(255,82,15,.055),transparent 25%),
        radial-gradient(circle at 18% 96%,rgba(47,139,70,.035),transparent 28%),
        var(--vendor-bg);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* Shell / navigation */
.vendor-sidebar{
    flex-basis:268px;
    --bs-offcanvas-width:268px;
    border-right-color:#e3dfda;
    background:rgba(255,255,255,.97);
}
.vendor-sidebar-head{height:92px;padding-inline:24px;border-bottom-color:#e9e5e1}
.vendor-brand img{width:150px}
.vendor-sidebar-body{padding:22px 15px}
.vendor-setup-card{gap:12px;margin-bottom:22px;padding:15px;border-color:#efcdbb;background:#fff7f2}
.vendor-setup-card>.material-symbols-rounded{width:38px;height:38px;font-size:21px}
.vendor-setup-card strong{font-size:11.5px;color:#303741}
.vendor-setup-card small{margin-top:3px;color:#7c6e66;font-size:10.5px}
.vendor-nav-section+.vendor-nav-section{margin-top:26px}
.vendor-nav-label{padding:0 10px 9px;color:#858e98;font-size:10.5px;letter-spacing:.13em}
.vendor-nav-link{gap:11px;min-height:48px;padding:8px 11px;border-radius:13px;color:#59636e;font-size:11.5px}
.vendor-nav-link:hover:not(.disabled){background:#f6f3f1;color:#222a33}
.vendor-nav-link.active{color:#c9420b;background:linear-gradient(135deg,#fff0e7,#fff9f5);box-shadow:inset 0 0 0 1px #efcdbb,0 5px 14px rgba(124,75,49,.035)}
.vendor-nav-icon{width:33px;height:33px;border-radius:10px;background:#f2f1ef;color:#626c77}
.vendor-nav-icon .material-symbols-rounded{font-size:19px}
.vendor-nav-link>small{padding:4px 7px;background:#efeeec;color:#858b92;font-size:10.5px}
.vendor-nav-link.disabled{opacity:.72}
.vendor-sidebar-foot{padding:17px;border-top-color:#e7e3df}
.vendor-account-mini{gap:10px;margin-bottom:12px}
.vendor-account-mini strong{font-size:10.5px}
.vendor-account-mini small{font-size:10.5px;color:#7d858e}
.vendor-sidebar-foot .vendor-action-secondary{min-height:42px;font-size:10.5px}

.vendor-main{min-width:0}
.vendor-header{height:92px;border-bottom-color:#e5e1dd;background:rgba(255,255,255,.94)}
.vendor-header-eyebrow{font-size:10.5px;color:#858e98}
.vendor-header-title{font-size:12.5px;color:#2a313a}
.vendor-store-state{font-size:10.5px}
.vendor-user-chip strong{font-size:10.5px}
.vendor-user-chip small{font-size:10.5px;color:#7f8790}
.vendor-content{padding:34px clamp(24px,3vw,46px) 64px}

/* Shared hero / panel hierarchy */
.vendor-page-hero{
    min-height:190px;
    padding:36px 38px;
    border-color:#dfdad5;
    background:linear-gradient(118deg,#fff 0%,#fffaf7 58%,#ffefe4 100%);
    box-shadow:0 18px 42px rgba(73,51,37,.07);
}
.vendor-page-hero.compact{min-height:168px}
.vendor-page-hero h1{margin:9px 0 9px;font-size:clamp(34px,3vw,46px);line-height:1.03}
.vendor-page-hero p{max-width:760px;color:#65717d;font-size:13px;line-height:1.72}
.vendor-eyebrow,.vendor-panel-kicker{font-size:10.5px;font-weight:800;letter-spacing:.11em}
.vendor-hero-status{min-width:220px;padding:15px 17px;border-color:#ddd7d1;background:rgba(255,255,255,.9)}
.vendor-hero-status>.material-symbols-rounded{width:42px;height:42px;font-size:22px}
.vendor-hero-status small{font-size:10.5px;color:#7d858e}
.vendor-hero-status strong{margin-top:3px;font-size:10.5px;color:#343b44}
.vendor-panel{border-color:#dfdad5;box-shadow:0 14px 34px rgba(57,48,41,.05)}
.vendor-registration-form-panel,.vendor-registration-aside{padding:28px}
.vendor-panel-head{gap:22px}
.vendor-panel-head h2{font-size:22px}
.vendor-panel-head p{color:#747e88;font-size:10.5px;line-height:1.6}
.vendor-panel-icon{width:43px;height:43px}
.vendor-panel-icon .material-symbols-rounded{font-size:23px}
.vendor-badge{padding:5px 9px;font-size:10.5px;letter-spacing:.05em}

/* Registration stepper */
.vendor-registration-page{max-width:1480px}
.vendor-registration-hero{margin-bottom:18px}
.vendor-registration-stepper{
    gap:9px;
    padding:10px;
    border-color:#ddd8d3;
    border-radius:19px;
    background:rgba(255,255,255,.95);
    box-shadow:0 12px 30px rgba(57,48,41,.045);
}
.vendor-registration-step{gap:9px;min-height:60px;padding:12px 11px;border-radius:13px;color:#636d78}
.vendor-registration-step.current{background:#fff0e7;color:#c8430c;box-shadow:inset 0 0 0 1px #f3d0be}
.vendor-registration-step.done{color:#3f744b}
.vendor-registration-step.locked{opacity:.72;color:#7c858e}
.vendor-registration-step-number{flex-basis:31px;width:31px;height:31px;border-radius:9px;font-size:10.5px}
.vendor-registration-step-number .material-symbols-rounded{font-size:17px}
.vendor-registration-step strong{font-size:10.5px;line-height:1.25}
.vendor-registration-step small{margin-top:3px;color:#87909a;font-size:10.5px;line-height:1.25}
.vendor-registration-grid{grid-template-columns:minmax(0,1.78fr) minmax(300px,.62fr);gap:20px;margin-top:18px}
.vendor-registration-aside{top:112px}
.vendor-registration-aside h3{margin:7px 0 16px;font-size:21px}
.vendor-completion-list{gap:8px;margin-top:19px;padding-top:17px;border-top-color:#e5e0dc}
.vendor-completion-list>div{gap:8px;color:#737c85;font-size:10.5px}
.vendor-completion-list .material-symbols-rounded{font-size:18px}

/* Registration form */
.vendor-registration-form-panel .vendor-panel-head h2,
.vendor-section-heading h2{margin:5px 0 4px;font-size:22px;line-height:1.16}
.vendor-registration-form-panel .vendor-panel-head p,
.vendor-section-heading p{color:#707b86;font-size:10.5px;line-height:1.65}
.vendor-form-grid{gap:19px 20px;margin-top:24px}
.vendor-field{gap:8px}
.vendor-field label{color:#3f4852;font-size:10.5px;font-weight:700}
.vendor-field label b{color:#d94712}
.vendor-field input,
.vendor-field select,
.vendor-field textarea{
    min-height:50px;
    padding:0 14px;
    border-color:#d8d2cd;
    border-radius:12px;
    color:#28313a;
    font-size:12px;
    line-height:1.4;
}
.vendor-field textarea{min-height:112px;padding-block:13px}
.vendor-field input::placeholder,.vendor-field textarea::placeholder{color:#a1a7ae}
.vendor-field input:focus,.vendor-field select:focus,.vendor-field textarea:focus{border-color:#ff8b5b;box-shadow:0 0 0 4px rgba(255,82,15,.085)}
.vendor-field small{color:#7f8892;font-size:10.5px;line-height:1.55}
.vendor-field-error{font-size:10.5px}
.vendor-readonly-field{padding:15px;border-color:#dfdad5;background:#f8f7f6}
.vendor-readonly-field strong{font-size:11px;color:#343c45}
.vendor-inline-fields{gap:10px}

.vendor-consent-box{gap:13px;padding:17px;border-color:#d9e3d4;border-radius:14px;background:#f8fcf6}
.vendor-consent-box label,.vendor-checkbox-card{gap:10px;color:#47534b;font-size:10.5px;line-height:1.65}
.vendor-consent-box input,.vendor-checkbox-card input{width:15px;height:15px;margin-top:2px}
.vendor-info-strip{gap:11px;padding:15px 16px;border-color:#d9e2ee;border-radius:13px;background:#f7f9fd}
.vendor-info-strip>.material-symbols-rounded{font-size:21px}
.vendor-info-strip strong{color:#3f526b;font-size:10.5px}
.vendor-info-strip p{margin-top:4px;color:#68798d;font-size:10.5px;line-height:1.6}
.vendor-section-divider{margin:29px 0;background:#e5e0dc}

.vendor-form-actions{gap:14px;margin-top:23px;padding-top:21px;border-top-color:#e5e0dc}
.vendor-action-primary,.vendor-action-secondary{min-height:46px;padding:0 19px;border-radius:12px;font-size:10.5px}
.vendor-action-primary{box-shadow:0 12px 25px rgba(239,68,9,.2)}
.vendor-action-primary .material-symbols-rounded,.vendor-action-secondary .material-symbols-rounded{font-size:18px}
.vendor-action-secondary{border-color:#d6d0cb;color:#505a65}

/* Registration media / hours / documents */
.vendor-upload-card{grid-template-columns:104px 1fr;gap:15px;padding:15px;border-color:#ded8d3;background:#faf9f8}
.vendor-upload-card label{font-size:10.5px}
.vendor-upload-card p{margin:4px 0 9px;color:#7f8891;font-size:10.5px;line-height:1.55}
.vendor-upload-card input[type=file]{font-size:10.5px}
.vendor-upload-preview.square{width:88px;height:88px}.vendor-upload-preview.banner{width:88px;height:68px}
.vendor-hours-table{border-color:#ddd8d3}
.vendor-hours-row{grid-template-columns:105px 105px 1fr 22px 1fr;gap:11px;padding:12px 14px;border-bottom-color:#e7e2de}
.vendor-hours-row strong{font-size:10.5px}
.vendor-hours-row>span{color:#7f8790;font-size:10.5px}
.vendor-hours-row input[type=time]{min-height:42px;padding:0 11px;border-color:#d7d1cc;font-size:10.5px}
.vendor-switch-label{gap:7px;color:#616b75;font-size:10.5px}
.vendor-checkbox-card{padding:15px;border-color:#ddd8d3;background:#faf9f8}
.vendor-checkbox-card strong{font-size:10.5px;color:#414a54}
.vendor-checkbox-card small{margin-top:3px;color:#7d8791;font-size:10.5px}

.vendor-document-list,.vendor-proof-grid{gap:13px;margin-top:18px}
.vendor-document-card{padding:16px;border-color:#ded8d3;background:#fff}
.vendor-document-top{gap:11px}
.vendor-document-top strong{font-size:10.5px}
.vendor-document-top small{margin-top:3px;color:#7f8892;font-size:10.5px}
.vendor-document-icon{width:38px;height:38px}
.vendor-document-icon .material-symbols-rounded{font-size:20px}
.vendor-document-current{gap:10px;margin-top:12px;padding:10px 11px;color:#606a74;font-size:10.5px}
.vendor-document-current a,.vendor-document-current button{font-size:10.5px}
.vendor-doc-rejection{gap:8px;margin-top:11px;padding:10px;font-size:10.5px}
.vendor-document-upload-form{gap:10px;margin-top:12px}
.vendor-document-upload-form input{height:41px;padding:7px 10px;border-color:#d7d1cc;font-size:10.5px}
.vendor-document-upload-form .vendor-action-secondary{min-height:41px}

.vendor-bank-summary{gap:10px;margin-top:19px}
.vendor-bank-summary>div{padding:13px;border-color:#dfdad5;background:#f9f8f7}
.vendor-bank-summary small{font-size:10.5px;color:#7d8791}
.vendor-bank-summary strong{margin-top:5px;font-size:10.5px}

/* Review page */
.vendor-review-readiness{gap:13px;padding:18px}
.vendor-review-readiness>.material-symbols-rounded{font-size:28px}
.vendor-review-readiness strong{font-size:12px}
.vendor-review-readiness p{margin-top:4px;font-size:10.5px;line-height:1.55}
.vendor-missing-grid{gap:9px;margin-top:17px}
.vendor-missing-grid a{gap:9px;padding:12px;border-color:#dfdad5;color:#626c76;font-size:10.5px}
.vendor-missing-grid .material-symbols-rounded{font-size:18px}
.vendor-review-sections{gap:13px;margin-top:21px}
.vendor-review-sections>article{padding:16px;border-color:#dfdad5;background:#fff}
.vendor-review-section-head{gap:9px;padding-bottom:11px}
.vendor-review-section-head>.material-symbols-rounded{font-size:20px}
.vendor-review-section-head strong{font-size:10.5px}
.vendor-review-section-head a{font-size:10.5px}
.vendor-review-sections dl>div{grid-template-columns:120px 1fr;gap:10px;padding:9px 0}
.vendor-review-sections dt{font-size:10.5px;color:#7d8791}
.vendor-review-sections dd{font-size:10.5px;color:#424b55}
.vendor-submit-box{gap:14px;margin-top:21px;padding:18px;border-color:#d9e3d4}
.vendor-submit-box strong{font-size:10.5px}
.vendor-submit-box small{margin-top:4px;font-size:10.5px;line-height:1.6}

/* Application summary / state cards */
.vendor-detail-list>div{grid-template-columns:104px 1fr;gap:12px;padding:12px 0;border-bottom-color:#e8e3df}
.vendor-detail-list dt{color:#727c86;font-size:10.5px}
.vendor-detail-list dd{color:#3d4650;font-size:10.5px}
.vendor-review-note{gap:10px;padding:14px}
.vendor-review-note strong{font-size:10.5px}
.vendor-review-note p{font-size:10.5px;line-height:1.6}
.vendor-stage-note{gap:10px;padding:14px;color:#68727c}
.vendor-stage-note p{font-size:10.5px;line-height:1.6}

/* Errors / status text */
.vendor-alert{font-size:10.5px}
.vendor-api-error strong{font-size:10.5px}
.vendor-api-error p{font-size:10.5px;line-height:1.55}

@media (max-width:1250px){
    .vendor-sidebar{flex-basis:258px;--bs-offcanvas-width:258px}
    .vendor-registration-grid{grid-template-columns:1fr}
    .vendor-registration-aside{position:static}
}
@media (max-width:991.98px){
    .vendor-header{height:82px}
    .vendor-sidebar-head{height:82px}
    .vendor-content{padding-top:26px}
    .vendor-registration-stepper{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
    .vendor-content{padding-inline:16px}
    .vendor-page-hero{min-height:auto;padding:27px 24px}
    .vendor-page-hero h1{font-size:34px}
    .vendor-page-hero p{font-size:12px}
    .vendor-registration-form-panel,.vendor-registration-aside{padding:21px}
    .vendor-registration-stepper{grid-template-columns:1fr 1fr}
    .vendor-registration-step{min-height:57px}
    .vendor-form-grid,.vendor-proof-grid,.vendor-review-sections,.vendor-missing-grid{grid-template-columns:1fr}
    .vendor-hours-row{grid-template-columns:1fr 92px 1fr}
}
@media (max-width:460px){
    .vendor-registration-stepper{grid-template-columns:1fr}
    .vendor-page-hero h1{font-size:30px}
    .vendor-registration-form-panel,.vendor-registration-aside{padding:18px}
}

/* ========================================================================== */
/* Vendor Portal V4.3.4 — modern merchant workspace redesign (UI only)       */
/* ========================================================================== */

:root{
    --vendor-orange:#ff520f;
    --vendor-orange-deep:#e93f08;
    --vendor-orange-soft:#fff0e8;
    --vendor-ink:#17202b;
    --vendor-muted:#657180;
    --vendor-bg:#f3f5f7;
    --vendor-panel:#ffffff;
    --vendor-line:#dfe3e8;
    --vendor-dark:#17191d;
    --vendor-dark-soft:#22252b;
    --vendor-shadow:0 22px 60px rgba(28,34,42,.09);
}

body.vendor-body{
    background:
        radial-gradient(circle at 88% 6%,rgba(255,82,15,.10),transparent 22%),
        radial-gradient(circle at 20% 96%,rgba(47,139,70,.055),transparent 25%),
        linear-gradient(180deg,#f7f8f9 0%,#f2f4f6 100%);
}

/* -------------------------------------------------------------------------- */
/* Merchant shell                                                             */
/* -------------------------------------------------------------------------- */
.vendor-sidebar{
    flex-basis:278px;
    --bs-offcanvas-width:278px;
    border-right:0;
    background:
        radial-gradient(circle at 10% 0%,rgba(255,82,15,.14),transparent 30%),
        linear-gradient(180deg,#181a1f 0%,#202329 56%,#17191d 100%);
    color:#fff;
    box-shadow:18px 0 52px rgba(19,22,27,.10);
}
.vendor-sidebar-head{
    height:96px;
    padding-inline:26px;
    border-bottom:1px solid rgba(255,255,255,.075);
}
.vendor-brand{
    display:flex;
    align-items:center;
    min-height:42px;
}
.vendor-brand img{
    width:158px;
    filter:brightness(0) invert(1);
    opacity:.98;
}
.vendor-sidebar .btn-close{filter:invert(1);opacity:.8}
.vendor-sidebar-body{padding:24px 16px 28px}
.vendor-setup-card{
    position:relative;
    overflow:hidden;
    gap:13px;
    margin:0 2px 25px;
    padding:16px;
    border:1px solid rgba(255,122,62,.23);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(255,82,15,.18),rgba(255,122,62,.065));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.vendor-setup-card:after{
    content:"";
    position:absolute;
    right:-25px;
    top:-28px;
    width:82px;
    height:82px;
    border:1px solid rgba(255,125,72,.22);
    border-radius:999px;
}
.vendor-setup-card>.material-symbols-rounded{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#ff5a18;
    color:#fff;
    box-shadow:0 10px 22px rgba(255,82,15,.22);
}
.vendor-setup-card strong{color:#fff;font-size:12px}
.vendor-setup-card small{color:#c8cbd0;font-size:10.5px}
.vendor-nav-section+.vendor-nav-section{margin-top:28px}
.vendor-nav-label{
    padding:0 11px 10px;
    color:#777e89;
    font-size:10.5px;
    letter-spacing:.14em;
}
.vendor-nav-link{
    gap:12px;
    min-height:50px;
    padding:8px 11px;
    border-radius:13px;
    color:#b5bac2;
    font-size:11.5px;
}
.vendor-nav-link:hover:not(.disabled){background:rgba(255,255,255,.065);color:#fff}
.vendor-nav-link.active{
    color:#fff;
    background:linear-gradient(135deg,#ff5b16,#ec4008);
    box-shadow:0 12px 28px rgba(225,61,7,.26),inset 0 1px 0 rgba(255,255,255,.18);
}
.vendor-nav-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    background:rgba(255,255,255,.075);
    color:#b7bdc6;
}
.vendor-nav-link.active .vendor-nav-icon{background:rgba(255,255,255,.15);color:#fff}
.vendor-nav-link>small{background:rgba(255,255,255,.07);color:#8f959d}
.vendor-nav-link.active>small{background:rgba(255,255,255,.17);color:#fff}
.vendor-nav-link.disabled{opacity:.68}
.vendor-sidebar-foot{
    padding:18px 17px;
    border-top:1px solid rgba(255,255,255,.075);
    background:rgba(0,0,0,.09);
}
.vendor-account-mini strong{color:#fff;font-size:10.5px}
.vendor-account-mini span{color:#8e959f;font-size:10.5px}
.vendor-account-avatar{width:36px;height:36px;box-shadow:0 8px 18px rgba(255,82,15,.24)}
.vendor-signout-button{
    height:42px;
    border-color:rgba(255,255,255,.10);
    background:rgba(255,255,255,.055);
    color:#b8bec6;
    font-size:10.5px;
}
.vendor-signout-button:hover{border-color:rgba(255,111,53,.30);background:rgba(255,82,15,.10);color:#fff}

.vendor-header{
    height:88px;
    padding-inline:clamp(24px,3vw,48px);
    border-bottom:1px solid rgba(215,220,226,.86);
    background:rgba(249,250,251,.88);
    box-shadow:0 8px 30px rgba(31,38,47,.035);
}
.vendor-header-left>div>strong{color:#1d2630;font-size:14px}
.vendor-header-eyebrow{color:#8b949f;font-size:10.5px}
.vendor-user-chip{padding-left:17px;border-left-color:#dce1e6}
.vendor-user-chip strong{color:#26303a;font-size:10.5px}
.vendor-user-chip small{color:#8b949d;font-size:10.5px}
.vendor-user-avatar{width:38px;height:38px;box-shadow:0 7px 16px rgba(255,82,15,.18)}
.vendor-content{padding:34px clamp(24px,3.1vw,50px) 70px}
.vendor-registration-page{max-width:1510px}

/* -------------------------------------------------------------------------- */
/* Registration hero                                                          */
/* -------------------------------------------------------------------------- */
.vendor-page-hero.vendor-registration-hero{
    min-height:190px;
    margin-bottom:20px;
    padding:35px 38px;
    border:0;
    border-radius:28px;
    color:#fff;
    background:
        radial-gradient(circle at 86% 20%,rgba(255,126,69,.30),transparent 23%),
        radial-gradient(circle at 72% 120%,rgba(255,82,15,.28),transparent 32%),
        linear-gradient(122deg,#17191d 0%,#242127 52%,#4a2114 100%);
    box-shadow:0 24px 58px rgba(27,27,30,.17);
}
.vendor-page-hero.vendor-registration-hero:before{
    content:"";
    position:absolute;
    right:19%;
    top:-145px;
    width:330px;
    height:330px;
    border:1px solid rgba(255,137,82,.18);
    border-radius:50%;
    box-shadow:0 0 0 42px rgba(255,95,29,.035),0 0 0 92px rgba(255,95,29,.025);
}
.vendor-page-hero.vendor-registration-hero:after{
    right:-56px;
    top:-90px;
    width:250px;
    height:250px;
    border-color:rgba(255,150,100,.24);
    box-shadow:0 0 0 34px rgba(255,96,32,.07),0 0 0 73px rgba(255,96,32,.035);
}
.vendor-registration-hero .vendor-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 11px;
    border:1px solid rgba(255,133,78,.23);
    border-radius:999px;
    background:rgba(255,82,15,.12);
    color:#ff9a67;
    font-size:10.5px;
    letter-spacing:.12em;
}
.vendor-registration-hero .vendor-eyebrow:before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ff6a24;
    box-shadow:0 0 0 4px rgba(255,106,36,.13);
}
.vendor-registration-hero h1{
    max-width:780px;
    margin:13px 0 10px;
    color:#fff;
    font-size:clamp(38px,3.7vw,54px);
    line-height:.99;
    letter-spacing:-.045em;
}
.vendor-registration-hero p{
    max-width:760px;
    color:#cbd0d6;
    font-size:13px;
    line-height:1.72;
}
.vendor-registration-hero .vendor-hero-status{
    min-width:238px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:17px;
    background:rgba(255,255,255,.09);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.08);
    backdrop-filter:blur(14px);
}
.vendor-registration-hero .vendor-hero-status>.material-symbols-rounded{
    width:46px;
    height:46px;
    border-radius:14px;
    background:linear-gradient(135deg,#ff6c28,#f04409);
    color:#fff;
    box-shadow:0 10px 22px rgba(239,68,9,.24);
}
.vendor-registration-hero .vendor-hero-status small{color:#aeb4bc;font-size:10.5px}
.vendor-registration-hero .vendor-hero-status strong{color:#fff;font-size:11px}

/* -------------------------------------------------------------------------- */
/* Registration progress                                                      */
/* -------------------------------------------------------------------------- */
.vendor-registration-stepper{
    position:relative;
    gap:10px;
    padding:11px;
    border:1px solid #dde2e7;
    border-radius:21px;
    background:rgba(255,255,255,.93);
    box-shadow:0 14px 34px rgba(31,38,47,.055);
}
.vendor-registration-step{
    position:relative;
    gap:10px;
    min-height:68px;
    padding:12px 13px;
    border:1px solid transparent;
    border-radius:15px;
    color:#66717d;
}
.vendor-registration-step:hover:not(.locked){background:#f6f8fa;color:#27313b}
.vendor-registration-step.current{
    border-color:transparent;
    background:linear-gradient(135deg,#ff681f,#ed4208);
    color:#fff;
    box-shadow:0 12px 25px rgba(234,65,7,.20);
}
.vendor-registration-step.done{background:#f1f8f3;color:#377448;border-color:#dcecdf}
.vendor-registration-step.locked{opacity:1;color:#8e97a1;background:#f7f8f9}
.vendor-registration-step-number{
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#e9edf1;
    color:#5f6a76;
    font-size:10.5px;
}
.vendor-registration-step.current .vendor-registration-step-number{background:rgba(255,255,255,.17);color:#fff}
.vendor-registration-step.done .vendor-registration-step-number{background:#dcefe1;color:#2f7b43}
.vendor-registration-step.locked .vendor-registration-step-number{background:#eceff2;color:#88919b}
.vendor-registration-step strong{color:inherit;font-size:10.5px;line-height:1.25}
.vendor-registration-step small{margin-top:4px;color:#9099a3;font-size:10.5px}
.vendor-registration-step.current small{color:#ffe0d1}
.vendor-registration-step.done small{color:#679074}

/* -------------------------------------------------------------------------- */
/* Registration form                                                          */
/* -------------------------------------------------------------------------- */
.vendor-registration-grid{
    grid-template-columns:minmax(0,1.8fr) minmax(310px,.60fr);
    gap:22px;
    margin-top:20px;
}
.vendor-panel.vendor-registration-form-panel{
    position:relative;
    overflow:hidden;
    padding:31px 32px 29px;
    border:1px solid #e0e4e8;
    border-radius:24px;
    background:#fff;
    box-shadow:0 22px 54px rgba(31,38,47,.07);
}
.vendor-panel.vendor-registration-form-panel:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#ff520f 0%,#ff8a4a 28%,#43a05a 75%,#43a05a 100%);
}
.vendor-registration-form-panel .vendor-panel-head{
    align-items:center;
    padding-bottom:22px;
    border-bottom:1px solid #edf0f2;
}
.vendor-registration-form-panel .vendor-panel-kicker{
    display:inline-flex;
    width:max-content;
    padding:5px 8px;
    border-radius:7px;
    background:#fff0e8;
    color:#e2470c;
    font-size:10.5px;
}
.vendor-registration-form-panel .vendor-panel-head h2,
.vendor-section-heading h2{
    margin:8px 0 4px;
    color:#17202b;
    font-size:25px;
    letter-spacing:-.025em;
}
.vendor-registration-form-panel .vendor-panel-head p,
.vendor-section-heading p{color:#707b88;font-size:11px;line-height:1.65}
.vendor-panel-icon{
    width:48px;
    height:48px;
    border-radius:14px;
}
.vendor-panel-icon.orange{
    background:linear-gradient(135deg,#fff0e8,#ffe4d5);
    color:#f14b0c;
    box-shadow:inset 0 0 0 1px #f8d4c2;
}
.vendor-panel-icon .material-symbols-rounded{font-size:24px}
.vendor-form-grid{gap:21px 22px;margin-top:26px}
.vendor-field{gap:9px}
.vendor-field label{
    color:#28333e;
    font-size:11px;
    font-weight:700;
}
.vendor-field input,
.vendor-field select,
.vendor-field textarea{
    min-height:55px;
    padding-inline:16px;
    border:1px solid #d9dfe5;
    border-radius:13px;
    background:#fbfcfd;
    color:#1f2933;
    font-size:12px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.vendor-field textarea{min-height:120px;padding-block:14px}
.vendor-field input:hover,.vendor-field select:hover,.vendor-field textarea:hover{border-color:#cbd2da;background:#fff}
.vendor-field input:focus,.vendor-field select:focus,.vendor-field textarea:focus{
    border-color:#ff7b42;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,82,15,.09),0 8px 18px rgba(31,38,47,.045);
}
.vendor-field small{color:#818b96;font-size:10.5px;line-height:1.6}
.vendor-readonly-field{
    position:relative;
    padding:16px 17px;
    border:1px solid #e3e7eb;
    border-radius:14px;
    background:linear-gradient(135deg,#f7f9fa,#fbfcfd);
}
.vendor-readonly-field:before{
    content:"verified";
    position:absolute;
    right:14px;
    top:14px;
    padding:4px 7px;
    border-radius:999px;
    background:#eaf6ed;
    color:#348047;
    font-size:10.5px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.vendor-readonly-field strong{font-size:12px;color:#202a34}
.vendor-consent-box{
    gap:0;
    padding:0;
    border:1px solid #e5e8eb;
    border-radius:15px;
    background:#fff;
    overflow:hidden;
}
.vendor-consent-box label{
    align-items:center;
    min-height:54px;
    padding:13px 15px;
    color:#4a5560;
    font-size:10.5px;
    border-bottom:1px solid #eef0f2;
}
.vendor-consent-box label:last-of-type{border-bottom:0}
.vendor-consent-box label:hover{background:#fff8f4}
.vendor-consent-box input,.vendor-checkbox-card input{width:17px;height:17px;accent-color:#ff520f}
.vendor-consent-box a{color:#e1490d}
.vendor-info-strip{
    padding:16px 17px;
    border:1px solid #dce5ef;
    border-radius:14px;
    background:linear-gradient(135deg,#f5f9ff,#fafcff);
}
.vendor-info-strip strong{font-size:10.5px}
.vendor-info-strip p{font-size:10.5px}
.vendor-form-actions{
    margin-top:25px;
    padding-top:23px;
    border-top:1px solid #edf0f2;
}
.vendor-action-primary,.vendor-action-secondary{
    min-height:50px;
    padding:0 22px;
    border-radius:13px;
    font-size:10.5px;
}
.vendor-action-primary{
    background:linear-gradient(135deg,#ff651e,#ef4208);
    box-shadow:0 14px 28px rgba(235,66,8,.22);
}
.vendor-action-primary:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(235,66,8,.28)}
.vendor-action-secondary{border-color:#d6dce2;background:#fff;color:#49545f}

/* -------------------------------------------------------------------------- */
/* Application progress aside                                                 */
/* -------------------------------------------------------------------------- */
.vendor-panel.vendor-registration-aside{
    position:sticky;
    top:112px;
    overflow:hidden;
    padding:25px 24px 23px;
    border:0;
    border-radius:24px;
    color:#fff;
    background:
        radial-gradient(circle at 100% 0%,rgba(255,95,29,.23),transparent 34%),
        linear-gradient(155deg,#1b1e23 0%,#252931 100%);
    box-shadow:0 22px 52px rgba(27,31,37,.15);
}
.vendor-registration-aside:after{
    content:"";
    position:absolute;
    right:-52px;
    bottom:-72px;
    width:180px;
    height:180px;
    border:1px solid rgba(255,122,62,.17);
    border-radius:999px;
    box-shadow:0 0 0 28px rgba(255,82,15,.025),0 0 0 58px rgba(255,82,15,.015);
}
.vendor-registration-aside>*{position:relative;z-index:1}
.vendor-registration-aside .vendor-panel-kicker{
    display:inline-flex;
    width:max-content;
    padding:5px 8px;
    border-radius:7px;
    background:rgba(255,82,15,.15);
    color:#ff9562;
    font-size:10.5px;
}
.vendor-registration-aside h3{
    margin:12px 0 20px;
    color:#fff;
    font-size:24px;
    letter-spacing:-.02em;
}
.vendor-registration-aside .vendor-detail-list>div{
    grid-template-columns:104px 1fr;
    gap:13px;
    padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.085);
}
.vendor-registration-aside .vendor-detail-list dt{color:#8e97a3;font-size:10.5px}
.vendor-registration-aside .vendor-detail-list dd{color:#f4f5f7;font-size:10.5px}
.vendor-registration-aside .vendor-badge.neutral{background:rgba(255,255,255,.10);color:#d7dbe0}
.vendor-registration-aside .vendor-badge.warning{background:rgba(255,170,52,.15);color:#ffc96f}
.vendor-registration-aside .vendor-badge.success{background:rgba(64,168,87,.16);color:#8fe3a2}
.vendor-registration-aside .vendor-completion-list{
    gap:9px;
    margin-top:21px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.085);
}
.vendor-registration-aside .vendor-completion-list>div{
    min-height:37px;
    padding:8px 10px;
    border-radius:10px;
    background:rgba(255,255,255,.045);
    color:#aeb5be;
    font-size:10.5px;
}
.vendor-registration-aside .vendor-completion-list>div.complete{
    background:rgba(52,145,74,.13);
    color:#8cdda0;
}
.vendor-registration-aside .vendor-completion-list .material-symbols-rounded{font-size:18px}
.vendor-registration-aside .vendor-review-note.prominent{
    border:1px solid rgba(255,184,92,.16);
    background:rgba(255,153,47,.10);
    color:#f7d39c;
}
.vendor-registration-aside .vendor-review-note strong{color:#ffe2b4}
.vendor-registration-aside .vendor-review-note p{color:#cdbb9f}

/* -------------------------------------------------------------------------- */
/* Secondary registration components                                         */
/* -------------------------------------------------------------------------- */
.vendor-section-divider{height:1px;margin:32px 0;background:#e9edf0}
.vendor-upload-card,.vendor-document-card,.vendor-checkbox-card,.vendor-bank-summary>div,.vendor-review-sections>article{
    border-color:#dfe4e9;
    background:#fbfcfd;
    box-shadow:0 7px 18px rgba(31,38,47,.025);
}
.vendor-upload-card{border-radius:15px}
.vendor-upload-card:hover,.vendor-document-card:hover{border-color:#d1d8df;background:#fff}
.vendor-upload-preview{background:linear-gradient(135deg,#f0f2f4,#e7ebef)}
.vendor-hours-table{border-color:#dfe4e8;border-radius:15px;background:#fff}
.vendor-hours-row{border-bottom-color:#edf0f2}
.vendor-hours-row:nth-child(even){background:#fafbfc}
.vendor-hours-row input[type=time]{border-color:#d7dde3;background:#fff}
.vendor-document-card{border-radius:15px}
.vendor-document-icon{background:#eef1f4;color:#687481}
.vendor-document-current{background:#f2f4f6}
.vendor-bank-summary>div{border-radius:13px}
.vendor-review-readiness{border-radius:15px}
.vendor-review-readiness.ready{border-color:#cee5d4;background:linear-gradient(135deg,#f2fbf4,#f8fdf9)}
.vendor-review-readiness.not-ready{border-color:#efd8cc;background:linear-gradient(135deg,#fff7f2,#fffbf8)}
.vendor-missing-grid a{border-color:#dfe4e8;background:#fbfcfd}
.vendor-review-sections>article{border-radius:15px}
.vendor-submit-box{border-color:#dbe6dd;border-radius:15px;background:linear-gradient(135deg,#f6fbf7,#fbfdfb)}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width:1250px){
    .vendor-sidebar{flex-basis:268px;--bs-offcanvas-width:268px}
    .vendor-registration-grid{grid-template-columns:1fr}
    .vendor-panel.vendor-registration-aside{position:static}
}
@media (max-width:991.98px){
    .vendor-sidebar{box-shadow:none}
    .vendor-content{padding-top:27px}
    .vendor-registration-stepper{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
    .vendor-content{padding-inline:16px}
    .vendor-page-hero.vendor-registration-hero{min-height:auto;padding:28px 24px;border-radius:22px}
    .vendor-registration-hero h1{font-size:35px}
    .vendor-registration-hero .vendor-hero-status{width:100%;min-width:0}
    .vendor-registration-stepper{grid-template-columns:1fr 1fr}
    .vendor-panel.vendor-registration-form-panel,.vendor-panel.vendor-registration-aside{padding:23px 20px}
    .vendor-form-grid{grid-template-columns:1fr}
    .vendor-field.full,.vendor-consent-box.full,.vendor-info-strip.full,.vendor-form-actions.full,.vendor-section-heading.full,.vendor-hours-table.full,.vendor-checkbox-card.full,.vendor-bank-fields.full{grid-column:auto}
}
@media (max-width:460px){
    .vendor-registration-stepper{grid-template-columns:1fr}
    .vendor-registration-hero h1{font-size:31px}
    .vendor-form-actions{align-items:stretch;flex-direction:column-reverse}
    .vendor-form-actions>*{width:100%}
}


/* v4.3.19 — Standalone Vendor auth readability pass */
.vendor-auth-body .material-symbols-rounded{line-height:1;vertical-align:middle}
.vendor-auth-kicker{font-size:11px}
.vendor-auth-feature-grid strong{font-size:12.5px}
.vendor-auth-feature-grid small{font-size:10.5px;line-height:1.5}
.vendor-auth-intro{font-size:12.5px;line-height:1.7}
.vendor-auth-form label{font-size:11.5px}
.vendor-field-error{font-size:10.5px}
.vendor-primary-button{font-size:12px}
.vendor-auth-security p{font-size:10.5px;line-height:1.55}
.vendor-auth-security strong{font-size:11px}
.vendor-alert{font-size:10.5px;line-height:1.5}
.vendor-back-link{font-size:10.5px}
.vendor-verify-card>p{font-size:11.5px;line-height:1.55}
.vendor-resend-row,.vendor-text-button{font-size:10.5px}
.vendor-otp-expiry{font-size:10.5px}