/* Лидер Автопарк v20 — завершение ТО: широкие формы, аккуратные статусы. */
.completion-hero{display:flex;gap:14px;align-items:center;position:relative;padding:20px;overflow:hidden;border-radius:21px;margin-bottom:13px;color:#fff;background:linear-gradient(118deg,#18202b 2%,#292e38 66%,#57232c);box-shadow:0 13px 33px #0f172330}
.completion-hero:after{content:"";position:absolute;right:-115px;bottom:-160px;width:295px;height:295px;background:radial-gradient(circle,#d82a3849,transparent 68%);pointer-events:none}
.completion-hero-icon{width:54px;height:54px;flex:0 0 54px;border-radius:17px;background:linear-gradient(135deg,#e2353e,#a71520);display:grid;place-items:center;box-shadow:0 8px 23px #ae213b60}
.completion-hero-icon .tile-icon{width:30px;height:30px}
.completion-hero>div:nth-child(2){min-width:0;z-index:1}
.completion-hero h2{font-size:21px;font-weight:860;line-height:1.25;margin:0 0 6px;color:#fff}
.completion-hero p{margin:0;color:#dde2eb;font-size:12px;line-height:1.5}
.completion-placeholder{border-radius:16px;padding:28px 15px;text-align:center;font-size:13px;color:var(--muted);background:var(--surface);border:1px dashed var(--line)}
.completion-placeholder button{display:block;margin:15px auto 0}
.completion-identity{border:1px solid var(--line);background:var(--surface);padding:18px 19px;border-radius:18px;box-shadow:0 7px 23px #0b15230c;margin-bottom:12px}
.completion-identity-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.completion-status{padding:5px 9px;border-radius:99px;background:var(--shade);border:1px solid var(--line);font-size:10px}
.completion-identity h3{margin:11px 0;font-size:19px;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.completion-identity .vehicle-reference{margin:2px 0 11px;font-size:13px;white-space:normal;max-width:100%}
.completion-identity .completion-deadline{display:block;color:var(--muted);font-size:12px;margin:4px 0 0}
.completion-form{padding:20px;margin-bottom:23px}
.completion-form-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:15px}
.completion-form-head .tile-icon{width:26px;height:26px;color:#c51f28}
.completion-form-head h3{font-size:17px;font-weight:830;margin:0}
.completion-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px}
.completion-form-grid .full{grid-column:1/-1}
.completion-form-grid .field{min-width:0}
.completion-form-grid .field label{font-size:12px;font-weight:720}
.completion-form-grid input,.completion-form-grid select,.completion-form-grid textarea{max-width:100%;width:100%;margin-top:7px;font-size:14px;min-height:44px;border-radius:11px}
.completion-form-grid textarea{min-height:85px}
.completion-sync{display:flex;align-items:flex-start;gap:11px;padding:14px 13px;border-radius:14px;border:1px solid var(--line);background:var(--shade);margin-top:15px}
.completion-sync input{width:20px;min-width:20px;height:20px;accent-color:#c51b28;margin:0}
.completion-sync span{flex:1;min-width:0}
.completion-sync strong{display:block;font-size:13px;font-weight:810}
.completion-sync small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}
.completion-hint{font-size:11px;line-height:1.6;color:var(--muted);padding:12px 13px;background:var(--shade);border-radius:12px;margin:15px 0}
.completion-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:15px}
.completion-buttons button{min-height:43px;padding:9px 14px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;font-size:12px;font-weight:800}
.completion-buttons .tile-icon{height:18px;width:18px}
.completion-previous{padding:12px 14px;background:var(--shade);border-radius:12px;font-size:12px;line-height:1.55;color:var(--muted);border:1px solid var(--line)}
.completion-finished{text-align:center;padding:28px 16px}
.completion-finished>.tile-icon{height:43px;width:43px;color:#39875a}
.completion-finished h3{font-size:19px;margin:14px 0 9px}
.completion-finished p{font-size:13px;line-height:1.55;color:var(--muted)}
.completion-finished .completion-buttons{justify-content:center}
.completion-card-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:39px;border:1px solid #e34e54;background:linear-gradient(140deg,#cf252d,#a61623);color:#fff;border-radius:10px;box-shadow:0 5px 17px #a7183029;margin:12px 0 4px;padding:9px 14px;font-weight:790}
.completion-card-button .tile-icon{height:18px;width:18px}
.completion-linked-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;margin:10px 0 5px;font-size:11px;font-weight:770;border-radius:9px;color:#266941;background:#e7f1e9}
.completion-linked-chip .tile-icon{width:16px;height:16px}
.completion-plan-button{display:inline-flex;align-items:center;gap:6px;min-height:37px;padding:8px 12px;font-weight:780;font-size:12px;border-radius:9px;background:#bf202c;color:#fff;border:1px solid #d13f49}
.completion-plan-button .tile-icon{width:17px;height:17px}
@media(max-width:550px){
 .completion-hero{padding:15px;gap:10px}
 .completion-hero h2{font-size:18px}
 .completion-hero-icon{width:44px;height:44px;flex-basis:44px}
 .completion-identity{padding:14px}
 .completion-form{padding:14px}
 .completion-form-grid{grid-template-columns:1fr;gap:10px}
 .completion-buttons button{flex:1}
 .completion-card-button{width:100%}
}
body.dark .completion-linked-chip{color:#baf2ce;background:#234734}
body.dark .completion-finished>.tile-icon{color:#72c995}