/* Shared screen styling for the independent customer portal. */
.user-portal{--user-border:#f0e6dd;--user-accent:#f45d22;--user-muted:#64748b}
.user-portal .user-portal-screen{max-width:none;margin:0;padding:28px 0 36px;min-width:0;color:#152033}
.user-portal-screen:not(.user-portal-dashboard)>section:first-child{border-color:var(--user-border);border-radius:24px;box-shadow:none;background:rgb(255 255 255 / 75%)}
.user-portal-dashboard>section:first-child{border:0;background:transparent;box-shadow:none}
.user-portal .user-screen-hero,.user-portal .addresses-hero{padding:24px;border:1px solid var(--user-border);border-radius:24px;background:rgb(255 255 255 / 75%);box-shadow:none;color:#152033}
.user-portal-screen>section>.user-screen-hero{border-width:0 0 1px;border-radius:24px 24px 0 0}
.user-portal .user-portal-screen h1{font-size:24px;line-height:1.5;margin-top:8px;color:#152033}
.user-portal .user-screen-hero p{font-size:13px;line-height:1.9;color:var(--user-muted);margin-top:8px}
.user-portal .user-screen-hero [class*="rounded-full"]{background:#fff1e6;color:#d94b19;letter-spacing:normal}
.user-portal-screen :is(article,section,aside,form,div)[class*="border-slate-200"]{border-color:var(--user-border)}
.user-portal-screen [class*="shadow-"]{box-shadow:none}
.user-portal-screen [class*="bg-[linear-gradient"]{background:#fffaf6}
.user-portal-screen [class*="bg-slate-50"]{background-color:#fffaf6}
.user-portal-screen [class*="blur-3xl"]{display:none}
.user-portal-screen input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.user-portal-screen select,.user-portal-screen textarea{border-color:#e8ded5;border-radius:12px;background-color:#fff;color:#152033;font-size:13px}
.user-portal-screen :is(input,select,textarea):focus{outline:2px solid #ffdec3;outline-offset:1px;border-color:#f45d22}
.user-portal-screen :is(input[type=checkbox],input[type=radio]){accent-color:#f45d22}
.user-portal-screen :is(a,button,summary):focus-visible{outline:2px solid #f45d22;outline-offset:3px}
.user-portal-screen table{font-size:13px}.user-portal-screen thead{background:#fff5ec;color:#64748b}.user-portal-screen :is(th,td){border-color:var(--user-border)}
.user-portal .addresses-hero-title>i,.user-portal .address-back,.user-portal .address-edit summary,.user-portal .address-card-actions button:not(.address-delete){color:#d94b19}
.user-portal .address-card,.user-portal .address-new-panel{border-color:var(--user-border);border-radius:24px;background:#fff}
.user-portal .address-card.is-default{border-color:#f6bd92;background:#fffaf5}
.user-portal .address-card-icon,.user-portal .address-badge{background:#fff1e6;color:#d94b19}
.user-portal .address-primary{background:#f45d22;border-radius:12px}.user-portal .address-primary:hover{background:#dc4c19}
.user-portal .addresses-empty{background:#fffaf6;border-color:#edd4bf;color:#64748b}
.user-portal .address-account-nav{display:none}.user-portal .addresses-layout{margin-top:24px}
.user-portal .address-city{color:#152033}.user-portal .address-street,.user-portal .address-help,.user-portal .address-recipient,.user-portal .address-default-note{color:#64748b}
.user-portal .address-form-grid em{color:#d94b19}.user-portal .address-new-panel>header>i{color:#d94b19}
@media(max-width:767px){.user-portal .user-portal-screen{padding:18px 0 24px}.user-portal .user-screen-hero,.user-portal .addresses-hero{padding:18px}.user-portal .user-portal-screen h1{font-size:21px}.user-portal-screen :is(h2,h3){overflow-wrap:anywhere}.user-portal .address-card,.user-portal .address-new-panel{padding:18px;border-radius:20px}}