/* AZARA B2B Buyer UI Bridge v0.1.0 — only .azb-ui; no global theme/checkout/WholesaleX overrides. */
.azb-ui {
  --azb-navy: #102A43; --azb-deep: #082C40; --azb-teal: #0D9488; --azb-teal-dark: #06766f;
  --azb-ink: #183449; --azb-muted: #66798b; --azb-line: #E3EBEF; --azb-bg: #F5F8FA;
  color: var(--azb-ink); font: 400 15px/1.55 'Inter', ui-sans-serif, system-ui, sans-serif;
  box-sizing: border-box; isolation: isolate;
}
.azb-ui *, .azb-ui *::before, .azb-ui *::after {box-sizing:border-box}
.azb-ui h1,.azb-ui h2,.azb-ui h3,.azb-ui h4 {font-family:'Plus Jakarta Sans','Inter',sans-serif;letter-spacing:-.035em;margin:0;color:var(--azb-navy);font-weight:800;line-height:1.2}
.azb-ui p {margin:0}.azb-ui a {text-decoration:none}.azb-ui button,.azb-ui input {font-family:'Inter',sans-serif}
.azb-ui a:focus-visible,.azb-ui input:focus-visible {outline:3px solid rgba(13,148,136,.42);outline-offset:3px}
.azb-kicker {font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--azb-teal);text-transform:uppercase;display:inline-block}
.azb-mark {background:var(--azb-teal);color:white;border-radius:10px;display:grid;place-items:center;font-size:27px;font-weight:800;width:42px;height:42px;flex:none;line-height:1}
.azb-button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;color:#fff!important;background:var(--azb-teal);font-weight:800;border-radius:9px;font-size:13px;transition:background .2s ease}
.azb-button:hover {background:var(--azb-teal-dark)}.azb-button.azb-secondary {color:var(--azb-navy)!important;background:#edf3f5}
/* Login */
.azb-auth {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(1120px,calc(100% - 36px));margin:36px auto 48px;min-height:665px;background:#fff;border:1px solid var(--azb-line);border-radius:18px;box-shadow:0 18px 50px rgba(13,41,58,.075);overflow:hidden}
.azb-auth-art {position:relative;overflow:hidden;isolation:isolate;padding:38px 47px 48px;background:radial-gradient(ellipse at 15% 0,rgba(11,177,159,.22),transparent 35%),linear-gradient(133deg,#072D42 2%,#065269 70%,#06887E 110%);color:white;display:flex;flex-direction:column;align-items:flex-start}
.azb-auth-art::after {content:'';position:absolute;width:510px;height:510px;border-radius:50%;border:1px solid rgba(255,255,255,.19);left:12%;bottom:-260px;z-index:-1;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.025)}
.azb-brand {display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.05em;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;margin-bottom:auto}
.azb-brand b {color:#66E2D4}.azb-auth-art .azb-kicker {color:#80E7D8;margin-top:70px}
.azb-auth-art h2 {color:#fff;font-size:clamp(30px,3vw,41px);margin:15px 0 16px;max-width:470px;line-height:1.16}
.azb-auth-art>p {color:#d3ebe9;font-size:14px;line-height:1.8;max-width:420px}
.azb-benefits {display:grid;gap:13px;margin-top:34px;color:#e9fffb;font-size:13px;font-weight:600}
.azb-benefits span {display:block}.azb-auth-deco {margin-top:auto;align-self:flex-end;width:122px;height:122px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.24);color:#e7fffc;font-weight:900;font-size:48px;letter-spacing:-.08em;transform:rotate(-13deg)}
.azb-auth-content {display:grid;place-items:center;padding:45px 40px;background:linear-gradient(180deg,#fff,#fbfdfd)}
.azb-login-card {width:100%;max-width:420px}.azb-login-card h1 {font-size:clamp(27px,2.7vw,34px);margin:12px 0 13px}.azb-login-card>p {color:var(--azb-muted);font-size:13px;line-height:1.7;margin-bottom:30px}
.azb-ui #azb-wp-login-form {margin:0;display:grid;gap:15px}.azb-ui #azb-wp-login-form p {margin:0}
.azb-ui #azb-wp-login-form .login-username,.azb-ui #azb-wp-login-form .login-password {display:grid;gap:8px}
.azb-ui #azb-wp-login-form label {font-size:12px;color:#244458;font-weight:750}
.azb-ui #azb-wp-login-form input[type=text],.azb-ui #azb-wp-login-form input[type=password] {display:block;min-height:48px;width:100%;background:#fff;border:1px solid #cedbdf;border-radius:9px;padding:13px 14px;color:#17384a;font-size:14px;box-shadow:none}
.azb-ui #azb-wp-login-form input[type=text]:focus,.azb-ui #azb-wp-login-form input[type=password]:focus {outline:3px solid rgba(13,148,136,.11);border-color:var(--azb-teal)}
.azb-ui #azb-wp-login-form .login-remember {margin-top:2px}.azb-ui #azb-wp-login-form .login-remember label {display:flex;align-items:center;gap:9px;font-weight:600;color:#4b6272}
.azb-ui #azb-wp-login-form input[type=checkbox] {accent-color:var(--azb-teal);width:15px;height:15px}
.azb-ui #azb-wp-login-form .login-submit {margin-top:3px}.azb-ui #azb-wp-login-form input[type=submit] {width:100%;min-height:49px;background:var(--azb-teal);border:0;color:#fff;cursor:pointer;border-radius:9px;font-size:14px;font-weight:800;box-shadow:0 8px 17px rgba(13,148,136,.16)}
.azb-ui #azb-wp-login-form input[type=submit]:hover {background:var(--azb-teal-dark)}
.azb-forgot {text-align:right;margin:17px 0 24px;font-size:12px}.azb-forgot a,.azb-card-footer a {color:var(--azb-teal-dark);font-weight:800}
.azb-card-footer {font-size:12px;border-top:1px solid var(--azb-line);padding:19px 0;text-align:center;color:var(--azb-muted)}
.azb-ui .azb-caption {font-size:11px;line-height:1.7;color:#8496a2;text-align:center}
/* Pending / blocked states */
.azb-state {width:min(680px,calc(100% - 32px));margin:68px auto;padding:48px 48px 42px;text-align:center;border:1px solid var(--azb-line);background:#fff;border-radius:18px;box-shadow:0 12px 45px rgba(10,37,54,.065)}
.azb-state-icon {width:75px;height:75px;border-radius:18px;background:#e0f7f2;color:var(--azb-teal);display:grid;place-items:center;font-size:45px;margin:0 auto 23px}
.azb-state h1,.azb-state h2 {font-size:clamp(25px,3.5vw,36px);margin:14px 0 14px}.azb-state>p {max-width:480px;margin:0 auto 17px;font-size:14px;line-height:1.75;color:var(--azb-muted)}
.azb-state .azb-caption {margin:10px auto 20px}.azb-state-actions {display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}
/* Dashboard */
.azb-dashboard {background:var(--azb-bg);border-radius:14px;padding:18px;max-width:1320px;margin:16px auto 34px}
.azb-preview-banner {color:#80551A;background:#fff1d7;border:1px solid #eacb84;border-radius:9px;padding:12px 15px;font-size:12px;font-weight:800;margin:0 0 14px;text-align:center}
.azb-dash-layout {display:grid;grid-template-columns:232px minmax(0,1fr);gap:22px;align-items:start}
.azb-sidebar {background:#fff;border:1px solid var(--azb-line);border-radius:12px;padding:18px 12px;box-shadow:0 4px 16px rgba(21,56,73,.025);position:sticky;top:15px}
.azb-side-brand {display:flex;align-items:center;gap:9px;padding:6px 9px 22px;color:var(--azb-navy);font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;letter-spacing:-.03em;border-bottom:1px solid var(--azb-line)}
.azb-side-brand .azb-mark {height:37px;width:37px;border-radius:9px;font-size:22px}.azb-side-brand small {display:block;font-size:8px;letter-spacing:.15em;color:#78919d;margin-top:2px}
.azb-side-label {font-size:10px;font-weight:800;color:#9cabb3;letter-spacing:.14em;padding:24px 12px 10px}
.azb-sidebar nav {display:grid;gap:3px}.azb-sidebar nav a,.azb-sidebar nav .azb-nav-disabled {display:flex;gap:11px;align-items:center;min-height:43px;padding:10px 11px;color:#41576a;border-radius:8px;font-size:12px;font-weight:700}
.azb-sidebar nav a[aria-current=page] {background:var(--azb-teal);color:#fff}.azb-sidebar nav a:hover:not([aria-current=page]) {background:#E7F7F2;color:var(--azb-teal-dark)}
.azb-sidebar nav .azb-nav-disabled {opacity:.48}.azb-sidebar nav a span,.azb-sidebar nav .azb-nav-disabled span {font-size:18px;line-height:1;min-width:23px;text-align:center}
.azb-logout {display:block;margin:20px 9px 0;border-top:1px solid var(--azb-line);padding:14px 9px 2px;font-size:12px;font-weight:800;color:#617485}
.azb-dash-main {min-width:0}.azb-dash-title {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:5px 0 18px}.azb-dash-title h1 {font-size:29px;margin-top:5px}.azb-dash-title p {font-size:12px;color:var(--azb-muted);margin-top:3px}
.azb-active-chip {background:#dcf7ef;color:#077662;border-radius:99px;padding:7px 12px;font-size:10px;font-weight:800;white-space:nowrap}
.azb-welcome {isolation:isolate;position:relative;min-height:153px;display:flex;justify-content:space-between;align-items:center;border-radius:13px;overflow:hidden;background:linear-gradient(117deg,#082D44,#086071 76%,#0C8A80);padding:26px 31px;color:#fff}
.azb-welcome::before {content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:2px solid rgba(255,255,255,.16);right:3%;top:-121px;z-index:-1;box-shadow:0 0 0 43px rgba(255,255,255,.035),0 0 0 88px rgba(255,255,255,.025)}
.azb-welcome span {font-size:10px;letter-spacing:.15em;color:#93f3e4;font-weight:850}.azb-welcome h2 {color:#fff;margin:9px 0 6px;font-size:clamp(22px,2.7vw,30px)}.azb-welcome p {font-size:12px;color:#d6f3ee;max-width:530px;line-height:1.7}
.azb-big-mark {font-size:80px;font-weight:900;color:rgba(255,255,255,.22);line-height:1}
.azb-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:17px 0 25px}.azb-stats article {display:flex;gap:13px;align-items:center;border:1px solid var(--azb-line);background:#fff;padding:17px 16px;border-radius:12px;min-width:0}
.azb-stat-ico {border-radius:11px;background:#dff8ee;color:var(--azb-teal);width:48px;height:48px;flex:none;display:grid;place-items:center;font-size:24px;font-weight:800}.azb-stat-ico.azb-stat-amber {background:#fff0d6;color:#e3a121}
.azb-stats article span {display:block;font-size:11px;color:#567080;font-weight:700}.azb-stats article strong {font-family:'Plus Jakarta Sans',sans-serif;font-size:25px;color:var(--azb-navy);line-height:1.3}
.azb-section-heading {display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:18px 0 13px}.azb-section-heading h2 {font-size:18px}.azb-section-heading p {font-size:11px;color:var(--azb-muted)}.azb-section-heading a {font-size:11px;font-weight:800;color:var(--azb-teal-dark)}
.azb-tiles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.azb-tile {background:#fff;border:1px solid var(--azb-line);border-radius:12px;min-height:181px;padding:22px 17px;color:var(--azb-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .17s,border .17s}
.azb-tile[href]:hover {border-color:#8dcfc6;transform:translateY(-2px)}.azb-tile[aria-disabled] {cursor:default}
.azb-tile-ico {color:var(--azb-teal);font-size:39px;font-weight:700;line-height:1;margin-bottom:12px}.azb-tile h3 {font-size:14px}.azb-tile p {font-size:11px;color:var(--azb-muted);max-width:230px;margin:8px 0 10px;line-height:1.55}.azb-tile-link {color:var(--azb-teal-dark);font-size:10px;font-weight:800;margin-top:auto}
.azb-tile[aria-disabled] .azb-tile-link {color:#9eabb4}
.azb-orders-card {margin-top:23px;padding:0 18px 16px;background:#fff;border:1px solid var(--azb-line);border-radius:12px}.azb-orders-card .azb-section-heading {margin-top:17px}.azb-table-scroller {overflow-x:auto}
.azb-order-table {width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.azb-order-table th {text-align:left;background:#f5f8fa;color:#5c7080;font-size:10px;letter-spacing:.04em;padding:11px 12px}.azb-order-table td {border-top:1px solid var(--azb-line);padding:13px 12px;color:#425c6a}.azb-order-table a {color:var(--azb-teal-dark);font-weight:800}.azb-order-status {background:#f0f7f5;color:#1d7d70;border-radius:7px;padding:5px 8px;font-weight:700}
.azb-orders-empty {font-size:12px;color:#78909b;padding:22px 5px;text-align:center}.azb-dash-note {font-size:11px;color:#77909a;margin:16px 2px}
@media(max-width:970px){.azb-auth {grid-template-columns:1fr 1.1fr}.azb-auth-art {padding:30px}.azb-auth-content {padding:32px 25px}.azb-dashboard {padding:11px}.azb-dash-layout {grid-template-columns:196px 1fr;gap:13px}.azb-stats article {padding:12px;gap:8px}.azb-stat-ico {width:38px;height:38px}.azb-tiles {gap:9px}.azb-tile {padding:17px 11px}}
@media(max-width:720px){.azb-auth {grid-template-columns:1fr;width:calc(100% - 24px);margin:15px auto 30px;min-height:0}.azb-auth-art {min-height:260px;padding:26px 28px}.azb-brand {margin-bottom:20px}.azb-auth-art .azb-kicker {margin-top:0}.azb-auth-art h2 {font-size:28px;max-width:390px;margin:10px 0}.azb-auth-art>p {font-size:12px;line-height:1.6}.azb-benefits,.azb-auth-deco {display:none}.azb-auth-content {padding:34px 28px}.azb-dash-layout {grid-template-columns:1fr}.azb-sidebar {position:static}.azb-sidebar nav {grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.azb-side-brand {padding-bottom:13px}.azb-side-label,.azb-logout {display:none}.azb-sidebar nav a,.azb-sidebar nav .azb-nav-disabled {font-size:11px;padding:9px;min-height:40px}.azb-sidebar nav a span {font-size:15px;min-width:0}.azb-dash-main {padding:0 3px}.azb-welcome {min-height:137px}.azb-tiles {grid-template-columns:repeat(3,minmax(0,1fr))}.azb-stats {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:510px){.azb-auth-art {min-height:240px}.azb-auth-content {padding:26px 20px}.azb-login-card h1 {font-size:25px}.azb-dashboard {padding:9px;margin:12px auto}.azb-sidebar {padding:13px 8px}.azb-side-brand {font-size:13px}.azb-sidebar nav {grid-template-columns:repeat(2,minmax(0,1fr))}.azb-sidebar nav a,.azb-sidebar nav .azb-nav-disabled {font-size:10px}.azb-dash-title {align-items:flex-start}.azb-dash-title h1 {font-size:24px}.azb-active-chip {font-size:9px;padding:6px}.azb-welcome {padding:21px 17px}.azb-welcome h2 {font-size:21px}.azb-big-mark {font-size:47px}.azb-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.azb-stats article {padding:10px;min-height:85px}.azb-stats article:last-child {grid-column:1/-1}.azb-stats article span {font-size:10px}.azb-stats article strong {font-size:22px}.azb-tiles {grid-template-columns:1fr;gap:10px}.azb-tile {min-height:110px;padding:16px 12px;display:grid;grid-template-columns:55px 1fr;grid-template-rows:repeat(3,auto);column-gap:9px;text-align:left;align-items:center}.azb-tile-ico {grid-row:1/4;margin:0;text-align:center}.azb-tile h3 {font-size:13px}.azb-tile p {margin:3px 0 5px}.azb-tile-link {font-size:10px}.azb-state {padding:35px 22px;margin:35px auto}.azb-orders-card {padding:0 11px 12px}.azb-section-heading h2 {font-size:16px}}

/* Compact, fully visible order actions on narrow screens. */
@media(max-width:510px){
 .azb-order-table{min-width:0;white-space:normal;table-layout:fixed}
 .azb-order-table th:nth-child(2),.azb-order-table td:nth-child(2){display:none}
 .azb-order-table th,.azb-order-table td{padding:10px 6px;font-size:10px}
 .azb-order-table th:nth-child(1){width:19%}
 .azb-order-table th:nth-child(3){width:26%}
 .azb-order-table th:nth-child(4){width:29%}
 .azb-order-table th:nth-child(5){width:26%}
 .azb-order-table a{white-space:nowrap}
 .azb-order-status{padding:4px;font-size:9px}
}