.customer-portal{min-width:0;overflow-wrap:anywhere;padding-bottom:calc(2rem + env(safe-area-inset-bottom, 0px))}.customer-portal .btn{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:center;justify-content:center}.customer-portal .eyebrow{white-space:normal;max-width:100%;line-height:1.5}.customer-portal section{min-width:0;scroll-margin-top:1rem}.customer-portal input,.customer-portal select,.customer-portal textarea{min-width:0;max-width:100%}.portal-app{background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--color-green,#65783d) 12%,transparent),transparent 45%),var(--color-cream);padding:1.25rem 1rem 3rem;color:var(--color-ink)}.portal-container{max-width:1080px;margin:0 auto;display:grid;gap:1.25rem}.portal-brandbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0 1rem;border-bottom:1px solid var(--color-line)}.portal-company{display:flex;align-items:center;gap:.75rem;min-width:0;text-decoration:none}.portal-company>span:last-child{min-width:0}.portal-company strong{display:block;font-size:1rem;line-height:1.4;margin-top:.2rem}.portal-company-icon{flex:0 0 44px;width:44px;height:44px;border:1px solid var(--color-line);border-radius:14px;display:grid;place-items:center;background:var(--color-paper);color:var(--color-green,#65783d)}.portal-brand-label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.portal-navigation{display:flex;gap:.5rem;padding:.5rem;background:var(--color-paper);border:1px solid var(--color-line);border-radius:16px}.portal-navigation a{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;min-height:44px;border-radius:11px;color:var(--color-muted);font-size:.875rem;font-weight:600;text-decoration:none}.portal-navigation a.is-active{color:var(--color-ink);background:color-mix(in srgb,var(--color-green,#65783d) 17%,var(--color-paper))}.portal-navigation a:hover,.portal-overview-card:hover{border-color:var(--color-green,#65783d);color:var(--color-ink)}.portal-welcome{padding:clamp(1.5rem,4vw,3rem);border:1px solid color-mix(in srgb,var(--color-green,#65783d) 38%,var(--color-line));border-radius:24px;background:linear-gradient(120deg,color-mix(in srgb,var(--color-green,#65783d) 15%,var(--color-paper)),var(--color-paper))}.portal-welcome-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-muted)}.portal-welcome h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.12;font-weight:650;letter-spacing:-.035em;margin:1rem 0}.portal-welcome p{color:var(--color-muted);line-height:1.7;font-size:1rem}.portal-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.portal-hero-actions .btn{min-height:48px;gap:.5rem}.portal-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portal-overview-card{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;column-gap:.75rem;row-gap:.35rem;align-items:start;background:var(--color-paper);border:1px solid var(--color-line);border-radius:18px;padding:1.25rem;text-decoration:none}.portal-overview-card>svg:first-child{grid-column:1;grid-row:1/4;color:var(--color-green,#65783d)}.portal-overview-card>small,.portal-overview-card>span,.portal-overview-card>strong{grid-column:2}.portal-overview-card>span{font-size:.75rem;color:var(--color-muted)}.portal-overview-card>strong{font-size:1.08rem;line-height:1.4}.portal-overview-card>small{font-size:.75rem;line-height:1.5;color:var(--color-muted)}.portal-overview-card>svg:last-child{grid-column:3;grid-row:2;color:var(--color-muted)}.portal-home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem}.portal-help-card{border:1px solid var(--color-line);background:var(--color-paper);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.portal-help-card h2{font-size:1.5rem;line-height:1.25;font-weight:600}.portal-help-card p{color:var(--color-muted);font-size:.875rem;line-height:1.7}.portal-text-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--color-ink);text-decoration:none}.portal-text-link:hover{text-decoration:underline}.portal-update{border-top:1px solid var(--color-line);padding-top:1rem}.portal-update-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-muted)}.portal-status{display:inline-block;margin-top:.6rem;padding:.3rem .6rem;border:1px solid var(--color-line);border-radius:999px;font-size:.7rem;color:var(--color-muted)}.portal-empty{padding:1.25rem 0;color:var(--color-muted)}.portal-empty h3{margin-top:.75rem;font-weight:600;color:var(--color-ink)}.portal-empty p{margin-top:.5rem;font-size:.875rem;line-height:1.7}.portal-record-note{font-size:.7rem;line-height:1.5;color:var(--color-muted)}.portal-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1rem 0;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:.75rem}.customer-portal a:focus-visible,.customer-portal button:focus-visible{outline:3px solid var(--color-green,#65783d);outline-offset:3px}@media (max-width:700px){.portal-app{padding-bottom:calc(6rem + env(safe-area-inset-bottom, 0px))}.portal-navigation{position:fixed;bottom:0;left:0;right:0;z-index:50;border-radius:0;border-left:0;border-right:0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom, 0px));box-shadow:0 -8px 30px #00000010}.portal-navigation a{flex-direction:column;gap:.3rem;font-size:.7rem;padding:.5rem}.portal-home-grid,.portal-overview-grid{grid-template-columns:minmax(0,1fr)}.portal-overview-grid{gap:.75rem}.portal-overview-card{padding:1rem}.portal-company strong{font-size:.875rem}.portal-company-icon{flex-basis:38px;width:38px;height:38px;border-radius:12px}}@media (max-width:480px){.customer-portal{padding-left:1rem;padding-right:1rem}.customer-portal .card{padding:1rem}.customer-portal .btn{min-height:44px;font-size:.875rem;padding:.65rem .8rem}.portal-hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}}.customer-theme{--color-green:#8a965b;--color-green-2:#b4bd88;--color-green-soft:rgba(107,119,65,.18);--color-green-line:rgba(138,150,91,.5);min-height:100dvh;position:relative;isolation:isolate;font-family:var(--font-sans)}.customer-theme:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,rgba(11,13,15,.95),rgba(11,13,15,.87) 52%,rgba(11,13,15,.76)),var(--brand-flag);background-position:50%;background-size:cover}.customer-theme .portal-app{background:transparent}.customer-theme>main:not(.portal-app){background:transparent!important}.customer-theme .portal-brandbar{background:var(--brand-banner) center /cover;border:1px solid var(--color-amber-line);border-radius:var(--workspace-radius,12px);padding:1rem;color:#f1f0ea;box-shadow:inset 0 1px 0 rgba(229,229,218,.09)}.customer-theme .portal-brand-label{color:#cbd0c4}.customer-theme .portal-company-icon{background:rgba(22,27,30,.92);color:#b4bd88;border-color:#687060;border-radius:7px}.customer-theme .portal-brandbar .btn{background:rgba(22,27,30,.92);border-color:#687060;color:#f1f0ea}.customer-theme .portal-welcome{background:var(--brand-banner) center /cover;border:1px solid #747d4b;border-radius:var(--workspace-radius,12px);box-shadow:inset 0 1px 0 rgba(229,229,218,.09);color:#f1f0ea}.customer-theme .portal-welcome :is(p,.portal-welcome-label){color:#cbd0c4}.customer-theme .portal-company strong,.customer-theme .portal-help-card h2,.customer-theme .portal-welcome h1{font-family:var(--font-display)}.customer-theme .portal-welcome .btn-secondary{background:rgba(22,27,30,.92);border-color:#687060;color:#f1f0ea}.customer-theme :is(.portal-overview-card,.portal-help-card){background:var(--card-bg);border-color:var(--card-line);border-radius:var(--workspace-radius,12px);box-shadow:var(--card-inset)}.customer-theme .portal-navigation{background:linear-gradient(110deg,#20272b,#171c20 64%,#252b24);border-color:#41483f;border-radius:12px}.customer-theme .portal-navigation a{border:1px solid transparent;border-radius:7px;color:#cbd0c4}.customer-theme .portal-navigation a.is-active{background:#4b5320;border-color:#747d4b;color:#f1f0ea}.customer-theme .portal-footer{color:var(--color-muted)}html:not([data-theme=dark]) .customer-theme:before{background:linear-gradient(110deg,rgba(244,244,243,.96),rgba(244,244,243,.9)),var(--brand-flag);background-position:50%;background-size:cover}@media (max-width:700px){.customer-theme .portal-navigation{border-radius:0}.customer-theme .portal-brandbar{gap:.75rem;padding:.875rem}.customer-theme .portal-welcome{background-position:35%}}@media print{.customer-theme:before{display:none}.customer-theme .portal-brandbar,.customer-theme .portal-welcome{background:#fff;color:#16161a}}.customer-theme .portal-app{padding-top:max(1.25rem,calc(env(safe-area-inset-top, 0px) + .75rem));padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}@media (max-width:700px){.customer-theme{--portal-nav-clearance:max(28px,calc(env(safe-area-inset-bottom, 0px) + 12px));--portal-nav-space:calc(84px + var(--portal-nav-clearance))}.customer-theme .portal-navigation{padding:8px max(8px,env(safe-area-inset-right,0px)) var(--portal-nav-clearance) max(8px,env(safe-area-inset-left,0px))}.customer-theme .portal-navigation a{min-height:52px}.customer-theme .portal-app{padding-bottom:var(--portal-nav-space);scroll-padding-bottom:var(--portal-nav-space)}.customer-theme :is(input,textarea,select,button,a){scroll-margin-bottom:var(--portal-nav-space)}}.portal-app-settings{border-top:1px solid var(--color-line);padding-top:.5rem}.portal-app-settings summary{display:flex;align-items:center;gap:.5rem;width:fit-content;min-height:44px;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--color-muted);cursor:pointer;border-radius:7px;list-style:none}.portal-app-settings summary::-webkit-details-marker{display:none}.portal-app-settings summary:after{content:"+";margin-left:.5rem}.portal-app-settings[open] summary:after{content:"−"}.portal-app-settings[open]{background:var(--card-bg);border:1px solid var(--card-line);border-radius:12px}.portal-app-settings summary:focus-visible{outline:3px solid var(--color-green);outline-offset:3px}