.profile-email-setting{
  display:grid;
  gap:7px;
  margin-top:16px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#101318;
}
.profile-email-setting label{
  color:#c6cdd5;
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.profile-email-setting small{color:var(--muted);font-size:8px;line-height:1.45}
.profile-repair-panel{grid-column:2}
.repair-overview-panel{border-color:rgba(238,69,75,.3)}
.repair-request-list,.repair-profile-list{display:grid;gap:10px}
.repair-request-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(238,69,75,.28);
  border-radius:12px;
  background:linear-gradient(125deg,rgba(201,45,52,.09),rgba(16,19,24,.96) 58%);
}
.repair-request-card.due{border-color:rgba(229,181,68,.52);box-shadow:inset 3px 0 0 var(--yellow)}
.repair-request-card h4{margin:0;font-size:12px}
.repair-request-card p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.45}
.repair-request-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.repair-request-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:360px}
.repair-action-btn{
  grid-column:1/-1;
  color:#ffe4a9!important;
  border-color:rgba(216,170,77,.48)!important;
  background:rgba(216,170,77,.12)!important;
}
.repair-action-btn.complete{
  color:#c7f3dc!important;
  border-color:rgba(45,182,113,.55)!important;
  background:rgba(45,182,113,.13)!important;
}
.table-service-actions{flex-wrap:wrap}
.table-service-actions .repair-action-btn{flex:1 0 100%}
.repair-modal-layer{z-index:3100;background:rgba(2,3,5,.9);backdrop-filter:blur(12px)}
.modal.repair-modal{
  width:min(1120px,calc(100vw - 48px));
  max-height:min(92vh,920px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-color:rgba(216,170,77,.45);
}
.repair-modal .modal-head{
  flex:0 0 auto;
  padding:20px 24px;
  background:linear-gradient(120deg,rgba(216,170,77,.16),rgba(17,20,25,.98) 48%);
}
.repair-modal form{display:flex;min-height:0;flex:1;flex-direction:column}
.repair-modal .modal-body{
  min-height:0;
  overflow-y:auto;
  padding:24px 26px 28px;
  scrollbar-gutter:stable;
}
.repair-modal .modal-foot{flex:0 0 auto;padding:16px 24px}
.repair-modal-heading{display:flex;align-items:center;gap:12px}
.repair-modal-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(216,170,77,.48);border-radius:12px;background:rgba(216,170,77,.13);color:#f0cf85;font-size:19px}
.repair-modal-heading h3{margin:0;font-size:19px}
.repair-modal-heading p{margin:4px 0 0;color:var(--muted);font-size:9px}
.repair-asset-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:20px;
  padding:16px 18px;
  border:1px solid rgba(238,69,75,.35);
  border-radius:12px;
  background:rgba(201,45,52,.09);
}
.repair-asset-strip strong{display:block;font-size:14px}
.repair-asset-strip span{display:block;margin-top:5px;color:#d7a4a6;font-size:9px;line-height:1.55}
.repair-form-sections{display:grid;gap:18px}
.repair-form-section{
  padding:20px 22px 22px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.015);
}
.repair-form-section h4{
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  font-size:12px;
  letter-spacing:.05em;
}
.repair-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:20px;
  row-gap:18px;
}
.repair-field{display:grid;min-width:0;align-content:start;gap:8px}
.repair-field.span-two{grid-column:1/-1}
.repair-field.full{grid-column:1/-1}
.repair-field label{color:#c6cdd5;font-size:9px;font-weight:850;line-height:1.35;letter-spacing:.07em;text-transform:uppercase}
.repair-field input,.repair-field select,.repair-field textarea{width:100%;min-width:0}
.repair-field input,.repair-field select{min-height:46px}
.repair-field textarea{min-height:110px;padding:13px 14px;line-height:1.55}
.repair-email-note{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(85,168,223,.25);border-radius:11px;background:rgba(85,168,223,.07);color:#cbe9fb;font-size:9px;line-height:1.6}
.repair-email-note strong{color:#fff}
.repair-loading{display:inline-flex;align-items:center;gap:7px}
.repair-loading:before{content:"";width:10px;height:10px;border:2px solid rgba(23,17,9,.3);border-top-color:#171109;border-radius:50%;animation:repair-spin .7s linear infinite}
@keyframes repair-spin{to{transform:rotate(360deg)}}
.repair-delivery-modal{width:min(620px,100%);text-align:center}
.repair-delivery-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid rgba(45,182,113,.5);border-radius:50%;background:rgba(45,182,113,.12);color:#aae9c8;font-size:28px}
.repair-delivery-modal h4{margin:0;font-size:18px}
.repair-delivery-modal p{max-width:500px;margin:9px auto 0;color:var(--muted);font-size:10px;line-height:1.55}
.repair-delivery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.repair-followup-alert{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid rgba(229,181,68,.32);border-radius:10px;background:rgba(229,181,68,.07)}
.repair-followup-alert strong{display:block;font-size:10px}.repair-followup-alert span{display:block;margin-top:4px;color:#dbc98f;font-size:8px;line-height:1.4}
@media(max-width:980px){.profile-repair-panel{grid-column:auto}.modal.repair-modal{width:min(900px,calc(100vw - 28px))}.repair-modal .modal-body{padding:20px}.repair-form-section{padding:18px}.repair-form-grid{column-gap:16px;row-gap:16px}}
@media(max-width:700px){.repair-request-card,.repair-asset-strip{grid-template-columns:1fr}.repair-request-actions{justify-content:flex-start;max-width:none}.repair-form-grid{grid-template-columns:1fr}.repair-field.span-two{grid-column:auto}.repair-modal-layer{padding:6px}.modal.repair-modal{width:100%;max-height:97vh}.repair-modal .modal-head{padding:16px}.repair-modal .modal-body{padding:16px}.repair-modal .modal-foot{flex-wrap:wrap;padding:14px 16px}.repair-modal .modal-foot .btn{flex:1 1 150px}.repair-form-section{padding:16px}.repair-form-section h4{margin-bottom:15px}.repair-field textarea{min-height:100px}}
@media(prefers-reduced-motion:reduce){.repair-loading:before{animation:none}}
