/* Восковка — Clarity Light UI, 2026-08-22
   Strict production workspace. Loaded last; visual layer only. */
:root {
  --clarity-bg: #f4f6f8;
  --clarity-surface: #ffffff;
  --clarity-surface-soft: #f8fafc;
  --clarity-text: #172033;
  --clarity-muted: #64748b;
  --clarity-line: #dfe5ec;
  --clarity-line-strong: #cbd5e1;
  --clarity-primary: #2457d6;
  --clarity-primary-hover: #1947b8;
  --clarity-primary-soft: #eaf0ff;
  --clarity-success: #16834a;
  --clarity-success-soft: #e9f7ef;
  --clarity-warning: #a76508;
  --clarity-warning-soft: #fff5df;
  --clarity-danger: #c73737;
  --clarity-danger-soft: #fff0f0;
  --clarity-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.055);
  --clarity-shadow-hover: 0 2px 4px rgba(15,23,42,.05), 0 14px 32px rgba(15,23,42,.08);
  --font-heading: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html, body { background: var(--clarity-bg) !important; color: var(--clarity-text) !important; }
body { font-family: var(--font-body) !important; background-image: none !important; }
button, input, select, textarea { font: inherit; }
button { transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease !important; }
button:hover { transform: none !important; }

/* Login */
#login-screen {
  background: #eef2f6 !important;
  background-image: linear-gradient(135deg, rgba(36,87,214,.055) 0, transparent 45%) !important;
}
.login-card {
  max-width: 400px !important;
  padding: 38px !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--clarity-shadow) !important;
}
.login-card::before { display: none !important; }
.login-card h1 {
  margin: 0 0 6px !important;
  color: var(--clarity-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 28px !important;
  letter-spacing: -.035em !important;
}
.login-card p { margin-bottom: 28px !important; color: var(--clarity-muted) !important; }
.login-form { gap: 12px !important; }
.login-form input {
  min-height: 46px;
  background: #fff !important;
  border: 1px solid var(--clarity-line-strong) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
.login-form input:focus { border-color: var(--clarity-primary) !important; box-shadow: 0 0 0 3px rgba(36,87,214,.12) !important; }
#login-btn { min-height: 46px; margin-top: 4px !important; border-radius: 9px !important; background: var(--clarity-primary) !important; box-shadow: none !important; }
#login-btn:hover { background: var(--clarity-primary-hover) !important; }

/* App chrome */
#dashboard-screen { background: var(--clarity-bg) !important; }
header {
  min-height: 64px;
  padding: 0 24px !important;
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--clarity-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
}
.app-header { max-width: 1720px; margin: 0 auto; gap: 16px !important; }
.app-header .logo {
  color: var(--clarity-text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 20px !important;
  font-weight: 760 !important;
  letter-spacing: -.025em !important;
}
.app-header .logo::after { display: none !important; }
.wow-build-marker, .app-header .wow-build-marker {
  margin: 0 auto 0 0 !important;
  padding: 5px 9px !important;
  color: #526174 !important;
  background: #f1f4f7 !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}
#user-display { padding: 7px 11px !important; background: var(--clarity-surface-soft) !important; border: 1px solid var(--clarity-line) !important; border-radius: 8px !important; color: #475569 !important; }
header button { padding: 7px 11px !important; color: #64748b !important; background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 8px !important; }
header button:hover { color: var(--clarity-danger) !important; background: var(--clarity-danger-soft) !important; border-color: #f1bcbc !important; }
main { background: var(--clarity-bg) !important; }

/* Toolbar */
.page-toolbar {
  position: sticky;
  top: 0;
  z-index: 30;
  margin: 16px 20px 0 !important;
  padding: 14px 16px !important;
  gap: 10px !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--clarity-shadow) !important;
}
.productivity-bar { gap: 8px !important; grid-template-columns: repeat(5, minmax(120px, 1fr)) !important; }
.prod-card {
  min-height: 68px !important;
  padding: 11px 13px !important;
  background: var(--clarity-surface-soft) !important;
  border: 1px solid #e7ebf0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.prod-card::before { width: 3px !important; border-radius: 3px !important; }
.prod-card b { margin-top: 2px !important; font-size: 24px !important; color: var(--clarity-text) !important; letter-spacing: -.04em !important; }
.prod-label { font-size: 11px !important; color: var(--clarity-muted) !important; letter-spacing: .03em !important; }
.prod-danger b, .prod-vip b { color: var(--clarity-danger) !important; }
.prod-success b { color: var(--clarity-success) !important; }
.prod-warn b { color: var(--clarity-warning) !important; }
.page-toolbar-row { gap: 8px !important; }
.page-toolbar-row--filters { border-top: 1px solid #edf0f4; padding-top: 10px !important; }
#controls-area { gap: 7px !important; }
.btn-primary, .btn-secondary, .mf-btn, .priority-filter-btn, .view-btn {
  min-height: 36px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}
.btn-primary { color: #fff !important; background: var(--clarity-primary) !important; border: 1px solid var(--clarity-primary) !important; }
.btn-primary:hover { background: var(--clarity-primary-hover) !important; border-color: var(--clarity-primary-hover) !important; }
.btn-secondary, .mf-btn, .priority-filter-btn { color: #475569 !important; background: #fff !important; border: 1px solid var(--clarity-line-strong) !important; }
.btn-secondary:hover, .mf-btn:hover, .priority-filter-btn:hover { color: var(--clarity-primary) !important; background: #f8faff !important; border-color: #9eb3ef !important; }
.btn-secondary.active, .mf-btn.mf-active, .priority-filter-btn.active { color: var(--clarity-primary) !important; background: var(--clarity-primary-soft) !important; border-color: #9eb3ef !important; }
.view-switcher { gap: 3px !important; padding: 3px !important; background: #f1f4f7 !important; border: 1px solid var(--clarity-line) !important; border-radius: 10px !important; box-shadow: none !important; }
.view-btn { min-height: 32px !important; color: #64748b !important; background: transparent !important; border: 0 !important; }
.view-btn.active { color: var(--clarity-primary) !important; background: #fff !important; box-shadow: 0 1px 3px rgba(15,23,42,.08) !important; outline: none !important; }
.article-search-wrap { min-height: 36px !important; padding: 6px 10px !important; background: #fff !important; border: 1px solid var(--clarity-line-strong) !important; border-radius: 8px !important; box-shadow: none !important; }
.article-search-wrap:focus-within { border-color: var(--clarity-primary) !important; box-shadow: 0 0 0 3px rgba(36,87,214,.1) !important; }
.article-search-input { color: var(--clarity-text) !important; }
.toolbar-sep { background: var(--clarity-line) !important; }
.master-filter-bar { gap: 6px !important; }
.page-filters, .filters-panel { background: transparent !important; }
.filters-panel { margin: 0 20px !important; padding: 8px 0 !important; border: 0 !important; box-shadow: none !important; }

/* Dashboard canvas */
#orders-list { padding: 16px 20px 32px !important; gap: 14px !important; }
.dashboard-mode-cockpit { padding: 16px 20px 32px !important; }
.cockpit-shell { gap: 14px !important; max-width: 1720px; margin: 0 auto; }
.cockpit-summary { gap: 10px !important; }
.cockpit-summary > div {
  min-height: 88px !important;
  padding: 15px !important;
  background: #fff !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--clarity-shadow) !important;
}
.cockpit-summary span { color: var(--clarity-muted) !important; font-size: 10px !important; letter-spacing: .08em !important; }
.cockpit-summary b { margin-top: 7px !important; color: var(--clarity-text) !important; font-size: 30px !important; letter-spacing: -.045em !important; }
.cockpit-summary .danger b, .cockpit-summary .hot b { color: var(--clarity-danger) !important; }
.cockpit-main { grid-template-columns: minmax(330px,.85fr) minmax(480px,1.35fr) !important; gap: 14px !important; }
.cockpit-hero, .cockpit-queue, .cockpit-map {
  background: #fff !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 14px !important;
  box-shadow: var(--clarity-shadow) !important;
}
.cockpit-hero {
  min-height: 330px !important;
  padding: 24px !important;
  color: var(--clarity-text) !important;
  background-image: linear-gradient(145deg, #fff 0, #f8faff 100%) !important;
  justify-content: flex-start !important;
}
.cockpit-kicker { color: var(--clarity-danger) !important; font-size: 10px !important; letter-spacing: .1em !important; }
.cockpit-hero h2 { margin: 14px 0 5px !important; color: var(--clarity-text) !important; font-size: clamp(38px,4vw,58px) !important; letter-spacing: -.065em !important; }
.cockpit-hero p { margin-bottom: 18px !important; color: var(--clarity-muted) !important; font-size: 15px !important; }
.cockpit-progress { height: 8px !important; margin-bottom: 14px !important; background: #e8edf3 !important; }
.cockpit-progress span { background: var(--clarity-primary) !important; }
.cockpit-hero-metrics { gap: 7px !important; }
.cockpit-hero-metrics span { padding: 9px !important; color: var(--clarity-muted) !important; background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 8px !important; }
.cockpit-hero-metrics b { color: var(--clarity-text) !important; font-size: 18px !important; }
.cockpit-reasons { margin: 14px 0 !important; gap: 6px !important; }
.cockpit-reasons span { padding: 5px 8px !important; color: #9d3030 !important; background: var(--clarity-danger-soft) !important; border: 1px solid #f0c8c8 !important; border-radius: 6px !important; font-size: 11px !important; }
.cockpit-primary { margin-top: auto; padding: 9px 13px !important; color: #fff !important; background: var(--clarity-primary) !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; }
.cockpit-queue, .cockpit-map { padding: 16px !important; }
.cockpit-section-title { margin-bottom: 10px !important; }
.cockpit-section-title span { color: var(--clarity-muted) !important; font-size: 10px !important; letter-spacing: .1em !important; }
.cockpit-section-title b { padding: 4px 7px !important; color: #475569 !important; background: #f1f4f7 !important; border: 1px solid var(--clarity-line) !important; border-radius: 6px !important; }
.cockpit-queue { gap: 7px !important; }
.cockpit-queue-row {
  min-height: 52px;
  grid-template-columns: 92px 1fr minmax(150px,1fr) 52px !important;
  padding: 10px 12px !important;
  background: #fff !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
.cockpit-queue-row:hover { background: #f8faff !important; border-color: #b9c8ee !important; box-shadow: none !important; }
.cockpit-queue-row strong { color: var(--clarity-text) !important; }
.cockpit-queue-row em { color: #526174 !important; }
.cockpit-queue-row span { color: var(--clarity-primary) !important; }
.cockpit-queue-row b { color: var(--clarity-danger) !important; }
.cockpit-lanes { gap: 9px !important; }
.cockpit-lane {
  min-height: 156px !important;
  padding: 13px !important;
  background: #fff !important;
  border: 1px solid var(--clarity-line) !important;
  border-top: 3px solid var(--clarity-primary) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.lane-new { border-top-color: #94a3b8 !important; }.lane-wax { border-top-color: #7c5ac7 !important; }.lane-size { border-top-color: #3587ba !important; }.lane-rostishka { border-top-color: #2f9661 !important; }.lane-zakrepka { border-top-color: #b5507f !important; }.lane-tree { border-top-color: #bf7b20 !important; }.lane-casting { border-top-color: #c94b4b !important; }.lane-release { border-top-color: #16834a !important; }
.cockpit-lane-head strong { color: var(--clarity-text) !important; font-size: 14px !important; }.cockpit-lane-head em { color: var(--clarity-muted) !important; }
.cockpit-lane-head b { min-width: 30px !important; height: 30px !important; color: #475569 !important; background: #f1f4f7 !important; border-radius: 7px !important; }
.cockpit-lane-metrics { gap: 6px !important; margin: 10px 0 !important; }
.cockpit-lane-metrics span { padding: 7px !important; color: var(--clarity-muted) !important; background: var(--clarity-surface-soft) !important; border-radius: 7px !important; }
.cockpit-lane-metrics b { color: var(--clarity-text) !important; }
.cockpit-chip { padding: 5px 7px !important; color: #334155 !important; background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }

/* Cards, Kanban and list */
.order-card, .mini-order, .kanban-col, .wow-table-wrap, .focus-hero, .focus-list, .focus-lanes {
  background: #fff !important;
  border: 1px solid var(--clarity-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--clarity-shadow) !important;
}
.order-card { aspect-ratio: auto !important; min-height: 280px !important; padding: 15px !important; }
.order-card:hover, .mini-order:hover { border-color: #b7c5df !important; box-shadow: var(--clarity-shadow-hover) !important; }
.order-card.priority-red, .order-card.priority-urgent, .order-card.priority-pink, .order-card.priority-yellow, .order-card.priority-green, .order-card.status-process, .order-card.status-done { background: #fff !important; }
.order-card.priority-red { border-left: 4px solid var(--clarity-danger) !important; }.order-card.priority-urgent, .order-card.priority-pink { border-left: 4px solid var(--clarity-primary) !important; }.order-card.priority-yellow, .order-card.status-process { border-left: 4px solid #d2902d !important; }.order-card.priority-green, .order-card.status-done { border-left: 4px solid var(--clarity-success) !important; }
.card-topline { display: none !important; }
.card-number { color: var(--clarity-text) !important; }.card-customer, .card-date, .card-deadline { color: var(--clarity-muted) !important; }
.card-summary { background: var(--clarity-surface-soft) !important; border: 1px solid #e7ebf0 !important; border-radius: 9px !important; }
.status-badge, .priority-badge { border-radius: 6px !important; box-shadow: none !important; }
.kanban-board { gap: 10px !important; }.kanban-col { min-height: 520px !important; }.kanban-col > header { background: #f8fafc !important; border-bottom: 1px solid var(--clarity-line) !important; }.kanban-col header strong { color: #475569 !important; background: #eef2f6 !important; border: 1px solid var(--clarity-line) !important; border-radius: 7px !important; }
.mini-order { border-radius: 9px !important; box-shadow: none !important; }.mini-bar, .row-progress { background: #e7ecf2 !important; }.mini-bar span, .row-progress span { background: var(--clarity-primary) !important; }
.wow-table-wrap { border-radius: 12px !important; }.wow-table th { color: #475569 !important; background: #f3f6f9 !important; border-bottom: 1px solid var(--clarity-line) !important; }.wow-table td { border-bottom-color: #edf1f5 !important; }.row-open { background: var(--clarity-primary) !important; border-radius: 7px !important; }
.focus-hero { color: var(--clarity-text) !important; background: linear-gradient(145deg,#fff,#f8faff) !important; }.focus-hero h2 { color: var(--clarity-text) !important; }.focus-hero p { color: var(--clarity-muted) !important; }.focus-reasons span { color: #9d3030 !important; background: var(--clarity-danger-soft) !important; }

/* Details and modals */
.modal { background: rgba(15,23,42,.32) !important; backdrop-filter: blur(4px) !important; }
.modal-content { background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 16px !important; box-shadow: 0 28px 80px rgba(15,23,42,.2) !important; }
.close-modal-btn, .close-btn, .modal-close { color: #64748b !important; background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 8px !important; box-shadow: none !important; }
.detail-hero { padding: 20px !important; color: var(--clarity-text) !important; background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 12px !important; box-shadow: none !important; }
.detail-kicker { color: var(--clarity-primary) !important; }.detail-hero h2 { color: var(--clarity-text) !important; text-shadow: none !important; }.detail-meta { color: var(--clarity-muted) !important; }.detail-meta span { color: #526174 !important; background: #f3f6f9 !important; border: 1px solid var(--clarity-line) !important; border-radius: 6px !important; }
.detail-stats { color: var(--clarity-text) !important; background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 9px !important; box-shadow: none !important; }
.detail-table-wrap { background: #fff !important; border: 1px solid var(--clarity-line) !important; border-radius: 10px !important; box-shadow: none !important; }
.detail-table thead, .detail-table th, .detail-table th[style] { color: #475569 !important; background: #f3f6f9 !important; border-color: var(--clarity-line) !important; }.detail-table td { color: #334155 !important; border-color: #e7ecf2 !important; }.detail-table tbody tr:nth-child(even) { background: #fbfcfd !important; }.detail-table tbody tr:hover { background: #f6f8fc !important; }
.detail-input, .detail-select, .detail-num-sq, .create-header-input, .table-header-filter, .th-filters select { color: #334155 !important; background: #fff !important; border: 1px solid var(--clarity-line-strong) !important; border-radius: 7px !important; box-shadow: none !important; }.detail-input:focus, .detail-select:focus, .detail-num-sq:focus, .create-header-input:focus { border-color: var(--clarity-primary) !important; box-shadow: 0 0 0 3px rgba(36,87,214,.1) !important; }
.production-order-control, .production-kpis > div { background: var(--clarity-surface-soft) !important; border-color: var(--clarity-line) !important; border-radius: 9px !important; }.production-queue th { color: #475569; background: #f3f6f9; }.production-queue tbody tr:hover { background: #f6f8fc !important; }
.empty-state { background: #fff !important; border: 1px dashed var(--clarity-line-strong) !important; border-radius: 12px !important; }.empty-state b { color: var(--clarity-text) !important; }

@media (max-width: 1100px) {
  .page-toolbar { margin: 12px 12px 0 !important; }
  .productivity-bar { grid-template-columns: repeat(3,minmax(110px,1fr)) !important; }
  .cockpit-main { grid-template-columns: 1fr !important; }
  .cockpit-lanes { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  #orders-list, .dashboard-mode-cockpit { padding: 12px 12px 24px !important; }
}
@media (max-width: 720px) {
  header { min-height: 56px; padding: 0 12px !important; }
  .app-header { gap: 8px !important; }.app-header .logo { font-size: 17px !important; }.wow-build-marker { display: none !important; }
  #user-display { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .page-toolbar { position: static; padding: 10px !important; border-radius: 10px !important; }
  .productivity-bar { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.prod-card { min-height: 60px !important; }.prod-card:last-child { grid-column: 1 / -1; }
  .page-toolbar-row { align-items: stretch !important; }.article-search-area { margin-left: 0 !important; width: 100%; }.article-search-wrap { width: 100%; }.article-search-input { width: 100% !important; }
  .cockpit-summary { grid-template-columns: repeat(2,1fr) !important; }.cockpit-summary > div:last-child { grid-column: 1 / -1; }
  .cockpit-hero { min-height: 0 !important; }.cockpit-hero-metrics { grid-template-columns: repeat(2,1fr) !important; }
  .cockpit-queue-row { grid-template-columns: 1fr auto !important; }.cockpit-queue-row em, .cockpit-queue-row span { grid-column: 1 / -1; }
  .cockpit-lanes { grid-template-columns: 1fr !important; }.cockpit-lane { min-height: 0 !important; }
  .modal-content { border-radius: 12px !important; }.production-kpis { grid-template-columns: repeat(2,1fr) !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }