/* INB-Port dealer UI. Scoped to portal surfaces; Shopify CI verified 2026-10-21. */
.inb-ui{--inb-primary:#0e5f5e;--inb-petrol:#0b3435;--inb-teal:#17a29b;--inb-mint:#35b9ac;--inb-bg:#f4f4f4;--inb-text:#2b2c2d;--inb-muted:#647171;--inb-border:#e1e5e5;background:var(--inb-bg);color:var(--inb-text);font-family:var(--font-body-family,'Jost',sans-serif);font-size:16px;line-height:1.5;letter-spacing:0;min-height:65vh}
.inb-ui *{box-sizing:border-box}.inb-ui [hidden]{display:none!important}.inb-ui h1,.inb-ui h2,.inb-ui h3{font-family:var(--font-heading-family,'DM Sans',sans-serif);color:var(--inb-petrol);letter-spacing:-.02em;margin:0;font-weight:500}.inb-ui h1{font-size:32px;line-height:1.25;font-weight:600}.inb-ui h2{font-size:20px;line-height:1.4}.inb-ui h3{font-size:18px;line-height:1.4}.inb-ui p{margin:0}.inb-ui a{color:var(--inb-primary);text-underline-offset:4px}.inb-ui a:hover{text-decoration-thickness:2px}.inb-ui :focus-visible{outline:3px solid var(--inb-primary);outline-offset:4px}.inb-ui__content{max-width:1164px;padding:32px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.inb-brandbar{background:var(--inb-petrol);color:#fff}.inb-brandbar__inner{max-width:1312px;margin:auto;padding:18px 32px;display:flex;align-items:center;gap:24px;min-height:88px}.inb-brandbar__brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff!important;font-family:var(--font-heading-family,'DM Sans',sans-serif);font-size:20px;white-space:nowrap}.inb-brandbar__logo{display:block;width:70px;height:auto;max-height:48px;object-fit:contain}.inb-brandbar__label{font-size:12px;letter-spacing:.1em;flex:1}.inb-brandbar__account{font-size:13px;max-width:340px;overflow-wrap:anywhere}.inb-nav{background:#fff;border-bottom:1px solid var(--inb-border)}.inb-nav__inner{max-width:1164px;margin:auto;padding:0 32px;display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin}.inb-nav a,.inb-nav span{flex:0 0 auto;font-size:15px;font-weight:500;line-height:22px;padding:18px 0 14px;text-decoration:none;color:var(--inb-muted);border-bottom:3px solid transparent}.inb-nav a[aria-current=page]{color:var(--inb-primary);border-bottom-color:var(--inb-teal)}.inb-nav [aria-disabled=true]{opacity:.65;cursor:not-allowed}.inb-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.inb-heading>div{min-width:0}.inb-heading .inb-muted{margin-top:6px}.inb-muted{color:var(--inb-muted)}.inb-small{font-size:13px;line-height:1.55}.inb-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--inb-muted)}.inb-card{min-width:0;border:1px solid var(--inb-border);background:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.inb-card h2+p{color:var(--inb-muted)}.inb-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;padding:11px 20px;border:1px solid var(--inb-primary);border-radius:999px;background:var(--inb-primary);color:#fff!important;font:500 15px/22px var(--font-body-family,'Jost',sans-serif);text-align:center;text-decoration:none!important;cursor:pointer;transition:background .15s}.inb-button:hover{background:var(--inb-petrol)}.inb-button--secondary{background:#fff;color:var(--inb-primary)!important}.inb-button--secondary:hover{background:#e9f6f4}.inb-button[disabled],.inb-button[aria-disabled=true]{background:#eef2f2;border-color:var(--inb-border);color:var(--inb-muted)!important;cursor:not-allowed}.inb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.inb-grid{display:grid;gap:24px}.inb-grid--two{grid-template-columns:1fr 1fr}.inb-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.inb-kpi{padding:20px;gap:6px}.inb-kpi__value{font-size:32px;font-weight:600;color:var(--inb-petrol);line-height:1.25;overflow-wrap:anywhere}.inb-kpi__label{font-size:12px;text-transform:uppercase;color:var(--inb-muted)}.inb-notice{border-radius:8px;padding:16px;background:#eef2f2;color:var(--inb-muted);font-size:13px;line-height:1.55}.inb-notice strong{display:block;font-size:15px;font-weight:500;margin-bottom:4px}.inb-notice--teal{background:#e9f6f4;color:var(--inb-primary)}.inb-notice--warning{background:#fcf3e3;color:#8a5a00}.inb-badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:5px 10px;border-radius:999px;font-size:13px;line-height:20px;background:#eef2f2;color:var(--inb-muted)}.inb-badge--success{background:#e7f4ea;color:#1e6b34}.inb-badge--warning{background:#fcf3e3;color:#8a5a00}.inb-badge--error{background:#fceceb;color:#a32d28}.inb-table-wrap{width:100%;overflow:auto}.inb-table{width:100%;border-collapse:collapse;border:0;box-shadow:none;font-size:14px}.inb-table thead{background:var(--inb-petrol);color:#fff}.inb-table th{font-weight:400;font-size:13px;text-align:left}.inb-table th,.inb-table td{border:0;padding:12px;vertical-align:middle}.inb-table td{border-bottom:1px solid var(--inb-border)}.inb-table tbody tr:nth-child(even){background:#f6f8f8}.inb-table .inb-money{text-align:right;white-space:nowrap}.inb-table a{font-weight:500}.inb-empty{padding:24px;border:1px dashed var(--inb-border);border-radius:12px;text-align:center;color:var(--inb-muted)}.inb-empty .inb-actions{justify-content:center;margin-top:16px}.inb-tile{color:var(--inb-text)!important;text-decoration:none!important;gap:12px}.inb-tile>span{font-size:14px;color:var(--inb-muted)}.inb-tile__link{font-size:14px!important;font-weight:500;color:var(--inb-primary)!important;margin-top:auto}.inb-gate{max-width:720px;width:100%;margin:8px auto}.inb-footer{max-width:1164px;margin:auto;padding:0 32px 32px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--inb-muted)}.inb-footer a{color:var(--inb-muted)}.inb-ui input,.inb-ui textarea,.inb-ui select{font-family:inherit}.inb-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.inb-ui textarea,.inb-ui select{max-width:100%;font-size:16px}.inb-ui label{line-height:1.5}.inb-ui .inb-field{display:flex;flex-direction:column;gap:6px}.inb-ui .inb-field input,.inb-ui .inb-field select,.inb-ui .inb-field textarea{width:100%;border:1px solid var(--inb-border);border-radius:6px;padding:12px;background:#fff;color:var(--inb-text)}
@media(max-width:989px){.inb-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.inb-brandbar__label{display:none}.inb-brandbar__account{margin-left:auto}.inb-ui__content{padding:24px}.inb-nav__inner{padding:0 24px}.inb-heading{align-items:flex-start}.inb-table{min-width:720px}}
@media(max-width:649px){.inb-ui h1{font-size:27px}.inb-ui__content{padding:24px 16px;gap:20px}.inb-brandbar__inner{padding:16px;gap:12px;flex-wrap:wrap}.inb-brandbar__account{font-size:12px;max-width:100%;flex-basis:100%;margin:0}.inb-brandbar__brand{gap:12px}.inb-brandbar__logo{width:58px}.inb-nav__inner{padding:0 16px;gap:22px}.inb-heading{flex-direction:column;gap:16px}.inb-grid--two{grid-template-columns:1fr}.inb-card{padding:20px}.inb-kpi{padding:16px}.inb-kpi__value{font-size:27px}.inb-grid--four{gap:12px}.inb-footer{padding:0 16px 24px}.inb-gate{margin:0}.inb-table-wrap{border-radius:6px}.inb-ui input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.inb-ui textarea,.inb-ui select{font-size:16px}}
@media(prefers-reduced-motion:reduce){.inb-ui *{scroll-behavior:auto!important;transition:none!important}}