.service-portal{color:#16312b;max-width:980px;margin:auto;padding:30px 20px 70px;font-family:Arial,sans-serif}.service-portal>a{color:#35665a}.service-portal header{align-items:center;gap:22px;margin:35px 0;display:flex}.service-portal header img{object-fit:contain;width:80px;height:80px}.service-portal h1{margin:0 0 10px;font-size:32px}.service-portal p{line-height:1.65}.service-portal form,.service-card{background:#fff;border:1px solid #dce7e2;border-radius:14px;margin:20px 0;padding:24px}.service-portal label{font-size:14px;font-weight:700}.service-search{gap:12px;margin:12px 0;display:flex}.service-search input{border:1px solid #acbfb8;border-radius:7px;flex:1;min-width:0;padding:14px;font-size:18px}.service-search button,.service-contact{color:#fff;background:#236b54;border:0;border-radius:7px;padding:15px;font-size:16px;text-decoration:none}.service-search button:disabled{opacity:.6}.service-portal small{color:#5c7169;font-size:12px;line-height:1.6}.service-cardhead{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.service-cardhead h3{margin:0}.service-slots{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-slot{background:#fff9dd;border-radius:8px;flex-direction:column;gap:9px;padding:16px;font-size:14px;display:flex}.service-slot.completed{color:#21613a;background:#e6f5e9}.service-slot.restricted{color:#9f2525;background:#ffebeb}.service-slot.unconfirmed{background:#edf1f4}.service-next{background:#edf6f0;padding:12px}.service-error{color:#9f2525;background:#ffeded;border-radius:7px;padding:14px}.service-portal footer{margin-top:35px}.service-contact{display:inline-block}@media (max-width:600px){.service-search{flex-direction:column}.service-slots{grid-template-columns:1fr 1fr}.service-portal header{align-items:flex-start;gap:14px}.service-portal h1{font-size:26px}.service-portal header img{width:60px;height:60px}.service-card,.service-portal form{padding:18px}}.service-slot.cancelled{color:#9f2525;background:#ffebeb}.customer-unit-history{border-top:1px solid #dce7e2;margin-top:24px;padding-top:16px}.customer-unit-history article{border-top:1px solid #e8efeb;padding:12px 0}.customer-unit-history h4{align-items:center;gap:8px;margin:12px 0;display:flex}.service-history-badges{flex-wrap:wrap;gap:12px;display:flex}.service-history-badges span{background:#edf4f1;border-radius:8px;align-items:center;gap:8px;padding:10px;display:flex}.customer-unit-history p{white-space:pre-wrap}