/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./styles/globals.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**
 * DN-CRM · Глобальные стили
 * Версия: v264 — палитра DN-CRM (синий ЛБ + янтарный КХ + фиолетовый Personal)
 * Финальный аудит: вернули цвета из системного дизайна вместо emerald-моноколора
 */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.visible{
  visibility: visible;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize{
  resize: both;
}
.break-all{
  word-break: break-all;
}
.border{
  border-width: 1px;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.underline{
  text-decoration-line: underline;
}
.line-through{
  text-decoration-line: line-through;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* v188b: шрифты подгружаются через <link> в <head>, не через @import — надёжнее */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  /* v264: палитра DN-CRM по дизайн-системе.
     Лай тема (по умолчанию) — приглушённая, для печати/настольных */
  /* v315: Stone + Emerald — палитра PWA-эталона (index-v314).
     Нейтральные тона тёплые (stone), акцент единый изумрудный. */
  --bg:#fafaf9;--bg2:#ffffff;--bg3:#f5f5f4;--bg4:#e7e5e4;
  --border:#e7e5e4;--border2:#d6d3d1;
  --text:#0c0a09;--text2:#57534e;--text3:#a8a29e;
  /* Основной акцент — Emerald (единый зелёный) */
  --accent:#10b981;--accent-h:#059669;--accent-soft:#ecfdf5;--accent-bg:rgba(16,185,129,0.08);
  /* Совместимость: все «второстепенные акценты» тоже изумрудные */
  --blue:#10b981;--blue-bg:rgba(16,185,129,0.08);--blue-light:#ecfdf5;--blue-border:#a7f3d0;
  --amber:#b45309;--amber-bg:rgba(180,83,9,0.08);
  --green:#059669;--green-bg:rgba(5,150,105,0.08);--green-light:#ecfdf5;--green-border:#a7f3d0;
  --purple:#10b981;--purple-bg:rgba(16,185,129,0.08);
  --teal:#10b981;--teal-bg:rgba(16,185,129,0.08);
  --red:#991b1b;--red-bg:rgba(153,27,27,0.06);
  --dark:#44403c;--nav-h:60px;
  --font:'Inter','Onest',system-ui,sans-serif;
}
/* v185: альтернативные нейтральные тона (Базовый цвет в настройках темы) */
:root[data-base="neutral"]{--bg:#fafafa;--bg2:#fff;--bg3:#f5f5f5;--bg4:#e5e5e5;--border:#e5e5e5;--border2:#d4d4d4;--text:#0a0a0a;--text2:#525252;--text3:#a3a3a3;--dark:#404040}
:root[data-base="zinc"]{--bg:#fafafa;--bg2:#fff;--bg3:#f4f4f5;--bg4:#e4e4e7;--border:#e4e4e7;--border2:#d4d4d8;--text:#09090b;--text2:#52525b;--text3:#a1a1aa;--dark:#3f3f46}
:root[data-base="slate"]{--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--bg4:#e2e8f0;--border:#e2e8f0;--border2:#cbd5e1;--text:#020617;--text2:#475569;--text3:#94a3b8;--dark:#334155}
:root[data-base="gray"]{--bg:#f9fafb;--bg2:#fff;--bg3:#f3f4f6;--bg4:#e5e7eb;--border:#e5e7eb;--border2:#d1d5db;--text:#030712;--text2:#4b5563;--text3:#9ca3af;--dark:#374151}
/* v185: тёмная тема — применяется когда у html стоит class="dark" */
/* v264: тёмная тема — применяется когда у html стоит class="dark".
   Для dark theme workspace-цвета ярче чем в light: синий ЛБ, янтарный КХ,
   фиолетовый Personal — все должны быть хорошо различимы на тёмном фоне. */
html.dark{
  --bg:#0e0f11;--bg2:#141518;--bg3:#1a1c20;--bg4:#2a2c30;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);
  --text:#e8e9eb;--text2:#888b94;--text3:#52555e;
  /* v315: единый изумрудный акцент и на тёмном (ярче для контраста) */
  --accent:#10b981;--accent-h:#34d399;--accent-soft:rgba(16,185,129,0.15);--accent-bg:rgba(16,185,129,0.15);
  --blue:#10b981;--blue-bg:rgba(16,185,129,0.15);--blue-light:rgba(16,185,129,0.08);--blue-border:rgba(16,185,129,0.4);
  --amber:#f5a623;--amber-bg:rgba(245,166,35,0.15);
  --green:#34d399;--green-bg:rgba(16,185,129,0.15);--green-light:rgba(16,185,129,0.08);--green-border:rgba(16,185,129,0.4);
  --purple:#10b981;--purple-bg:rgba(16,185,129,0.15);
  --teal:#10b981;--teal-bg:rgba(16,185,129,0.15);
  --red:#ff5c5c;--red-bg:rgba(255,92,92,0.12);
  --dark:#d6d3d1;
}
html.dark[data-base="neutral"]{--bg:#0a0a0a;--bg2:#171717;--bg3:#262626;--bg4:#404040;--border:#262626;--border2:#404040;--text:#fafafa;--text2:#a3a3a3;--text3:#737373;--dark:#d4d4d4}
html.dark[data-base="zinc"]{--bg:#09090b;--bg2:#18181b;--bg3:#27272a;--bg4:#3f3f46;--border:#27272a;--border2:#3f3f46;--text:#fafafa;--text2:#a1a1aa;--text3:#71717a;--dark:#d4d4d8}
html.dark[data-base="slate"]{--bg:#020617;--bg2:#0f172a;--bg3:#1e293b;--bg4:#334155;--border:#1e293b;--border2:#334155;--text:#f8fafc;--text2:#94a3b8;--text3:#64748b;--dark:#cbd5e1}
html.dark[data-base="gray"]{--bg:#030712;--bg2:#111827;--bg3:#1f2937;--bg4:#374151;--border:#1f2937;--border2:#374151;--text:#f9fafb;--text2:#9ca3af;--text3:#6b7280;--dark:#d1d5db}
/* Tone-aware shadow */
.shadow-card{box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.04)}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;transition:background-color .2s,color .2s}
.mono{font-family:'JetBrains Mono',monospace}
.inp{width:100%;box-sizing:border-box;min-width:0;max-width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:8px 11px;font-family:'Onest',sans-serif;outline:none;min-height:44px;transition:border-color .15s}
/* v205-fix: нативные iOS дата/время-инпуты имеют свою min-width и вылезают за край модалки в grid/flex — сбрасываем аппеаранс и даём сжиматься */
input[type="date"].inp,input[type="time"].inp,input[type="datetime-local"].inp,input[type="month"].inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}
.g2>div{min-width:0}
/* v179: фикс полей времени — не вылезают за границы в узких колонках */
.inp[type="time"]{padding:8px 6px;text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'JetBrains Mono',monospace;font-size:14px}
.inp[type="time"]::-webkit-date-and-time-value{text-align:center}
/* ПРАВКА v3: подсказка цены в placeholder — бледная, курсив */
.inp::-moz-placeholder{color:var(--text3);font-style:italic;opacity:.9}
.inp::placeholder{color:var(--text3);font-style:italic;opacity:.9}
/* ПРАВКА v6: плавающая круглая кнопка добавления (FAB) */
.fab{position:fixed;right:16px;bottom:74px;z-index:300;width:54px;height:54px;border-radius:50%;border:none;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);transition:transform .12s}
.fab:active{transform:scale(.92)}
.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,0.1)}
.sel{width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:8px 10px;font-family:'Onest',sans-serif;outline:none;cursor:pointer;min-height:44px}
.sel:focus{border-color:var(--blue)}
.lbl{font-size:11px;font-weight:600;color:var(--text2);margin-bottom:4px;display:block;letter-spacing:.2px}
.btn-p{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:none;background:var(--blue);color:#fff;font-size:13px;font-weight:600;font-family:'Onest',sans-serif;cursor:pointer;min-height:44px;white-space:nowrap}
.btn-p:active{opacity:.85}
.btn-s{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg2);color:var(--text2);font-size:13px;font-weight:600;font-family:'Onest',sans-serif;cursor:pointer;min-height:44px;white-space:nowrap}
.btn-ghost{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:9px;border-radius:8px;border:1.5px dashed var(--border);background:transparent;color:var(--text3);font-size:12px;font-weight:600;font-family:'Onest',sans-serif;cursor:pointer;min-height:42px}
.chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:10px;font-family:'JetBrains Mono',monospace;font-weight:600;white-space:nowrap}
.st-new{color:var(--blue);background:var(--blue-bg)}
.st-queue{color:var(--accent);background:var(--accent-soft)}
.st-active{color:var(--purple);background:var(--purple-bg)}
.st-done{color:var(--green);background:var(--green-bg)}
.st-lost{color:var(--red);background:var(--red-bg)}
.nt-wrap{display:flex;background:var(--bg3);border:1.5px solid var(--border);border-radius:8px;padding:3px;gap:3px;flex-shrink:0}
.nt-btn{padding:6px 12px;border:none;font-size:12px;font-weight:600;font-family:'Onest',sans-serif;cursor:pointer;background:transparent;color:var(--text3);flex:1;border-radius:5px;min-height:36px}
.nt-btn.on{background:var(--dark);color:#e8e9eb;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.ac-wrap{position:relative}
.ac-inp{width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:8px 11px;font-family:'Onest',sans-serif;outline:none;min-height:44px}
.ac-inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,.1)}
.ac-drop{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--bg2);border:1.5px solid var(--border);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.10);z-index:300;max-height:200px;overflow-y:auto;display:none}
.ac-item{padding:9px 12px;font-size:13px;cursor:pointer;color:var(--text);border-bottom:1px solid var(--border2)}
.ac-item:last-child{border-bottom:none}
.ac-item:hover,.ac-item.focused{background:var(--blue-light);color:var(--blue)}
.ac-item mark{background:none;color:var(--blue);font-weight:700}
.cb-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg2);border:1.5px solid var(--border2);border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.cb-row.at{border-color:var(--teal);background:var(--teal-bg)}
.cb-row.aa{border-color:var(--accent);background:var(--accent-soft)}
.sb{background:var(--bg3);border:1.5px solid var(--border2);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}
.sh{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px}
.frow{display:flex;align-items:flex-end;gap:8px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prog-bar{height:4px;background:var(--bg4);border-radius:2px;overflow:hidden;margin-top:6px}
.prog-fill{height:100%;border-radius:2px}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:500;display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto}
.modal{background:var(--bg2);border:1.5px solid var(--border);border-radius:14px;width:100%;max-width:520px;margin:auto}
.order-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;margin-bottom:8px}
.trip-card{background:var(--bg3);border:1.5px solid var(--border2);border-radius:9px;padding:11px 13px;margin-bottom:7px;cursor:pointer}
.cal-cell{background:var(--bg2);border:1.5px solid var(--border2);border-radius:11px;padding:11px;cursor:pointer;min-height:110px;display:flex;flex-direction:column;gap:5px}
.cal-cell.is-today{border-color:var(--blue);background:var(--blue-light)}
.cal-cell.is-weekend{background:#fafafa}
.day-col{background:var(--bg3);border:1.5px solid var(--border2);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:8px;min-width:0}
.day-col.today{border-color:var(--blue-border);background:var(--blue-light)}
.mixer-num{font-family:'JetBrains Mono',monospace!important;font-size:18px!important;font-weight:700!important;text-align:center!important;letter-spacing:2px!important;width:84px!important;flex-shrink:0!important;padding:8px 4px!important}
#app{padding-bottom:var(--nav-h)}
#bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--bg2);border-top:1.5px solid var(--border2);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}
.nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border:none;background:transparent;cursor:pointer;color:var(--text3);font-family:'Onest',sans-serif;font-size:10px;font-weight:600;min-width:0;flex:1;min-height:44px;justify-content:center}
.nav-btn.active{color:var(--blue)}
.nav-btn i{font-size:21px}
.header{background:var(--bg2);border-bottom:1.5px solid var(--border2);padding:11px 16px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px}
/* v187: компактная шапка с drawer/dropdown */
.hdr-v187{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 12px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;height:48px}
.hdr-v187 .burger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text2);cursor:pointer;border-radius:9px;flex-shrink:0}
.hdr-v187 .burger:active{background:var(--bg3)}
.hdr-v187 .burger i{font-size:20px}
.hdr-v187 .back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text2);cursor:pointer;border-radius:9px;flex-shrink:0}
.hdr-v187 .back:active{background:var(--bg3)}
.hdr-v187 .ws-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 10px;border:1px solid var(--border);background:var(--bg);border-radius:9px;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;color:var(--text);min-height:34px;line-height:1}
.hdr-v187 .ws-trigger:active{background:var(--bg3)}
.hdr-v187 .ws-trigger i{font-size:14px;color:var(--text3)}
.hdr-v187 .title-text{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.hdr-v187 .subtitle{font-size:10px;color:var(--text3);font-family:'JetBrains Mono',monospace;margin-top:1px}
.hdr-v187 .action-slot{margin-left:auto;display:flex;gap:6px;flex-shrink:0;padding-right:24px}
/* v188g: на узких экранах ужимаем элементы шапки чтобы влез длинный title */
@media (max-width:400px){
  .hdr-v187{padding:0 8px;gap:6px}
  .hdr-v187 .ws-trigger{padding:6px 8px;font-size:12px}
  .hdr-v187 .title-text{font-size:11px}
  .hdr-v187 .action-slot{padding-right:8px}
}
/* v193: даты поставки на смартфоне (iPhone 14/15 = 393px) — всегда в колонку */
@media (max-width:480px){
  .exp-delivery-dates{flex-direction:column !important;gap:8px !important}
}
/* WS dropdown menu */
.ws-dropdown{position:fixed;top:54px;left:12px;z-index:990;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:200px;box-shadow:0 12px 32px rgba(0,0,0,.12);animation:dropdownIn .15s ease-out}
.ws-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);border:none;background:transparent;width:100%;text-align:left;font-family:var(--font)}
.ws-dropdown-item:active{background:var(--bg3)}
.ws-dropdown-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
.ws-dropdown-item i{font-size:14px;color:var(--text3)}
.ws-dropdown-item.active i{color:var(--accent)}
.ws-dropdown-check{margin-left:auto;color:var(--accent);font-size:14px}
@keyframes dropdownIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/* Drawer (sidebar) */
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:990;animation:fadeIn .2s ease-out}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80%;background:var(--bg2);z-index:991;display:flex;flex-direction:column;animation:drawerIn .25s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 24px rgba(0,0,0,.12)}
@keyframes drawerIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.drawer-header{padding:18px 18px 14px;border-bottom:1px solid var(--border)}
.drawer-title{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px}
.drawer-name{font-size:16px;font-weight:700;color:var(--text);margin-top:4px}
.drawer-section{padding:8px;display:flex;flex-direction:column;gap:2px}
.drawer-section-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;padding:10px 10px 4px}
.drawer-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);border:none;background:transparent;width:100%;text-align:left;font-family:var(--font)}
.drawer-item:active{background:var(--bg3)}
.drawer-item i{font-size:18px;color:var(--text2);width:20px}
.drawer-item .arrow{margin-left:auto;color:var(--text3);font-size:14px}
.drawer-footer{margin-top:auto;padding:14px 18px;border-top:1px solid var(--border);font-size:10px;color:var(--text3)}
.drawer-item:hover{background:var(--bg3)}
.drawer-item.danger{color:var(--red)}
.drawer-item.danger i{color:var(--red)}
.drawer-body{overflow-y:auto;flex:1;display:flex;flex-direction:column}
/* drawer справа (выезжает с правого края) */
.drawer-right{left:auto;right:0;animation:drawerInRight .25s cubic-bezier(.16,1,.3,1);box-shadow:-4px 0 24px rgba(0,0,0,.12)}
@keyframes drawerInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}
/* сегмент-переключатель темы внутри drawer */
.theme-seg{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:3px;margin:4px 4px 0}
.theme-seg button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;border-radius:7px;background:transparent;color:var(--text2);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;min-height:38px}
.theme-seg button.on{background:var(--bg2);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.theme-seg button i{font-size:15px}
/* WsSwitch — кнопки-пилюли */
.ws-switch{display:flex;gap:8px;padding:10px 16px;background:var(--bg2);border-bottom:1.5px solid var(--border2)}
.ws-btn{flex:1;min-height:44px;padding:0 12px;border:1.5px solid var(--border2);border-radius:999px;background:transparent;color:var(--text3);font-size:12px;font-weight:700;letter-spacing:.3px;font-family:var(--font);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s,color .15s,border-color .15s}
.ws-btn:hover{border-color:var(--text3)}
.page{padding:14px 16px}
.stat{background:var(--bg2);border:1.5px solid var(--border2);border-radius:9px;padding:10px 13px}
.date-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}
@media(max-width:600px){
  .g2{grid-template-columns:1fr}
  .disp-grid{grid-template-columns:1fr!important}
  .week-grid{grid-template-columns:repeat(4,1fr)!important}
  .calc-col{display:none}
  .hdr-text{display:none}
  .edit-order-btn{padding:7px 9px!important;gap:0!important}
}
@media(max-width:380px){.week-grid{grid-template-columns:repeat(2,1fr)!important}}