.container-detail-page{margin:-34px;background:#f3f6fa;min-height:calc(100vh - 75px);padding-bottom:48px}.container-detail-header{min-height:126px;padding:20px 34px;border-bottom:1px solid #d5e0ee;background:#fff;display:grid;grid-template-columns:1fr auto;align-items:end;position:relative}.container-detail-back{position:absolute;left:34px;top:18px;display:flex;align-items:center;gap:7px;font-weight:650;color:#1d477f}.container-detail-back svg{width:17px}.container-detail-heading{display:flex;align-items:center;gap:14px}.container-detail-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#173d7f;color:#fff}.container-detail-icon svg{width:25px}.container-detail-heading small{font-size:9px;font-weight:800;letter-spacing:.17em;color:#58709a}.container-detail-heading h1{margin:2px 0;font-size:24px}.container-detail-heading p{margin:0;color:#697d9d;font-size:12px}.container-detail-actions{display:flex;align-items:center;gap:9px}.container-detail-actions svg{width:17px}.container-close{width:40px;height:40px;border:1px solid #d4dfec;border-radius:12px;display:grid;place-items:center}.container-status-badge{padding:7px 12px;border-radius:20px;background:#edf2f8;color:#536987;font-size:10px;font-weight:800}.status-available,.status-delivered{background:#dcf8ed;color:#007954}.status-in_transit,.status-on_ship{background:#dff5ff;color:#057da7}.status-maintenance,.status-visual_inspection,.status-fuel_inspection,.status-returning{background:#fff2ca;color:#906500}.status-unavailable{background:#ffe5e9;color:#bd3245}.container-detail-tabs{height:56px;padding:0 34px;background:#fff;border-bottom:1px solid #d5e0ee;display:flex;align-items:end;gap:24px}.container-detail-tabs a{display:flex;align-items:center;gap:7px;padding:16px 4px 13px;color:#647a9b;font-size:12px}.container-detail-tabs a.active{color:#102d64;border-bottom:2px solid #173d7f}.container-detail-tabs svg{width:16px}.container-detail-tabs b{background:#e8eef7;padding:2px 6px;border-radius:10px;font-size:9px}.container-detail-layout{width:min(1200px,calc(100% - 40px));margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.container-detail-main{display:flex;flex-direction:column;gap:16px}.container-detail-card,.container-summary-card,.container-danger-card{border:1px solid #d6e1ee;border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 22px rgba(18,45,91,.04)}.container-detail-card>h2,.detail-card-title h2{margin:0;font-size:16px}.container-detail-card>p,.detail-card-title p{margin:5px 0 0;color:#64799a;font-size:11px}.container-status-grid{margin-top:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.container-status-grid input{position:absolute;opacity:0}.container-status-grid span{min-height:42px;padding:9px 10px;border:1px solid #d5e0ec;border-radius:12px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;cursor:pointer}.container-status-grid span svg{width:16px}.container-status-grid input:checked+span{border-color:#1b55a6;background:#eef4ff;color:#123f83;box-shadow:0 0 0 1px #1b55a6}.container-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-card-title{display:flex;align-items:center;gap:11px}.detail-card-title>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf3fb;color:#17468e}.detail-card-title>span:first-child svg{width:19px}.detail-card-title>div{flex:1}.detail-large-value{display:block;margin:18px 0 2px;font-size:18px}.detail-metrics{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dbe4ef;border-radius:13px;overflow:hidden}.detail-metrics>div{padding:13px;border-right:1px solid #dbe4ef}.detail-metrics>div:last-child{border:0}.detail-metrics small,.container-summary-card small{display:block;margin-bottom:5px;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#6a7e9e}.detail-metrics b{font-size:12px}.container-file-row{margin-top:14px;padding:12px;border:1px solid #cfe0ef;border-radius:12px;display:flex;align-items:center;gap:10px;background:#f8fbfe}.container-file-row>svg{width:21px;color:#17478f}.container-file-row span{flex:1}.container-file-row b,.container-file-row small{display:block;font-size:11px}.container-file-row small{margin-top:4px;color:#64799a}.container-photo-upload{margin-left:auto;position:relative;cursor:pointer}.container-photo-upload input{position:absolute;opacity:0;width:1px}.container-photo-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.container-photo-grid a{overflow:hidden;border:1px solid #d6e1ee;border-radius:12px;background:#f7f9fc}.container-photo-grid img{width:100%;height:120px;object-fit:cover;display:block}.container-photo-grid small{display:block;padding:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#536a8c}.container-photo-empty,.container-inline-empty{margin-top:15px;padding:22px;border:1px dashed #cbd8e7;border-radius:12px;color:#7a8ca8;text-align:center}.container-photo-empty svg{display:block;width:28px;margin:0 auto 8px}.container-log-tabs{display:flex;gap:8px;margin-top:16px}.container-log-tabs span{padding:7px 11px;border-radius:12px;background:#edf3fa;color:#294d7e;font-size:10px}.container-timeline{margin-top:15px}.container-timeline>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #e2e9f2}.container-timeline i{width:31px;height:31px;border-radius:10px;background:#e8f5ff;color:#137ea9;display:grid;place-items:center}.container-timeline i svg{width:15px}.container-timeline p{margin:0}.container-timeline b,.container-timeline small{display:block;font-size:11px}.container-timeline small{margin-top:4px;color:#7183a0}.container-detail-side{position:sticky;top:92px;display:flex;flex-direction:column;gap:15px}.container-summary-card h3,.container-danger-card h3{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.container-summary-card>div{padding:12px 0;border-top:1px solid #e1e8f1}.container-summary-card b{font-size:12px}.container-danger-card{border-color:#f4ccd2;background:#fffafa}.container-danger-card h3{color:#b72e43}.container-danger-card p{font-size:11px;color:#775c64;line-height:1.5}.container-danger-card .ops-btn{width:100%;justify-content:center}.container-inline-empty{font-size:11px}@media(max-width:900px){.container-detail-layout{grid-template-columns:1fr}.container-detail-side{position:static}.detail-metrics{grid-template-columns:1fr 1fr}.container-detail-actions .container-status-badge{display:none}}@media(max-width:650px){.container-detail-page{margin:-20px}.container-detail-header{padding:65px 18px 18px;grid-template-columns:1fr}.container-detail-actions{margin-top:15px}.container-detail-back{left:18px}.container-detail-tabs{padding:0 18px}.container-detail-pair,.container-status-grid{grid-template-columns:1fr}.container-detail-layout{width:calc(100% - 24px);margin:14px auto}.container-photo-grid{grid-template-columns:1fr 1fr}.detail-metrics{grid-template-columns:1fr}.detail-metrics>div{border-right:0;border-bottom:1px solid #dbe4ef}}
.status-assigned{background:#e8efff;color:#234f98}