.customer-services-section{scroll-margin-top:24px}.service-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 18px}.service-choice{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;text-align:left;border:1px solid #dce5f0;border-radius:14px;background:#fff;padding:15px;cursor:pointer}.service-choice:hover:not(:disabled){border-color:#9dbbf2;background:#f8fbff}.service-choice:disabled{opacity:.5;cursor:not-allowed}.service-choice-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:#2457aa;font-size:18px;font-weight:900}.service-choice.warranty .service-choice-icon{background:#edf8f2;color:#177d55}.service-choice strong,.service-choice small{display:block}.service-choice strong{font-size:12px;color:#17243a}.service-choice small{margin-top:4px;font-size:10px;line-height:1.45;color:#778397}.service-notice{margin:0 0 16px;padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.55}.service-notice.success{background:#e9f7f1;color:#147a55}.service-notice.warning{background:#fff7e8;color:#9a6513}.service-notice.error{background:#fff0f2;color:#ad3345}.service-form{margin:16px 0 24px;padding:18px;border:1px solid #dce5f0;border-radius:16px;background:#fbfcfe;display:grid;gap:15px}.service-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.service-form-head h3{margin:4px 0 0;font-size:18px}.service-close{border:0;background:transparent;color:#667085;font-size:11px;font-weight:800}.service-field>span{display:block;margin-bottom:7px;font-size:11px;font-weight:800}.service-field>small{display:block;margin-top:6px;color:#8490a0;font-size:9px}.service-field select,.service-field textarea{width:100%;border:1px solid #d6dee9;border-radius:12px;background:#fff;padding:12px 13px;outline:0}.service-field textarea{resize:vertical}.service-field select:focus,.service-field textarea:focus{border-color:#86aaf6;box-shadow:0 0 0 4px rgba(40,104,232,.09)}.service-confirm-note{padding:13px 14px;border-radius:12px;background:#f4f7fb;color:#617086;font-size:11px;line-height:1.5}.service-confirm-note strong,.service-confirm-note span{display:block}.service-history-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.service-history-title strong{font-size:12px}.service-history-title span{min-width:25px;height:25px;border-radius:999px;background:#eef3f9;display:grid;place-items:center;font-size:10px;font-weight:900;color:#657388}.service-history{display:grid;gap:10px}.service-history-card{border:1px solid #e1e7ef;border-radius:14px;padding:14px;background:#fff}.service-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-history-head>div span,.service-history-head>div strong{display:block}.service-history-head>div span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8793a4;font-weight:800}.service-history-head>div strong{margin-top:3px;font-size:12px}.service-status{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;background:#eef2f7;color:#53627a}.service-status.status-received{background:#edf3ff;color:#2457aa}.service-status.status-processing{background:#fff4e8;color:#a85c12}.service-status.status-approved{background:#e9f7f1;color:#147a55}.service-status.status-rejected{background:#fff0f2;color:#ad3345}.service-status.status-completed{background:#eef8f1;color:#356f4c}.service-history-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:#768296}.service-history-card p{margin:9px 0 0;font-size:10px;line-height:1.5;color:#58667a}.service-admin-note{margin-top:10px;padding:10px 11px;border-radius:10px;background:#f6f8fb;font-size:10px;color:#5e6b7d}.service-admin-note strong,.service-admin-note span{display:block}.service-admin-note span{margin-top:3px;line-height:1.5}.service-empty,.service-info{padding:15px;border:1px dashed #cdd7e4;border-radius:13px;background:#fafbfd;color:#687589;font-size:11px;line-height:1.5}.service-empty strong,.service-empty span{display:block}.service-empty span{margin-top:3px}.service-info{margin-top:12px}@media(max-width:640px){.service-actions{grid-template-columns:1fr}.service-form{padding:14px}.service-form-head{align-items:flex-start}}