@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root { 
    --primary-color: #030440; 
    --sidebar-width: 260px; 
    --accent-color: #3498db; 
    --bg-color: #ffffff; 
    --text-color: #2c3e50; 
} 

body { 
    font-family: 'Inter', 'Segoe UI', sans-serif; 
    background-color: var(--bg-color); 
    color: var(--text-color); 
    margin: 0; 
} 

.sidebar { 
    width: var(--sidebar-width); 
    height: 100vh; 
    background: var(--primary-color); 
    color: white; 
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: 1000; 
} 

.sidebar-header { 
    padding: 25px 20px; 
    text-align: center; 
    border-bottom: 1px solid rgba(255,255,255,0.1); 
} 

.sidebar-header h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: white;
}

.nav-menu { 
    padding: 20px 0; 
} 

.nav-item { 
    padding: 12px 25px; 
    color: rgba(255,255,255,0.7); 
    text-decoration: none; 
    display: block; 
    border-left: 4px solid transparent; 
    font-weight: 500;
    transition: all 0.2s;
} 

.nav-item:hover, .nav-item.active { 
    background: rgba(255,255,255,0.1); 
    color: white; 
    border-left-color: var(--accent-color); 
} 

.main-content { 
    margin-left: var(--sidebar-width); 
    padding: 30px; 
} 

.card { 
    border: none; 
    border-radius: 12px; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.08); 
    padding: 25px; 
    margin-bottom: 25px; 
    background: white; 
    color: var(--text-color); 
} 

h1 { color: var(--primary-color); font-weight: 800; } 

/* Поиск */
.search-focus:focus-within { 
    border-color: #3b82f6; 
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); 
} 

.loader { 
    border-top-color: #3498db; 
    animation: spinner 1.5s linear infinite; 
} 

