/* Public repair quote and private repair queue. Kept isolated from catalog styles. */

/* Visual history for each repair. The client photo is immutable evidence;
   technicians can add and remove their own before/after media records. */
.repair-visual-record{margin:22px 0;padding:18px;border:1px solid #303845;border-radius:12px;background:#10141a}.repair-visual-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.repair-visual-heading h3{margin:4px 0 0;font-size:18px}.repair-visual-heading>span{color:#aeb7c3;font-size:12px}.repair-media-upload{display:grid;grid-template-columns:.8fr 1.1fr 1.2fr auto;align-items:end;gap:10px;padding:13px;margin:14px 0;border:1px dashed #3c4654;border-radius:10px;background:#131821}.repair-media-upload label{display:grid;gap:6px;color:#d6dce5;font-size:12px}.repair-media-upload label>span{color:#9ba5b2;font-size:10px}.repair-media-upload input,.repair-media-upload select{width:100%;padding:9px;border:1px solid #394351;border-radius:7px;background:#0d1016;color:#f5f7fa;font:inherit}.repair-media-upload input[type=file]{font-size:11px}.repair-media-upload button{border:0;border-radius:7px;background:var(--green,#19c37d);color:#052617;padding:10px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.repair-media-limits{grid-column:1/-1;color:#9ca6b4;font-size:10px;line-height:1.45}.repair-media-grid{display:grid;gap:10px}.repair-media-item{display:grid;grid-template-columns:108px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #2f3742;border-radius:10px;background:#131820}.repair-media-item.repair-media-initial{border-color:#6b5125;background:linear-gradient(90deg,#1f1a11,#131820)}.repair-media-preview{display:block;width:108px;height:74px;overflow:hidden;border-radius:7px;background:#242c37}.repair-media-preview>a,.repair-media-preview img,.repair-media-preview video{display:block;width:100%;height:100%}.repair-media-preview img,.repair-media-preview video{object-fit:cover}.repair-media-info{display:grid;gap:5px;min-width:0}.repair-media-item>b,.repair-media-info b{font-size:13px}.repair-media-info small,.repair-media-item>div small{color:#aab3bf;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.repair-media-badge{display:inline-flex;justify-self:start;padding:4px 6px;border-radius:99px;background:#493719;color:#ffe29c;font-size:9px;font-weight:800;letter-spacing:.035em}.repair-media-badge.is-after{background:#173d2d;color:#9af1c3}.repair-media-actions{display:grid;gap:6px;justify-items:end}.repair-media-open,.repair-media-delete{border:1px solid #46515f;border-radius:6px;background:#1a2029;color:#e3e8ee;padding:6px 8px;font:inherit;font-size:11px;text-decoration:none;cursor:pointer}.repair-media-delete{border-color:#75313a;background:#2a151a;color:#ffb4bb}.repair-media-actions form{margin:0}.repair-media-empty{margin:13px 0 0;color:#aab4c0;font-size:12px;line-height:1.5}@media(max-width:900px){.repair-media-upload{grid-template-columns:1fr 1fr}.repair-media-caption{grid-column:1/-1}.repair-media-upload button{justify-self:start}}@media(max-width:560px){.repair-visual-record{padding:14px}.repair-media-upload{grid-template-columns:1fr}.repair-media-caption{grid-column:auto}.repair-media-upload button{width:100%}.repair-media-item{grid-template-columns:88px 1fr}.repair-media-preview{width:88px;height:70px}.repair-media-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;justify-items:stretch}.repair-media-actions>a,.repair-media-actions form,.repair-media-actions button{width:100%;text-align:center}.repair-media-actions button{height:100%}}
.repair-page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:38px 0 76px}.repair-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch;margin-bottom:24px;padding:34px;border:1px solid #2e343f;border-radius:24px;background:radial-gradient(circle at 92% 5%,rgba(245,50,64,.26),transparent 36%),linear-gradient(130deg,#151922,#0e1015 66%);overflow:hidden}.repair-hero h1{max-width:680px;margin:8px 0 14px;font-size:clamp(32px,5vw,54px);line-height:1.01;letter-spacing:-.055em}.repair-hero>div>p:not(.kicker){max-width:670px;margin:0;color:#bfc5cf;font-size:17px;line-height:1.65}.repair-benefits{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.repair-benefits span{padding:8px 11px;border:1px solid #363d48;border-radius:99px;background:rgba(255,255,255,.04);color:#e3e6ed;font-size:13px}.repair-hero-card{display:grid;align-content:center;gap:11px;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(10,12,17,.62);box-shadow:0 18px 50px rgba(0,0,0,.22)}.repair-hero-card b{font-size:20px}.repair-hero-card span{color:#d4d9e1;line-height:1.52}.repair-hero-card small{color:#f45a66;font-weight:700}.repair-feedback{display:flex;align-items:center;gap:18px;margin:0 0 24px;padding:20px 22px;border-radius:16px}.repair-feedback h2{margin:3px 0 6px;font-size:22px}.repair-feedback p{margin:0;color:#bac1cb;line-height:1.5}.repair-feedback .primary{margin-left:auto;white-space:nowrap}.repair-success{border:1px solid #1d8e66;background:#102c23}.repair-feedback-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#20c982;color:#042617;font-size:24px;font-weight:900}.repair-error{border:1px solid #97333d;background:#34171b;color:#ffd8dc}.repair-error span{color:#f8bcc1}.repair-form-card{border:1px solid #2c323c;border-radius:22px;background:#151920;box-shadow:0 24px 65px rgba(0,0,0,.17);overflow:hidden}.repair-form-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:28px 32px 25px;border-bottom:1px solid #2c323c}.repair-form-heading h2{margin:4px 0 5px;font-size:28px}.repair-form-heading p{margin:0;color:#aeb5c0}.repair-form-heading em,.repair-form em{font-style:normal;color:#fa555f}.repair-step{padding:8px 11px;border:1px solid #37404d;border-radius:99px;color:#aeb7c4;font-size:12px;font-weight:700}.repair-form{padding:30px 32px}.repair-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:0;padding:0 0 30px;border:0}.repair-form fieldset+fieldset{padding-top:28px;border-top:1px solid #2c323c}.repair-form legend{grid-column:1/-1;margin-bottom:5px;color:#f3f5f7;font-size:17px;font-weight:800}.repair-form label{display:grid;gap:7px;color:#e1e5eb;font-size:13px;font-weight:700}.repair-form label>span,.repair-form label small{color:#a8b0bc;font-size:11px;font-weight:500;line-height:1.4}.repair-form input,.repair-form select,.repair-form textarea{width:100%;border:1px solid #38404d;border-radius:9px;background:#0e1117;color:#f8fafc;padding:12px 13px;font:inherit;font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s}.repair-form input:focus,.repair-form select:focus,.repair-form textarea:focus{border-color:#e84652;box-shadow:0 0 0 3px rgba(232,70,82,.14)}.repair-form textarea{min-height:108px;resize:vertical}.repair-full{grid-column:1/-1}.repair-consent{display:flex!important;align-items:flex-start;grid-template-columns:18px 1fr;gap:9px!important;padding:13px;border:1px solid #303845;border-radius:10px;background:#11151c;font-size:12px!important;font-weight:500!important;line-height:1.45}.repair-consent input{width:16px;height:16px;margin:1px 0 0;padding:0;accent-color:#eb4c58}.repair-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:3px}.repair-submit p{max-width:580px;margin:0;color:#aab1bc;font-size:12px;line-height:1.55}.repair-submit .primary{border:0;cursor:pointer;white-space:nowrap}.repair-admin-intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;padding:24px 0}.repair-admin-intro h2{margin:4px 0 7px;font-size:28px}.repair-admin-intro p{max-width:680px;margin:0;line-height:1.5}.repair-admin-view{align-self:center;padding:11px 13px;border:1px solid #39414e;border-radius:8px;color:#e5e9ef;text-decoration:none;white-space:nowrap}.repair-admin-view:hover{border-color:#ec5660;background:#281419}.repair-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.repair-metrics article{padding:18px;border:1px solid #303844;border-radius:12px;background:#151920}.repair-metrics small{display:block;color:#9fa8b5}.repair-metrics strong{display:block;margin-top:7px;font-size:29px}.repair-filter-card{margin-bottom:18px}.repair-filter-form{display:grid;grid-template-columns:1.4fr .8fr auto;align-items:end;gap:12px}.repair-filter-form label,.repair-admin-form label{display:grid;gap:6px;color:#cfd5dd;font-size:13px}.repair-filter-form input,.repair-filter-form select,.repair-admin-form input,.repair-admin-form select,.repair-admin-form textarea{border:1px solid #38404d;border-radius:7px;background:#0e1117;color:#f5f7f9;padding:10px;font:inherit}.repair-filter-form button,.repair-admin-actions button{border:0;border-radius:7px;background:var(--green,#19c37d);color:#062517;padding:11px 13px;font:inherit;font-weight:800;cursor:pointer}.repair-filter-form a{margin-left:10px;color:#bfc6d0}.repair-admin-workspace{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:18px;align-items:start}.repair-card-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.repair-card-title h2{margin:4px 0 0}.repair-card-title>span{color:#aeb6c1;font-size:12px}.repair-list{display:grid;gap:9px}.repair-row{display:grid;grid-template-columns:50px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid #2f3742;border-radius:10px;background:#11151b;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.repair-row:hover,.repair-row.selected{border-color:#e44753;background:#201418;transform:translateY(-1px)}.repair-row-device{width:50px;height:50px;overflow:hidden;border-radius:8px;background:#252b35}.repair-row-device img{width:100%;height:100%;object-fit:cover}.repair-row-device span{display:grid;place-items:center;height:100%;color:#ec5b66;font-size:23px}.repair-row b,.repair-row small{display:block}.repair-row b{margin-top:3px;font-size:13px}.repair-row small{margin-top:4px;color:#aab2be;font-size:11px}.repair-row-meta{display:grid;justify-items:end;gap:7px}.repair-status{display:inline-block;padding:5px 7px;border-radius:99px;background:#2b2f36;color:#d8dde4;font-size:10px;font-weight:800;white-space:nowrap}.repair-status-new{background:#402c18;color:#ffd785}.repair-status-reviewing{background:#1b3445;color:#9fd9ff}.repair-status-quoted{background:#3b244d;color:#e7c1ff}.repair-status-approved,.repair-status-in_repair{background:#153b2b;color:#8ce9bf}.repair-status-ready{background:#1d443c;color:#99f4d0}.repair-status-delivered{background:#28313a;color:#d7dee6}.repair-status-cancelled{background:#4b1a21;color:#ffadb5}.repair-empty{display:grid;place-items:center;min-height:410px;padding:36px;text-align:center}.repair-empty>span{color:#ee5a65;font-size:34px}.repair-empty h2{margin:9px 0}.repair-empty p{max-width:290px;color:#aeb6c2;line-height:1.5}.repair-customer-summary{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:13px;border:1px solid #303845;border-radius:10px;background:#10141a}.repair-customer-summary div{display:grid;gap:3px;min-width:0}.repair-customer-summary small{color:#9ba5b3;font-size:10px;font-weight:800}.repair-customer-summary b{font-size:14px}.repair-customer-summary span{overflow-wrap:anywhere;color:#b7c0ca;font-size:11px}.repair-photo{position:relative;display:block;width:58px;height:58px;flex:none;overflow:hidden;border-radius:8px}.repair-photo img{width:100%;height:100%;object-fit:cover}.repair-photo span{position:absolute;inset:auto 0 0;padding:3px;background:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:9px}.repair-whatsapp{margin-left:auto;padding:9px 10px;border-radius:7px;background:#1bc878;color:#06291b;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.repair-request-copy{display:grid;gap:5px;margin:18px 0;padding:14px 0;border-top:1px solid #2c323c;border-bottom:1px solid #2c323c}.repair-request-copy b{margin-top:4px;font-size:12px;color:#eff2f6}.repair-request-copy p{margin:0 0 8px;color:#b9c0ca;line-height:1.52}.repair-admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.repair-admin-form textarea{min-height:108px;resize:vertical}.repair-admin-form label>span{color:#9da7b4;font-size:11px}.repair-admin-full{grid-column:1/-1}.repair-admin-actions{display:flex!important;align-items:center;justify-content:space-between;gap:14px}.repair-admin-actions small{color:#9aa4b0}@media(max-width:850px){.repair-hero,.repair-admin-workspace{grid-template-columns:1fr}.repair-hero-card{min-height:160px}.repair-admin-workspace{grid-template-columns:1fr}.repair-list-card{max-height:none}.repair-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.repair-page{width:min(100% - 24px,1180px);padding-top:20px}.repair-hero{padding:24px 19px;border-radius:18px}.repair-hero h1{font-size:36px}.repair-feedback{align-items:flex-start;flex-wrap:wrap;padding:16px}.repair-feedback .primary{width:100%;margin:0;text-align:center}.repair-form-heading,.repair-form{padding-left:18px;padding-right:18px}.repair-form-heading h2{font-size:23px}.repair-form fieldset,.repair-admin-form{grid-template-columns:1fr}.repair-full,.repair-admin-full{grid-column:auto}.repair-submit{align-items:stretch;flex-direction:column}.repair-submit .primary{width:100%}.repair-admin-intro{display:block;padding-top:4px}.repair-admin-view{display:inline-block;margin-top:14px}.repair-filter-form{grid-template-columns:1fr}.repair-filter-form div{display:flex;align-items:center}.repair-row{grid-template-columns:44px 1fr}.repair-row-device{width:44px;height:44px}.repair-row-meta{grid-column:2;justify-items:start;display:flex;align-items:center;gap:8px}.repair-customer-summary{align-items:flex-start;flex-wrap:wrap}.repair-whatsapp{margin-left:0}.repair-admin-actions{align-items:flex-start;flex-direction:column-reverse}.repair-admin-actions button{width:100%}}
