.installation-workspace{max-width:1600px;margin:auto}.installation-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0}.installation-metrics button{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);background:white;color:var(--ink);text-align:left;border-radius:8px}.installation-metrics button span{font-size:12px}.installation-metrics button strong{font-size:29px}.installation-metrics button.active{background:var(--ink);border-color:var(--ink);color:white}.installation-metrics button.blocked:not(.active){background:#fff5e3;border-color:#e9d0a4;color:#805c20}.installation-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(155px,1.2fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:12px;align-items:end;padding:18px;background:white;border:1px solid var(--line);border-radius:8px}.installation-filters input,.installation-filters select,.installation-filters .actions>.btn{height:40px;min-height:40px}.installation-filters select{appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#6b7780 50%),linear-gradient(135deg,#6b7780 50%,transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px;background-repeat:no-repeat}.installation-filters .form-error{grid-column:1/-1;margin:0}.installation-filters .form-error:empty{display:none}.installation-caption{font-size:11px;color:var(--sub);margin:22px 0 13px}.installation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.installation-card{background:white;border:1px solid var(--line);border-radius:9px;padding:22px;display:flex;flex-direction:column;gap:12px}.installation-card.blocked{border-left:4px solid #d4a057}.installation-card-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.installation-card-top>strong{font-size:12px}.installation-card h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.installation-client,.installation-team{font-size:12px;color:var(--sub);line-height:1.6}.installation-place{display:flex;flex-direction:column;gap:6px;background:#f6f8f9;border-radius:6px;padding:13px;font-size:12px;line-height:1.6}.installation-place>strong{font-size:14px}.installation-card>.actions{margin-top:auto;padding-top:8px}.installation-badge{display:inline-block;width:max-content;max-width:100%;font-size:11px;line-height:1.5;border-radius:5px;background:#edf1f3;padding:5px 9px}.installation-badge.blocked,.installation-badge.signature{background:#fff0d6;color:#805c20}.installation-badge.installation{background:#e7eff5;color:#365977}.installation-badge.signed{background:#eaf3ed;color:#28734f}.installation-progress{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--sub);margin:5px 0 12px}.installation-progress progress{width:90px;height:7px;accent-color:#34776b;border:0;border-radius:5px;overflow:hidden}.installation-progress progress::-webkit-progress-bar{background:#e9edef}.installation-progress progress::-webkit-progress-value{background:#34776b;border-radius:5px}.installation-alerts{display:flex;gap:10px;flex-wrap:wrap;color:#805c20;font-size:11px;line-height:1.6}.installation-back{margin-bottom:18px}.installation-gate{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;padding:24px;border:1px solid #cdded9;background:#eff6f3;border-radius:8px}.installation-gate.blocked{background:#fff4df;border-color:#e8ca9b}.installation-gate.waiting{background:#f1f4f6;border-color:var(--line)}.installation-gate.signature{background:#fffaee;border-color:#ecdbb6}.installation-gate h2{font-size:19px;margin:12px 0 8px;line-height:1.5}.installation-gate p{line-height:1.7;font-size:12px}.installation-gate>.actions{flex-shrink:0;max-width:260px}.installation-detail-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:20px}.installation-main,.installation-side{display:flex;flex-direction:column;gap:20px;min-width:0}.installation-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:22px;min-width:0}.installation-panel h2{font-size:16px}.installation-panel h3{font-size:13px}.installation-panel .detail-heading{align-items:center;gap:12px;margin-bottom:17px}.installation-panel .detail-heading h2{margin:0}.installation-facts{display:grid;grid-template-columns:1fr 1.4fr;gap:19px;margin:18px 0}.installation-facts>div{display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.6}.installation-facts label{font-size:11px;color:var(--sub)}.installation-facts a{font-weight:500}.installation-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;margin-top:8px}.installation-task,.installation-incident{display:flex;gap:16px;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.installation-task p,.installation-incident p{font-size:11px;line-height:1.7;margin-top:5px}.installation-task>div:first-child,.installation-incident>div:first-child{min-width:0}.installation-task>.actions,.installation-incident>.actions{flex-shrink:0;flex-wrap:wrap;max-width:235px;align-content:start;justify-content:flex-end}.installation-task .tag{flex-basis:100%;text-align:right;background:transparent}.installation-empty,.installation-panel>.muted{font-size:12px;color:var(--sub);line-height:1.8;padding:10px 0}.installation-warning{background:#fff6e6;padding:12px;font-size:12px;line-height:1.7;border-radius:6px}.installation-delivery{border-color:#ccdcd5}.installation-delivery>p{line-height:1.8;font-size:12px;margin-top:10px}.installation-delivery>.actions{margin:18px 0 4px;flex-wrap:wrap}.installation-note-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.installation-work{padding-left:20px;margin:15px 0 20px;line-height:1.9;font-size:13px}.installation-work li{padding:6px 0}.installation-side .installation-panel>.btn{margin-top:16px}.installation-files{padding:0;list-style:none;margin:12px 0}.installation-files li{border-top:1px solid var(--line);padding:13px 0;overflow-wrap:anywhere}.installation-files small{display:block;margin-top:6px}.installation-materials{background:#fffaf0;border-color:#ecdab7}.installation-materials>p{font-size:12px;line-height:1.7;margin-top:12px}.installation-materials ul{padding-left:16px;line-height:1.8}.installation-materials li{padding:8px 0}.installation-materials li strong{white-space:nowrap}.installation-workspace .btn{min-height:40px}.installation-panel .actions{flex-wrap:wrap}
#delivery-signature{width:100%;height:auto;aspect-ratio:2/1;min-height:0;touch-action:none}#modal:has(#delivery-signature){max-width:720px}#modal:has(#delivery-signature) .form-actions{position:sticky;bottom:-1px;background:white;border-top:1px solid var(--line);padding-top:14px}#modal:has(#delivery-signature) details{line-height:1.7;margin:12px 0}#modal:has(#delivery-signature) .btn{min-height:44px}#modal:has(#delivery-signature) .delivery-accept span{font-size:12px}.delivery-accept input{min-width:22px;min-height:22px;vertical-align:middle}
@media(max-width:1200px){.installation-filters{grid-template-columns:2fr 1.5fr 1fr 1fr}.installation-filters>.actions{grid-column:1/-1}.installation-task{flex-direction:column}.installation-task>.actions{max-width:none;justify-content:flex-start}.installation-task .tag{flex-basis:auto;text-align:left}.installation-gate{align-items:start}}
@media(max-width:900px){.installation-detail-grid{grid-template-columns:1fr}.installation-side{display:grid;grid-template-columns:1fr 1fr}.installation-side>.installation-panel:first-child{grid-column:1/-1}.installation-cards{grid-template-columns:1fr}.installation-filters{grid-template-columns:1fr 1fr}.installation-metrics{gap:8px}.installation-metrics button{padding:14px}.installation-metrics button span{font-size:10px}.installation-metrics button strong{font-size:24px}.installation-gate{flex-direction:column}.installation-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.installation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-metrics button:first-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.installation-metrics button span{font-size:12px}.installation-filters{padding:14px}.installation-filters .field:first-child,.installation-filters .field:nth-child(2){grid-column:1/-1}.installation-card,.installation-panel{padding:18px}.installation-side{display:flex}.installation-facts{grid-template-columns:1fr}.installation-card-top,.installation-note-head{align-items:start;flex-wrap:wrap}.installation-gate{padding:18px}.installation-gate h2{font-size:18px}.installation-gate .btn,.installation-card>.actions>.btn{min-height:44px}.installation-panel .detail-heading{flex-wrap:wrap}.installation-incident{flex-direction:column}.installation-workspace .page-heading h1{font-size:21px}.installation-progress{flex-wrap:wrap}#modal:has(#delivery-signature){width:calc(100vw - 16px);max-height:94dvh;padding:18px}#modal:has(#delivery-signature) .form-grid{grid-template-columns:1fr}#delivery-signature{min-height:0}}

#modal:has(#delivery-signature) .form-actions{flex-wrap:wrap}#modal:has(#delivery-signature) .form-actions .form-error{flex-basis:100%;text-align:left;margin:0}#modal:has(#delivery-signature) .form-actions .form-error:empty{display:none}
