/* Раздел «Загрузка выгрузок» (Раздел 15, 2026-10-06). Стили ограничены #view-rawloads (+ всплывающее уведомление). */
#view-rawloads .rl{display:flex;flex-direction:column;gap:14px}
#view-rawloads .rl-small{font-size:11.5px}
#view-rawloads .rl-wrap{white-space:normal;overflow-wrap:anywhere;max-width:360px}
#view-rawloads .rl-loading{padding:18px;color:#64748b}
#view-rawloads .rl-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
#view-rawloads .rl-intro{max-width:760px;color:#475569;font-size:13.5px;line-height:1.45}
#view-rawloads .rl-head-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#view-rawloads .rl-crumb{font-size:13px;color:#64748b}
#view-rawloads .rl-crumb a{color:var(--brand);cursor:pointer;font-weight:600}
#view-rawloads .rl-vhead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
#view-rawloads .rl-vtitle{font-size:17px}
#view-rawloads .rl-kind{display:inline-block;padding:2px 9px;border-radius:999px;background:#e6f0fa;color:var(--brand);font-weight:700;font-size:12px;vertical-align:middle}
/* кнопки */
#view-rawloads .rl-btn{appearance:none;display:inline-flex;align-items:center;gap:6px;border:1px solid #c6d3e1;background:#fff;color:#1e293b;border-radius:9px;padding:8px 13px;font:600 13px inherit;cursor:pointer;text-decoration:none;line-height:1.2;transition:.12s}
#view-rawloads .rl-btn:hover{border-color:var(--brand);color:var(--brand)}
#view-rawloads .rl-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
#view-rawloads .rl-btn.primary:hover{filter:brightness(1.08);color:#fff}
#view-rawloads .rl-btn.ghost{background:transparent}
#view-rawloads .rl-btn.warn{border-color:#d9a21b;color:#8a5700;background:#fff8e6}
#view-rawloads .rl-btn.danger{border-color:#e3b4b4;color:#a92d2d}
#view-rawloads .rl-btn.danger:hover{background:#fdeaea}
#view-rawloads .rl-btn.sm{padding:4px 9px;font-size:12px;border-radius:7px}
#view-rawloads .rl-btn[disabled]{opacity:.5;cursor:default}
/* карточки */
#view-rawloads .rl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
#view-rawloads .rl-card{background:#fff;border:1px solid #e5ebf2;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgba(16,42,67,.05)}
#view-rawloads .rl-card.has{cursor:pointer}
#view-rawloads .rl-card.has:hover{border-color:var(--brand)}
#view-rawloads .rl-card.none{opacity:.7}
#view-rawloads .rl-card-k{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.03em}
#view-rawloads .rl-card-b{font-size:24px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}
#view-rawloads .rl-card-m{font-size:12.5px;color:#475569;margin-top:4px}
#view-rawloads .rl-cmp-cards{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin:10px 0}
/* панели и таблицы */
#view-rawloads .rl-panel{background:#fff;border:1px solid #e5ebf2;border-radius:12px;padding:14px 16px}
#view-rawloads .rl-panel-h{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
#view-rawloads .rl-panel-h b{font-size:15px}
#view-rawloads .rl-table th,#view-rawloads .rl-table td{padding:7px 9px;font-size:12.5px;vertical-align:top}
#view-rawloads .rl-table td{white-space:normal}
#view-rawloads .rl-table .code{white-space:nowrap}
#view-rawloads .rl-rows td{font-size:12px}
#view-rawloads .rl-row-flag td{background:#fffbf0}
#view-rawloads .rl-row-bad td{background:#fff5f5}
#view-rawloads .rl-acts{white-space:nowrap}
#view-rawloads .rl-tall{max-height:70vh}
#view-rawloads .rl-kv{width:auto;background:transparent}
#view-rawloads .rl-kv td{padding:3px 10px 3px 0;border:0;font-size:12.5px;white-space:normal}
#view-rawloads .rl-kv td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
#view-rawloads .rl-sum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
/* статусы */
#view-rawloads .rl-st{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}
#view-rawloads .rl-st-ok{background:#e2f6ed;color:#08704a}
#view-rawloads .rl-st-bad{background:#fdeaea;color:#a92d2d}
#view-rawloads .rl-st-proc{background:#e6f0fa;color:var(--brand)}
#view-rawloads .rl-st-muted{background:#f1f5f9;color:#64748b}
#view-rawloads .rl-ok{color:#08704a;font-weight:700}
#view-rawloads .rl-warn{color:#8a5700;font-weight:700}
#view-rawloads .rl-err{color:#a92d2d;font-size:11.5px;margin-top:3px;white-space:normal}
#view-rawloads .rl-prog{margin-top:4px;display:flex;gap:8px;align-items:center;font-size:11.5px}
#view-rawloads .rl-prog .progress{width:120px}
#view-rawloads .rl-prog-box,#view-rawloads .rl-info-box{background:#eef6ff;border:1px solid #cfe3f6;color:#214d72;border-radius:9px;padding:10px 14px}
#view-rawloads .rl-prog-box .progress{width:100%;margin-top:6px}
#view-rawloads .rl-err-box{background:#fdeaea;border:1px solid #f1c0c0;color:#8a2626;border-radius:9px;padding:10px 14px;white-space:normal}
#view-rawloads .rl-warn-box{background:#fff8e6;border:1px solid #f0d58c;color:#7a4b00;border-radius:9px;padding:10px 14px}
/* загрузка */
#view-rawloads .rl-upload{background:#fff;border:1px solid #e5ebf2;border-radius:12px;padding:14px 16px}
#view-rawloads .rl-drop{border:2px dashed #c6d3e1;border-radius:12px;padding:22px;text-align:center;background:#f8fafc;transition:.12s}
#view-rawloads .rl-drop.over{border-color:var(--brand);background:#eef6ff}
#view-rawloads .rl-drop a{color:var(--brand);cursor:pointer;font-weight:700}
#view-rawloads .rl-prev{margin-top:12px;border-top:1px solid #e5ebf2;padding-top:12px;display:flex;flex-direction:column;gap:10px}
#view-rawloads .rl-prev-h{font-size:14px}
#view-rawloads .rl-prev-stats{display:flex;flex-wrap:wrap;gap:8px 18px}
#view-rawloads .rl-prev-stats div{display:flex;flex-direction:column;font-size:12px}
#view-rawloads .rl-prev-stats b{font-size:16px;font-variant-numeric:tabular-nums}
#view-rawloads .rl-prev-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#view-rawloads .rl-prev-form label{font-size:13px;display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
/* вкладки и фильтры */
#view-rawloads .rl-tabs{display:flex;gap:4px;border-bottom:2px solid #e5ebf2;flex-wrap:wrap}
#view-rawloads .rl-tab{border:0;background:transparent;padding:9px 14px;font:600 13px inherit;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}
#view-rawloads .rl-tab.sel{color:var(--brand);border-bottom-color:var(--brand)}
#view-rawloads .rl-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0;font-size:13px}
#view-rawloads .rl-filters input[type=search],#view-rawloads .rl-filters input[type=text]{min-width:240px}
#view-rawloads .rl-pager a{cursor:pointer;color:var(--brand);font-weight:700;padding:0 6px}
#view-rawloads .rl-cmp-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}
#view-rawloads .rl-settings{display:flex;flex-direction:column;gap:12px;max-width:760px}
#view-rawloads .rl-settings label{display:flex;gap:8px;align-items:center;font-size:13px;margin:6px 0;flex-wrap:wrap}
#view-rawloads input.rl-wide{width:100%;min-width:320px}
/* модальное окно правки */
#view-rawloads .rl-modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}
#view-rawloads .rl-modal{background:#fff;border-radius:14px;padding:20px 22px;width:min(640px,96vw);max-height:92vh;overflow:auto;box-shadow:0 18px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:10px}
#view-rawloads .rl-modal h3{margin:0;font-size:17px}
#view-rawloads .rl-modal label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#475569;font-weight:600}
#view-rawloads .rl-modal input{font-size:14px;padding:8px 10px;border:1px solid #c6d3e1;border-radius:8px}
#view-rawloads .rl-modal-src{font-size:13px;line-height:1.6;background:#f8fafc;border-radius:9px;padding:8px 12px}
#view-rawloads .rl-hist{font-size:12px;background:#f8fafc;border-radius:9px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto}
#view-rawloads .rl-modal-acts{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
.rl-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0f3b5e;color:#fff;padding:10px 18px;border-radius:10px;font:600 13px system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw}
.rl-toast.show{opacity:1;transform:translate(-50%,0)}
.rl-toast.bad{background:#8a2626}
@media(max-width:900px){#view-rawloads .rl-cmp-cards{grid-template-columns:1fr}#view-rawloads .rl-wrap{max-width:none}}

/* Вкладки «Загрузка данных» | «Формирование ЭРДБ и РПН по исходникам» (в #view-import и #view-rawloads) */
.rl-imptabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;border-bottom:1px solid #d9dee8;padding-bottom:0}
.rl-imptabs button{border:1px solid #d9dee8;border-bottom:none;background:#f4f6fa;color:#163b5c;font:inherit;font-weight:600;
  padding:8px 16px;border-radius:8px 8px 0 0;cursor:pointer;margin-bottom:-1px}
.rl-imptabs button.active{background:#fff;color:#5b3f86;border-color:#d9dee8;box-shadow:inset 0 3px 0 #5b3f86}
.rl-imptabs button:hover:not(.active){background:#eceff5}
.nav button.rl-nav-merged{display:none!important}
