.customer-portal main{max-width:1100px;padding:28px 22px;margin:auto}.customer-header{display:flex;align-items:center;gap:18px;padding:20px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--line);background:var(--paper)}.customer-header>span{margin-right:auto;color:var(--muted);font-size:12px}.customer-login{max-width:440px;margin:50px auto}.customer-login form{display:grid;gap:18px;margin-top:24px}.customer-panel{padding:24px;border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:20px 0}.customer-panel h2{margin-bottom:15px}.customer-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-order{text-align:left;padding:22px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);display:grid;gap:12px}.customer-order:hover{border-color:var(--green)}.customer-order span{color:var(--muted);font-size:12px}.customer-notification{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.customer-notification:last-child{border-bottom:0}.customer-notification div{flex:1}.customer-notification p{margin:5px 0;font-size:12px;white-space:pre-wrap}.customer-notification.read{opacity:.7}.customer-job{border-top:1px solid var(--line);padding:20px 0}.customer-job h3{font-size:17px}.customer-job p{white-space:pre-wrap;overflow-wrap:anywhere}.customer-job .part-row{background:var(--paper);border:1px solid var(--line);flex-wrap:wrap}.customer-decision{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.customer-decision input{flex:1;min-width:180px}.customer-decision button{white-space:nowrap}.customer-findings dl{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:10px;font-size:12px;line-height:1.6}.customer-findings dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.customer-findings dt{color:var(--muted)}.customer-findings summary{cursor:pointer;font-weight:600;padding:12px 0}.customer-findings progress{width:100%;height:20px;accent-color:var(--green)}.customer-color{display:inline-block;width:45px;height:28px;border-radius:4px;vertical-align:middle;margin-right:10px;border:1px solid var(--line)}.customer-messages{display:grid;gap:10px;margin:15px 0;max-height:400px;overflow:auto}.customer-message{padding:12px;border:1px solid var(--line);border-radius:6px}.customer-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.customer-message small{margin-top:4px}.customer-message-form{display:grid;gap:12px}.customer-message-form button{justify-self:end}.customer-subhead{display:flex;justify-content:space-between;gap:15px;align-items:center}.customer-subhead p{color:var(--muted)}#customer-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 20px;border-radius:6px;display:none;z-index:5}#customer-toast.visible{display:block}.customer-portal .media-grid a.secondary{margin-top:8px}.share-qr{display:block;max-width:100%;width:320px;margin:20px auto}.customer-share-link{overflow-wrap:anywhere}.shop-customer-controls{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.shop-customer-activity{margin:20px 0}.shop-customer-activity p{white-space:pre-wrap}.shop-customer-activity article{border-bottom:1px solid var(--line);padding:12px 0}.portal-notice{padding:12px;border:1px solid var(--line);border-radius:6px;margin:12px 0;color:var(--muted)}
.suspension-notice{display:grid;gap:6px;border-color:#e6b8ad;background:#fff3ef;color:#8b4033}.suspension-notice strong{color:#7a3025}
@media(max-width:650px){.customer-header{padding:15px;gap:10px;flex-wrap:wrap}.customer-header .brand{font-size:24px}.customer-portal main{padding:20px 14px}.customer-orders{grid-template-columns:1fr}.customer-panel{padding:16px}.customer-subhead{align-items:flex-start;flex-wrap:wrap}.customer-notification{align-items:flex-start;flex-wrap:wrap}.customer-decision{width:100%}.customer-decision input{width:100%;flex-basis:100%}.customer-findings dl{grid-template-columns:1fr}.customer-findings dd{margin-bottom:8px}.customer-portal .media-grid{grid-template-columns:1fr}}

#customer-notifications{max-height:360px;overflow:auto}.customer-portal h3{margin-top:18px}.customer-portal .customer-job h3{margin-top:0}