/* Shared navigation, loaded after module styles. */
.portal-nav{box-sizing:border-box;min-height:76px;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#252525;border-bottom:1px solid #3a3a3a;position:sticky;top:0;z-index:50;font:14px Arial,sans-serif;color:#eee}
.portal-nav .portal-logo{display:flex;align-items:center;flex:0 0 160px;text-decoration:none}
.portal-nav .portal-logo img{display:block;width:160px;height:46px;object-fit:contain;background:transparent;padding:0;border:0;border-radius:0}
.portal-nav nav{display:flex;align-items:center;gap:6px;flex:1;min-width:0;flex-wrap:wrap}
.portal-nav nav a,.portal-nav .nav-right a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:9px;color:#eee;text-decoration:none;white-space:nowrap;line-height:20px}
.portal-nav a:hover,.portal-nav a.active{background:#353535;color:#ff6600}
.portal-nav a:focus-visible,.customer-card summary:focus-visible{outline:2px solid #ff6600;outline-offset:3px}
.portal-nav .nav-right{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap;color:#bbb}
.portal-nav .nav-right span{overflow-wrap:anywhere;max-width:180px}
.module-actions{display:flex;gap:10px;flex-wrap:wrap;max-width:1450px;margin:18px auto 0;padding:0 18px}
.customer-card{padding:0;margin-bottom:10px;overflow:hidden}
.customer-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-weight:700;overflow-wrap:anywhere}
.customer-card summary::-webkit-details-marker{display:none}
.customer-card summary::after{content:'⌄';flex:none;transition:transform .18s}
.customer-card[open] summary::after{transform:rotate(180deg)}
.customer-card[open] summary{border-bottom:1px solid #454545;color:#ff8a3d}
.customer-details{padding:4px 20px 20px}
@media(max-width:1100px){.portal-nav{flex-wrap:wrap;gap:10px}.portal-nav nav{order:3;flex-basis:100%}}
@media(max-width:600px){.portal-nav{padding:10px 12px}.portal-nav .nav-right{gap:2px;flex:1;justify-content:flex-end}.portal-nav .nav-right span{flex-basis:100%;max-width:none;text-align:right}.portal-nav nav a,.portal-nav .nav-right a{padding:8px;font-size:13px}.portal-nav .portal-logo{flex-basis:140px}.portal-nav .portal-logo img{width:140px;height:46px}.customer-card summary{padding:14px}.customer-details{padding:4px 14px 14px}}
@media(prefers-reduced-motion:reduce){.customer-card summary::after{transition:none}}
@media print{.portal-nav,.module-actions{display:none!important}}

/* Energy cards are distinct from the collapsible customer forms. */
.energy-customer-card{padding:20px;margin:0 0 12px;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.energy-customer-card:last-child{margin-bottom:0}
.energy-customer-name{display:block;font-size:16px;font-weight:700;margin-bottom:3px}
.energy-customer-email{margin-bottom:8px}
.energy-customer-status{margin-top:8px}
.energy-customer-actions{margin-top:14px}
.energy-customer-actions .btn{max-width:100%;white-space:normal;text-align:center}
@media(max-width:600px){.energy-customer-card{padding:16px}}