/* Customer pages only: calm surfaces, clear navigation and responsive content. */
.customer-area{background:#f4f7f6}
.customer-area .portal-sidebar{background:#fff;border-color:#e0e8e4;padding-top:30px}
.customer-area .portal-nav a{transition:background .15s,color .15s;border:1px solid transparent}
.customer-area .portal-nav a.active{background:#eaf5ef;color:#176646;border-color:#cde6d7;font-weight:650}
.customer-area .portal-nav a:hover{background:#f0f6f3;color:#176646}
.customer-area .portal-nav a[href="/print/"]{margin-top:16px;background:#192b25;color:white;text-align:center}
.customer-area .portal-logout{border-top:1px solid #e2e9e5;border-radius:0;width:100%;text-align:left}
.customer-area .portal-main{padding:clamp(22px,3.2vw,56px);max-width:none}
.customer-area .card,.customer-area .shop-card{border:1px solid #dce6e0;box-shadow:0 4px 20px #1c463305;border-radius:20px}
.customer-area .portal-main>h1{font-size:clamp(28px,3vw,40px);margin-bottom:28px}
.customer-area .customer-welcome{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:clamp(24px,3vw,44px);border:1px solid #d9e8df;border-radius:24px;background:linear-gradient(115deg,#fff 25%,#edf7f0);margin:0 0 26px}
.customer-welcome>div{min-width:0;max-width:700px}
.customer-welcome h1{font-size:clamp(28px,3.1vw,44px);letter-spacing:-.035em;line-height:1.15;margin:12px 0 18px}
.customer-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#37725a;margin:0}
.customer-intro{color:#5d7067;line-height:1.7;margin:0 0 16px}
.customer-welcome .account-user{font-size:12px;color:#64756c;overflow-wrap:anywhere}
.customer-welcome>.btn{flex:none;white-space:normal;text-align:center;background:#1c352b;border-color:#1c352b}
.customer-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 36px}
.customer-shortcuts>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:22px;background:#fff;border:1px solid #d8e1e8;border-radius:18px;text-decoration:none;color:#263f53;min-width:0;transition:border-color .15s,background .15s}
.customer-shortcuts>a:hover{border-color:#91afc5;background:#edf3f8;color:#263f53}
.customer-shortcuts strong{font-size:15px;line-height:1.5}
.customer-shortcuts a>span:not(.shortcut-icon):not(.shortcut-arrow){font-size:14px;line-height:1.6;color:#607181}
.shortcut-icon{font-size:11px;color:#426c8c;background:#eaf1f7;border-radius:10px;padding:9px;margin-bottom:6px}
.shortcut-arrow{position:absolute;right:20px;top:20px;color:#63839c}
.customer-area .account-home .account-grid{display:block}
.customer-area .account-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #e3eae6}
.customer-area .account-section-header h2{margin:0}
.customer-section-link{font-size:13px;color:#286d4e}
.customer-area .account-home .order-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.customer-area .account-home .saved-quotes-controls{grid-template-columns:2fr 1fr;gap:16px}
.customer-area .account-home .account-quotes{margin-top:28px}
.customer-area #customer-orders,.customer-area #customer-quotes{scroll-margin-top:24px}
.customer-area input,.customer-area select,.customer-area textarea{border-color:#d5e1da;border-radius:10px}
.customer-area .account-home table{font-size:14px}
.customer-area .account-home th{background:#f5f8f6;color:#62756a;font-size:12px;font-weight:600}
.customer-area .account-home td{padding-top:20px;padding-bottom:20px}
.customer-area a:focus-visible,.customer-area button:focus-visible{outline:3px solid #65a984;outline-offset:4px}
@media(max-width:1200px){.customer-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-area .customer-welcome{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.customer-area .portal-main{padding:24px 16px}.customer-area .customer-welcome{padding:24px 20px;border-radius:18px;gap:22px}.customer-welcome>.btn{width:100%}.customer-shortcuts{gap:10px;margin-bottom:24px}.customer-shortcuts>a{padding:16px 13px}.customer-shortcuts strong{font-size:13px}.shortcut-arrow{right:12px;top:16px}.customer-area .account-home .order-controls,.customer-area .account-home .saved-quotes-controls{grid-template-columns:minmax(0,1fr)}.customer-area .account-home .table-wrap{overflow:visible}.customer-area .account-home table,.customer-area .account-home tbody{display:block;width:100%;min-width:0}.customer-area .account-home thead{display:none}.customer-area .account-home tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;border-bottom:1px solid #e2e9e5}.customer-area .account-home td{display:block;border:0;padding:0;white-space:normal;min-width:0}.customer-area .account-home td:nth-child(2),.customer-area .account-home td:last-child{text-align:right}.customer-area .account-home .badge{white-space:normal;font-size:11px}.customer-area .account-home .order-link{display:inline-block;padding:6px 0}}
@media(prefers-reduced-motion:reduce){.customer-area .portal-nav a,.customer-shortcuts>a{transition:none}}

.customer-shortcuts>a:focus-visible{outline:3px solid #567f9e;outline-offset:3px;background:#edf3f8;border-color:#91afc5}