.status-started{color:var(--cyan);background:#15302d}.repair-card{cursor:pointer;transition:border-color .18s,transform .18s}.repair-card:hover{border-color:var(--pink);transform:translateY(-1px)}.open-hint{display:block;color:var(--pink);font-size:.78rem;margin-top:15px}.category-intro{margin-left:0;margin-right:0}.category-manager-page{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.detail-view{padding:28px 0 70px}.back-link{display:inline-block;color:var(--pink);font-weight:700;margin-bottom:28px;text-decoration:none}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px}.detail-head p{color:var(--muted);margin-top:8px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-top:18px}.detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.detail-panel h3{margin:0}.detail-panel .section-head{margin-bottom:16px}.parts-list{display:grid;gap:10px}.part-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.part-row strong,.part-row span{display:block}.part-row span{color:var(--muted);font-size:.82rem;margin-top:3px}.part-row a{color:var(--pink)}.muted{color:var(--muted)}
.controller-diagnostic{margin-top:16px}.controller-diagnostic-status{border-radius:20px;padding:5px 10px;background:#272832;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.controller-diagnostic-status.tested{color:var(--cyan);background:#15302d}.controller-next-step{color:var(--muted);margin:10px 0 0}.controller-next-step strong{color:var(--text)}.controller-test-link{display:inline-block;margin-top:18px;text-decoration:none}.controller-diagnostic-meta .controller-test-link{margin-top:0}.controller-diagnostic-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.controller-diagnostic-meta .small{color:var(--text);text-decoration:none}.controller-history{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.controller-history h4{margin:0 0 10px;font-size:1rem}.controller-history ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.controller-history li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:9px;color:var(--muted)}.controller-history li a{color:var(--text);text-decoration:none;white-space:nowrap}
@media(max-width:720px){.tabs{overflow-x:auto}.tab{white-space:nowrap}.detail-head,.detail-grid{display:block}.detail-head .primary{margin-top:16px}.detail-panel{margin-top:14px}.part-row{display:block}.part-row .record-actions{margin-top:10px}}
@media(max-width:720px){.controller-diagnostic .section-head{display:flex;flex-direction:column;align-items:flex-start}.controller-diagnostic-status{white-space:normal}.controller-diagnostic-meta{align-items:stretch;flex-direction:column}.controller-diagnostic-meta .small,.controller-test-link{width:100%;text-align:center}.controller-history li{align-items:stretch;flex-direction:column}.controller-history li a{width:100%;text-align:center}}
 .controller-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.controller-history-actions button{color:var(--text)}.controller-diagnostic-error{color:#ff9b9b;margin:12px 0 0;font-size:.85rem}
@media(max-width:720px){.controller-history-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.controller-history-actions a,.controller-history-actions button{width:100%;text-align:center}}
.controller-history-label{display:flex;align-items:center;gap:8px;min-width:0}.controller-history-label select,.compare-picker select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;max-width:100%}.compare-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.compare-picker button{color:var(--text)}
@media(max-width:720px){.controller-history-label{align-items:stretch;flex-direction:column}.controller-history-label select,.compare-picker{width:100%}.compare-picker select,.compare-picker button{width:100%}}
.financial-panel{grid-column:1/-1}.financial-group{margin-top:18px}.financial-group h4{margin:0}.financial-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.financial-stats div{background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:12px;min-width:0}.financial-stats span,.labor-row span{display:block;color:var(--muted);font-size:.78rem}.financial-stats strong{display:block;margin-top:5px;overflow-wrap:anywhere}.actual-financials{border-top:1px solid var(--line);padding-top:16px}.financial-pending{margin:2px 0 18px;padding:12px;border:1px dashed var(--line);border-radius:7px;color:var(--muted)}.labor-list{border-top:1px solid var(--line);padding-top:14px}.labor-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0}.labor-row span{margin-top:4px}@media(max-width:720px){.financial-stats{grid-template-columns:1fr 1fr}.financial-panel .section-head{align-items:flex-start}.labor-row{align-items:flex-start}}@media(max-width:380px){.financial-stats{grid-template-columns:1fr}}
.financial-settings{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.financial-settings form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.financial-settings label{display:grid;gap:5px;color:var(--muted);font-size:.8rem}.financial-settings input{min-width:140px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:7px}


/* Device Diagnostic */

.device-diagnostic {
  margin-top:16px;
}

.device-diagnostic-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.device-diagnostic-actions .device-diagnostic-link {
  margin-top:0;
  text-decoration:none;
}

.device-diagnostic-actions .small {
  text-decoration:none;
}

.device-diagnostic-history {
  border-top:1px solid var(--line);
  margin-top:20px;
  padding-top:18px;
}

.device-diagnostic-history ul {
  list-style:none;
  margin:10px 0 0;
  padding:0;
  display:grid;
  gap:8px;
}

.device-diagnostic-history li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid var(--line);
  padding-top:10px;
}

.device-diagnostic-history li > div:first-child {
  display:grid;
  gap:3px;
}

.device-diagnostic-history li span {
  color:var(--muted);
  font-size:.82rem;
}

.device-diagnostic-history-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.device-diagnostic-error {
  color:#fca5a5;
}

@media(max-width:720px){
  .device-diagnostic-actions {
    align-items:stretch;
    flex-direction:column;
  }

  .device-diagnostic-actions a,
  .device-diagnostic-actions button {
    width:100%;
    text-align:center;
  }

  .device-diagnostic-history li {
    align-items:stretch;
    flex-direction:column;
  }

  .device-diagnostic-history-actions {
    width:100%;
  }

  .device-diagnostic-history-actions > * {
    flex:1 1 auto;
    text-align:center;
  }
}

.payment-ledger{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.payment-summary{display:flex;flex-wrap:wrap;gap:12px 20px;margin:10px 0 16px;color:var(--muted)}
.payment-summary strong{color:var(--text)}
.payment-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:18px}
.payment-form label{display:grid;gap:5px}
.payment-form .payment-check{display:flex;align-items:center;gap:6px;padding-bottom:9px}
.payment-form .payment-check input{width:auto}
.payment-history{display:grid;gap:9px}
.payment-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px}
.payment-row > div:first-child{display:grid;gap:3px}
.payment-row span,.payment-row small{color:var(--muted);font-size:.82rem}
@media(max-width:900px){.payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-form button{width:100%}}
@media(max-width:560px){.payment-form{grid-template-columns:1fr}.payment-row{align-items:stretch;flex-direction:column}.payment-row .record-actions{width:100%}.payment-row .record-actions>*{flex:1}}