@keyframes spinner { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

/* Утилиты */
.bg-white { background-color: #ffffff !important; } 
.bg-blue-600 { background-color: #2563eb !important; } 
.text-white { color: #ffffff !important; } 
.text-slate-800 { color: #1e293b !important; } 
.border-slate-200 { border-color: #e2e8f0 !important; } 
.rounded-2xl { border-radius: 1rem !important; } 
.rounded-xl { border-radius: 0.75rem !important; } 
.p-8 { padding: 2rem !important; } 
.p-6 { padding: 1.5rem !important; } 
.font-bold { font-weight: 700 !important; } 
.id-badge { background: #ebf8ff; color: #2b6cb0; padding: 4px 8px; border-radius: 4px; }

/* ════════════════════════════════════════════════════════════════════════
   СТИЛИ ИЗ zakaz.html (ЦЕНТРАЛИЗОВАННЫЕ)
════════════════════════════════════════════════════════════════════════ */

/* ── Общие ── */
.page-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:24px; }
.header-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.back-link { color:#6b9fff; text-decoration:none; font-size:13px; }
.back-link:hover { text-decoration:underline; }
.order-meta { color:#666; font-size:13px; margin-top:4px; }

/* ── Кнопки ── */
.btn-primary { background:#2563eb; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-size:13px; }
.btn-primary:hover { background:#1d4ed8; }
.btn-secondary { background:#374151; color:#e5e7eb; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-size:13px; }
.btn-secondary:hover { background:#4b5563; }
.btn-success { background:#065f46; color:#6ee7b7; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; font-size:13px; text-decoration:none; display:inline-block; }
.btn-success:hover { background:#047857; }
.btn-danger { background:#7f1d1d; color:#fca5a5; border:none; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:13px; }
.btn-danger:hover { background:#991b1b; }
.btn-warning { background:#78350f; color:#fcd34d; border:none; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:13px; }
.btn-warning:hover { background:#92400e; }
.btn-sm { background:#1e3a5f; color:#93c5fd; border:none; padding:4px 10px; border-radius:4px; cursor:pointer; font-size:12px; text-decoration:none; }

/* ── Статусы ── */
.status-badge { padding:2px 8px; border-radius:12px; font-size:11px; font-weight:600; }
.status-uploaded { background:#1e3a5f; color:#93c5fd; }
.status-processing { background:#78350f; color:#fcd34d; }
.status-processed { background:#065f46; color:#6ee7b7; }
.status-priced { background:#312e81; color:#a5b4fc; }

/* ── Таблица данных (список заявок) ── */
.table-container { overflow-x:auto; }
.data-table { width:100%; border-collapse:collapse; font-size:13px; background-color: #ffffff; }
.data-table th { background:#030440; color:#ffffff; padding:10px 14px; text-align:left; border-bottom:2px solid #030440; font-weight:600; font-size:12px; white-space:nowrap; }
.data-table td { padding:10px 14px; border-bottom:1px solid #e0e0e0; color:#222222; max-width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.data-table tr:nth-child(odd) td { background-color: #ffffff; }
.data-table tr:nth-child(even) td { background-color: #f9f9f9; }
.data-table tr:hover td { background:#f0f0f0; }
.data-table strong { color: #222222; }
.sortable { cursor:pointer; }
.sortable:hover { color:#dbeafe; }

/* ── Загрузка ── */
.modal { position:fixed; inset:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; z-index:1000; }
.modal-box { background:#1f2937; border:1px solid #374151; border-radius:12px; padding:32px; width:500px; max-width:90vw; }
.modal-box h2 { margin:0 0 24px; color:#f9fafb; }
.drop-zone { border:2px dashed #374151; border-radius:8px; padding:40px; text-align:center; cursor:pointer; color:#9ca3af; transition:all .2s; }
.drop-zone:hover { border-color:#2563eb; color:#e5e7eb; background:#111827; }
.drop-icon { font-size:40px; margin-bottom:12px; }
.drop-hint { font-size:12px; margin-top:8px; color:#6b7280; }
.progress-bar { background:#374151; border-radius:4px; height:6px; margin:16px 0 8px; overflow:hidden; }
.progress-fill { background:#2563eb; height:100%; width:0; transition:width .3s; }
.modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:24px; }

/* ── Режимы ── */
.mode-tabs { display:flex; gap:4px; margin-bottom:16px; border-bottom:1px solid #1f2937; padding-bottom:0; }
.mode-tab { background:transparent; border:none; border-bottom:2px solid transparent; padding:10px 20px; color:#9ca3af; cursor:pointer; font-size:13px; font-weight:500; margin-bottom:-1px; transition:all .2s; }
.mode-tab.active { color:#60a5fa; border-bottom-color:#2563eb; }
.mode-tab:hover { color:#e5e7eb; }
.mode-panel { }

/* ── Вкладки файлов ── */
.file-tabs { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:8px; }
.file-tab { background:#1f2937; border:1px solid #374151; padding:6px 14px; border-radius:6px 6px 0 0; cursor:pointer; font-size:12px; color:#9ca3af; transition:all .2s; }
.file-tab.active { background:#111827; border-bottom-color:#111827; color:#e5e7eb; }
.file-tab:hover { color:#e5e7eb; }

/* ── Вкладки листов ── */
.sheet-bar { display:flex; align-items:center; justify-content:space-between; background:#111827; border:1px solid #1f2937; border-radius:0 6px 0 0; padding:6px 12px; margin-bottom:0; }
.sheet-tabs { display:flex; gap:4px; flex-wrap:wrap; }
.sheet-tab { background:#ffffff; border:1px solid #d1d5db; padding:4px 12px; border-radius:4px; cursor:pointer; font-size:12px; color:#374151; transition:all .2s; }
.sheet-tab.active { background:#eff6ff; border-color:#2563eb; color:#1d4ed8; }
.sheet-tab.processed { border-color:#065f46; color:#065f46; background:#f0fdf4; }
.sheet-tab:hover { color:#111827; background:#f3f4f6; }
.sheet-actions { display:flex; gap:6px; }

/* ── Тулбар таблицы ── */
.table-toolbar { display:flex; justify-content:space-between; align-items:center; background:#f9fafb; border:1px solid #d1d5db; border-top:none; padding:8px 12px; }
.toolbar-left { display:flex; align-items:center; gap:16px; }
.toolbar-right { display:flex; gap:6px; }
.sel-info { font-size:12px; color:#94a3b8; }
.sheet-stats { display:flex; gap:12px; }
.stat-badge { font-size:11px; font-weight:600; padding:2px 8px; border-radius:10px; }
.stat-rows { background:#dbeafe; color:#1d4ed8; }
.stat-merged { background:#ede9fe; color:#5b21b6; }
.stat-yellow { background:#78350f; color:#fcd34d; }
.stat-deleted { background:#7f1d1d; color:#fca5a5; }

/* ── Excel-таблица ── */
.excel-container { overflow:auto; max-height:calc(100vh - 280px); border:1px solid #d0d7de; border-top:none; background:#ffffff; }
.excel-loading { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px; color:#6b7280; gap:16px; }
.spinner { width:32px; height:32px; border:3px solid #e5e7eb; border-top-color:#2563eb; border-radius:50%; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.excel-table-wrap { min-width:100%; }

.ex-table { border-collapse:collapse; font-size:12px; font-family:'Calibri','Inter',sans-serif; }
.ex-table th.row-num { background:#f3f4f6; color:#6b7280; font-weight:400; text-align:center; min-width:36px; padding:4px 6px; border-right:1px solid #d1d5db; border-bottom:1px solid #d1d5db; position:sticky; left:0; z-index:2; cursor:pointer; user-select:none; }
.ex-table th.row-num:hover { background:#e5e7eb; color:#374151; }
.ex-table th.col-header { background:#f3f4f6; color:#000000; font-weight:700; text-align:center; padding:4px 8px; border-right:1px solid #d1d5db; border-bottom:2px solid #9ca3af; position:sticky; top:0; z-index:3; min-width:80px; white-space:nowrap; }
.ex-table th.corner { background:#f3f4f6; position:sticky; top:0; left:0; z-index:4; border-right:1px solid #d1d5db; border-bottom:2px solid #9ca3af; }
.ex-table td { padding:3px 8px; border-right:1px solid #e5e7eb; border-bottom:1px solid #e5e7eb; color:#111827; white-space:nowrap; max-width:400px; overflow:hidden; text-overflow:ellipsis; background:#ffffff; }
.ex-table tr:hover td { background:#f9fafb !important; }
.ex-table tr.row-selected td { background:#dbeafe !important; }
.ex-table tr.row-selected td.row-num-cell { background:#2563eb !important; color:#fff !important; }
.ex-table td.row-num-cell { background:#f3f4f6; color:#6b7280; text-align:center; font-size:11px; border-right:1px solid #d1d5db; position:sticky; left:0; z-index:1; cursor:pointer; user-select:none; min-width:36px; }
.ex-table td.row-num-cell:hover { background:#e5e7eb; color:#374151; }

/* ── Обработанная заявка ── */
.proc-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; align-items:center; }
.btn-proc-download { background:#16a34a; color:#fff; border:none; padding:9px 18px; border-radius:6px; cursor:pointer; font-size:13px; font-weight:600; text-decoration:none; display:inline-block; }
.btn-proc-download:hover { background:#15803d; }
.btn-proc-orig { background:#374151; color:#e5e7eb; border:1px solid #4b5563; padding:9px 18px; border-radius:6px; cursor:pointer; font-size:13px; }
.btn-proc-orig:hover { background:#4b5563; }
.btn-proc-prices { background:#d97706; color:#fff; border:none; padding:9px 18px; border-radius:6px; cursor:pointer; font-size:13px; font-weight:600; display:inline-block; }
.btn-proc-prices:hover { background:#b45309; }

.proc-stats { display:flex; gap:24px; margin-bottom:20px; flex-wrap:wrap; }
.proc-stat-card { background:#1f2937; border:1px solid #374151; border-radius:10px; padding:14px 24px; min-width:120px; }
.proc-stat-num { font-size:28px; font-weight:700; line-height:1; }
.proc-stat-label { font-size:11px; color:#9ca3af; margin-top:4px; }

.proc-tabs { display:flex; gap:4px; border-bottom:2px solid #1f2937; margin-bottom:0; }
.proc-tab { background:transparent; border:none; border-bottom:2px solid transparent; padding:10px 20px; color:#9ca3af; cursor:pointer; font-size:13px; font-weight:500; margin-bottom:-2px; transition:all .2s; }
.proc-tab.active { color:#60a5fa; border-bottom-color:#2563eb; }
.proc-tab:hover { color:#e5e7eb; }
.proc-tab-count { background:#2563eb; color:#fff; font-size:10px; font-weight:700; padding:1px 6px; border-radius:10px; margin-left:6px; }
.proc-hint { font-size:11px; color:#6b7280; padding:6px 0 12px; border-bottom:1px solid #1f2937; margin-bottom:12px; }

/* ── Поиск и сортировка ── */
.processed-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:8px; flex-wrap:wrap; }
.search-input { flex:1; min-width:200px; background:#ffffff; border:1px solid #d1d5db; color:#111827; padding:8px 12px; border-radius:6px; font-size:13px; }
.search-input:focus { outline:none; border-color:#2563eb; }
.sort-select { background:#ffffff; border:1px solid #d1d5db; color:#111827; padding:8px 10px; border-radius:6px; font-size:12px; }

/* ── Таблица позиций ── */
.proc-table-wrap { overflow-x:auto; border:1px solid #1f2937; border-radius:0 0 8px 8px; }
.proc-table { width:100%; border-collapse:collapse; font-size:13px; }
.proc-table thead tr { background:#030440; }
.proc-table th { padding:10px 12px; text-align:left; color:#ffffff; font-weight:600; font-size:12px; border-bottom:2px solid #030440; white-space:nowrap; cursor:pointer; }
.proc-table th:hover { color:#ffffff; background:#1a1a5c; }
.proc-table tbody tr td { padding:9px 12px; border-bottom:1px solid #e5e7eb; color:#222222; background:#ffffff; }
.proc-table tbody tr:nth-child(even) td { background:#f9f9f9; }
.proc-table tbody tr:hover td { background:#f0f0f0 !important; }
.proc-num { color:#9ca3af; font-size:11px; text-align:center; min-width:32px; }
.proc-price { color:#059669; font-weight:600; text-align:right; }
.no-price { color:#9ca3af; }
.proc-empty { text-align:center; color:#6b7280; padding:40px; }
.proc-expand-cell { width:28px; padding:0 4px; text-align:center; }
.btn-expand { background:none; border:1px solid #d1d5db; color:#6b7280; width:20px; height:20px; border-radius:4px; cursor:pointer; font-size:10px; padding:0; line-height:1; transition:all .2s; }
.btn-expand:hover { background:#e5e7eb; color:#374151; }
.btn-expand.open { transform:rotate(90deg); background:#dbeafe; border-color:#93c5fd; color:#2563eb; }
.proc-id { color:#9ca3af; font-size:11px; text-align:center; }
.proc-row { cursor:pointer; }
.proc-row.selected td { background:#dbeafe !important; }
.proc-row.group-parent td { font-weight:500; }
.proc-row-child { background:#f0f7ff; }
.proc-row-child td { padding:6px 12px; border-bottom:1px solid #bfdbfe; color:#374151; font-size:12px; }
.proc-row-child td:first-child { padding-left:32px; color:#6b7280; }
.proc-row-child:last-of-type td { border-bottom:2px solid #93c5fd; }
.btn-ungroup { background:#fef2f2; border:1px solid #fca5a5; color:#dc2626; padding:2px 8px; border-radius:4px; font-size:11px; cursor:pointer; }
.btn-ungroup:hover { background:#fee2e2; }
.btn-proc-group { background:#7c3aed; color:#fff; border:none; padding:9px 18px; border-radius:6px; cursor:pointer; font-size:13px; font-weight:600; }
.btn-proc-group:hover { background:#6d28d9; }
.btn-proc-manual-group { background:#059669; color:#fff; border:none; padding:9px 18px; border-radius:6px; cursor:pointer; font-size:13px; font-weight:600; }
.btn-proc-manual-group:hover { background:#047857; }
.btn-proc-clear-sel { background:#374151; color:#f87171; border:1px solid #f87171; padding:6px 14px; border-radius:6px; font-size:13px; cursor:pointer; }
.btn-danger { background:#dc2626; color:#fff; border:none; padding:6px 14px; border-radius:6px; font-size:13px; cursor:pointer; font-weight:500; }
.btn-danger:hover { background:#b91c1c; }
.btn-warning { background:#d97706; color:#fff; border:none; padding:6px 12px; border-radius:6px; font-size:12px; cursor:pointer; }
.btn-warning:hover { background:#b45309; }
.btn-ungroup-inline { background:transparent; border:none; color:#ef4444; font-size:11px; cursor:pointer; padding:1px 3px; border-radius:3px; line-height:1; }
.btn-ungroup-inline:hover { background:#fee2e2; }

/* ── Пустое состояние ── */
.empty-state { text-align:center; padding:60px; color:#6b7280; }