.im{--blue:#075ef0;--ink:#081a55;--muted:#627bb3;--line:#e5edfa;display:grid;grid-template-columns:minmax(0,1fr) minmax(345px,34%);max-width:1800px;margin:auto;min-height:calc(100vh - 64px);color:var(--ink);font-size:11px}.im:has(.im-detail[hidden]){display:block}.im *{box-sizing:border-box}.im button,.im input,.im select{font:inherit}.im button{cursor:pointer}.im a{color:var(--blue)}.im-main{padding:15px 12px 28px;min-width:0}.im-crumb{display:flex;gap:9px;margin:0 0 10px;color:#6880b6}.im-crumb a{text-decoration:none}.im-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.im-heading h1{font-size:25px;margin:0 0 5px}.im-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.im-heading-actions{display:flex;gap:7px;flex-shrink:0}.im-btn{border:1px solid #d7e4f9;border-radius:5px;background:#fff;color:#1258cd;padding:8px 11px;white-space:nowrap}.im-btn:hover{background:#f1f7ff}.im-btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.im-btn:disabled,.im-bulk button:disabled{opacity:.5;cursor:not-allowed}.im-card{background:#fff;border:1px solid #e8eef8;border-radius:6px;box-shadow:0 1px 5px #102b6508}.im-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:9px}.im-kpi{background:#fff;border:1px solid #e8eef8;border-radius:6px;padding:11px 8px;min-height:83px;display:flex;gap:8px}.im-kpi-icon{width:34px;height:34px;border-radius:5px;background:#e4f0ff;color:#0764ec;display:grid;place-items:center;font-size:19px;flex:0 0 34px}.im-kpi.purple .im-kpi-icon{color:#7b26e6;background:#f1e8ff}.im-kpi.orange .im-kpi-icon{color:#f39800;background:#fff4e1}.im-kpi.green .im-kpi-icon{color:#00a36b;background:#e2faed}.im-kpi small{display:block;color:var(--muted);font-size:10px}.im-kpi strong{display:block;font-size:21px;margin:5px 0}.im-kpi span{color:var(--muted);font-size:10px}.im-filters{padding:9px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.im-filters select,.im-filters input[type=date]{height:31px;max-width:130px;min-width:0;border:1px solid #dce8fa;border-radius:4px;background:#fff;color:#23488b;padding:0 5px}.im-search{height:31px;min-width:160px;flex:1;display:flex;gap:5px;align-items:center;border:1px solid #dce8fa;border-radius:4px;background:#f7faff;color:#5878b5;padding:0 8px;font-size:18px}.im-search input{width:100%;min-width:0;border:0;outline:0;background:none;color:#183976;font-size:10px}.im-link{border:0;background:none;color:var(--blue);padding:4px}.im-bulk{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#5372a9}.im-bulk span{margin-right:3px}.im-bulk button{border:1px solid #dce8fa;background:#fff;border-radius:4px;padding:6px 8px;color:#1558be}.im-bulk button:hover{background:#f2f7ff}.im-table-wrap{overflow:auto;min-height:365px}.im-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:10px}.im-table th{padding:8px 6px;background:#f7faff;color:#6980ae;font-weight:500;text-align:left}.im-table td{padding:8px 6px;border-top:1px solid #ebf0f8;color:#1c3b7e}.im-table tbody tr{cursor:pointer}.im-table tbody tr:hover,.im-table tbody tr.selected{background:#ebf4ff}.im-table input[type=checkbox]{accent-color:var(--blue);width:14px;height:14px;margin:0}.im-empty{height:280px;text-align:center;color:#7184b1!important;white-space:normal}.im-status{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:4px;background:#e2efff;color:#1163d6;font-size:9px}.im-status:before{content:'●';font-size:8px}.im-status.draft{background:#eff2f9;color:#7286af}.im-status.received,.im-status.closed{background:#dff8ea;color:#009d65}.im-status.partially_distributed{background:#f0e9ff;color:#853be5}.im-status.cancelled{background:#ffe9ed;color:#e23150}.im-pager{height:44px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 10px;border-top:1px solid var(--line);color:#6380b4;font-size:10px}.im-pager>div{display:flex;align-items:center;gap:4px}.im-pager select,.im-pager button{height:28px;min-width:27px;background:#fff;border:1px solid #dae7fa;border-radius:4px;color:#2355ad}.im-pager button.active{background:var(--blue);color:#fff}.im-widgets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.im-widgets>.im-card{min-height:150px;padding:12px}.im-widgets h2{font-size:11px;margin:0 0 12px}.im-widget-empty{color:#7487ad;padding:8px 0}.im-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.im-summary div{border-radius:5px;background:#f4f8ff;padding:9px 6px}.im-summary strong{font-size:17px;display:block}.im-summary span{font-size:9px;color:#617cad}.im-mini{width:100%;border-collapse:collapse;font-size:10px}.im-mini th,.im-mini td{border-bottom:1px solid #eaf0f8;padding:6px 3px;text-align:left}.im-mini th{color:#7288b6;font-weight:500}
.im-detail{border-left:1px solid #e0e9f7;background:#fff;min-width:0;padding:16px 15px 25px;overflow:auto;max-height:calc(100vh - 64px);position:sticky;top:64px}.im-detail-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.im-detail-head h2{font-size:17px;margin:0 0 5px}.im-detail-head p{margin:0;color:#6280b4}.im-detail-head button{font-size:22px;border:0;background:none;color:#637eaf}.im-steps{display:flex;justify-content:space-between;gap:3px;border-bottom:1px solid var(--line);padding:24px 0 17px}.im-step{flex:1;text-align:center;color:#7c8fb4;font-size:9px;position:relative}.im-step:before{content:'';display:block;height:3px;background:#e0e6f1;position:absolute;left:50%;right:-50%;top:7px}.im-step:last-child:before{display:none}.im-step i{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#a2aec9;color:#fff;font-style:normal;margin:0 auto 5px;position:relative;z-index:1}.im-step.done i{background:#00a66c}.im-step.active i{background:#0667ed}.im-step.active{color:#075cea;font-weight:600}.im-detail-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);margin:15px -15px 10px;padding:0 10px}.im-detail-tabs button{white-space:nowrap;border:0;border-bottom:2px solid transparent;background:none;padding:9px 7px;color:#4d6fab;font-size:10px}.im-detail-tabs button.active{border-color:var(--blue);color:var(--blue);font-weight:600}.im-detail-card{border-bottom:1px solid var(--line);padding:12px 0}.im-detail-card h3{margin:0 0 12px;font-size:12px}.im-dl{display:grid;grid-template-columns:42% 58%;row-gap:9px;margin:0;font-size:10px}.im-dl dt{color:#637caf}.im-dl dd{margin:0;color:#1c3a7d;overflow-wrap:anywhere}.im-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.im-costs>div{border-right:1px solid var(--line);padding-right:4px}.im-costs small{display:block;color:#6c83b0}.im-costs strong{display:block;font-size:14px;margin:5px 0}.im-cost-unit{background:#f0f6ff;border-left:2px solid var(--blue);padding:9px;margin-top:10px;color:#1358bc}.im-detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.im-detail-note{color:#6880ac;line-height:1.55}.im-dialog{width:min(540px,calc(100vw - 24px));border:1px solid #d8e4f5;border-radius:9px;padding:0;color:var(--ink);box-shadow:0 18px 60px #0a23504d;font-size:12px}.im-dialog::backdrop{background:#0b25577d}.im-dialog form{padding:19px}.im-dialog-head{display:flex;justify-content:space-between;gap:10px}.im-dialog-head h2{font-size:18px;margin:0}.im-dialog-head button{border:0;background:none;color:#6480ae;font-size:22px}.im-dialog p{color:#637ba8;line-height:1.4}.im-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.im-dialog label{display:grid;gap:5px;margin:8px 0;font-weight:600}.im-dialog input,.im-dialog select{height:34px;border:1px solid #d6e4f7;border-radius:5px;padding:0 8px;min-width:0;color:#1e3d7d}.im-form-note{min-height:18px}.im-form-note.error{color:#d9294a}.im-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:1450px){.im{grid-template-columns:minmax(0,1fr) minmax(345px,38%)}.im-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.im{display:block}.im-detail{position:fixed;z-index:30;right:0;top:64px;width:min(480px,100vw);height:calc(100vh - 64px);box-shadow:-10px 0 26px #172d5b24}.im-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}}
.im:has(.im-detail[hidden]) .im-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.im-heading{align-items:flex-start;flex-direction:column}.im-kpis,.im:has(.im-detail[hidden]) .im-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.im-widgets{grid-template-columns:1fr}.im-filters select,.im-filters input[type=date]{max-width:none;flex:1}.im-pager{height:auto;padding:8px;flex-wrap:wrap}.im-detail{width:100vw}.im-form-grid{grid-template-columns:1fr}}
@media(max-width:760px){.im-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.im-summary>div{min-width:0;overflow-wrap:anywhere}}
@media(min-width:1051px){.im{grid-template-columns:minmax(0,1fr) 380px}}
@media(min-width:761px) and (max-width:1050px){.im-detail{width:min(380px,100vw)}}
.im-source-notice{margin:0 0 9px;padding:9px 11px;border:1px solid #f0a1ad;border-radius:6px;background:#fff4f5;color:#a51d35;line-height:1.45}.im-source-notice .im-link{margin-left:8px;color:#a51d35;text-decoration:underline}.im-kpi small{color:#47669f;font-size:10px}.im-kpi span{color:#4d6b9f;font-size:10px}.im-pager button:disabled{opacity:.45;cursor:not-allowed}.im-detail{box-sizing:border-box;max-width:100%;overscroll-behavior:contain}.im-detail-tabs button:focus-visible,.im-btn:focus-visible,.im-pager button:focus-visible,.im-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.im-table input[type=checkbox]{width:16px;height:16px}
