/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --bg: #07090d;
  --bg-soft: #0b0f16;
  --panel: #0d1117;
  --panel-2: #111827;
  --panel-3: #080b10;
  --border: #202938;
  --border-strong: #263244;
  --text: #f8fafc;
  --text-soft: #d1d5db;
  --muted: #9ca3af;
  --muted-2: #a7b0c0;
  --primary: #8b5cf6;
  --primary-2: #a78bfa;
  --success: #16a34a;
  --success-dark: #052e16;
  --danger: #ef4444;
  --danger-dark: #450a0a;
  --warning: #f59e0b;
  --blue: #005bff;
  --radius: 18px;
  --radius-lg: 22px;
  --shadow: 0 18px 60px #00000047;
  --font: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--bg);
  color: var(--text);
}

body {
  background: radial-gradient(circle at top left, #8b5cf61a, transparent 34rem),
    radial-gradient(circle at top right, #005bff14, transparent 32rem),
    var(--bg);
  min-height: 100vh;
  color: var(--text);
  font-family: var(--font);
  margin: 0;
  font-size: 16px;
}

a {
  color: inherit;
}

::selection {
  color: #fff;
  background: #8b5cf68c;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #05070a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

main.page, .page {
  min-height: 100vh;
  color: var(--text);
  background: none !important;
  padding: 18px 18px 180px !important;
}

.panel, .card, .summary, .modal, .top-panel, .month-box, .total-box, .hero-card, .selected-line, .selected-product, .selected-operation, .bulk-help, .recipe-help, .fixed-panel, .copy-box, .empty-recipe, .selected-product-line {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow) !important;
}

.form-panel, .product-panel, .recipe-panel, .operation-panel {
  border-color: var(--primary) !important;
  background: radial-gradient(circle at top left, #8b5cf61f, transparent 28rem),
    var(--panel) !important;
}

.products-panel, .groups-panel, .articles-panel, .list-panel, .search-card {
  border-color: #3b82f6 !important;
}

.cart-panel, .bulk-panel, .fixed-panel {
  border-color: var(--warning) !important;
}

.journal-panel, .recent-panel, .table-panel {
  border-color: var(--success) !important;
}

.kicker {
  color: var(--primary-2) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
}

h1 {
  color: var(--text);
  letter-spacing: -.04em;
}

h2, h3 {
  color: var(--text);
}

p, .hint {
  color: var(--muted-2);
}

input, select, textarea {
  border: 1px solid var(--border-strong) !important;
  color: var(--text) !important;
  font-family: var(--font) !important;
  background: #05070a !important;
  border-radius: 14px !important;
  outline: none !important;
}

input:focus, select:focus, textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px #8b5cf62e !important;
}

input::placeholder, textarea::placeholder {
  color: #6b7280;
}

button {
  transition: transform .12s, filter .12s, border-color .12s;
  font-family: var(--font) !important;
  border-radius: 14px !important;
  font-weight: 950 !important;
}

button:hover {
  filter: brightness(1.07);
}

button:active {
  transform: translateY(1px);
}

button:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

.primary {
  background: var(--primary) !important;
  color: #fff !important;
}

.secondary {
  color: #fff !important;
  background: #182033 !important;
}

.danger {
  color: #fecaca !important;
  background: #451a1a !important;
}

.save, .shipment-save {
  background: var(--success) !important;
  color: #fff !important;
}

.return-save {
  color: #fff !important;
  background: #f97316 !important;
}

.direct-save {
  background: var(--blue) !important;
  color: #fff !important;
}

.message {
  border-radius: 16px !important;
  font-weight: 950 !important;
}

.message.success {
  background: var(--success-dark) !important;
  color: #dcfce7 !important;
  border: 1px solid #22c55e !important;
}

.message.error {
  background: var(--danger-dark) !important;
  border: 1px solid var(--danger) !important;
  color: #fee2e2 !important;
}

.message.info {
  border: 1px solid var(--primary) !important;
  color: #e5e7eb !important;
  background: #111827 !important;
}

.ozon {
  color: #fff !important;
  background: #005bff !important;
  border-color: #005bff !important;
}

.wb {
  color: #fff !important;
  background: #8b1cf6 !important;
  border-color: #8b1cf6 !important;
}

.yandex {
  color: #111827 !important;
  background: #fc0 !important;
  border-color: #fc0 !important;
}

.direct {
  border-color: #22c55e !important;
}

.good-box, .main-total {
  color: #dcfce7 !important;
  background: #052e16 !important;
  border-color: #22c55e !important;
}

.bad-box {
  border-color: var(--danger) !important;
  background: var(--danger-dark) !important;
  color: #fee2e2 !important;
}

.neutral-box, .main-price {
  color: #dbeafe !important;
  background: #172554 !important;
  border-color: #3b82f6 !important;
}

.sheet-wrap {
  box-shadow: var(--shadow);
}

.sheet input {
  box-shadow: none !important;
}

@media (max-width: 760px) {
  main.page, .page {
    padding: 12px 12px 220px !important;
  }

  h1 {
    font-size: 26px !important;
  }

  .panel, .card, .summary, .modal, .top-panel {
    border-radius: 18px !important;
  }
}

.hero p:not(.kicker), .top-panel p:not(.kicker), .panel-title p, .panel-head p, .table-toolbar p, .title-row .hint, .hint, .recipe-help, .bulk-help, .mobile-flow, .empty-recipe span, .selected-product-line span, .selected-operation small, .current small, .month-box small, .form-panel > p, .products-panel > p, .operation-panel > p, .cart-panel > p, .journal-panel > p, .groups-panel > p, .recent-panel > p, .table-panel > p, .update-list, .updates-list, .release-list, .check-list, .version-list, .what-updated, .what-check, .last-update ul, .last-update li, .update-card ul, .update-card li {
  display: none !important;
}

.panel-title, .panel-head, .title-row {
  margin-bottom: 10px !important;
}

.panel-title h2, .panel-head h2, .title-row h2 {
  margin-bottom: 0 !important;
}

button, .nav-link, .primary, .secondary, .save, .shipment-save, .return-save, .direct-save {
  font-size: 15px !important;
  font-weight: 950 !important;
}

label {
  gap: 5px !important;
}

input, select, textarea {
  margin-top: 0 !important;
}

html[data-theme="graphite"] body {
  background: radial-gradient(circle at 0 0, #94a3b81a, #0000 34rem), #090b10;
}

html[data-theme="deep_navy"] body {
  background: radial-gradient(circle at 0 0, #005bff1f, #0000 34rem), #050814;
}

html[data-density="compact"] .panel, html[data-density="compact"] .card {
  padding: 14px !important;
}

html[data-density="large"] body {
  font-size: 18px;
}

html[data-help="show"] .panel-title p, html[data-help="show"] .panel-head p, html[data-help="show"] .top-panel p:not(.kicker), html[data-help="show"] .hero p:not(.kicker) {
  display: block !important;
}

/*# sourceMappingURL=src_app_globals_0p2ml0n.css.map*/