:root {
  --orange: #167d73;
  --orange-dark: #0f675f;
  --orange-soft: #e1f3f0;
  --ink: #17211c;
  --ink-2: #26322c;
  --text: #29322d;
  --muted: #6f7772;
  --line: #dedfd9;
  --canvas: #f7f6f1;
  --paper: #ffffff;
  --mint: #ddf3e5;
  --mint-dark: #17814a;
  --violet: #e9e2ff;
  --violet-dark: #6a51b7;
  --red: #fce3df;
  --red-dark: #b5473a;
  --yellow: #fff0c6;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-sm: 0 8px 24px rgba(23, 33, 28, .06);
  --shadow-lg: 0 28px 80px rgba(23, 33, 28, .14);
  font-family: Inter, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background: var(--canvas);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--canvas); color: var(--ink); }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img, svg { display: block; max-width: 100%; }
[hidden] { display: none !important; }
::selection { color: var(--ink); background: #b9e1dc; }

.skip-link { position: fixed; top: 10px; left: 10px; z-index: 100; padding: 10px 16px; transform: translateY(-150%); border-radius: 8px; background: #fff; }
.skip-link:focus { transform: translateY(0); }
.site-header { position: fixed; top: 18px; left: 50%; z-index: 30; display: flex; width: min(1180px, calc(100% - 36px)); height: 68px; align-items: center; justify-content: space-between; padding: 10px 12px 10px 16px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.76); border-radius: 20px; background: rgba(250,249,245,.86); box-shadow: 0 10px 40px rgba(23,33,28,.08); backdrop-filter: blur(20px); }
.brand-lockup { display: flex; align-items: center; gap: 10px; }
.brand-lockup img { border-radius: 13px; }
.brand-words { display: flex; align-items: baseline; gap: 7px; }
.brand-words strong { font-size: 18px; letter-spacing: -.6px; }
.brand-words span { padding: 3px 8px 4px; border-radius: 999px; color: white; background: var(--ink); font-size:14px; font-weight: 700; letter-spacing: .03em; }
.site-nav { display: flex; align-items: center; gap: 30px; color: #48514c; font-size:15px; font-weight: 600; }
.site-nav a { position: relative; }
.site-nav a::after { position: absolute; right: 0; bottom: -7px; left: 0; height: 2px; transform: scaleX(0); background: var(--orange); content: ""; transition: transform .22s ease; }
.site-nav a:hover::after { transform: scaleX(1); }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 20px; padding: 0 24px; border: 0; border-radius: 13px; font-size:15px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 44px; padding: 0 17px; }
.button-primary { color: #fff; background: var(--orange); box-shadow: 0 14px 30px rgba(22,125,115,.20); }
.button-primary:hover { background: var(--orange-dark); box-shadow: 0 16px 36px rgba(22,125,115,.26); }
.button-dark { color: #fff; background: var(--ink); }
.button-light { color: var(--ink); background: #fff; }
.menu-button { display: none; width: 42px; height: 42px; padding: 12px; border: 0; border-radius: 12px; background: var(--ink); }
.menu-button span { display: block; height: 1.5px; margin: 4px 0; background: #fff; }

.hero { position: relative; display: grid; min-height: 920px; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 60px; padding: 140px max(6vw, calc((100vw - 1400px)/2)) 80px; overflow: hidden; background: radial-gradient(circle at 76% 44%, #fff6ed 0, #f7f6f1 45%, #f7f6f1 100%); }
.hero::before { position: absolute; top: 145px; left: -150px; width: 420px; height: 420px; border: 1px solid rgba(23,33,28,.08); border-radius: 50%; content: ""; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .kicker, .section-index { margin: 0 0 26px; color: var(--muted); font-size:14px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 9px; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px var(--orange-soft); }
.hero h1, .manifest h2, .rules-title h2, .closing h2 { margin: 0; font-size: clamp(58px, 6.6vw, 106px); font-weight: 600; line-height: .92; letter-spacing: -.075em; }
.hero h1 em, .manifest h2 em, .rules-title h2 em, .closing h2 em { color: var(--orange); font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.06em; }
.hero-lead { max-width: 500px; margin: 34px 0 0; color: #4f5953; font-size: 19px; line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 40px; }
.text-link { padding: 10px 0; border-bottom: 1px solid #b9bcb8; font-size:15px; font-weight: 700; }
.text-link span { margin-left: 14px; color: var(--orange); }
.hero-art { position: relative; min-width: 0; height: 650px; }
.orbit { position: absolute; border: 1px solid rgba(22,125,115,.14); border-radius: 50%; }
.orbit-one { top: 0; right: -140px; width: 620px; height: 620px; }
.orbit-two { top: 110px; right: -20px; width: 380px; height: 380px; }
.mini-window { position: absolute; top: 62px; right: -84px; width: min(870px, 62vw); overflow: hidden; transform: perspective(1600px) rotateY(-5deg) rotateX(1.5deg); border: 1px solid #e6e3dd; border-radius: 22px; background: #fff; box-shadow: 0 46px 110px rgba(23,33,28,.18); }
.mini-topbar { display: flex; height: 35px; align-items: center; gap: 6px; padding: 0 14px; border-bottom: 1px solid #eeeee9; background: #fafaf7; }
.mini-topbar span { width: 7px; height: 7px; border-radius: 50%; background: #d7d8d3; }
.mini-topbar small { margin-left: auto; color: #929792; font-size:12px; font-weight: 600; }
.mini-body { display: grid; min-height: 480px; grid-template-columns: 58px 1fr; }
.mini-sidebar { display: flex; align-items: center; flex-direction: column; gap: 21px; padding: 14px 0; border-right: 1px solid #ecece7; background: #fbfbf8; }
.mini-sidebar img { width: 28px; height: 28px; margin-bottom: 17px; border-radius: 9px; }
.mini-sidebar i { width: 16px; height: 16px; border: 1.5px solid #b8bdb8; border-radius: 5px; }
.mini-sidebar i.active { border-color: var(--orange); background: var(--orange-soft); box-shadow: 0 0 0 7px var(--orange-soft); }
.mini-content { padding: 28px 30px; background: #f7f7f3; }
.mini-heading { display: flex; align-items: flex-end; justify-content: space-between; }
.mini-heading div { display: flex; flex-direction: column; gap: 4px; }
.mini-heading small { color: #848a85; font-size:13px; }
.mini-heading b { font-size: 18px; letter-spacing: -.6px; }
.mini-heading > span { padding: 8px 12px; border-radius: 7px; color: #fff; background: var(--orange); font-size:12px; font-weight: 700; }
.mini-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 23px 0 11px; }
.mini-kpis article { display: flex; min-width: 0; flex-direction: column; padding: 15px; border: 1px solid #e7e8e3; border-radius: 11px; background: #fff; }
.mini-kpis small { color: #7d847f; font-size:12px; }
.mini-kpis b { margin: 6px 0; font-size:17px; letter-spacing: -.5px; }
.mini-kpis em { color: #23814e; font-size:12px; font-style: normal; }
.mini-kpis em.warm { color: var(--orange-dark); }
.mini-grid { display: grid; grid-template-columns: 1.6fr .9fr; gap: 10px; }
.mini-chart-card, .mini-tasks { padding: 17px; border: 1px solid #e7e8e3; border-radius: 11px; background: #fff; }
.mini-chart-card > div { display: flex; flex-direction: column; }
.mini-chart-card b, .mini-tasks b { font-size:14px; }
.mini-chart-card small, .mini-tasks small { margin-top: 3px; color: #8b918d; font-size:12px; }
.mini-chart-card svg { margin-top: 14px; }
.chart-area { fill: url(#chart-fill); }
.chart-line { fill: none; stroke: var(--orange); stroke-width: 3; }
.mini-chart-card circle { fill: #fff; stroke: var(--orange); stroke-width: 3; }
.mini-tasks > div { display: flex; justify-content: space-between; }
.mini-tasks > div span { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 6px; color: var(--orange); background: var(--orange-soft); font-size:12px; font-weight: 800; }
.mini-tasks p { display: grid; grid-template-columns: 7px 1fr auto; align-items: center; gap: 8px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #eeeeea; }
.mini-tasks p i { width: 6px; height: 6px; border-radius: 50%; }
.mini-tasks p span { display: flex; flex-direction: column; }
.mini-tasks p strong { font-size:12px; }
.mint { background: #3aaa6d; }.orange { background: var(--orange); }.violet { background: #8c70df; }
.float-chip { position: absolute; z-index: 4; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.8); background: rgba(255,255,255,.88); box-shadow: 0 18px 50px rgba(23,33,28,.13); backdrop-filter: blur(10px); }
.float-chip-a { top: 14px; left: 50px; gap: 9px; padding: 12px 16px; border-radius: 14px; font-size:14px; font-weight: 700; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #30a864; box-shadow: 0 0 0 5px #e6f7ed; }
.float-chip-b { right: -26px; bottom: 28px; align-items: flex-start; flex-direction: column; padding: 15px 19px; border-radius: 16px; }
.float-chip-b b { font-size: 18px; letter-spacing: -.6px; }
.float-chip-b span { color: var(--muted); font-size:13px; }

.section-pad { padding: 130px max(6vw, calc((100vw - 1400px)/2)); }
.manifest { background: #fff; }
.manifest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; }
.manifest h2 { font-size: clamp(48px, 5vw, 78px); }
.large-copy { max-width: 650px; margin: 0 0 72px; color: #3c4640; font-size: clamp(22px,2.1vw,34px); font-weight: 450; line-height: 1.38; letter-spacing: -.035em; }
.value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 34px; }
.value-grid article { position: relative; padding-top: 20px; border-top: 1px solid #d9dcd7; }
.value-grid article > span { position: absolute; top: 22px; right: 0; color: var(--orange); font-size:14px; font-weight: 800; }
.value-grid h3 { margin: 0 0 10px; font-size: 18px; letter-spacing: -.02em; }
.value-grid p { margin: 0; color: var(--muted); font-size:15px; line-height: 1.65; }

.identity { background: var(--canvas); }
.section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 70px; }
.section-head h2 { margin: 0; font-size: clamp(44px,4.2vw,68px); font-weight: 600; line-height: .95; letter-spacing: -.06em; }
.section-head > p { max-width: 380px; margin: 0; color: var(--muted); font-size:16px; line-height: 1.7; }
.logo-stage { position: relative; display: grid; min-height: 450px; place-items: center; padding: 60px; border: 1px solid #e0e1dc; border-radius: var(--radius-lg); background: #fff; }
.logo-stage > img { width: min(590px,80%); }
.logo-stage > p, .dark-logo-card > p { position: absolute; bottom: 24px; left: 27px; margin: 0; color: #8a8f8b; font-size:14px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.clear-zone { position: absolute; top: 28px; right: 30px; display: flex; align-items: center; gap: 7px; color: #9da19d; font-size:13px; font-weight: 700; }
.clear-zone i { width: 56px; height: 1px; background: #c7cac6; }
.brand-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 22px; margin-top: 22px; }
.dark-logo-card, .mark-card { position: relative; min-height: 280px; border-radius: var(--radius-lg); }
.dark-logo-card { display: grid; place-items: center; color: #fff; background: var(--ink); }
.dark-lockup { display: flex; align-items: center; gap: 12px; }
.dark-lockup img { width: 66px; height: 66px; border-radius: 19px; }
.dark-lockup strong { font-size: 38px; letter-spacing: -1.8px; }
.dark-lockup span { padding: 7px 15px; border-radius: 999px; color: var(--ink); background: #fff; font-size:17px; font-weight: 750; }
.dark-logo-card > p { color: #86918b; }
.mark-card { display: flex; align-items: center; justify-content: center; gap: 36px; padding: 40px; border: 1px solid #e0e1dc; background: #fff; }
.mark-card img { width: 116px; border-radius: 32px; }
.mark-card div { max-width: 170px; }
.mark-card b { font-size: 18px; }
.mark-card p { margin: 8px 0 0; color: var(--muted); font-size:15px; line-height: 1.6; }
.palette-block, .type-block { display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; margin-top: 115px; }
.palette-block h3, .type-block h3 { margin: 0 0 18px; font-size: 36px; letter-spacing: -.04em; }
.palette-block > div:first-child > p:last-child, .type-info > p:last-child { max-width: 390px; color: var(--muted); font-size:15px; line-height: 1.7; }
.swatches { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; }
.swatch { display: flex; min-height: 270px; flex-direction: column; justify-content: flex-end; padding: 18px; border-radius: 18px; }
.swatch b { font-size:14px; }
.swatch span { margin-top: 5px; font-size:14px; opacity: .65; }
.swatch-orange { grid-column: span 2; color: #fff; background: var(--orange); }
.swatch-ink { grid-column: span 2; color: #fff; background: var(--ink); }
.swatch-cream { grid-column: span 2; border: 1px solid #dedfd9; background: var(--canvas); }
.swatch-mint, .swatch-violet { grid-column: span 3; min-height: 130px; }
.swatch-mint { background: var(--mint); }.swatch-violet { background: var(--violet); }
.type-block { align-items: end; padding-top: 100px; border-top: 1px solid #dcddd7; }
.type-sample { display: grid; grid-template-columns: 190px 1fr; align-items: end; }
.type-sample > span { font-family: Georgia, "Times New Roman", serif; font-size: 126px; font-style: italic; line-height: .8; letter-spacing: -.09em; }
.type-sample div { display: flex; flex-direction: column; gap: 9px; }
.type-sample b { font-size: 38px; letter-spacing: -.045em; }
.type-sample p { margin: 0; font-size: 18px; }
.type-sample small { color: var(--muted); font-size:14px; }

.interface { color: #fff; background: #121a16; }
.light-head .section-index, .interface .kicker { color: #7f8a83; }
.interface-frame { position: relative; min-height: 730px; overflow: hidden; border: 1px solid #344039; border-radius: 30px; background: radial-gradient(circle at 13% 8%, #2e382f 0, #1e2822 32%, #18211c 70%); }
.frame-mark { position: absolute; top: 45px; left: 50px; width: 54px; border-radius: 17px; }
.frame-copy { position: absolute; top: 140px; left: 50px; max-width: 310px; }
.frame-copy span { color: #939e97; font-size:14px; font-weight: 700; letter-spacing: .15em; }
.frame-copy h3 { margin: 16px 0 10px; font-size: 42px; letter-spacing: -.05em; }
.frame-copy p { color: #a1aaa4; font-size:15px; line-height: 1.7; }
.invoice-card { position: absolute; top: 48px; right: 50px; width: min(680px,56%); min-height: 630px; padding: 34px; border: 1px solid #ecebe6; border-radius: 22px 22px 0 0; color: var(--ink); background: #fff; box-shadow: -20px 30px 80px rgba(0,0,0,.25); }
.invoice-card label { display: flex; justify-content: space-between; margin-bottom: 9px; color: #59625c; font-size:14px; font-weight: 650; }
.invoice-card label span { color: var(--orange); font-size:13px; text-transform: uppercase; }
.fake-input { display: grid; grid-template-columns: 40px 1fr auto; grid-template-rows: 1fr 1fr; align-items: center; padding: 10px 12px; border: 1px solid #d9dcd7; border-radius: 11px; }
.company-avatar { display: grid; width: 34px; height: 34px; grid-row: span 2; place-items: center; border-radius: 9px; color: var(--mint-dark); background: var(--mint); font-weight: 800; }
.fake-input b { align-self: end; font-size:14px; }.fake-input small { align-self: start; color: #8b918d; font-size:13px; }.fake-input i { grid-column: 3; grid-row: 1 / 3; font-style: normal; }
.form-row { display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; margin-top: 19px; }
.fake-field { padding: 12px 13px; border: 1px solid #d9dcd7; border-radius: 10px; font-size:14px; }
.items-head { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 12px; }
.items-head b { font-size:15px; }.items-head button { border: 0; color: var(--orange); background: transparent; font-size:14px; font-weight: 750; }
.item-line { display: grid; grid-template-columns: 28px 1fr 60px 90px 24px; align-items: center; gap: 8px; padding: 15px 0; border-block: 1px solid #e6e7e2; }
.item-line > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; color: #8b918d; background: #f3f3ef; font-size:13px; }
.item-line div { display: flex; flex-direction: column; gap: 3px; }.item-line b { font-size:14px; }.item-line small { color: #939894; font-size:13px; }.item-line em { color: #737a75; font-size:14px; font-style: normal; }.item-line strong { text-align: right; font-size:14px; }.item-line button { border: 0; background: transparent; }
.total-line { display: flex; align-items: center; justify-content: flex-end; gap: 30px; padding: 20px 0; }.total-line span { color: #7c837e; font-size:14px; }.total-line b { font-size: 18px; }
.invoice-actions { position: absolute; right: 34px; bottom: 34px; left: 34px; display: flex; justify-content: flex-end; gap: 10px; padding-top: 20px; border-top: 1px solid #e4e5e0; }
.ghost-button, .orange-button, .ghost-dark, .icon-button { min-height: 40px; padding: 0 16px; border: 1px solid #d8dad5; border-radius: 9px; background: #fff; font-size:14px; font-weight: 700; }
.orange-button { display: inline-flex; align-items: center; gap: 28px; border-color: var(--orange); color: #fff; background: var(--orange); }
.component-strip { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; margin-top: 16px; }
.component-strip article { min-height: 135px; padding: 22px; border: 1px solid #334039; border-radius: 18px; background: #1b251f; }
.component-strip article > p { margin: 0 0 20px; color: #7f8a83; font-size:13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.component-strip article > div { display: flex; align-items: center; gap: 9px; }
.ghost-dark, .icon-button { border-color: #46534b; color: #dce1de; background: transparent; }.icon-button { min-width: 40px; padding: 0; }
.tag { padding: 7px 10px; border-radius: 999px; color: var(--ink); font-size:13px; font-weight: 700; }.tag-green { background: var(--mint); }.tag-yellow { background: var(--yellow); }.tag-red { background: var(--red); }
.dark-input { display: flex !important; min-width: 210px; align-items: flex-start !important; flex-direction: column; gap: 3px !important; padding: 9px 11px; border: 1px solid #46534b; border-radius: 9px; }.dark-input span { color: #7f8a83; font-size:12px; }.dark-input b { color: #fff; font-size:14px; }

.principles { background: #fff; }
.rules-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 100px; }
.rules-title h2 { font-size: clamp(50px,5.2vw,82px); }
.rules-title > p { max-width: 300px; margin: 0; color: var(--muted); font-size:16px; line-height: 1.7; }
.rules-list { border-top: 1px solid #d9dcd7; }
.rules-list article { display: grid; grid-template-columns: 70px 1fr 1fr; gap: 40px; align-items: center; padding: 33px 0; border-bottom: 1px solid #d9dcd7; }
.rules-list span { color: var(--orange); font-size:14px; font-weight: 800; }
.rules-list h3 { margin: 0; font-size: 19px; letter-spacing: -.025em; }
.rules-list p { max-width: 420px; margin: 0; color: var(--muted); font-size:15px; line-height: 1.65; }
.closing { display: flex; min-height: 750px; align-items: center; justify-content: center; flex-direction: column; padding: 100px 30px; text-align: center; background: var(--canvas); }
.closing > img { width: 72px; border-radius: 22px; }
.closing > p { margin: 15px 0 60px; font-size:15px; font-weight: 750; }
.closing h2 { font-size: clamp(52px,6.2vw,94px); }
.closing .button { margin-top: 48px; }
.closing small { margin-top: 120px; color: #969b97; font-size:14px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }.reveal.visible { opacity: 1; transform: none; }.delay-1 { transition-delay: .15s; }

/* Product prototype */
.app-page { min-height: 100vh; overflow-x: hidden; color: #202923; background: #f4f4f0; }
.app-shell { display: grid; min-height: 100vh; grid-template-columns: 246px minmax(0,1fr); }
.app-sidebar { position: fixed; z-index: 20; display: flex; width: 246px; height: 100vh; flex-direction: column; padding: 18px 14px 16px; border-right: 1px solid #e3e4df; background: #fbfbf8; }
.app-logo { display: flex; align-items: center; gap: 10px; padding: 0 8px 17px; }
.app-logo img { width: 39px; height: 39px; border-radius: 12px; }.app-logo > span { display: flex; align-items: baseline; gap: 7px; }.app-logo b { font-size: 17px; letter-spacing: -.5px; }.app-logo small { color: #838984; font-size:14px; font-weight: 650; text-transform: uppercase; }
.org-switch { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; width: 100%; padding: 9px; border: 1px solid #e3e4df; border-radius: 11px; text-align: left; background: #fff; box-shadow: 0 4px 12px rgba(23,33,28,.03); }
.org-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; color: #276f4a; background: var(--mint); font-size:15px; font-weight: 800; }.org-switch > span:nth-child(2) { display: flex; min-width: 0; flex-direction: column; gap: 2px; }.org-switch b { overflow: hidden; font-size:14px; text-overflow: ellipsis; white-space: nowrap; }.org-switch small { color: #929792; font-size:12px; }.org-switch i { color: #8c928e; font-size:14px; font-style: normal; }
.app-nav { margin-top: 17px; }.app-nav p { margin: 17px 11px 7px; color: #a0a49f; font-size:12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.app-nav a, .app-sidebar-bottom > a { display: flex; min-height: 38px; align-items: center; gap: 11px; margin: 2px 0; padding: 0 11px; border-radius: 9px; color: #606963; font-size:14px; font-weight: 600; transition: .18s ease; }.app-nav a:hover, .app-sidebar-bottom > a:hover { color: var(--ink); background: #f1f2ed; }.app-nav a.active, .app-sidebar-bottom > a.active { color: var(--orange-dark); background: var(--orange-soft); }.nav-icon { display: grid; width: 20px; height: 20px; place-items: center; font-size:16px; font-weight: 450; }.nav-badge { display: grid; width: 18px; height: 18px; place-items: center; margin-left: auto; border-radius: 6px; color: var(--orange-dark); background: #fff; font-size:12px; }
.app-sidebar-bottom { margin-top: auto; }.app-sidebar-bottom > a .nav-badge { color: #fff; background: var(--orange); }.help-card { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; width: 100%; margin-top: 12px; padding: 10px; border: 0; border-radius: 11px; text-align: left; color: #fff; background: var(--ink); }.help-card > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; color: var(--ink); background: #fff; font-size:14px; font-weight: 800; }.help-card div { display: flex; flex-direction: column; gap: 2px; }.help-card b { font-size:14px; }.help-card small { color: #98a29c; font-size:12px; }.help-card i { font-style: normal; }
.app-main { min-width: 0; grid-column: 2; }
.app-topbar { position: sticky; top: 0; z-index: 15; display: flex; height: 68px; align-items: center; justify-content: space-between; padding: 0 30px; border-bottom: 1px solid #e3e4df; background: rgba(251,251,248,.9); backdrop-filter: blur(16px); }
.breadcrumbs { display: flex; align-items: center; gap: 9px; font-size:14px; }.breadcrumbs span, .breadcrumbs i { color: #9ca19d; font-style: normal; }.breadcrumbs b { font-weight: 700; }
.top-actions { display: flex; align-items: center; gap: 8px; }.search-button { display: flex; width: 260px; height: 38px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #e1e2dd; border-radius: 9px; color: #9a9f9b; background: #f4f4f0; }.search-button span { font-size: 17px; }.search-button em { font-size:14px; font-style: normal; }.search-button kbd { margin-left: auto; padding: 3px 5px; border: 1px solid #d8dad5; border-radius: 4px; color: #7c837f; background: #fff; font-size:12px; box-shadow: 0 1px 0 #d4d6d1; }.round-button { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid #e1e2dd; border-radius: 9px; background: #fff; }.round-button i { position: absolute; top: 8px; right: 9px; width: 5px; height: 5px; border: 1.5px solid #fff; border-radius: 50%; background: var(--orange); }.profile-button { display: grid; grid-template-columns: 30px auto auto; align-items: center; gap: 8px; padding: 4px 5px; border: 0; text-align: left; background: transparent; }.profile-button > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #6a51b7; background: var(--violet); font-size:13px; font-weight: 800; }.profile-button div { display: flex; flex-direction: column; gap: 2px; }.profile-button b { font-size:14px; }.profile-button small { color: #979c98; font-size:12px; }.profile-button i { color: #929793; font-size:13px; font-style: normal; }
.sidebar-toggle { display: none; }
.dashboard { width: min(1440px,100%); margin: 0 auto; padding: 34px 34px 70px; }
.dashboard-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }.dashboard-head p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 650; }.dashboard-head h1 { margin: 0; font-size: 27px; font-weight: 650; letter-spacing: -.045em; }.dashboard-head > div > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }.dashboard-actions { display: flex; gap: 8px; }.primary-action, .secondary-action { min-height: 39px; padding: 0 16px; border: 1px solid #dedfd9; border-radius: 9px; font-size:14px; font-weight: 750; }.primary-action { border-color: var(--orange); color: #fff; background: var(--orange); box-shadow: 0 7px 18px rgba(22,125,115,.18); }.secondary-action { background: #fff; }
.attention-card { position: relative; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 12px; min-height: 72px; margin-top: 28px; overflow: hidden; padding: 13px 18px; border: 1px solid #cfe7e3; border-radius: 13px; background: #f3faf8; }.attention-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: var(--orange); background: #fff; box-shadow: 0 5px 16px rgba(22,125,115,.10); }.attention-card b { font-size:14px; }.attention-card p { margin: 4px 0 0; color: #7b827e; font-size:13px; }.attention-card button { z-index: 1; border: 0; background: transparent; font-size:14px; font-weight: 750; }.attention-card button span { margin-left: 12px; color: var(--orange); }.attention-decoration { position: absolute; right: -40px; width: 180px; height: 180px; border: 1px solid rgba(22,125,115,.10); border-radius: 50%; }
.metric-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-top: 15px; }.metric-grid article { position: relative; min-width: 0; min-height: 154px; overflow: hidden; padding: 18px; border: 1px solid #e2e3de; border-radius: 13px; background: #fff; }.metric-label { display: flex; align-items: center; justify-content: space-between; color: #707873; font-size:13px; font-weight: 650; }.metric-label i { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 8px; color: var(--orange-dark); background: var(--orange-soft); font-size:14px; font-style: normal; }.metric-label i.mint-icon { color: var(--mint-dark); background: var(--mint); }.metric-label i.violet-icon { color: var(--violet-dark); background: var(--violet); }.metric-label i.dark-icon { color: #fff; background: var(--ink); }.metric-grid strong { display: block; margin-top: 16px; font-size: clamp(16px,1.5vw,23px); letter-spacing: -.05em; }.metric-grid p { margin: 8px 0 0; color: #8c928e; font-size:12px; }.metric-grid p em { color: #23814e; font-style: normal; font-weight: 750; }.metric-grid p em.neutral { color: #59635d; }.metric-grid p em.warning { color: var(--red-dark); }.metric-grid svg { position: absolute; right: 0; bottom: 0; width: 55%; height: 38px; fill: none; stroke: var(--orange); stroke-width: 2; }.account-dots { position: absolute; right: 18px; bottom: 16px; display: flex; align-items: center; }.account-dots i, .account-dots span { width: 20px; height: 20px; margin-left: -5px; border: 2px solid #fff; border-radius: 50%; background: #17211c; }.account-dots i:nth-child(2) { background: #31a467; }.account-dots i:nth-child(3) { background: #8a70db; }.account-dots span { display: grid; place-items: center; color: #747c77; background: #f0f1ed; font-size:12px; font-weight: 750; }.progress { position: absolute; right: 18px; bottom: 20px; left: 18px; height: 4px; overflow: hidden; border-radius: 999px; background: #f0f1ed; }.progress i { display: block; height: 100%; border-radius: inherit; background: #8a70db; }.donut { position: absolute; right: 17px; bottom: 15px; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: conic-gradient(var(--orange) 0 31%, #eeeeea 31% 100%); }.donut::after { position: absolute; width: 30px; height: 30px; border-radius: 50%; background: #fff; content: ""; }.donut span { z-index: 1; font-size:12px; font-weight: 800; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(310px,.75fr); gap: 12px; margin-top: 12px; }.panel { border: 1px solid #e2e3de; border-radius: 13px; background: #fff; }.cashflow-panel, .control-panel { min-height: 408px; padding: 19px; }.panel-head { display: flex; align-items: flex-start; justify-content: space-between; }.panel-head h2 { margin: 0; font-size:15px; letter-spacing: -.02em; }.panel-head p { margin: 5px 0 0; color: #8b918d; font-size:12px; }.panel-head > button, .operation-tools button { padding: 7px 9px; border: 1px solid #e2e3de; border-radius: 7px; color: #68716b; background: #fff; font-size:12px; }.chart-legend { display: flex; justify-content: flex-end; gap: 16px; margin: 15px 0 0; color: #747c77; font-size:12px; }.chart-legend span { display: flex; align-items: center; gap: 5px; }.chart-legend i { width: 7px; height: 7px; border-radius: 2px; }.chart-legend .income { background: var(--orange); }.chart-legend .expense { background: #a6aea9; }.large-chart { position: relative; height: 305px; padding: 10px 0 24px 38px; }.chart-axis { position: absolute; top: 10px; bottom: 31px; left: 0; display: flex; justify-content: space-between; flex-direction: column; color: #a1a6a2; font-size:12px; }.large-chart svg { width: 100%; height: 100%; overflow: visible; }.grid-lines { fill: none; stroke: #ecece8; stroke-width: 1; }.area { fill: url(#incomeArea); }.income-line, .expense-line { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.3; }.income-line { stroke: var(--orange); }.expense-line { stroke: #a7aea9; stroke-dasharray: 4 5; }.chart-points circle { fill: #fff; stroke: var(--orange); stroke-width: 2.5; }.chart-months { position: absolute; right: 0; bottom: 0; left: 38px; display: flex; justify-content: space-between; color: #9ca19d; font-size:12px; }.chart-tooltip { position: absolute; top: 10px; right: 0; display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; padding: 8px 10px; border: 1px solid #e0e2dd; border-radius: 8px; background: #fff; box-shadow: var(--shadow-sm); }.chart-tooltip small { grid-column: span 2; color: #979d99; font-size:12px; }.chart-tooltip b { font-size:13px; }.chart-tooltip span { color: #26804f; font-size:12px; font-weight: 700; }
.count-badge { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: var(--orange); background: var(--orange-soft); font-size:13px; font-weight: 800; }.control-tabs { display: flex; gap: 18px; margin-top: 17px; border-bottom: 1px solid #e7e8e3; }.control-tabs button { padding: 0 0 9px; border: 0; border-bottom: 2px solid transparent; color: #909691; background: transparent; font-size:12px; font-weight: 700; }.control-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }.control-list button { display: grid; width: 100%; grid-template-columns: 31px 1fr auto 10px; align-items: center; gap: 9px; padding: 13px 0; border: 0; border-bottom: 1px solid #ecece8; text-align: left; background: transparent; }.control-type { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; font-size:14px; font-style: normal; font-weight: 800; }.control-type.orange { color: var(--orange-dark); background: var(--orange-soft); }.control-type.red { color: var(--red-dark); background: var(--red); }.control-type.green { color: var(--mint-dark); background: var(--mint); }.control-type.violet { color: var(--violet-dark); background: var(--violet); }.control-list button > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }.control-list b { overflow: hidden; font-size:13px; text-overflow: ellipsis; white-space: nowrap; }.control-list small { overflow: hidden; color: #929793; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.control-list strong { font-size:12px; }.control-list em { color: #a0a5a1; font-size:13px; font-style: normal; }.all-link { margin-top: 14px; border: 0; color: var(--orange-dark); background: transparent; font-size:13px; font-weight: 750; }.all-link span { margin-left: 9px; }
.operations-panel { margin-top: 12px; overflow: hidden; }.operations-panel > .panel-head { padding: 18px 19px 13px; }.operation-tools { display: flex; gap: 7px; }.operations-table { width: 100%; }.table-row { display: grid; grid-template-columns: 1.45fr 1.1fr .9fr .75fr .75fr 24px; align-items: center; min-height: 54px; padding: 0 19px; border-top: 1px solid #ecece8; color: #59625c; font-size:13px; }.table-row > span:first-child { display: flex; align-items: center; gap: 9px; }.table-row > span:first-child b { display: flex; flex-direction: column; gap: 3px; color: var(--ink); font-size:13px; }.table-row small { color: #999e9a; font-size:12px; font-weight: 400; }.table-row strong { color: var(--ink); font-size:13px; }.table-head { min-height: 33px; color: #9ba09c; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }.doc-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; font-style: normal; font-weight: 800; }.sales-icon { color: var(--orange-dark); background: var(--orange-soft); }.purchase-icon { color: var(--mint-dark); background: var(--mint); }.draft-icon { color: #8a6d20; background: var(--yellow); }.money-icon { color: var(--violet-dark); background: var(--violet); }.status { padding: 5px 8px; border-radius: 999px; font-size:12px; font-style: normal; font-weight: 750; }.status.done { color: var(--mint-dark); background: var(--mint); }.status.draft { color: #8a6d20; background: var(--yellow); }
.placeholder-view { display: grid; min-height: calc(100vh - 68px); place-items: center; align-content: center; padding: 40px; text-align: center; }.placeholder-icon { display: grid; width: 66px; height: 66px; place-items: center; border-radius: 20px; color: var(--orange); background: var(--orange-soft); font-size: 24px; }.placeholder-view p { margin: 25px 0 4px; color: #8a918c; font-size:13px; font-weight: 750; letter-spacing: .15em; text-transform: uppercase; }.placeholder-view h1 { margin: 0; font-size: 45px; letter-spacing: -.06em; }.placeholder-view span { margin: 12px 0 25px; color: #767e79; font-size:14px; }
.create-overlay { position: fixed; inset: 0; z-index: 50; visibility: hidden; opacity: 0; transition: .25s ease; }.create-overlay.open { visibility: visible; opacity: 1; }.create-backdrop { position: absolute; inset: 0; background: rgba(15,22,18,.58); backdrop-filter: blur(5px); }.create-modal { position: absolute; top: 50%; left: 50%; width: min(560px,calc(100% - 32px)); padding: 28px; transform: translate(-50%,-45%) scale(.97); border-radius: 22px; background: #fff; box-shadow: var(--shadow-lg); transition: transform .3s cubic-bezier(.2,.8,.2,1); }.create-overlay.open .create-modal { transform: translate(-50%,-50%) scale(1); }.create-modal-head { display: flex; justify-content: space-between; }.create-modal-head p { margin: 0 0 5px; color: #8e9490; font-size:13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.create-modal-head h2 { margin: 0; font-size: 24px; letter-spacing: -.045em; }.create-modal-head button { width: 34px; height: 34px; border: 0; border-radius: 9px; color: #737b76; background: #f1f2ee; font-size: 18px; }.create-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 24px; }.create-grid button { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 10px; min-height: 78px; padding: 12px; border: 1px solid #e1e2dd; border-radius: 13px; text-align: left; background: #fff; transition: .2s ease; }.create-grid button:hover { transform: translateY(-2px); border-color: #8bd0c8; box-shadow: var(--shadow-sm); }.create-grid i { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; font-style: normal; font-weight: 800; }.create-grid i.orange { color: var(--orange-dark); background: var(--orange-soft); }.create-grid i.mint { color: var(--mint-dark); background: var(--mint); }.create-grid i.violet { color: var(--violet-dark); background: var(--violet); }.create-grid i.cream { color: #846714; background: var(--yellow); }.create-grid span { display: flex; flex-direction: column; gap: 4px; }.create-grid b { font-size:14px; }.create-grid small { color: #8c928e; font-size:12px; }.create-grid em { color: #a0a5a1; font-size:14px; font-style: normal; }.create-hint { margin: 19px 0 0; color: #969b97; font-size:12px; text-align: center; }.create-hint kbd { padding: 2px 5px; border: 1px solid #daddd7; border-radius: 4px; background: #f5f5f1; box-shadow: 0 1px 0 #d5d7d2; }
.modal-open { overflow: hidden; }

@media (max-width: 1120px) {
  .hero { grid-template-columns: 1fr; padding-top: 170px; }
  .hero-art { height: 590px; }.mini-window { right: -30px; width: 91vw; }.float-chip-a { left: 20px; }
  .invoice-card { width: 63%; }.frame-copy { max-width: 260px; }
  .palette-block, .type-block { gap: 4vw; }.swatches { grid-template-columns: repeat(4,1fr); }.swatch-orange,.swatch-ink { grid-column: span 2; }.swatch-cream { grid-column: span 4; min-height: 130px; }.swatch-mint,.swatch-violet { grid-column: span 2; }
  .metric-grid { grid-template-columns: 1fr 1fr; }.dashboard-grid { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .site-header { top: 10px; height: 60px; }.site-header > .button, .site-nav { display: none; }.menu-button { display: block; }.site-header.menu-open { height: auto; align-items: flex-start; flex-wrap: wrap; }.site-header.menu-open .site-nav { display: flex; width: 100%; align-items: stretch; flex-direction: column; gap: 0; padding: 12px 0 6px; }.site-header.menu-open .site-nav a { padding: 12px 6px; border-top: 1px solid #e6e6e1; }
  .hero { min-height: auto; gap: 50px; padding: 130px 22px 60px; }.hero h1 { font-size: clamp(56px,16vw,82px); }.hero-lead { font-size: 17px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }.hero-art { height: 440px; }.mini-window { top: 20px; right: -120px; width: 770px; transform: scale(.78); transform-origin: left top; }.float-chip { display: none; }
  .section-pad { padding: 90px 22px; }.manifest-grid { grid-template-columns: 1fr; gap: 55px; }.large-copy { margin-bottom: 48px; }.section-head { align-items: flex-start; flex-direction: column; margin-bottom: 45px; }.logo-stage { min-height: 300px; padding: 30px; }.logo-stage > img { width: 100%; }.brand-grid { grid-template-columns: 1fr; }.palette-block,.type-block { grid-template-columns: 1fr; margin-top: 75px; }.type-block { padding-top: 70px; }.type-sample { grid-template-columns: 130px 1fr; }.type-sample > span { font-size: 88px; }.type-sample b { font-size: 27px; }
  .interface-frame { min-height: 820px; }.frame-copy { top: 125px; right: 35px; left: 35px; }.invoice-card { top: 310px; right: 25px; left: 25px; width: auto; min-height: 510px; padding: 23px; }.invoice-actions { right: 23px; bottom: 23px; left: 23px; }.component-strip { grid-template-columns: 1fr; }.rules-title { align-items: flex-start; flex-direction: column; margin-bottom: 60px; }.rules-list article { grid-template-columns: 40px 1fr; gap: 18px; }.rules-list p { grid-column: 2; }
  .app-shell { display: block; }.app-sidebar { transform: translateX(-105%); box-shadow: 20px 0 70px rgba(23,33,28,.18); transition: transform .25s ease; }.app-sidebar.mobile-open { transform: translateX(0); }.app-main { width: 100%; }.app-topbar { padding: 0 14px; }.sidebar-toggle { display: grid; width: 36px; height: 36px; place-items: center; margin-right: 9px; border: 0; border-radius: 9px; background: #f0f1ed; }.breadcrumbs { margin-right: auto; }.search-button { width: 38px; justify-content: center; }.search-button em,.search-button kbd,.profile-button div,.profile-button i { display: none; }.profile-button { grid-template-columns: 30px; }.dashboard { padding: 25px 15px 55px; }.dashboard-head { align-items: flex-start; flex-direction: column; }.metric-grid { grid-template-columns: 1fr 1fr; }.operations-table { overflow-x: auto; }.table-row { min-width: 760px; }
}

@media (max-width: 520px) {
  .brand-words span { display: none; }.hero-art { height: 345px; }.mini-window { right: -280px; transform: scale(.61); }.value-grid { grid-template-columns: 1fr; }.logo-stage { min-height: 250px; }.clear-zone { display: none; }.dark-logo-card,.mark-card { min-height: 220px; }.dark-lockup img { width: 50px;height:50px; }.dark-lockup strong { font-size: 28px; }.dark-lockup span { font-size:14px; }.mark-card { gap: 22px; padding: 28px; }.mark-card img { width: 86px; }.swatches { grid-template-columns: 1fr 1fr; }.swatch { min-height: 150px; }.swatch-orange,.swatch-ink,.swatch-cream,.swatch-mint,.swatch-violet { grid-column: span 1; }.swatch-cream { min-height: 150px; }.type-sample { grid-template-columns: 1fr; gap: 28px; }.type-sample > span { font-size: 96px; }.invoice-card { right: 12px; left: 12px; padding: 18px; }.form-row { grid-template-columns: 1fr 1fr; }.item-line { grid-template-columns: 25px 1fr 70px 20px; }.item-line > em { display: none; }.invoice-actions { right: 18px; left: 18px; }.invoice-actions .ghost-button { display: none; }.component-strip article { min-height: 120px; }.closing { min-height: 650px; }.closing small { margin-top: 80px; }
  .breadcrumbs span,.breadcrumbs i,.round-button { display: none; }.dashboard-head h1 { font-size: 24px; }.dashboard-actions { width: 100%; }.dashboard-actions button { flex: 1; }.attention-card { grid-template-columns: 35px 1fr; }.attention-card button { display: none; }.metric-grid { grid-template-columns: 1fr; }.metric-grid article { min-height: 145px; }.cashflow-panel { padding: 14px; }.chart-tooltip { display: none; }.large-chart { height: 260px; }.operations-panel { overflow-x: auto; }.create-grid { grid-template-columns: 1fr; }.create-modal { max-height: calc(100vh - 24px); overflow-y: auto; }.profile-button { padding: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Responsive application shell and SVG icon system */
.ui-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.app-shell {
  --sidebar-current: 246px;
  grid-template-columns: var(--sidebar-current) minmax(0, 1fr);
  transition: grid-template-columns .24s ease;
}
.app-shell.sidebar-collapsed { --sidebar-current: 76px; }
.app-sidebar {
  width: var(--sidebar-current);
  overflow: visible;
  transition: width .24s ease, transform .24s ease;
}
.sidebar-brand-row { display: flex; min-height: 46px; align-items: center; gap: 6px; }
.sidebar-brand-row .app-logo { min-width: 0; flex: 1; padding-bottom: 0; overflow: hidden; }
.sidebar-collapse {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 1px solid #e1e2dd;
  border-radius: 9px;
  color: #6f7772;
  background: #fff;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.sidebar-collapse:hover { border-color: #b9d9d5; color: var(--orange-dark); background: var(--orange-soft); }
.sidebar-collapse .expand-icon { display: none; }
.sidebar-collapsed .sidebar-collapse .collapse-icon { display: none; }
.sidebar-collapsed .sidebar-collapse .expand-icon { display: block; }
.org-switch { margin-top: 10px; }
.org-switch .org-chevron { width: 15px; height: 15px; }
.nav-icon { flex: 0 0 22px; }
.nav-icon .ui-icon { width: 17px; height: 17px; }
.app-nav a, .app-sidebar-bottom > a { position: relative; }
.app-nav a:focus-visible, .app-sidebar-bottom > a:focus-visible, .sidebar-collapse:focus-visible, .sidebar-toggle:focus-visible { outline: 3px solid rgba(22,125,115,.22); outline-offset: 2px; }
.app-main { transition: min-width .24s ease; }
.sidebar-backdrop { display: none; }
.search-button .ui-icon, .round-button .ui-icon { width: 17px; height: 17px; }
.profile-button > .ui-icon { width: 14px; height: 14px; color: #8d948f; }
.dashboard-actions button, .operation-tools button, .all-link, .attention-card > button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.dashboard-actions .ui-icon, .operation-tools .ui-icon, .all-link .ui-icon, .attention-card > button .ui-icon { width: 14px; height: 14px; }
.attention-icon .ui-icon { width: 18px; height: 18px; }
.metric-label i .ui-icon { width: 13px; height: 13px; }
.control-type .ui-icon, .doc-icon .ui-icon, .create-grid i .ui-icon { width: 15px; height: 15px; }
.row-arrow { width: 14px; height: 14px; color: #9ba19d; }
.more-button { display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 0; border-radius: 8px; color: #8d948f; background: transparent; }
.more-button:hover { color: var(--ink); background: #f0f1ed; }
.more-button .ui-icon { width: 16px; height: 16px; }
.placeholder-icon .ui-icon { width: 25px; height: 25px; }
.create-modal-head button { display: grid; place-items: center; }
.create-modal-head button .ui-icon { width: 17px; height: 17px; }

.sidebar-collapsed .app-sidebar { padding-inline: 10px; }
.sidebar-collapsed .sidebar-brand-row { justify-content: center; }
.sidebar-collapsed .app-logo { flex: 0 0 auto; padding-inline: 0; }
.sidebar-collapsed .app-logo img { width: 40px; height: 40px; }
.sidebar-collapsed .app-logo > span,
.sidebar-collapsed .org-switch .org-copy,
.sidebar-collapsed .org-chevron,
.sidebar-collapsed .app-nav > p,
.sidebar-collapsed .nav-label,
.sidebar-collapsed .help-card > div,
.sidebar-collapsed .help-arrow { display: none; }
.sidebar-collapsed .sidebar-collapse { position: absolute; top: 69px; right: -13px; z-index: 3; width: 27px; height: 27px; border-radius: 8px; box-shadow: 0 5px 16px rgba(23,33,28,.1); }
.sidebar-collapsed .sidebar-collapse .ui-icon { width: 14px; height: 14px; }
.sidebar-collapsed .org-switch { display: grid; grid-template-columns: 1fr; place-items: center; padding: 7px; }
.sidebar-collapsed .app-nav { margin-top: 14px; }
.sidebar-collapsed .app-nav a, .sidebar-collapsed .app-sidebar-bottom > a { justify-content: center; gap: 0; padding: 0; }
.sidebar-collapsed .nav-icon { width: 24px; flex-basis: 24px; }
.sidebar-collapsed .nav-icon .ui-icon { width: 19px; height: 19px; }
.sidebar-collapsed .nav-badge { position: absolute; top: 4px; right: 4px; width: 15px; height: 15px; border: 2px solid #fbfbf8; font-size:12px; }
.sidebar-collapsed .help-card { display: grid; grid-template-columns: 1fr; place-items: center; padding: 9px; }
.sidebar-collapsed .help-card > span { width: 28px; height: 28px; }
.sidebar-collapsed [data-label]::after {
  position: absolute;
  top: 50%;
  left: calc(100% + 13px);
  z-index: 40;
  visibility: hidden;
  padding: 7px 10px;
  transform: translate(4px,-50%);
  border-radius: 7px;
  color: #fff;
  background: var(--ink);
  box-shadow: 0 8px 24px rgba(23,33,28,.16);
  content: attr(data-label);
  opacity: 0;
  font-size:14px;
  font-weight: 650;
  white-space: nowrap;
  pointer-events: none;
  transition: .16s ease;
}
.sidebar-collapsed [data-label]:hover::after, .sidebar-collapsed [data-label]:focus-visible::after { visibility: visible; transform: translate(0,-50%); opacity: 1; }

@media (min-width: 1600px) {
  .app-shell { --sidebar-current: 268px; }
  .app-shell.sidebar-collapsed { --sidebar-current: 80px; }
  .dashboard { padding-inline: 46px; }
  .app-topbar { padding-inline: 42px; }
}

@media (max-width: 1180px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-grid strong { font-size: 21px; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .control-panel { min-height: auto; }
  .control-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
  .control-list button:nth-child(3) { border-bottom: 0; }
  .search-button { width: 220px; }
}

@media (max-width: 900px) {
  .app-shell, .app-shell.sidebar-collapsed { display: block; --sidebar-current: 280px; }
  .app-main { width: 100%; }
  .app-sidebar {
    width: min(280px, calc(100vw - 46px));
    max-width: 100%;
    transform: translateX(-110%);
    padding: 18px 14px 16px;
    box-shadow: 24px 0 70px rgba(23,33,28,.2);
  }
  .app-sidebar.mobile-open { transform: translateX(0); }
  .app-sidebar.mobile-open + .sidebar-backdrop { display: block; position: fixed; inset: 0; z-index: 19; border: 0; background: rgba(18,27,22,.35); backdrop-filter: blur(2px); }
  .sidebar-collapse { display: none; }
  .sidebar-collapsed .sidebar-brand-row { justify-content: flex-start; }
  .sidebar-collapsed .app-logo { flex: 1; padding-inline: 8px; }
  .sidebar-collapsed .app-logo img { width: 39px; height: 39px; }
  .sidebar-collapsed .app-logo > span,
  .sidebar-collapsed .org-switch .org-copy,
  .sidebar-collapsed .org-chevron,
  .sidebar-collapsed .nav-label,
  .sidebar-collapsed .help-card > div,
  .sidebar-collapsed .help-arrow { display: flex; }
  .sidebar-collapsed .app-nav > p { display: block; }
  .sidebar-collapsed .org-switch { display: grid; grid-template-columns: 34px 1fr auto; place-items: initial; padding: 9px; }
  .sidebar-collapsed .app-nav a, .sidebar-collapsed .app-sidebar-bottom > a { justify-content: flex-start; gap: 11px; padding: 0 11px; }
  .sidebar-collapsed .nav-badge { position: static; width: 18px; height: 18px; margin-left: auto; border: 0; font-size:12px; }
  .sidebar-collapsed .help-card { grid-template-columns: 28px 1fr auto; place-items: initial; padding: 10px; }
  .sidebar-collapsed [data-label]::after { display: none; }
  .sidebar-toggle { display: grid; }
  .app-topbar { padding-inline: 14px; }
  .dashboard { padding: 28px 20px 60px; }
}

@media (max-width: 700px) {
  .dashboard-head { align-items: stretch; }
  .dashboard-actions { width: 100%; }
  .dashboard-actions button { flex: 1; min-height: 44px; }
  .attention-card { grid-template-columns: 38px 1fr; }
  .attention-card > button { grid-column: 2; justify-content: flex-start; padding: 0; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-grid article { min-height: 148px; }
  .control-list { grid-template-columns: 1fr; }
  .control-list button:nth-child(3) { border-bottom: 1px solid #ecece8; }
  .operations-panel { overflow: visible; }
  .operations-table { overflow: visible; padding: 0 12px 12px; }
  .table-head { display: none; }
  .table-row:not(.table-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr; gap: 9px; min-height: 0; margin-top: 10px; padding: 14px; border: 1px solid #e5e6e1; border-radius: 12px; }
  .table-row:not(.table-head) > span { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
  .table-row:not(.table-head) > span:first-child { justify-content: flex-start; padding-right: 32px; }
  .table-row:not(.table-head) > span:nth-child(n+2)::before { color: #919792; font-size:14px; font-weight: 650; }
  .table-row:not(.table-head) > span:nth-child(2)::before { content: "Контрагент"; }
  .table-row:not(.table-head) > span:nth-child(3)::before { content: "Дата"; }
  .table-row:not(.table-head) > span:nth-child(4)::before { content: "Статус"; }
  .table-row:not(.table-head) > span:nth-child(5)::before { content: "Сумма"; }
  .table-row .more-button { position: absolute; top: 12px; right: 10px; }
  .operation-tools button:first-child { display: none; }
  .large-chart { height: 270px; }
}

@media (max-width: 540px) {
  .app-topbar { height: 62px; }
  .breadcrumbs span, .breadcrumbs i { display: none; }
  .breadcrumbs b { font-size:14px; }
  .search-button { width: 40px; height: 40px; justify-content: center; padding: 0; }
  .search-button em, .search-button kbd { display: none; }
  .round-button { display: grid; width: 40px; height: 40px; }
  .profile-button { grid-template-columns: 32px; padding: 0; }
  .profile-button div, .profile-button > .ui-icon { display: none; }
  .profile-button > span { width: 32px; height: 32px; }
  .dashboard { padding: 22px 12px 48px; }
  .dashboard-head h1 { font-size: 25px; }
  .dashboard-head > div > span { font-size:14px; line-height: 1.45; }
  .attention-card { padding: 14px; }
  .cashflow-panel, .control-panel { padding: 15px; }
  .chart-tooltip { display: none; }
  .chart-months span:nth-child(even) { display: none; }
  .panel-head { gap: 12px; }
  .operations-panel > .panel-head { align-items: center; }
  .operation-tools button { min-height: 38px; }
  .create-modal { padding: 20px; }
  .create-grid { grid-template-columns: 1fr; }
}

@media (max-width: 380px) {
  .top-actions { gap: 5px; }
  .round-button { display: none; }
  .dashboard-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .dashboard-actions .secondary-action span { display: none; }
  .attention-card > button { display: inline-flex; }
  .control-list button { grid-template-columns: 31px minmax(0,1fr) auto; }
  .control-list .row-arrow { display: none; }
}

/* Keenetic-style navigation rail */
.topbar-brand {
  display: none;
  min-width: 126px;
  align-items: center;
  gap: 8px;
  padding-right: 18px;
  border-right: 1px solid #e3e4df;
}
.topbar-brand img { width: 34px; height: 34px; border-radius: 10px; }
.topbar-brand > span { display: flex; align-items: baseline; gap: 6px; }
.topbar-brand b { font-size:17px; letter-spacing: -.45px; }
.topbar-brand small { padding: 2px 6px 3px; border-radius: 999px; color: #fff; background: var(--ink); font-size:13px; font-weight: 750; }
.sidebar-version {
  position: relative;
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
  padding: 9px 11px 0;
  border-top: 1px solid #e2e4df;
  color: #9a9f9b;
  font-size:13px;
  letter-spacing: .03em;
}
.sidebar-version b { color: #69716c; font-size:13px; }
.version-short { display: none; }
.sidebar-collapsed .topbar-brand { display: flex; }
.sidebar-collapsed .breadcrumbs > span, .sidebar-collapsed .breadcrumbs > i { display: none; }
.sidebar-collapsed .app-logo { display: none; }
.sidebar-collapsed .sidebar-brand-row { justify-content: center; }
.sidebar-collapsed .sidebar-collapse {
  position: static;
  z-index: auto;
  width: 40px;
  height: 40px;
  border-color: transparent;
  border-radius: 11px;
  color: #6f7772;
  background: transparent;
  box-shadow: none;
}
.sidebar-collapsed .sidebar-collapse:hover { background: var(--orange-soft); }
.sidebar-collapsed .sidebar-collapse .ui-icon { width: 18px; height: 18px; }
.sidebar-collapsed .org-switch { margin-top: 8px; }
.sidebar-collapsed .sidebar-version { justify-content: center; padding-inline: 0; }
.sidebar-collapsed .sidebar-version .version-full { display: none; }
.sidebar-collapsed .sidebar-version .version-short { display: block; color: #8b928d; font-size:13px; }

@media (min-width: 641px) and (max-width: 900px) {
  .app-shell, .app-shell.sidebar-collapsed {
    display: grid;
    grid-template-columns: var(--sidebar-current) minmax(0, 1fr);
  }
  .app-shell { --sidebar-current: 246px; }
  .app-shell.sidebar-collapsed { --sidebar-current: 76px; }
  .app-sidebar {
    width: var(--sidebar-current);
    max-width: none;
    transform: none;
    box-shadow: none;
  }
  .app-main { width: auto; grid-column: 2; }
  .sidebar-collapse { display: grid; }
  .sidebar-toggle { display: none; }
  .app-sidebar.mobile-open + .sidebar-backdrop, .sidebar-backdrop { display: none; }
  .sidebar-collapsed .sidebar-brand-row { justify-content: center; }
  .sidebar-collapsed .app-logo { display: none; }
  .sidebar-collapsed .org-switch { grid-template-columns: 1fr; place-items: center; padding: 7px; }
  .sidebar-collapsed .org-switch .org-copy, .sidebar-collapsed .org-chevron { display: none; }
  .sidebar-collapsed .app-nav > p, .sidebar-collapsed .nav-label, .sidebar-collapsed .help-card > div, .sidebar-collapsed .help-arrow { display: none; }
  .sidebar-collapsed .app-nav a, .sidebar-collapsed .app-sidebar-bottom > a { justify-content: center; gap: 0; padding: 0; }
  .sidebar-collapsed .help-card { grid-template-columns: 1fr; place-items: center; padding: 9px; }
  .app-topbar { padding-inline: 14px; }
  .dashboard { padding: 28px 20px 60px; }
}

@media (max-width: 640px) {
  .topbar-brand { display: none !important; }
  .app-shell, .app-shell.sidebar-collapsed { display: block; --sidebar-current: 280px; }
  .app-main { width: 100%; }
  .app-sidebar { width: min(280px, calc(100vw - 46px)); max-width: 100%; transform: translateX(-110%); box-shadow: 24px 0 70px rgba(23,33,28,.2); }
  .app-sidebar.mobile-open { transform: translateX(0); }
  .app-sidebar.mobile-open + .sidebar-backdrop { display: block; }
  .sidebar-collapse { display: none; }
  .sidebar-toggle { display: grid; }
  .sidebar-collapsed .app-logo { display: flex; }
  .sidebar-collapsed .breadcrumbs > span { display: none; }
  .sidebar-collapsed .breadcrumbs > i { display: none; }
  .sidebar-collapsed .sidebar-version { justify-content: space-between; padding-inline: 11px; }
  .sidebar-collapsed .sidebar-version .version-full { display: block; }
  .sidebar-collapsed .sidebar-version .version-short { display: none; }
}

/* Notification counters sit on icons like a superscript. */
.sidebar-collapsed .nav-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  width: 15px;
  height: 15px;
  margin: 0;
  transform: translate(7px, -17px);
  border: 2px solid #fbfbf8;
  border-radius: 50%;
  color: #fff;
  background: var(--orange);
  box-shadow: 0 3px 8px rgba(15,103,95,.24);
  font-size:12px;
  line-height: 1;
  pointer-events: none;
}

@media (max-width: 640px) {
  .sidebar-collapsed .nav-badge { position: static; width: 18px; height: 18px; margin-left: auto; transform: none; border: 0; border-radius: 6px; font-size:12px; }
}

/* Sales workspace */
.sales-page { width: min(1440px, 100%); margin: 0 auto; padding: 34px 34px 70px; }
.sales-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.sales-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.sales-head h1 { margin: 0; font-size: 27px; font-weight: 650; letter-spacing: -.045em; }
.sales-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.sales-head-actions { display: flex; gap: 8px; }
.sales-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.sales-head-actions .ui-icon { width: 14px; height: 14px; }
.sales-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
.sales-summary article { position: relative; min-width: 0; min-height: 128px; padding: 18px; overflow: hidden; border: 1px solid #e2e3de; border-radius: 13px; background: #fff; }
.sales-summary article > span { color: #727a75; font-size:13px; font-weight: 650; }
.sales-summary strong { display: block; margin-top: 14px; font-size: 22px; letter-spacing: -.045em; }
.sales-summary small { display: flex; align-items: center; gap: 5px; margin-top: 9px; color: #8c928e; font-size:12px; }
.sales-summary small b { color: var(--orange-dark); }
.sales-summary small.positive { color: #23814e; }
.sales-summary small.overdue { color: var(--red-dark); }
.sales-summary small .ui-icon { width: 12px; height: 12px; }
.summary-progress { position: absolute; right: 18px; bottom: 18px; left: 18px; height: 4px; overflow: hidden; border-radius: 999px; background: #edf0ec; }
.summary-progress i { display: block; height: 100%; border-radius: inherit; background: var(--orange); }
.sales-workspace { margin-top: 12px; overflow: hidden; border: 1px solid #e2e3de; border-radius: 14px; background: #fff; }
.sales-tabs { display: flex; gap: 5px; padding: 13px 18px 0; overflow-x: auto; border-bottom: 1px solid #e7e8e3; scrollbar-width: none; }
.sales-tabs::-webkit-scrollbar { display: none; }
.sales-tabs button { display: inline-flex; min-height: 39px; align-items: center; gap: 7px; padding: 0 12px 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8782; background: transparent; font-size:14px; font-weight: 700; white-space: nowrap; }
.sales-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }
.sales-tabs button b { display: grid; min-width: 18px; height: 18px; place-items: center; padding: 0 5px; border-radius: 6px; color: #717973; background: #f0f1ed; font-size:12px; }
.sales-tabs button.active b { color: var(--orange-dark); background: var(--orange-soft); }
.sales-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #e7e8e3; }
.sales-search { display: flex; width: min(320px, 45%); min-height: 38px; align-items: center; gap: 8px; padding: 0 11px; border: 1px solid #e1e2dd; border-radius: 9px; color: #8e9590; background: #f8f8f5; }
.sales-search .ui-icon { width: 16px; height: 16px; }
.sales-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:14px; }
.sales-search:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(22,125,115,.1); background: #fff; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.sales-filters { display: flex; gap: 7px; }
.sales-filters button { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid #e1e2dd; border-radius: 9px; color: #626b65; background: #fff; font-size:13px; font-weight: 650; }
.sales-filters .ui-icon { width: 14px; height: 14px; }
.filter-count { display: grid; min-width: 17px; height: 17px; place-items: center; border-radius: 6px; color: #fff; background: var(--orange); font-size:12px; }
.sales-table-wrap { overflow-x: auto; }
.sales-table { min-width: 1000px; }
.sales-row { display: grid; grid-template-columns: minmax(195px, 1.45fr) minmax(150px, 1.05fr) minmax(105px, .72fr) minmax(90px, .67fr) minmax(105px, .78fr) minmax(100px, .72fr) 70px; align-items: center; min-height: 64px; padding: 0 18px; border-bottom: 1px solid #ecece8; color: #5c655f; font-size:13px; }
.sales-row:not(.sales-table-head):hover { background: #fbfcfa; }
.sales-table-head { min-height: 34px; color: #989e99; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.sales-doc { display: flex; min-width: 0; align-items: center; gap: 10px; }
.sales-doc > b { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: var(--ink); font-size:13px; }
.sales-doc small { overflow: hidden; color: #999e9a; font-size:12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.sales-amount { color: var(--ink); font-weight: 750; text-align: right; }
.sales-amount.negative { color: var(--red-dark); }
.payment-state { display: inline-flex; align-items: center; gap: 4px; font-size:12px; font-style: normal; font-weight: 650; white-space: nowrap; }
.payment-state .ui-icon { width: 12px; height: 12px; }
.payment-state.paid { color: var(--mint-dark); }
.payment-state.waiting { color: #8a6d20; }
.payment-state.partial { color: var(--violet-dark); }
.payment-state.late { color: var(--red-dark); }
.payment-state.neutral { color: #828985; }
.sales-row-actions { display: flex; justify-content: flex-end; gap: 3px; }
.sales-row-actions button { display: grid; width: 29px; height: 29px; place-items: center; padding: 0; border: 0; border-radius: 8px; color: #858c87; background: transparent; }
.sales-row-actions button:hover { color: var(--orange-dark); background: var(--orange-soft); }
.sales-row-actions .ui-icon { width: 15px; height: 15px; }
.sales-empty { min-height: 260px; place-items: center; align-content: center; gap: 7px; padding: 30px; color: #7e8680; text-align: center; }
.sales-empty:not([hidden]) { display: grid; }
.sales-empty .ui-icon { width: 28px; height: 28px; margin-bottom: 6px; color: var(--orange); }
.sales-empty b { color: var(--ink); font-size:15px; }
.sales-empty span { font-size:14px; }
.sales-footer { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 18px; color: #8e9490; font-size:12px; }
.sales-footer div { display: flex; gap: 4px; }
.sales-footer button { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #e1e2dd; border-radius: 8px; color: #6f7772; background: #fff; font-size:13px; }
.sales-footer button.active { border-color: var(--orange); color: #fff; background: var(--orange); }
.sales-footer button:disabled { opacity: .4; }

@media (max-width: 980px) {
  .sales-page { padding: 28px 20px 60px; }
  .sales-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sales-table-wrap { overflow: visible; padding: 12px; background: #f7f7f3; }
  .sales-table { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .sales-table-head { display: none; }
  .sales-row:not(.sales-table-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr auto; gap: 9px 16px; align-content: start; min-height: 0; padding: 15px; border: 1px solid #e3e4df; border-radius: 12px; background: #fff; }
  .sales-row:not(.sales-table-head) > span { display: flex; align-items: center; justify-content: space-between; min-width: 0; }
  .sales-row:not(.sales-table-head) > .sales-doc { grid-column: 1 / -1; justify-content: flex-start; padding: 0 60px 11px 0; border-bottom: 1px solid #ecece8; }
  .sales-row:not(.sales-table-head) > span:nth-child(2)::before { content: "Покупатель"; }
  .sales-row:not(.sales-table-head) > span:nth-child(3)::before { content: "Дата"; }
  .sales-row:not(.sales-table-head) > span:nth-child(4)::before { content: "Состояние"; }
  .sales-row:not(.sales-table-head) > span:nth-child(5)::before { content: "Оплата"; }
  .sales-row:not(.sales-table-head) > span:nth-child(6)::before { content: "Сумма"; }
  .sales-row:not(.sales-table-head) > span:nth-child(n+2):not(.sales-row-actions)::before { color: #969c97; font-size:12px; font-weight: 650; }
  .sales-row-actions { position: absolute; top: 12px; right: 11px; }
  .sales-amount { text-align: left; }
}

@media (max-width: 700px) {
  .sales-page { padding: 22px 12px 50px; }
  .sales-head { align-items: stretch; flex-direction: column; }
  .sales-head-actions { width: 100%; }
  .sales-head-actions button { flex: 1; min-height: 44px; }
  .sales-summary { grid-template-columns: 1fr; }
  .sales-summary article { min-height: 118px; }
  .sales-toolbar { align-items: stretch; flex-direction: column; }
  .sales-search { width: 100%; min-height: 44px; }
  .sales-filters { width: 100%; }
  .sales-filters button { min-height: 42px; flex: 1; justify-content: center; }
  .sales-table { grid-template-columns: 1fr; }
  .sales-row:not(.sales-table-head) { min-height: 0; }
}

@media (max-width: 420px) {
  .sales-head h1 { font-size: 24px; }
  .sales-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .sales-head-actions .secondary-action span { display: none; }
  .sales-tabs { padding-inline: 10px; }
  .sales-toolbar { padding-inline: 12px; }
  .sales-footer { align-items: flex-start; flex-direction: column; }
}

.app-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  visibility: hidden;
  max-width: min(360px, calc(100vw - 32px));
  padding: 13px 17px;
  transform: translateY(12px);
  border-radius: 11px;
  color: #fff;
  background: var(--ink);
  box-shadow: 0 18px 50px rgba(23,33,28,.22);
  opacity: 0;
  font-size:14px;
  font-weight: 650;
  transition: .22s ease;
}
.app-toast.show { visibility: visible; transform: none; opacity: 1; }
@media (max-width: 640px) { .app-toast { right: 16px; bottom: 16px; left: 16px; max-width: none; text-align: center; } }

/* Purchases reuse the document workspace with procurement-specific states. */
.purchase-summary .summary-progress i { background: #338f87; }
.purchase-summary .purchase-trend { color: #3b776f; }
.purchase-summary .delivery-note { color: #5d716b; }
.purchase-summary .delivery-note .ui-icon { color: var(--orange-dark); }
.order-icon { color: #456f82; background: #e1f0f5; }
.return-icon { color: var(--red-dark); background: #ffe9e5; }
.delivery-date { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 7px; color: #3f746b; background: #eaf7f4; font-size:12px; font-style: normal; font-weight: 700; white-space: nowrap; }
@media (max-width: 980px) {
  .purchases-page .sales-row:not(.sales-table-head) > span:nth-child(2)::before { content: "Поставщик"; }
  .purchases-page .sales-row:not(.sales-table-head) > span:nth-child(3)::before { content: "Дата / поставка"; }
}

/* Sale document editor */
.sale-editor { width: min(1440px, 100%); margin: 0 auto; padding: 26px 30px 0; }
.sale-editor-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.sale-editor-title { display: flex; min-width: 0; align-items: center; gap: 12px; }
.editor-back { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border: 1px solid #dde0da; border-radius: 10px; color: #66706a; background: #fff; }
.editor-back:hover { border-color: #b9d9d5; color: var(--orange-dark); background: var(--orange-soft); }
.editor-back .ui-icon { width: 17px; height: 17px; }
.sale-editor-title p { margin: 0 0 5px; color: #8a918c; font-size:12px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.sale-editor-title h1 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 24px; font-weight: 680; letter-spacing: -.035em; }
.sale-editor-title > div > span { display: block; margin-top: 6px; color: #848b87; font-size:13px; }
.editor-status { display: inline-flex; min-height: 22px; align-items: center; padding: 0 8px; border-radius: 7px; color: #7b6a26; background: #faf1cc; font-size:12px; font-style: normal; font-weight: 750; letter-spacing: 0; }
.editor-status.done { color: #227549; background: #dff4e7; }
.sale-editor-head-actions { display: flex; gap: 8px; }
.sale-editor-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.sale-editor-head-actions .ui-icon { width: 14px; height: 14px; }
.sale-editor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 282px; align-items: start; gap: 13px; padding-bottom: 18px; }
.sale-editor-main, .sale-editor-side { display: grid; min-width: 0; gap: 13px; }
.editor-card { min-width: 0; padding: 18px; border: 1px solid #e1e3dd; border-radius: 14px; background: #fff; }
.editor-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 17px; }
.editor-card-head p { margin: 0 0 5px; color: #929893; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.editor-card-head h2 { margin: 0; font-size:17px; font-weight: 680; letter-spacing: -.025em; }
.autosave-state { display: inline-flex; align-items: center; gap: 6px; color: #77807a; font-size:12px; white-space: nowrap; }
.autosave-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }
.sale-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.sale-field { display: grid; min-width: 0; gap: 6px; color: #717a74; font-size:12px; font-weight: 650; }
.sale-field.field-wide { grid-column: span 2; }
.sale-field input, .sale-field select, .sale-item input, .sale-item select, .sale-note-card textarea { width: 100%; min-width: 0; border: 1px solid #dfe1dc; outline: 0; color: var(--ink); background: #fafaf7; font: inherit; transition: border-color .18s, box-shadow .18s, background .18s; }
.sale-field input, .sale-field select { height: 40px; padding: 0 11px; border-radius: 9px; font-size:13px; }
.sale-field input:focus, .sale-field select:focus, .sale-item input:focus, .sale-item select:focus, .sale-note-card textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(22,125,115,.09); background: #fff; }
.input-with-icon { position: relative; }
.input-with-icon .ui-icon { position: absolute; top: 50%; left: 11px; width: 15px; height: 15px; transform: translateY(-50%); color: #8c948f; pointer-events: none; }
.input-with-icon input { padding-left: 34px; }
.partner-field small { display: inline-flex; align-items: center; gap: 4px; color: #278052; font-size:12px; font-weight: 600; }
.partner-field small .ui-icon { width: 11px; height: 11px; }
.text-action { display: inline-flex; min-height: 31px; align-items: center; gap: 5px; padding: 0 9px; border: 0; border-radius: 8px; color: var(--orange-dark); background: var(--orange-soft); font-size:12px; font-weight: 750; }
.text-action:hover { background: #d5efeb; }
.text-action .ui-icon { width: 13px; height: 13px; }
.sale-items { min-width: 0; overflow-x: auto; border: 1px solid #e3e4df; border-radius: 11px; }
.sale-item { display: grid; min-width: 790px; grid-template-columns: minmax(220px, 1fr) 68px 66px 96px 78px 98px 32px; align-items: center; gap: 8px; min-height: 68px; padding: 8px 10px; border-bottom: 1px solid #ecece8; }
.sale-item:last-child { border-bottom: 0; }
.sale-item-head { min-height: 31px; color: #989f9a; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.sale-item label { display: block; min-width: 0; }
.sale-item input, .sale-item select { height: 34px; padding: 0 8px; border-radius: 8px; font-size:13px; }
.sale-item input[type="number"] { text-align: right; }
.item-product input { border-color: transparent; padding-inline: 0; background: transparent; font-weight: 700; }
.item-product small { display: block; overflow: hidden; margin-top: -2px; color: #9aa09c; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.sale-item > strong { color: var(--ink); font-size:13px; text-align: right; white-space: nowrap; }
.item-remove { display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 0; border-radius: 8px; color: #9aa09c; background: transparent; }
.item-remove:hover { color: var(--red-dark); background: #fff0ee; }
.item-remove .ui-icon { width: 14px; height: 14px; }
.mobile-field-label, .add-row-mobile { display: none; }
.sale-totals { display: grid; width: min(320px, 100%); gap: 8px; margin: 15px 0 0 auto; }
.sale-totals > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #77807a; font-size:13px; }
.sale-totals strong { color: var(--ink); font-size:13px; }
.sale-totals .sale-total-main { margin-top: 2px; padding-top: 11px; border-top: 1px solid #e3e4df; color: var(--ink); font-weight: 700; }
.sale-totals .sale-total-main strong { font-size:17px; letter-spacing: -.03em; }
.sale-note-card textarea { min-height: 76px; resize: vertical; padding: 11px; border-radius: 9px; font-size:13px; line-height: 1.5; }
.attachment-button { display: inline-flex; min-height: 34px; align-items: center; gap: 6px; margin-top: 9px; padding: 0 10px; border: 1px dashed #cfd3cd; border-radius: 8px; color: #59635d; background: transparent; font-size:12px; font-weight: 700; }
.attachment-button .ui-icon { width: 13px; height: 13px; }
.attachment-button small { color: #9aa09c; font-weight: 500; }
.document-kind-options { display: grid; gap: 7px; }
.document-kind-options button { display: grid; min-height: 54px; grid-template-columns: 31px 1fr 14px; align-items: center; gap: 9px; padding: 8px; border: 1px solid #e1e3dd; border-radius: 10px; color: #6f7872; background: #fff; text-align: left; }
.document-kind-options button:hover { border-color: #bddbd7; }
.document-kind-options button.active { border-color: var(--orange); background: #f3fbf9; box-shadow: 0 0 0 2px rgba(22,125,115,.06); }
.document-kind-options button > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: var(--orange-dark); background: var(--orange-soft); }
.document-kind-options button > i .ui-icon { width: 15px; height: 15px; }
.document-kind-options button > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.document-kind-options button b { color: var(--ink); font-size:13px; }
.document-kind-options button small { overflow: hidden; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.document-kind-options button > em { width: 13px; height: 13px; border: 1px solid #cfd3ce; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px #fff; }
.document-kind-options button.active > em { border-color: var(--orange); background: var(--orange); }
.tax-summary { display: grid; gap: 10px; }
.tax-summary div { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8a918d; font-size:12px; }
.tax-summary b { color: var(--ink); font-size:13px; }
.tax-hint { display: flex; align-items: flex-start; gap: 6px; margin: 14px 0 0; padding: 9px; border-radius: 8px; color: #4d746d; background: #edf8f6; font-size:12px; line-height: 1.45; }
.tax-hint .ui-icon { width: 13px; height: 13px; flex: 0 0 auto; color: var(--orange); }
.readiness-card .editor-card-head > b { display: grid; min-width: 27px; height: 22px; place-items: center; border-radius: 7px; color: #267851; background: #e2f4e9; font-size:12px; }
.readiness-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.readiness-card li { display: flex; align-items: center; gap: 7px; color: #657069; font-size:12px; line-height: 1.35; }
.readiness-card li .ui-icon { width: 13px; height: 13px; flex: 0 0 auto; color: #278052; }
.sale-editor-footer { position: sticky; z-index: 8; bottom: 0; display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 18px; margin: 0 -30px; padding: 10px 30px; border-top: 1px solid rgba(216,219,213,.9); background: rgba(250,250,247,.92); box-shadow: 0 -10px 35px rgba(26,36,30,.05); backdrop-filter: blur(14px); }
.sale-editor-footer > div:first-child { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 2px 11px; }
.sale-editor-footer > div:first-child span { color: #858d88; font-size:12px; }
.sale-editor-footer > div:first-child strong { font-size: 18px; letter-spacing: -.035em; }
.sale-editor-footer > div:first-child small { grid-column: 2; color: #919792; font-size:12px; }
.sale-editor-footer > div:last-child { display: flex; gap: 8px; }
.sale-editor-footer button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.sale-editor-footer .ui-icon { width: 14px; height: 14px; }

@media (max-width: 1100px) {
  .sale-editor { padding: 24px 20px 0; }
  .sale-editor-layout { grid-template-columns: 1fr; }
  .sale-editor-side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sale-editor-footer { margin-inline: -20px; padding-inline: 20px; }
}

@media (max-width: 760px) {
  .sale-editor { padding: 20px 12px 0; }
  .sale-editor-head { align-items: stretch; flex-direction: column; }
  .sale-editor-head-actions { width: 100%; }
  .sale-editor-head-actions button { flex: 1; min-height: 43px; }
  .sale-fields { grid-template-columns: 1fr 1fr; }
  .sale-field.field-wide { grid-column: 1 / -1; }
  .sale-editor-side { grid-template-columns: 1fr; }
  .sale-item-head { display: none; }
  .sale-items { display: grid; gap: 9px; padding: 9px; overflow: visible; border: 0; border-radius: 0; background: #f7f7f3; }
  .sale-item:not(.sale-item-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr 1fr; gap: 9px; min-height: 0; padding: 12px; border: 1px solid #e1e3dd; border-radius: 10px; background: #fff; }
  .sale-item .item-product { grid-column: 1 / -1; padding-right: 34px; }
  .sale-item .item-product input { height: 29px; font-size:13px; }
  .sale-item label:not(.item-product) { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 7px; }
  .mobile-field-label { display: block; color: #919792; font-size:12px; }
  .sale-item > strong { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; padding-top: 9px; border-top: 1px solid #ecece8; font-size:14px; }
  .sale-item > strong::before { content: "Сумма"; color: #7d8580; font-size:12px; font-weight: 600; }
  .item-remove { position: absolute; top: 9px; right: 9px; }
  .sale-items-card .editor-card-head .text-action { display: none; }
  .add-row-mobile { display: flex; width: 100%; min-height: 40px; align-items: center; justify-content: center; gap: 6px; margin-top: 9px; border: 1px dashed #bed4d1; border-radius: 9px; color: var(--orange-dark); background: #f5fbfa; font-size:12px; font-weight: 750; }
  .add-row-mobile .ui-icon { width: 13px; height: 13px; }
  .sale-editor-footer { margin-inline: -12px; padding-inline: 12px; }
}

@media (max-width: 500px) {
  .sale-editor-title { align-items: flex-start; }
  .sale-editor-title h1 { align-items: flex-start; flex-direction: column; gap: 5px; font-size: 21px; }
  .sale-editor-head-actions .secondary-action span { display: none; }
  .sale-editor-head-actions .secondary-action { flex: 0 0 44px; }
  .sale-fields { grid-template-columns: 1fr; }
  .sale-field.field-wide { grid-column: auto; }
  .editor-card { padding: 14px; border-radius: 12px; }
  .autosave-state { display: none; }
  .sale-editor-footer { align-items: stretch; flex-direction: column; gap: 9px; }
  .sale-editor-footer > div:first-child { width: 100%; }
  .sale-editor-footer > div:last-child { width: 100%; }
  .sale-editor-footer > div:last-child button { flex: 1; }
  .sale-editor-footer > div:last-child .secondary-action { flex: 0 0 44px; padding: 0; }
  .sale-editor-footer > div:last-child .secondary-action span { display: none; }
}

/* Purchase editor */
.purchase-editor .partner-field small { color: #287d66; }
.supplier-doc { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 9px; }
.supplier-doc > i { display: grid; width: 34px; height: 34px; grid-row: span 2; place-items: center; border-radius: 9px; color: var(--orange-dark); background: var(--orange-soft); }
.supplier-doc > i .ui-icon { width: 16px; height: 16px; }
.supplier-doc > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.supplier-doc > span b { color: var(--ink); font-size:13px; }
.supplier-doc > span small { color: #929893; font-size:12px; }
.supplier-doc > em { grid-column: 2; color: #9a6f22; font-size:12px; font-style: normal; font-weight: 700; }
.purchase-readiness .readiness-warning { color: #8c6a22; }
.purchase-readiness .readiness-warning .ui-icon { color: #c89222; }
.stock-impact { display: flex; align-items: center; gap: 8px; margin: 15px 0 0; padding: 10px; border-radius: 9px; color: #4f716a; background: #edf7f5; }
.stock-impact > .ui-icon { width: 17px; height: 17px; flex: 0 0 auto; color: var(--orange-dark); }
.stock-impact span { display: flex; flex-direction: column; gap: 2px; font-size:12px; line-height: 1.35; }
.stock-impact b { color: var(--ink); font-size:13px; }
.purchase-editor .attachment-button { border-color: #bdd8d3; color: #356e65; background: #f5fbfa; }

/* Warehouse */
.warehouse-page { width: min(1440px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.warehouse-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.warehouse-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.warehouse-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.warehouse-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.warehouse-head-actions { display: flex; gap: 8px; }
.warehouse-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.warehouse-head-actions .ui-icon { width: 14px; height: 14px; }
.warehouse-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 23px; }
.warehouse-summary article { display: grid; min-width: 0; min-height: 108px; grid-template-columns: 38px 1fr; align-items: start; gap: 12px; padding: 16px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.stock-metric-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; }
.stock-metric-icon .ui-icon { width: 18px; height: 18px; }
.stock-metric-icon.value { color: #466f82; background: #e3f1f5; }
.stock-metric-icon.available { color: var(--mint-dark); background: var(--mint); }
.stock-metric-icon.reserve { color: var(--violet-dark); background: var(--violet); }
.stock-metric-icon.attention { color: var(--red-dark); background: #ffe8e4; }
.warehouse-summary article > div { min-width: 0; }
.warehouse-summary span { display: block; overflow: hidden; color: #7c847f; font-size:12px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-summary strong { display: block; margin-top: 11px; font-size: 18px; letter-spacing: -.035em; white-space: nowrap; }
.warehouse-summary small { display: block; margin-top: 7px; color: #979d99; font-size:12px; }
.warehouse-summary small.positive { color: #2b7d54; }
.warehouse-summary small.warning { color: #9a6222; }
.warehouse-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: start; gap: 12px; margin-top: 12px; }
.warehouse-stock-card, .warehouse-side-card { min-width: 0; overflow: hidden; border: 1px solid #e1e3dd; border-radius: 14px; background: #fff; }
.stock-tabs { display: flex; gap: 4px; padding: 13px 15px 0; overflow-x: auto; border-bottom: 1px solid #e7e8e3; scrollbar-width: none; }
.stock-tabs::-webkit-scrollbar { display: none; }
.stock-tabs button { display: inline-flex; min-height: 39px; align-items: center; gap: 6px; padding: 0 10px 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8782; background: transparent; font-size:13px; font-weight: 700; white-space: nowrap; }
.stock-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }
.stock-tabs button b { display: grid; min-width: 18px; height: 18px; place-items: center; padding-inline: 5px; border-radius: 6px; color: #747c77; background: #f0f1ed; font-size:12px; }
.stock-tabs button.active b { color: var(--orange-dark); background: var(--orange-soft); }
.stock-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 15px; border-bottom: 1px solid #e7e8e3; }
.stock-search { display: flex; width: min(330px, 45%); min-height: 38px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #e1e2dd; border-radius: 9px; color: #8e9590; background: #f8f8f5; }
.stock-search .ui-icon { width: 15px; height: 15px; }
.stock-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.stock-search:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(22,125,115,.09); background: #fff; }
.stock-toolbar-actions { display: flex; align-items: center; gap: 7px; }
.stock-view-toggle { display: flex; gap: 2px; padding: 3px; border: 1px solid #e1e2dd; border-radius: 9px; background: #f5f6f2; }
.stock-view-toggle button { display: inline-flex; min-height: 30px; align-items: center; justify-content: center; gap: 5px; padding: 0 8px; border: 0; border-radius: 6px; color: #7d8580; background: transparent; font-size:12px; font-weight: 700; }
.stock-view-toggle button.active { color: var(--ink); background: #fff; box-shadow: 0 1px 4px rgba(26,36,30,.09); }
.stock-view-toggle .ui-icon { width: 13px; height: 13px; }
.stock-filters { display: flex; gap: 7px; }
.stock-filters button { display: inline-flex; min-height: 38px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #e1e2dd; border-radius: 9px; color: #626b65; background: #fff; font-size:12px; font-weight: 650; }
.stock-filters .ui-icon { width: 14px; height: 14px; }
.stock-filters .chevron { width: 11px; height: 11px; }
.stock-compact-wrap { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #cbd1cc transparent; }
.stock-compact-list { min-width: 700px; }
.stock-list-row { display: grid; grid-template-columns: 86px 104px minmax(190px, 1fr) 58px 92px 92px 31px; align-items: center; gap: 8px; min-height: 58px; padding: 0 14px; border-bottom: 1px solid #ecece8; color: #5f6862; font-size:13px; }
.stock-list-row:not(.stock-list-head):hover { background: #fbfcfa; }
.stock-list-head { position: sticky; z-index: 2; top: 0; min-height: 33px; color: #969d98; background: #fafaf7; font-size:12px; font-weight: 750; letter-spacing: .02em; text-transform: uppercase; }
.stock-list-head span:nth-child(n+4):nth-child(-n+6) { text-align: right; }
.stock-article { overflow: hidden; color: #68716b; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size:12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.mark-status { display: inline-flex; max-width: 100%; min-height: 25px; align-items: center; gap: 5px; padding: 0 7px; border-radius: 8px; font-size:12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.mark-status .ui-icon { width: 12px; height: 12px; }
.mark-status.verified { color: #26764e; background: #e2f5e9; }
.mark-status.absent { color: #7f8782; background: #eef0ed; }
.stock-list-name { display: flex; min-width: 0; align-items: center; gap: 9px; }
.stock-list-name > b { display: flex; min-width: 0; flex-direction: column; gap: 4px; overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.stock-list-name small { overflow: hidden; color: #989e99; font-size:12px; font-weight: 500; text-overflow: ellipsis; }
.stock-list-number, .stock-list-price { color: var(--ink); font-size:13px; font-weight: 750; text-align: right; white-space: nowrap; }
.stock-list-number.low { color: #966a22; }
.stock-list-number.out { color: var(--red-dark); }
.stock-list-price.sale { color: var(--orange-dark); }
.stock-list-row .more-button { width: 29px; height: 29px; }
.stock-table { min-width: 760px; }
.stock-table.is-list { display: grid; min-width: 0; gap: 8px; padding: 10px; background: #f7f7f3; }
.stock-table.is-list .stock-table-head { display: none; }
.stock-table.is-list .stock-row:not(.stock-table-head) { min-height: 76px; grid-template-columns: minmax(220px, 1.55fr) minmax(115px, .85fr) 72px 66px 76px minmax(92px, .7fr) 31px; gap: 10px; padding: 10px 12px; border: 1px solid #e1e3dd; border-radius: 11px; background: #fff; }
.stock-table.is-list .stock-row:not(.stock-table-head):hover { border-color: #cbdedb; background: #fff; box-shadow: 0 5px 18px rgba(23,33,28,.045); }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:not(.stock-product) { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:not(.stock-product)::before { color: #9aa09c; font-size:12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:nth-child(2)::before { content: "Склад"; }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:nth-child(3)::before { content: "В наличии"; }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:nth-child(4)::before { content: "Резерв"; }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:nth-child(5)::before { content: "Доступно"; }
.stock-table.is-list .stock-row:not(.stock-table-head) > span:nth-child(6)::before { content: "Себестоимость"; }
.stock-row { display: grid; grid-template-columns: minmax(205px, 1.45fr) minmax(105px, .8fr) 70px 60px 70px minmax(95px, .75fr) 33px; align-items: center; min-height: 62px; gap: 8px; padding: 0 14px; border-bottom: 1px solid #ecece8; color: #616a64; font-size:13px; }
.stock-row:not(.stock-table-head):hover { background: #fbfcfa; }
.stock-table-head { min-height: 32px; color: #989e99; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.stock-product { display: flex; min-width: 0; align-items: center; gap: 9px; }
.stock-product > b { display: flex; min-width: 0; flex-direction: column; gap: 4px; overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.stock-product small { overflow: hidden; color: #979d99; font-size:12px; font-weight: 500; text-overflow: ellipsis; }
.stock-product-icon { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 8px; font-size:12px; font-style: normal; font-weight: 800; }
.stock-product-icon .ui-icon { width: 15px; height: 15px; }
.stock-product-icon.laptop { color: #466f82; background: #e1f0f5; }
.stock-product-icon.dock { color: var(--mint-dark); background: var(--mint); }
.stock-product-icon.coffee { color: #8b6220; background: var(--yellow); }
.stock-product-icon.paper { color: var(--red-dark); background: #ffe7e3; }
.stock-product-icon.headset { color: var(--violet-dark); background: var(--violet); }
.stock-product-icon.cable { color: #5f6b64; background: #eef0ec; }
.stock-row > span > b, .stock-row > span > strong { color: var(--ink); }
.stock-row strong.stock-low { display: inline-flex; min-width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 7px; color: #916820; background: #fff3c9; }
.stock-row strong.stock-out { color: var(--red-dark); }
.stock-row .more-button { width: 29px; height: 29px; }
.stock-empty { min-height: 250px; place-items: center; align-content: center; gap: 7px; padding: 30px; color: #7e8680; text-align: center; }
.stock-empty:not([hidden]) { display: grid; }
.stock-empty .ui-icon { width: 28px; height: 28px; margin-bottom: 4px; color: var(--orange); }
.stock-empty b { color: var(--ink); font-size:14px; }
.stock-empty span { font-size:13px; }
.stock-footer { display: flex; min-height: 51px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; color: #909691; font-size:12px; }
.stock-footer button { min-height: 31px; padding: 0 10px; border: 1px solid #e0e2dc; border-radius: 8px; color: #59635d; background: #fff; font-size:12px; font-weight: 700; }
.warehouse-side { display: grid; gap: 12px; }
.warehouse-side-card { padding: 16px; }
.warehouse-side-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.warehouse-side-head p { margin: 0 0 5px; color: #929893; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.warehouse-side-head h2 { margin: 0; font-size:16px; letter-spacing: -.025em; }
.warehouse-side-head > span { display: grid; min-width: 23px; height: 23px; place-items: center; border-radius: 7px; color: #9b442f; background: #ffe7e2; font-size:12px; font-weight: 800; }
.warehouse-alerts > button { display: grid; width: 100%; min-height: 52px; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; padding: 8px 0; border: 0; border-bottom: 1px solid #ecece8; color: #606a64; background: transparent; text-align: left; }
.warehouse-alerts > button > i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; }
.warehouse-alerts > button > i .ui-icon { width: 14px; height: 14px; }
.warehouse-alerts > button > i.danger { color: var(--red-dark); background: #ffe8e4; }
.warehouse-alerts > button > i.warning { color: #966a22; background: #fff2c9; }
.warehouse-alerts > button > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.warehouse-alerts > button b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-alerts > button small { overflow: hidden; color: #989e99; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-alerts > button em { color: var(--orange-dark); font-size:12px; font-style: normal; font-weight: 750; }
.warehouse-alerts > a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 12px; color: var(--orange-dark); font-size:12px; font-weight: 750; text-decoration: none; }
.warehouse-alerts > a .ui-icon { width: 13px; height: 13px; }
.warehouse-locations .warehouse-side-head button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 8px; color: var(--orange-dark); background: #fff; }
.warehouse-locations .warehouse-side-head button .ui-icon { width: 13px; height: 13px; }
.warehouse-locations > div:not(.warehouse-side-head), .warehouse-movements > div:not(.warehouse-side-head) { display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; min-height: 49px; border-top: 1px solid #ecece8; }
.warehouse-locations > div > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; color: var(--orange-dark); background: var(--orange-soft); font-size:12px; font-style: normal; font-weight: 800; }
.warehouse-locations > div > span, .warehouse-movements > div > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.warehouse-locations > div b, .warehouse-movements > div b { color: var(--ink); font-size:12px; }
.warehouse-locations > div small, .warehouse-movements > div small { overflow: hidden; color: #969d98; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.warehouse-locations > div > em { color: #717a74; font-size:12px; font-style: normal; font-weight: 750; }
.warehouse-movements > div > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; }
.warehouse-movements > div > i .ui-icon { width: 14px; height: 14px; }
.warehouse-movements > div > i.in { color: var(--mint-dark); background: var(--mint); }
.warehouse-movements > div > i.reserve { color: var(--violet-dark); background: var(--violet); }
.warehouse-movements > div > i.out { color: var(--red-dark); background: #ffe8e4; }
.warehouse-movements > div > strong { color: var(--ink); font-size:13px; }

@media (max-width: 1100px) {
  .warehouse-page { padding: 26px 20px 60px; }
  .warehouse-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warehouse-layout { grid-template-columns: 1fr; }
  .warehouse-side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1000px) {
  .stock-toolbar { flex-wrap: wrap; }
  .stock-search { width: auto; flex: 1 1 280px; }
  .stock-toolbar-actions { flex: 1 1 auto; justify-content: flex-end; }
  .mark-status em { display: none; }
  .mark-status { width: 27px; justify-content: center; padding: 0; }
  .stock-list-row { grid-template-columns: 80px 38px minmax(190px, 1fr) 55px 88px 88px 31px; }
}

@media (max-width: 900px) {
  .stock-table { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 11px; background: #f7f7f3; }
  .stock-table.is-list { grid-template-columns: 1fr; }
  .stock-table-head { display: none; }
  .stock-row:not(.stock-table-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr auto; gap: 9px 14px; align-content: start; min-height: 0; padding: 13px; border: 1px solid #e1e3dd; border-radius: 11px; background: #fff; }
  .stock-table.is-list .stock-row:not(.stock-table-head) { grid-template-columns: 1fr auto; gap: 9px 14px; min-height: 0; padding: 13px; }
  .stock-table.is-list .stock-row:not(.stock-table-head) > span:not(.stock-product) { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
  .stock-row:not(.stock-table-head) > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .stock-row:not(.stock-table-head) > .stock-product { grid-column: 1 / -1; justify-content: flex-start; padding: 0 35px 10px 0; border-bottom: 1px solid #ecece8; }
  .stock-row:not(.stock-table-head) > span:nth-child(2)::before { content: "Склад"; }
  .stock-row:not(.stock-table-head) > span:nth-child(3)::before { content: "В наличии"; }
  .stock-row:not(.stock-table-head) > span:nth-child(4)::before { content: "Резерв"; }
  .stock-row:not(.stock-table-head) > span:nth-child(5)::before { content: "Доступно"; }
  .stock-row:not(.stock-table-head) > span:nth-child(6)::before { content: "Себестоимость"; }
  .stock-row:not(.stock-table-head) > span:nth-child(n+2)::before { color: #959c97; font-size:12px; font-weight: 650; }
  .stock-row .more-button { position: absolute; top: 9px; right: 9px; }
}

@media (max-width: 700px) {
  .warehouse-page { padding: 22px 12px 50px; }
  .warehouse-head { align-items: stretch; flex-direction: column; }
  .warehouse-head-actions { width: 100%; }
  .warehouse-head-actions button { flex: 1; min-height: 44px; }
  .warehouse-summary { grid-template-columns: 1fr; }
  .warehouse-summary article { min-height: 100px; }
  .stock-toolbar { align-items: stretch; flex-direction: column; }
  .stock-search { width: 100%; min-height: 44px; flex: 0 0 auto; }
  .stock-toolbar-actions { align-items: stretch; flex-direction: column; }
  .stock-view-toggle { width: 100%; }
  .stock-view-toggle button { flex: 1; min-height: 34px; }
  .stock-filters { width: 100%; }
  .stock-filters button { flex: 1; justify-content: center; min-height: 42px; }
  .stock-table { grid-template-columns: 1fr; }
  .warehouse-side { grid-template-columns: 1fr; }
  .stock-compact-list { min-width: 720px; }
  .stock-list-row { min-height: 54px; padding-inline: 11px; }
}

@media (max-width: 420px) {
  .warehouse-head h1 { font-size: 24px; }
  .warehouse-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .warehouse-head-actions .secondary-action span { display: none; }
  .stock-tabs { padding-inline: 10px; }
  .stock-toolbar { padding-inline: 11px; }
}

/* Product card */
.product-page{width:min(1440px,100%);margin:0 auto;padding:22px 30px 70px}.product-backbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.product-backbar>button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:800}.product-backbar>button .ui-icon{width:12px;height:12px}.product-backbar>span{color:#949b97;font-size:12px}.product-backbar>span i{margin:0 5px;font-style:normal}.product-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.product-identity{display:flex;min-width:0;align-items:center;gap:13px}.product-identity>i{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:14px;color:#2c7659;background:linear-gradient(145deg,#e3f3ec,#cfe9dd);font-size:14px;font-style:normal;font-weight:900}.product-identity>span{min-width:0}.product-identity p{margin:0 0 5px;color:#7c8981;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.product-identity h1{margin:0;color:var(--ink);font-size:24px;letter-spacing:-.04em}.product-identity small{display:block;margin-top:6px;color:#818b85;font-size:12px}.product-head-actions{display:flex;gap:8px}.product-head-actions button{display:inline-flex;min-height:39px;align-items:center;gap:6px;padding:0 13px;border:1px solid #d9ded8;border-radius:9px;color:#5d6962;background:#fff;font-size:12px;font-weight:750}.product-head-actions button .ui-icon{width:11px;height:11px}.product-head-actions .primary-action{border-color:#19866f;color:#fff;background:#19866f}.product-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.product-metrics article{min-width:0;min-height:91px;padding:13px 14px;border:1px solid #e0e3dd;border-radius:12px;background:#fff}.product-metrics span{color:#77817b;font-size:12px}.product-metrics strong{display:block;margin-top:11px;color:var(--ink);font-size:17px}.product-metrics small{display:block;margin-top:6px;color:#949b97;font-size:12px}.product-metrics small.positive{color:#2d805f}.product-tabs{display:flex;gap:3px;margin-top:10px;padding:5px;border:1px solid #e0e3dd;border-radius:11px;background:#fff}.product-tabs button{min-height:31px;padding:0 12px;border:0;border-radius:7px;color:#737e77;background:transparent;font-size:12px;font-weight:750}.product-tabs button span{margin-left:4px;color:#929995}.product-tabs button.active{color:var(--ink);background:#edf4f0}.product-panel{margin-top:10px}.product-panel[hidden]{display:none}.product-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px}.product-form-card,.product-visual,.product-status-card,.product-prices-card,.product-supplier-card,.product-full-card{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.product-form-card>header,.product-prices-card>header,.product-supplier-card>header,.product-full-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e9ebe6}.product-form-card>header p,.product-prices-card>header p,.product-supplier-card>header p,.product-full-card>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.product-form-card>header h2,.product-prices-card>header h2,.product-supplier-card>header h2,.product-full-card>header h2{margin:0;color:var(--ink);font-size:14px}.product-form-card>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.product-form-grid label,.product-prices-card label{display:grid;gap:6px;color:#707a74;font-size:12px;font-weight:750}.product-form-grid label.wide{grid-column:1/-1}.product-form-grid input,.product-form-grid select,.product-prices-card input{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d9ded8;border-radius:8px;outline:0;color:var(--ink);background:#fff;font:12px/1.4 inherit}.product-aside{display:grid;align-content:start;gap:10px}.product-visual{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px;padding:13px}.product-picture{position:relative;display:grid;width:100px;height:88px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#e5f1ec,#d3e8de)}.product-picture>span{color:#2d7659;font-size:22px;font-weight:900}.product-picture>button{position:absolute;right:7px;bottom:7px;display:grid;width:25px;height:25px;place-items:center;padding:0;border:1px solid #c7d9d1;border-radius:7px;color:#2d7659;background:#fff}.product-picture>button .ui-icon{width:10px;height:10px}.product-visual>p{display:flex;flex-direction:column;gap:5px;margin:0;color:var(--ink);font-size:12px;font-weight:750}.product-visual>p small{color:#929995;font-size:12px;font-weight:500}.product-status-card>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #eceee9}.product-status-card h3{margin:0;color:var(--ink);font-size:12px}.product-status-card>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.product-status-card>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eff0ed}.product-status-card>div>span{display:flex;align-items:center;gap:7px;color:#647069;font-size:12px}.product-status-card>div>span i{width:7px;height:7px;border-radius:50%;background:#a7afaa}.product-status-card>div>span i.ok{background:#2b9270}.product-status-card>div>label,.task-reminder>label{position:relative;width:31px;height:18px}.product-status-card input{position:absolute;opacity:0}.product-status-card label em{position:absolute;inset:0;border-radius:12px;background:#c9cfcb}.product-status-card label em::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.product-status-card input:checked+em{background:#2b9270}.product-status-card input:checked+em::after{left:16px}.product-secondary-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:10px;margin-top:10px}.product-prices-card>header button,.product-supplier-card>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.product-prices-card>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px 15px}.product-prices-card label>div{position:relative}.product-prices-card input{padding-right:28px}.product-prices-card label em{position:absolute;top:50%;right:10px;color:#818b85;font-size:12px;font-style:normal;transform:translateY(-50%)}.product-supplier-card>div{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:9px;padding:13px 15px}.product-supplier-card>div>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#4c7b91;background:#e5f0f5;font-size:12px;font-style:normal;font-weight:850}.product-supplier-card>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.product-supplier-card>div b{color:var(--ink);font-size:12px}.product-supplier-card>div small{color:#939a96;font-size:12px}.product-supplier-card>div em{color:var(--ink);font-size:12px;font-style:normal;font-weight:750}.product-supplier-card>footer{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border-top:1px solid #eceee9;color:#7b857f;font-size:12px}.product-supplier-card>footer strong{color:var(--ink);font-size:12px}.product-full-card>header>button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.product-full-card>header>button .ui-icon{width:10px;height:10px}.product-stock-head,.product-stock-row{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(90px,.7fr));align-items:center;gap:12px;padding:9px 15px}.product-stock-head{border-bottom:1px solid #eceee9;color:#969d98;font-size:12px;font-weight:800;text-transform:uppercase}.product-stock-row{min-height:66px;border-bottom:1px solid #eceee9;color:#66716a;font-size:12px}.product-stock-row>span:first-child{display:flex;align-items:center;gap:9px}.product-stock-row>span:first-child>i{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;color:#2d7659;background:#e2f2e9;font-size:12px;font-style:normal;font-weight:850}.product-stock-row>span:first-child>b{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px}.product-stock-row small{color:#949b97;font-size:12px;font-weight:500}.product-stock-row>strong,.product-stock-row>b,.product-stock-row>em{color:var(--ink);font-size:12px;font-style:normal}.product-full-card>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;color:#747f78;font-size:12px}.product-full-card>footer strong{color:var(--ink);font-size:12px}.product-price-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid #eceee9}.product-price-list article>span{display:grid;min-width:0;grid-template-columns:7px 1fr;align-items:center;gap:9px}.product-price-list i{width:7px;height:7px;border-radius:50%}.product-price-list i.sale{background:#2b9270}.product-price-list i.wholesale{background:#6993a8}.product-price-list i.minimum{background:#a88ec9}.product-price-list b{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px}.product-price-list small{color:#949b97;font-size:12px;font-weight:500}.product-price-list strong{margin-left:auto;color:var(--ink);font-size:12px}.product-price-list em{min-width:70px;color:#2d7659;font-size:12px;font-style:normal;text-align:right}.product-movement-list article{display:grid;grid-template-columns:33px 1fr 90px 75px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid #eceee9}.product-movement-list article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px}.product-movement-list article>i.in{color:#2d7659;background:#e2f2e9}.product-movement-list article>i.out{color:#4c7b91;background:#e5f0f5}.product-movement-list article>i.reserve{color:#775fab;background:#eee9f8}.product-movement-list article>i .ui-icon{width:13px;height:13px}.product-movement-list article>span,.product-movement-list time{display:flex;min-width:0;flex-direction:column;gap:4px}.product-movement-list article b{color:var(--ink);font-size:12px}.product-movement-list article small{color:#949b97;font-size:12px}.product-movement-list time{color:#59675f;font-size:12px;font-style:normal}.product-movement-list strong{color:var(--ink);font-size:12px;text-align:right}.product-marking-card>header>.connected{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.product-marking-summary{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:16px}.product-marking-summary>i{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;color:#2d7659;background:#e2f2e9}.product-marking-summary>i .ui-icon{width:16px;height:16px}.product-marking-summary>span,.product-marking-summary>strong{display:flex;flex-direction:column;gap:5px}.product-marking-summary b{color:var(--ink);font-size:12px}.product-marking-summary small{color:#8f9792;font-size:12px;font-weight:500}.product-marking-summary>strong{color:var(--ink);font-size:12px;text-align:right}.product-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #eceee9;border-bottom:1px solid #eceee9}.product-code-grid>span{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border-right:1px solid #eceee9}.product-code-grid>span:last-child{border-right:0}.product-code-grid small{color:#8e9691;font-size:12px}.product-code-grid b{color:var(--ink);font-size:12px}.product-marking-card>footer{justify-content:flex-end}.product-marking-card>footer button{min-height:31px;padding:0 10px;border:1px solid #c9d9d2;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}
@media(max-width:1000px){.product-main-grid{grid-template-columns:1fr}.product-aside{grid-template-columns:1fr 1fr}.product-secondary-grid{grid-template-columns:1fr}.product-prices-card>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.product-page{padding:18px 12px 50px}.product-backbar>span{display:none}.product-head{align-items:flex-start;flex-direction:column}.product-identity h1{font-size:22px}.product-head-actions{width:100%}.product-head-actions button{flex:1}.product-metrics{grid-template-columns:1fr 1fr}.product-tabs{margin-right:-12px;margin-left:-12px;overflow-x:auto;border-right:0;border-left:0;border-radius:0}.product-tabs button{white-space:nowrap}.product-main-grid,.product-secondary-grid{margin-right:-12px;margin-left:-12px}.product-form-card,.product-visual,.product-status-card,.product-prices-card,.product-supplier-card,.product-full-card{border-right:0;border-left:0;border-radius:0}.product-aside{grid-template-columns:1fr}.product-form-grid{grid-template-columns:1fr}.product-form-grid label.wide{grid-column:auto}.product-prices-card>div{grid-template-columns:1fr 1fr}.product-stock-head{display:none}.product-stock-row{grid-template-columns:1fr 1fr;gap:10px;padding:13px}.product-stock-row>span:first-child{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #eceee9}.product-stock-row>strong::before{content:"В наличии"}.product-stock-row>span:nth-child(3)::before{content:"Резерв"}.product-stock-row>b::before{content:"Доступно"}.product-stock-row>em::before{content:"Стоимость"}.product-stock-row>strong::before,.product-stock-row>span:nth-child(3)::before,.product-stock-row>b::before,.product-stock-row>em::before{display:block;margin-bottom:4px;color:#969d98;font-size:12px;text-transform:uppercase}.product-movement-list article{grid-template-columns:33px 1fr auto}.product-movement-list time{grid-column:2}.product-movement-list strong{grid-row:1/3;grid-column:3}.product-marking-summary{grid-template-columns:42px 1fr}.product-marking-summary>strong{grid-column:2;text-align:left}.product-code-grid{grid-template-columns:1fr 1fr}.product-code-grid>span:nth-child(2){border-right:0}.product-code-grid>span:nth-child(-n+2){border-bottom:1px solid #eceee9}}
@media(max-width:480px){.product-identity>i{width:44px;height:44px}.product-metrics{grid-template-columns:1fr}.product-prices-card>div{grid-template-columns:1fr}.product-visual{grid-template-columns:86px 1fr}.product-picture{width:86px;height:76px}}

/* Money */
.money-page { width: min(1440px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.money-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.money-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.money-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.money-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.money-head-actions { display: flex; gap: 8px; }
.money-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.money-head-actions .ui-icon { width: 14px; height: 14px; }
.money-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 23px; }
.money-summary article { min-width: 0; min-height: 110px; padding: 16px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.money-summary span { display: block; color: #7d8580; font-size:12px; font-weight: 650; }
.money-summary strong { display: block; margin-top: 15px; font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }
.money-summary strong.income { color: #257a53; }
.money-summary small { display: flex; align-items: center; gap: 4px; margin-top: 9px; color: #929994; font-size:12px; }
.money-summary small .ui-icon { width: 11px; height: 11px; color: #278052; }
.money-summary small.positive { color: #278052; }
.money-summary small.warning { color: #9b6222; }
.money-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: start; gap: 12px; margin-top: 12px; }
.money-main, .money-side { display: grid; min-width: 0; gap: 12px; }
.money-chart-card, .money-operations-card, .money-side-card { min-width: 0; overflow: hidden; border: 1px solid #e1e3dd; border-radius: 14px; background: #fff; }
.money-chart-card { padding: 17px; }
.money-card-head, .money-operations-head, .money-side-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.money-card-head p, .money-operations-head p, .money-side-head p { margin: 0 0 5px; color: #929893; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.money-card-head h2, .money-operations-head h2, .money-side-head h2 { margin: 0; font-size:16px; letter-spacing: -.025em; }
.money-periods { display: flex; gap: 2px; padding: 3px; border-radius: 8px; background: #f1f2ee; }
.money-periods button { min-height: 28px; padding: 0 9px; border: 0; border-radius: 6px; color: #808783; background: transparent; font-size:12px; font-weight: 700; }
.money-periods button.active { color: var(--ink); background: #fff; box-shadow: 0 1px 4px rgba(26,36,30,.08); }
.money-chart-legend { display: flex; gap: 18px; margin-top: 15px; }
.money-chart-legend span { display: flex; align-items: center; gap: 5px; color: #8c938f; font-size:12px; }
.money-chart-legend i { width: 7px; height: 7px; border-radius: 50%; }
.money-chart-legend i.income { background: var(--orange); }
.money-chart-legend i.expense { background: #9a83db; }
.money-chart-legend b { color: var(--ink); font-size:12px; }
.money-chart { position: relative; height: 240px; margin: 13px 0 0 38px; }
.money-chart svg { width: 100%; height: 205px; overflow: visible; }
.money-grid { fill: none; stroke: #eceee9; stroke-width: 1; }
.money-income-fill { fill: url(#moneyIncomeFill); }
.money-income-line, .money-expense-line { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.money-income-line { stroke: var(--orange); }
.money-expense-line { stroke: #9a83db; }
.money-point { fill: #fff; stroke: var(--orange); stroke-width: 3; }
.money-point.expense { stroke: #9a83db; }
.money-chart-axis { position: absolute; top: 0; bottom: 35px; left: -38px; display: flex; width: 31px; flex-direction: column; justify-content: space-between; color: #a0a5a1; font-size:12px; }
.money-chart-months { position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; color: #9aa09c; font-size:12px; }
.money-operations-head { padding: 16px 16px 12px; }
.money-operations-head > button { display: inline-flex; min-height: 32px; align-items: center; gap: 5px; padding: 0 9px; border: 1px solid #e0e2dc; border-radius: 8px; color: #606a64; background: #fff; font-size:12px; font-weight: 700; }
.money-operations-head > button .ui-icon { width: 13px; height: 13px; }
.money-tabs { display: flex; gap: 4px; padding: 0 14px; overflow-x: auto; border-bottom: 1px solid #e7e8e3; scrollbar-width: none; }
.money-tabs::-webkit-scrollbar { display: none; }
.money-tabs button { display: inline-flex; min-height: 37px; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8782; background: transparent; font-size:12px; font-weight: 700; white-space: nowrap; }
.money-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }
.money-tabs button b { display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 6px; color: #717973; background: #f0f1ed; font-size:12px; }
.money-tabs button.active b { color: var(--orange-dark); background: var(--orange-soft); }
.money-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #e7e8e3; }
.money-toolbar label { display: flex; width: min(330px, 60%); min-height: 37px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #e1e2dd; border-radius: 9px; color: #8e9590; background: #f8f8f5; }
.money-toolbar label .ui-icon { width: 14px; height: 14px; }
.money-toolbar input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.money-toolbar label:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(22,125,115,.09); background: #fff; }
.money-toolbar > button { display: inline-flex; min-height: 37px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #e1e2dd; border-radius: 9px; color: #626b65; background: #fff; font-size:12px; font-weight: 700; }
.money-toolbar > button .ui-icon { width: 13px; height: 13px; }
.money-operations { min-width: 760px; }
.money-operation { display: grid; grid-template-columns: 76px minmax(215px, 1.4fr) minmax(95px, .75fr) 95px 100px 31px; align-items: center; gap: 9px; min-height: 58px; padding: 0 14px; border-bottom: 1px solid #ecece8; color: #626b65; font-size:12px; }
.money-operation:not(.money-operation-head):hover { background: #fbfcfa; }
.money-operation-head { min-height: 31px; color: #989e99; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.money-operation > span { min-width: 0; }
.money-operation > span:first-child, .money-operation > span:nth-child(3) { display: flex; flex-direction: column; gap: 4px; }
.money-operation small { overflow: hidden; color: #989e99; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.money-operation-name { display: flex; align-items: center; gap: 9px; }
.money-operation-name > i { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; border-radius: 8px; }
.money-operation-name > i .ui-icon { width: 14px; height: 14px; }
.money-operation-name > i.in { color: #277a53; background: #e1f4e8; }
.money-operation-name > i.out { color: var(--red-dark); background: #ffe8e4; }
.money-operation-name > i.unknown { color: #8a6b20; background: #fff2c9; }
.money-operation-name > b { display: flex; min-width: 0; flex-direction: column; gap: 4px; overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.money-category { display: inline-flex; min-height: 21px; align-items: center; padding: 0 7px; border-radius: 7px; font-size:12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.money-category.sales { color: #26764e; background: #e2f4e8; }
.money-category.purchase { color: #456f82; background: #e2f0f5; }
.money-category.salary { color: var(--violet-dark); background: var(--violet); }
.money-category.tax { color: #9b5b24; background: #fff0d9; }
.money-category.unknown { color: #86691f; background: #fff2c9; }
.money-operation-amount { color: var(--ink); font-size:13px; font-weight: 800; text-align: right; white-space: nowrap; }
.money-operation-amount.income { color: #277a53; }
.money-empty { min-height: 230px; place-items: center; align-content: center; gap: 7px; padding: 25px; color: #7e8680; text-align: center; }
.money-empty:not([hidden]) { display: grid; }
.money-empty .ui-icon { width: 26px; height: 26px; color: var(--orange); }
.money-empty b { color: var(--ink); font-size:14px; }
.money-empty span { font-size:12px; }
.money-operations-footer { display: flex; min-height: 49px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; color: #909691; font-size:12px; }
.money-operations-footer button { min-height: 31px; padding: 0 10px; border: 1px solid #e0e2dc; border-radius: 8px; color: #59635d; background: #fff; font-size:12px; font-weight: 700; }
.money-side-card { padding: 16px; }
.money-side-head { margin-bottom: 13px; }
.money-side-head > button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 8px; color: var(--orange-dark); background: #fff; }
.money-side-head > button .ui-icon { width: 13px; height: 13px; }
.money-side-head > span { color: var(--ink); font-size:13px; font-weight: 800; }
.account-row { display: grid; width: 100%; min-height: 68px; grid-template-columns: 32px 1fr auto; align-items: center; gap: 8px; padding: 9px 5px; border: 0; border-top: 1px solid #ecece8; color: #616a64; background: #fff; text-align: left; }
.account-row.active { margin: 0 -6px; padding-inline: 11px; border-color: transparent; border-radius: 10px; background: #f2faf8; }
.account-row > i { display: grid; width: 32px; height: 32px; grid-row: span 2; place-items: center; border-radius: 9px; font-size:13px; font-style: normal; font-weight: 850; }
.account-row > i.sber { color: #fff; background: #28a56e; }
.account-row > i.tbank { color: #1d211f; background: #ffde43; }
.account-row > i.cash { color: var(--violet-dark); background: var(--violet); }
.account-row > i .ui-icon { width: 15px; height: 15px; }
.account-row > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.account-row b { color: var(--ink); font-size:12px; }
.account-row small { color: #969d98; font-size:12px; }
.account-row strong { color: var(--ink); font-size:13px; white-space: nowrap; }
.account-row em { grid-column: 2 / -1; color: #43806f; font-size:12px; font-style: normal; }
.payments-card > article { display: grid; grid-template-columns: 42px 28px 1fr auto; align-items: center; gap: 7px; min-height: 57px; border-top: 1px solid #ecece8; }
.payments-card time { color: #7c847f; font-size:12px; font-weight: 700; }
.payments-card article > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; }
.payments-card article > i .ui-icon { width: 13px; height: 13px; }
.payments-card article > i.service { color: #456f82; background: #e2f0f5; }
.payments-card article > i.supplier { color: #8a6d20; background: #fff2c9; }
.payments-card article > i.tax { color: var(--red-dark); background: #ffe8e4; }
.payments-card article > i.rent { color: var(--violet-dark); background: var(--violet); }
.payments-card article > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.payments-card article b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.payments-card article small { color: #989e99; font-size:12px; }
.payments-card article strong { color: var(--ink); font-size:12px; white-space: nowrap; }
.payment-calendar-link { display: flex; width: 100%; min-height: 37px; align-items: center; justify-content: space-between; padding: 9px 0 0; border: 0; border-top: 1px solid #ecece8; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.payment-calendar-link .ui-icon { width: 13px; height: 13px; }

@media (max-width: 1100px) {
  .money-page { padding: 26px 20px 60px; }
  .money-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .money-layout { grid-template-columns: 1fr; }
  .money-side { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .money-operations { display: grid; min-width: 0; gap: 8px; padding: 10px; background: #f7f7f3; }
  .money-operation-head { display: none; }
  .money-operation:not(.money-operation-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr auto; gap: 9px 14px; min-height: 0; padding: 12px; border: 1px solid #e1e3dd; border-radius: 10px; background: #fff; }
  .money-operation:not(.money-operation-head) > span { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .money-operation:not(.money-operation-head) > .money-operation-name { grid-column: 1 / -1; justify-content: flex-start; padding: 0 35px 10px 0; border-bottom: 1px solid #ecece8; }
  .money-operation:not(.money-operation-head) > span:first-child::before { content: "Дата"; }
  .money-operation:not(.money-operation-head) > span:nth-child(3)::before { content: "Счёт"; }
  .money-operation:not(.money-operation-head) > span:nth-child(4)::before { content: "Категория"; }
  .money-operation:not(.money-operation-head) > span:nth-child(5)::before { content: "Сумма"; }
  .money-operation:not(.money-operation-head) > span:not(.money-operation-name)::before { color: #989e99; font-size:12px; font-weight: 700; text-transform: uppercase; }
  .money-operation .more-button { position: absolute; top: 9px; right: 9px; }
  .money-operation-amount { text-align: left; }
}

@media (max-width: 700px) {
  .money-page { padding: 22px 12px 50px; }
  .money-head { align-items: stretch; flex-direction: column; }
  .money-head-actions { width: 100%; }
  .money-head-actions button { flex: 1; min-height: 44px; }
  .money-summary { grid-template-columns: 1fr; }
  .money-summary article { min-height: 102px; }
  .money-card-head { align-items: stretch; flex-direction: column; }
  .money-periods { width: 100%; }
  .money-periods button { flex: 1; }
  .money-chart { height: 220px; margin-left: 31px; }
  .money-chart svg { height: 185px; }
  .money-chart-axis { left: -31px; width: 26px; }
  .money-toolbar { align-items: stretch; flex-direction: column; }
  .money-toolbar label { width: 100%; min-height: 43px; }
  .money-toolbar > button { min-height: 40px; justify-content: center; }
  .money-side { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .money-head h1 { font-size: 24px; }
  .money-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .money-head-actions .secondary-action span { display: none; }
  .money-chart-card { padding: 14px; }
  .money-chart-legend { align-items: flex-start; flex-direction: column; gap: 7px; }
}

/* CRM kanban */
.crm-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.crm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.crm-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.crm-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.crm-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.crm-head-actions { display: flex; gap: 8px; }
.crm-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.crm-head-actions .ui-icon { width: 14px; height: 14px; }
.crm-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 23px; }
.crm-summary article { min-width: 0; min-height: 106px; padding: 16px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.crm-summary article > span { display: block; color: #7d8580; font-size:12px; font-weight: 650; }
.crm-summary strong { display: block; margin-top: 14px; color: var(--ink); font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }
.crm-summary strong.positive { color: #277a53; }
.crm-summary strong.warning { color: #a76628; }
.crm-summary small { display: flex; align-items: center; gap: 4px; margin-top: 8px; color: #929994; font-size:12px; }
.crm-summary small.positive { color: #277a53; }
.crm-summary small.warning { color: #a76628; }
.crm-summary small .ui-icon { width: 11px; height: 11px; }
.crm-workspace { min-width: 0; margin-top: 12px; overflow: hidden; border: 1px solid #dfe2dc; border-radius: 15px; background: #fff; }
.crm-toolbar { display: flex; min-height: 65px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid #e5e7e2; }
.crm-search { display: flex; width: min(420px, 42%); min-height: 39px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #8a928d; background: #f8f8f5; }
.crm-search:focus-within { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.crm-search > .ui-icon { width: 14px; height: 14px; flex: 0 0 auto; }
.crm-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.crm-search kbd { display: inline-flex; min-width: 29px; min-height: 21px; align-items: center; justify-content: center; border: 1px solid #dcdfd9; border-radius: 5px; color: #979e99; background: #fff; font: 600 12px/1 inherit; white-space: nowrap; }
.crm-filters { display: flex; gap: 7px; }
.crm-filters button { display: inline-flex; min-height: 39px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #606963; background: #fff; font-size:12px; font-weight: 700; white-space: nowrap; }
.crm-filters button:hover { border-color: #c9cec7; background: #fafbf8; }
.crm-filters .ui-icon { width: 13px; height: 13px; }
.crm-filters .chevron { width: 10px; height: 10px; margin-left: 2px; }
.crm-filters button > span { display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 6px; color: var(--orange-dark); background: var(--orange-soft); font-size:12px; }
.crm-board-wrap { overflow-x: auto; overscroll-behavior-inline: contain; background: #f6f6f2; scrollbar-color: #c9cec8 transparent; scrollbar-width: thin; }
.crm-board-wrap:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; }
.crm-board { display: grid; min-width: 1325px; grid-template-columns: repeat(5, minmax(245px, 1fr)); gap: 10px; padding: 12px; }
.crm-column { display: flex; min-height: 590px; min-width: 0; flex-direction: column; padding: 10px; border: 1px solid #e1e3de; border-radius: 12px; background: #eff1ed; }
.crm-column > header { display: flex; min-height: 44px; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 2px 2px 10px; }
.crm-column > header > div { display: flex; min-width: 0; align-items: center; gap: 6px; }
.crm-column > header i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #65a59e; }
.crm-column > header i.qualify { background: #d5a84e; }
.crm-column > header i.proposal { background: #8c79ca; }
.crm-column > header i.agreement { background: #d47c57; }
.crm-column > header i.success { background: #4b9b6c; }
.crm-column > header h2 { overflow: hidden; margin: 0; color: #3e4742; font-size:12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.crm-column > header b { display: grid; min-width: 18px; height: 18px; place-items: center; padding: 0 4px; border-radius: 6px; color: #768079; background: #dfe3dd; font-size:12px; }
.crm-column > header > strong { padding-top: 2px; color: #7d8580; font-size:12px; font-weight: 700; white-space: nowrap; }
.crm-cards { display: grid; gap: 8px; }
.crm-deal-card { position: relative; display: block; width: 100%; min-height: 171px; padding: 12px; overflow: hidden; border: 1px solid #dfe2dc; border-radius: 10px; color: #646d67; background: #fff; box-shadow: 0 1px 2px rgba(30,40,34,.025); text-align: left; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.crm-deal-card:hover { z-index: 1; border-color: #bfc9c1; box-shadow: 0 8px 22px rgba(34,46,39,.08); transform: translateY(-1px); }
.crm-deal-card:focus-visible { outline: 2px solid var(--orange); outline-offset: 1px; }
.crm-deal-card.won::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; background: #57a778; content: ""; }
.crm-card-tags { display: flex; min-height: 18px; gap: 5px; }
.crm-card-tags em { display: inline-flex; min-height: 18px; align-items: center; padding: 0 6px; border-radius: 5px; color: #7b837e; background: #f0f1ed; font-size:12px; font-style: normal; font-weight: 750; }
.crm-card-tags em.source { color: #476d65; background: #e6f2ef; }
.crm-card-tags em.referral { color: #86671f; background: #fff0c7; }
.crm-card-tags em.call { color: #3f6778; background: #e1eef3; }
.crm-card-tags em.runa { color: var(--orange-dark); background: var(--orange-soft); }
.crm-card-tags em.telegram { color: #36769a; background: #dff0fa; }
.crm-card-tags em.repeat { color: #65549d; background: #ece8f9; }
.crm-card-tags em.tender { color: #9b5d31; background: #f9e9de; }
.crm-deal-card h3 { margin: 10px 0 0; color: var(--ink); font-size:13px; line-height: 1.3; letter-spacing: -.012em; }
.crm-deal-card p { margin: 5px 0 0; overflow: hidden; color: #8a918d; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.crm-deal-card > strong { display: block; margin-top: 10px; color: #26312b; font-size:14px; letter-spacing: -.02em; }
.crm-card-task { display: flex; min-height: 25px; align-items: center; gap: 5px; margin-top: 10px; padding: 0 7px; border-radius: 7px; color: #6a746d; background: #f1f2ef; font-size:12px; font-weight: 650; }
.crm-card-task .ui-icon { width: 11px; height: 11px; flex: 0 0 auto; }
.crm-card-task.overdue { color: #a24639; background: #fde7e3; }
.crm-card-task.today { color: #91661e; background: #fff0cb; }
.crm-card-task.future { color: #496c7b; background: #e5f0f4; }
.crm-card-task.complete { color: #2d754f; background: #e1f2e7; }
.crm-deal-card footer { display: flex; min-height: 28px; align-items: flex-end; justify-content: space-between; gap: 8px; margin-top: 7px; padding-top: 7px; border-top: 1px solid #eeefeb; }
.crm-deal-card footer > span { display: flex; min-width: 0; align-items: center; gap: 6px; overflow: hidden; color: #737c76; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.crm-deal-card footer i { display: grid; width: 21px; height: 21px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #3b645c; background: #dff0eb; font-size:12px; font-style: normal; font-weight: 800; }
.crm-deal-card footer > .ui-icon { width: 12px; height: 12px; color: #9da39f; }
.crm-deal-card.compact { min-height: 130px; }
.crm-deal-card.compact footer { margin-top: 10px; }
.crm-column-empty { min-height: 165px; place-items: center; align-content: center; gap: 7px; padding: 20px; color: #929994; text-align: center; }
.crm-column-empty:not([hidden]) { display: grid; }
.crm-column-empty .ui-icon { width: 21px; height: 21px; color: #a2aaa4; }
.crm-column-empty span { max-width: 130px; font-size:12px; line-height: 1.5; }
.crm-add-card { display: flex; width: 100%; min-height: 35px; align-items: center; justify-content: center; gap: 5px; margin-top: auto; padding: 0 8px; border: 1px dashed transparent; border-radius: 8px; color: #828a85; background: transparent; font-size:12px; font-weight: 700; }
.crm-add-card:hover { border-color: #cbd0ca; color: var(--orange-dark); background: #f9faf7; }
.crm-add-card .ui-icon { width: 12px; height: 12px; }

@media (max-width: 1100px) {
  .crm-page { padding: 26px 20px 60px; }
  .crm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-toolbar { align-items: stretch; flex-direction: column; }
  .crm-search { width: 100%; }
  .crm-filters { overflow-x: auto; scrollbar-width: none; }
  .crm-filters::-webkit-scrollbar { display: none; }
}

@media (max-width: 700px) {
  .crm-page { padding: 22px 12px 50px; }
  .crm-head { align-items: stretch; flex-direction: column; }
  .crm-head-actions { width: 100%; }
  .crm-head-actions button { flex: 1; min-height: 44px; }
  .crm-summary { grid-template-columns: 1fr; }
  .crm-summary article { min-height: 98px; }
  .crm-workspace { margin-right: -12px; margin-left: -12px; border-right: 0; border-left: 0; border-radius: 0; }
  .crm-toolbar { padding: 11px 12px; }
  .crm-search { min-height: 43px; }
  .crm-search kbd { display: none; }
  .crm-filters button { min-height: 39px; }
  .crm-board { min-width: 0; grid-auto-columns: min(84vw, 310px); grid-auto-flow: column; grid-template-columns: none; scroll-snap-type: x mandatory; }
  .crm-column { min-height: 570px; scroll-snap-align: start; }
}

@media (max-width: 420px) {
  .crm-head h1 { font-size: 24px; }
  .crm-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .crm-head-actions .secondary-action span { display: none; }
}

/* Counterparties */
.counterparties-page { width: min(1440px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.counterparties-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.counterparties-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.counterparties-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.counterparties-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.counterparties-head-actions { display: flex; gap: 8px; }
.counterparties-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.counterparties-head-actions .ui-icon { width: 14px; height: 14px; }
.counterparties-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 23px; }
.counterparties-summary article { min-width: 0; min-height: 106px; padding: 16px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.counterparties-summary article > span { display: block; color: #7d8580; font-size:12px; font-weight: 650; }
.counterparties-summary strong { display: block; margin-top: 14px; color: var(--ink); font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }
.counterparties-summary strong.warning { color: #a76628; }
.counterparties-summary small { display: flex; align-items: center; gap: 4px; margin-top: 8px; color: #929994; font-size:12px; }
.counterparties-summary small.warning { color: #a76628; }
.counterparties-summary small .ui-icon { width: 11px; height: 11px; }
.counterparties-card { min-width: 0; margin-top: 12px; overflow: hidden; border: 1px solid #dfe2dc; border-radius: 14px; background: #fff; }
.counterparties-tabs { display: flex; gap: 4px; padding: 0 14px; overflow-x: auto; border-bottom: 1px solid #e5e7e2; scrollbar-width: none; }
.counterparties-tabs::-webkit-scrollbar { display: none; }
.counterparties-tabs button { display: inline-flex; min-height: 45px; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8782; background: transparent; font-size:12px; font-weight: 700; white-space: nowrap; }
.counterparties-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }
.counterparties-tabs button b { display: grid; min-width: 18px; height: 18px; place-items: center; padding: 0 4px; border-radius: 6px; color: #727a75; background: #eff0ec; font-size:12px; }
.counterparties-tabs button.active b { color: var(--orange-dark); background: var(--orange-soft); }
.counterparties-toolbar { display: flex; min-height: 63px; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid #e7e9e4; }
.counterparties-toolbar > label { display: flex; width: min(430px, 48%); min-height: 39px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #89918c; background: #f8f8f5; }
.counterparties-toolbar > label:focus-within { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.counterparties-toolbar > label .ui-icon { width: 14px; height: 14px; }
.counterparties-toolbar input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.counterparties-toolbar > div { display: flex; gap: 7px; }
.counterparties-toolbar > div button { display: inline-flex; min-height: 39px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #606963; background: #fff; font-size:12px; font-weight: 700; white-space: nowrap; }
.counterparties-toolbar > div button .ui-icon { width: 13px; height: 13px; }
.counterparties-toolbar > div button .chevron { width: 10px; height: 10px; }
.counterparties-toolbar > div button span { display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 6px; color: var(--orange-dark); background: var(--orange-soft); font-size:12px; }
.counterparties-table { min-width: 1020px; }
.counterparty-row { display: grid; min-height: 67px; grid-template-columns: minmax(220px, 1.45fr) 92px 118px minmax(130px, .95fr) 105px 84px 32px; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid #eceee9; color: #5f6963; font-size:12px; }
.counterparty-row:not(.counterparty-row-head):hover { background: #fbfcfa; }
.counterparty-row-head { min-height: 34px; color: #979d99; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.counterparty-group { border-bottom: 1px solid #e3e5e0; }
.counterparty-group-toggle { display: flex; width: 100%; min-height: 47px; align-items: center; justify-content: space-between; gap: 14px; padding: 7px 14px; border: 0; color: #4e5953; background: #f5f6f2; text-align: left; }
.counterparty-group-toggle:hover { background: #f0f3ee; }
.counterparty-group.open > .counterparty-group-toggle { color: var(--orange-dark); background: #edf6f3; }
.counterparty-group-toggle > span { display: flex; min-width: 0; align-items: center; gap: 8px; }
.counterparty-group-toggle > span:first-child > i { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border-radius: 8px; color: #56716a; background: #e2e8e3; }
.counterparty-group.open .counterparty-group-toggle > span:first-child > i { color: var(--orange-dark); background: #d8ece7; }
.counterparty-group-toggle > span:first-child > i .ui-icon { width: 13px; height: 13px; }
.counterparty-group-toggle b { font-size:13px; }
.counterparty-group-toggle small { overflow: hidden; color: #8f9691; font-size:12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.counterparty-group-toggle > span:last-child { flex: 0 0 auto; }
.counterparty-group-toggle em { display: grid; min-width: 21px; height: 21px; place-items: center; padding: 0 5px; border-radius: 7px; color: #68716c; background: #dfe3dd; font-size:12px; font-style: normal; font-weight: 800; }
.counterparty-group.open .counterparty-group-toggle em { color: var(--orange-dark); background: #cfe7e1; }
.counterparty-group-toggle > span:last-child .ui-icon { width: 12px; height: 12px; transition: transform .18s ease; }
.counterparty-group.open .counterparty-group-toggle > span:last-child .ui-icon { transform: rotate(180deg); }
.counterparty-group-content { background: #fff; }
.counterparty-row > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.counterparty-row small { overflow: hidden; color: #969d98; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.counterparty-name { display: flex; min-width: 0; align-items: center; gap: 9px; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; }
.counterparty-name > i { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 9px; font-size:13px; font-style: normal; font-weight: 850; }
.counterparty-name > i.mint { color: #28735f; background: #dff2ea; }
.counterparty-name > i.blue { color: #3c6c82; background: #e0eff5; }
.counterparty-name > i.violet { color: #67559f; background: #ece8f9; }
.counterparty-name > i.orange { color: #9c6529; background: #fff0d6; }
.counterparty-name > i.cyan { color: #407786; background: #e0f1f4; }
.counterparty-name > i.sand { color: #806920; background: #f8efcf; }
.counterparty-name > i.rose { color: #98564e; background: #f8e4e1; }
.counterparty-name > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; overflow: hidden; }
.counterparty-name b { overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.counterparty-name:hover b { color: var(--orange-dark); }
.counterparty-type { display: inline-flex; width: fit-content; min-height: 23px; align-items: center; padding: 0 7px; border-radius: 7px; font-size:12px; font-style: normal; font-weight: 750; }
.counterparty-type.buyer { color: #26764e; background: #e2f4e8; }
.counterparty-type.supplier { color: #456f82; background: #e2f0f5; }
.counterparty-type.partner { color: #66549d; background: #ece8f9; }
.counterparty-balance { font-size:12px; font-weight: 800; }
.counterparty-balance.positive { color: #277a53; }
.counterparty-balance.negative { color: #303a34; }
.counterparty-balance.overdue { color: #ad493d; }
.counterparty-balance.neutral { color: #69726c; }
.counterparty-balance small { font-weight: 500; }
.counterparty-status { display: inline-flex; width: fit-content; min-height: 23px; align-items: center; gap: 5px; padding: 0 7px; border-radius: 7px; font-size:12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.counterparty-status i { width: 5px; height: 5px; border-radius: 50%; }
.counterparty-status.active { color: #337454; background: #e7f4eb; }
.counterparty-status.active i { background: #4b9b6c; }
.counterparty-status.attention { color: #9c6426; background: #fff0d2; }
.counterparty-status.attention i { background: #d48c38; }
.counterparties-empty { min-height: 280px; place-items: center; align-content: center; gap: 7px; padding: 28px; color: #7f8782; text-align: center; }
.counterparties-empty:not([hidden]) { display: grid; }
.counterparties-empty .ui-icon { width: 27px; height: 27px; color: var(--orange); }
.counterparties-empty b { color: var(--ink); font-size:14px; }
.counterparties-empty span { font-size:12px; }
.counterparties-footer { display: flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; color: #909792; font-size:12px; }
.counterparties-footer > div { display: flex; gap: 4px; }
.counterparties-footer button, .counterparties-footer b { display: grid; width: 29px; height: 29px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 7px; color: #69716c; background: #fff; font-size:12px; font-weight: 750; }
.counterparties-footer b { border-color: var(--orange); color: #fff; background: var(--orange); }
.counterparties-footer .ui-icon { width: 12px; height: 12px; }

.counterparty-overlay { position: fixed; z-index: 80; inset: 0; visibility: hidden; pointer-events: none; }
.counterparty-overlay.open { visibility: visible; pointer-events: auto; }
.counterparty-backdrop { position: absolute; inset: 0; padding: 0; border: 0; opacity: 0; background: rgba(21,30,25,.36); transition: opacity .2s ease; }
.counterparty-overlay.open .counterparty-backdrop { opacity: 1; }
.counterparty-drawer { position: absolute; top: 0; right: 0; display: flex; width: min(405px, 92vw); height: 100%; flex-direction: column; overflow-y: auto; border-left: 1px solid #dfe2dc; background: #f7f7f3; box-shadow: -18px 0 45px rgba(25,36,29,.16); transform: translateX(102%); transition: transform .24s ease; }
.counterparty-overlay.open .counterparty-drawer { transform: translateX(0); }
.counterparty-drawer > header { position: sticky; z-index: 1; top: 0; display: flex; min-height: 108px; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px; border-bottom: 1px solid #e1e3dd; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.counterparty-drawer > header p { margin: 0 0 6px; color: #8d948f; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.counterparty-drawer > header h2 { margin: 0; color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.counterparty-drawer > header span { display: block; margin-top: 7px; color: #838b86; font-size:12px; }
.counterparty-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }
.counterparty-drawer > header .ui-icon { width: 14px; height: 14px; }
.counterparty-detail-panel, .counterparty-create-panel { display: grid; gap: 12px; padding: 14px; }
.counterparty-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 13px; border: 1px solid #e0e2dc; border-radius: 12px; background: #fff; }
.counterparty-quick button { display: grid; min-height: 67px; place-items: center; align-content: center; gap: 7px; padding: 8px; border: 0; border-radius: 9px; color: #53615a; background: #f4f6f2; font-size:12px; font-weight: 750; }
.counterparty-quick button:hover { color: var(--orange-dark); background: var(--orange-soft); }
.counterparty-quick .ui-icon { width: 16px; height: 16px; }
.counterparty-detail-block { padding: 16px; border: 1px solid #e0e2dc; border-radius: 12px; background: #fff; }
.counterparty-detail-block h3 { margin: 0 0 10px; color: var(--ink); font-size:14px; }
.counterparty-detail-block > div { display: grid; grid-template-columns: 1fr 1.35fr; gap: 12px; padding: 10px 0; border-top: 1px solid #eceee9; font-size:12px; }
.counterparty-detail-block span { color: #929994; }
.counterparty-detail-block b { color: #424d47; font-weight: 700; text-align: right; }
.counterparty-detail-block b.positive { color: #277a53; }
.counterparty-open-full { display: flex; min-height: 42px; align-items: center; justify-content: space-between; padding: 0 13px; border: 1px solid #dfe2dc; border-radius: 10px; color: var(--orange-dark); background: #fff; font-size:12px; font-weight: 750; }
.counterparty-open-full .ui-icon { width: 13px; height: 13px; }
.dadata-mark { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid #cfe4df; border-radius: 12px; color: var(--orange-dark); background: #ecf7f4; }
.dadata-mark > .ui-icon { width: 19px; height: 19px; }
.dadata-mark span { display: flex; flex-direction: column; gap: 4px; }
.dadata-mark b { color: #285e54; font-size:13px; }
.dadata-mark small { color: #648078; font-size:12px; }
.counterparty-create-panel > label { display: grid; gap: 7px; padding: 16px; border: 1px solid #e0e2dc; border-radius: 12px; color: #737c76; background: #fff; font-size:12px; font-weight: 700; }
.counterparty-create-panel > label > div { display: flex; min-height: 43px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #d8dcd6; border-radius: 9px; background: #f8f8f5; }
.counterparty-create-panel > label > div:focus-within { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.counterparty-create-panel > label .ui-icon { width: 14px; height: 14px; color: #89918c; }
.counterparty-create-panel input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.dadata-suggestion { display: none; width: 100%; grid-template-columns: 36px 1fr 16px; align-items: center; gap: 9px; padding: 11px; border: 1px solid #dfe2dc; border-radius: 11px; color: #68716b; background: #fff; text-align: left; }
.dadata-suggestion.visible { display: grid; }
.dadata-suggestion > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; color: #28735f; background: #dff2ea; font-size:13px; font-style: normal; font-weight: 850; }
.dadata-suggestion > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.dadata-suggestion b { color: var(--ink); font-size:13px; }
.dadata-suggestion small { color: #929994; font-size:12px; }
.dadata-suggestion > .ui-icon { width: 13px; height: 13px; }
.dadata-hint { margin: 0; padding: 0 3px; color: #8d948f; font-size:12px; line-height: 1.6; }
body.counterparty-open { overflow: hidden; }

@media (max-width: 1100px) {
  .counterparties-page { padding: 26px 20px 60px; }
  .counterparties-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .counterparties-table { min-width: 940px; }
}

@media (max-width: 900px) {
  .counterparties-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }
  .counterparty-group { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
  .counterparty-group-toggle { min-height: 51px; border-bottom: 0; }
  .counterparty-group.open > .counterparty-group-toggle { border-bottom: 1px solid #dfe2dc; }
  .counterparty-group-content { display: grid; gap: 8px; padding: 8px; background: #f6f7f3; }
  .counterparty-group-content .counterparty-row:not(.counterparty-row-head) { margin: 0; }
  .counterparty-row-head { display: none; }
  .counterparty-row:not(.counterparty-row-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; min-height: 0; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
  .counterparty-name { grid-column: 1 / -1; padding: 0 32px 11px 0; border-bottom: 1px solid #eceee9; }
  .counterparty-name > i { width: 38px; height: 38px; }
  .counterparty-name b { font-size:13px; }
  .counterparty-row:not(.counterparty-row-head) > span { min-width: 0; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(2)::before { content: "Тип"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(3)::before { content: "ИНН / КПП"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(4)::before { content: "Последняя операция"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(5)::before { content: "Расчёты"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(6)::before { content: "Статус"; }
  .counterparty-row:not(.counterparty-row-head) > span::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }
  .counterparty-row > .more-button { position: absolute; top: 11px; right: 10px; }
}

@media (max-width: 760px) {
  .counterparties-page { padding: 22px 12px 50px; }
  .counterparties-head { align-items: stretch; flex-direction: column; }
  .counterparties-head-actions { width: 100%; }
  .counterparties-head-actions button { flex: 1; min-height: 44px; }
  .counterparties-summary { grid-template-columns: 1fr; }
  .counterparties-summary article { min-height: 98px; }
  .counterparties-card { margin-right: -12px; margin-left: -12px; border-right: 0; border-left: 0; border-radius: 0; }
  .counterparties-toolbar { align-items: stretch; flex-direction: column; }
  .counterparties-toolbar > label { width: 100%; min-height: 43px; }
  .counterparties-toolbar > div { overflow-x: auto; scrollbar-width: none; }
  .counterparties-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }
  .counterparty-group-toggle small { display: none; }
  .counterparty-row-head { display: none; }
  .counterparty-row:not(.counterparty-row-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; min-height: 0; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
  .counterparty-name { grid-column: 1 / -1; padding: 0 32px 11px 0; border-bottom: 1px solid #eceee9; }
  .counterparty-name > i { width: 38px; height: 38px; }
  .counterparty-name b { font-size:13px; }
  .counterparty-row:not(.counterparty-row-head) > span { min-width: 0; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(2)::before { content: "Тип"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(3)::before { content: "ИНН / КПП"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(4)::before { content: "Последняя операция"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(5)::before { content: "Расчёты"; }
  .counterparty-row:not(.counterparty-row-head) > span:nth-child(6)::before { content: "Статус"; }
  .counterparty-row:not(.counterparty-row-head) > span::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }
  .counterparty-row > .more-button { position: absolute; top: 11px; right: 10px; }
  .counterparties-footer > span { display: none; }
  .counterparties-footer { justify-content: center; }
}

@media (max-width: 420px) {
  .counterparties-head h1 { font-size: 24px; }
  .counterparties-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .counterparties-head-actions .secondary-action span { display: none; }
  .counterparty-drawer { width: 100%; }
  .counterparty-drawer > header { padding: 18px; }
}

/* Team and access */
.team-page { width: min(1480px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.team-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.team-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.team-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.team-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.team-head-actions { display: flex; gap: 8px; }
.team-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.team-head-actions .ui-icon { width: 14px; height: 14px; }
.team-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 23px; }
.team-summary article { min-width: 0; min-height: 106px; padding: 16px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.team-summary article > span { display: block; color: #7d8580; font-size:12px; font-weight: 650; }
.team-summary strong { display: block; margin-top: 14px; color: var(--ink); font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }
.team-summary strong.warning { color: #a76628; }
.team-summary small { display: flex; align-items: center; gap: 4px; margin-top: 8px; color: #929994; font-size:12px; }
.team-summary small.warning { color: #a76628; }
.team-summary small .ui-icon { width: 11px; height: 11px; }
.team-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; align-items: start; gap: 12px; margin-top: 12px; }
.team-card, .team-side-card { min-width: 0; overflow: hidden; border: 1px solid #dfe2dc; border-radius: 14px; background: #fff; }
.team-tabs { display: flex; gap: 4px; padding: 0 14px; overflow-x: auto; border-bottom: 1px solid #e5e7e2; scrollbar-width: none; }
.team-tabs::-webkit-scrollbar { display: none; }
.team-tabs button { display: inline-flex; min-height: 45px; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8782; background: transparent; font-size:12px; font-weight: 700; white-space: nowrap; }
.team-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }
.team-tabs button b { display: grid; min-width: 18px; height: 18px; place-items: center; padding: 0 4px; border-radius: 6px; color: #727a75; background: #eff0ec; font-size:12px; }
.team-tabs button.active b { color: var(--orange-dark); background: var(--orange-soft); }
.team-toolbar { display: flex; min-height: 63px; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid #e7e9e4; }
.team-toolbar label { display: flex; width: min(380px, 60%); min-height: 39px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #89918c; background: #f8f8f5; }
.team-toolbar label:focus-within { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.team-toolbar label .ui-icon { width: 14px; height: 14px; }
.team-toolbar input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.team-toolbar > button { display: inline-flex; min-height: 39px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #606963; background: #fff; font-size:12px; font-weight: 700; white-space: nowrap; }
.team-toolbar > button .ui-icon { width: 13px; height: 13px; }
.team-toolbar > button .chevron { width: 10px; height: 10px; }
.team-table { min-width: 990px; }
.team-row { display: grid; min-height: 70px; grid-template-columns: minmax(180px, 1.25fr) 88px 125px minmax(140px, 1fr) 125px 78px 31px; align-items: center; gap: 9px; padding: 0 14px; border-bottom: 1px solid #eceee9; color: #5f6963; font-size:12px; }
.team-row:not(.team-row-head):hover { background: #fbfcfa; }
.team-row-head { min-height: 34px; color: #979d99; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.team-row > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.team-row small { overflow: hidden; color: #969d98; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.team-row span > b { overflow: hidden; color: #46514b; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.team-person { display: flex; min-width: 0; align-items: center; gap: 9px; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; }
.team-person > i { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 50%; font-size:12px; font-style: normal; font-weight: 850; }
.team-person > i.violet { color: #67559f; background: #ece8f9; }
.team-person > i.mint { color: #28735f; background: #dff2ea; }
.team-person > i.blue { color: #3c6c82; background: #e0eff5; }
.team-person > i.orange { color: #9c6529; background: #fff0d6; }
.team-person > i.sand { color: #806920; background: #f8efcf; }
.team-person > i.gray { color: #65706a; background: #e9ece8; }
.team-person > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; overflow: hidden; }
.team-person b { overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.team-person:hover b { color: var(--orange-dark); }
.team-role { display: inline-flex; width: fit-content; min-height: 23px; align-items: center; padding: 0 7px; border-radius: 7px; font-size:12px; font-style: normal; font-weight: 750; }
.team-role.owner { color: #65549d; background: #ece8f9; }
.team-role.accountant { color: #28735f; background: #dff2ea; }
.team-role.sales { color: #39708a; background: #e0eff5; }
.team-role.buyer { color: #9c6529; background: #fff0d6; }
.team-role.warehouse { color: #806920; background: #f8efcf; }
.team-role.auditor { color: #65706a; background: #e9ece8; }
.team-organizations { display: flex !important; flex-flow: row wrap !important; align-items: center; gap: 0 !important; }
.team-organizations > i { display: grid; width: 22px; height: 22px; place-items: center; margin-right: -5px; border: 2px solid #fff; border-radius: 50%; color: #3a6b61; background: #dff0eb; font-size:12px; font-style: normal; font-weight: 850; }
.team-organizations > i:nth-child(2) { color: #66549d; background: #ece8f9; }
.team-organizations > i:nth-child(3) { color: #956225; background: #fff0d6; }
.team-organizations small { width: 100%; margin-top: 4px; }
.team-status { display: inline-flex; width: fit-content; min-height: 23px; align-items: center; gap: 5px; padding: 0 7px; border-radius: 7px; font-size:12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.team-status i { width: 5px; height: 5px; border-radius: 50%; }
.team-status.active { color: #337454; background: #e7f4eb; }
.team-status.active i { background: #4b9b6c; }
.team-status.invite { color: #9c6426; background: #fff0d2; }
.team-status.invite i { background: #d48c38; }
.team-status.disabled { color: #757d78; background: #eceeeb; }
.team-status.disabled i { background: #929994; }
.team-empty { min-height: 280px; place-items: center; align-content: center; gap: 7px; padding: 28px; color: #7f8782; text-align: center; }
.team-empty:not([hidden]) { display: grid; }
.team-empty .ui-icon { width: 27px; height: 27px; color: var(--orange); }
.team-empty b { color: var(--ink); font-size:14px; }
.team-empty span { font-size:12px; }
.team-side { display: grid; gap: 12px; }
.team-side-card { padding: 16px; }
.team-side-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.team-side-head p { margin: 0 0 5px; color: #929893; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.team-side-head h2 { margin: 0; font-size:16px; letter-spacing: -.025em; }
.team-side-head > button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 8px; color: var(--orange-dark); background: #fff; }
.team-side-head > button .ui-icon { width: 13px; height: 13px; }
.role-template { display: grid; width: 100%; min-height: 57px; grid-template-columns: 31px 1fr auto; align-items: center; gap: 8px; padding: 8px 0; border: 0; border-top: 1px solid #eceee9; color: #67716b; background: #fff; text-align: left; }
.role-template > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; }
.role-template > i .ui-icon { width: 14px; height: 14px; }
.role-template > i.owner { color: #65549d; background: #ece8f9; }
.role-template > i.accountant { color: #28735f; background: #dff2ea; }
.role-template > i.sales { color: #39708a; background: #e0eff5; }
.role-template > i.custom { color: #956225; background: #fff0d6; }
.role-template > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.role-template b { color: var(--ink); font-size:12px; }
.role-template small { color: #979e99; font-size:12px; }
.role-template em { display: grid; min-width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #6f7872; background: #eff1ed; font-size:12px; font-style: normal; font-weight: 800; }
.security-score { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 4px; }
.security-score span { display: flex; flex-direction: column; gap: 4px; }
.security-score b { color: var(--ink); font-size:14px; }
.security-score small { color: #929994; font-size:12px; }
.security-score strong { color: #277a53; font-size:14px; }
.security-bar { height: 6px; margin-top: 13px; overflow: hidden; border-radius: 999px; background: #e8ebe6; }
.security-bar i { display: block; width: 75%; height: 100%; border-radius: inherit; background: var(--orange); }
.security-card > button { display: flex; width: 100%; min-height: 38px; align-items: center; justify-content: space-between; padding: 10px 0 0; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.security-card > button .ui-icon { width: 13px; height: 13px; }

.team-overlay { position: fixed; z-index: 82; inset: 0; visibility: hidden; pointer-events: none; }
.team-overlay.open { visibility: visible; pointer-events: auto; }
.team-backdrop { position: absolute; inset: 0; padding: 0; border: 0; opacity: 0; background: rgba(21,30,25,.36); transition: opacity .2s ease; }
.team-overlay.open .team-backdrop { opacity: 1; }
.team-drawer { position: absolute; top: 0; right: 0; display: flex; width: min(470px, 94vw); height: 100%; flex-direction: column; overflow-y: auto; border-left: 1px solid #dfe2dc; background: #f7f7f3; box-shadow: -18px 0 45px rgba(25,36,29,.16); transform: translateX(102%); transition: transform .24s ease; }
.team-overlay.open .team-drawer { transform: translateX(0); }
.team-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; min-height: 108px; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px; border-bottom: 1px solid #e1e3dd; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.team-drawer > header p { margin: 0 0 6px; color: #8d948f; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.team-drawer > header h2 { margin: 0; color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.team-drawer > header span { display: block; margin-top: 7px; color: #838b86; font-size:12px; }
.team-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }
.team-drawer > header .ui-icon { width: 14px; height: 14px; }
.team-member-panel, .team-invite-panel { display: grid; gap: 12px; padding: 14px; }
.team-field { display: grid; gap: 7px; padding: 15px; border: 1px solid #e0e2dc; border-radius: 12px; color: #737c76; background: #fff; font-size:12px; font-weight: 700; }
.team-field input, .team-field select { width: 100%; min-height: 42px; padding: 0 10px; border: 1px solid #d8dcd6; border-radius: 9px; outline: 0; color: var(--ink); background: #f8f8f5; font: 13px/1.2 inherit; }
.team-field input:focus, .team-field select:focus { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.team-access-block { overflow: hidden; border: 1px solid #e0e2dc; border-radius: 12px; background: #fff; }
.team-access-block > div { padding: 15px; }
.team-access-block h3 { margin: 0; color: var(--ink); font-size:14px; }
.team-access-block p { margin: 5px 0 0; color: #8e9590; font-size:12px; line-height: 1.5; }
.team-access-block > label { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; border-top: 1px solid #eceee9; cursor: pointer; }
.team-access-block > label > span { display: flex; min-width: 0; align-items: center; gap: 9px; }
.team-access-block > label > span > i { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #346e62; background: #dff0eb; font-size:12px; font-style: normal; font-weight: 850; }
.team-access-block > label > span > i .ui-icon { width: 14px; height: 14px; }
.permissions-block > label > span > i { color: #5e6b64; background: #edf0ec; }
.team-access-block > label b { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: #414c46; font-size:12px; }
.team-access-block > label small { color: #979e99; font-size:12px; font-weight: 500; }
.team-access-block input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.team-access-block label > em { position: relative; width: 30px; height: 17px; flex: 0 0 auto; border-radius: 999px; background: #d6dbd5; transition: background .15s ease; }
.team-access-block label > em::after { position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(25,35,29,.18); content: ""; transition: transform .15s ease; }
.team-access-block input:checked + em { background: var(--orange); }
.team-access-block input:checked + em::after { transform: translateX(13px); }
.team-access-block input:focus-visible + em { outline: 2px solid var(--orange); outline-offset: 2px; }
.team-member-panel > footer, .team-invite-panel > footer { position: sticky; bottom: 0; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.95); backdrop-filter: blur(10px); }
.team-member-panel > footer button, .team-invite-panel > footer button { flex: 1; min-height: 42px; }
.invite-note { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid #cfe4df; border-radius: 12px; color: var(--orange-dark); background: #ecf7f4; }
.invite-note > .ui-icon { width: 19px; height: 19px; }
.invite-note span { display: flex; flex-direction: column; gap: 4px; }
.invite-note b { color: #285e54; font-size:13px; }
.invite-note small { color: #648078; font-size:12px; }
body.team-open { overflow: hidden; }

@media (max-width: 1150px) {
  .team-page { padding: 26px 20px 60px; }
  .team-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-layout { grid-template-columns: 1fr; }
  .team-side { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1000px) {
  .team-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }
  .team-row-head { display: none; }
  .team-row:not(.team-row-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; min-height: 0; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
  .team-person { grid-column: 1 / -1; padding: 0 32px 11px 0; border-bottom: 1px solid #eceee9; }
  .team-person > i { width: 38px; height: 38px; }
  .team-person b { font-size:13px; }
  .team-row:not(.team-row-head) > span { min-width: 0; }
  .team-row:not(.team-row-head) > span:nth-child(2)::before { content: "Роль"; }
  .team-row:not(.team-row-head) > span:nth-child(3)::before { content: "Организации"; }
  .team-row:not(.team-row-head) > span:nth-child(4)::before { content: "Доступ"; }
  .team-row:not(.team-row-head) > span:nth-child(5)::before { content: "Активность"; }
  .team-row:not(.team-row-head) > span:nth-child(6)::before { content: "Статус"; }
  .team-row:not(.team-row-head) > span::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }
  .team-row > .more-button { position: absolute; top: 11px; right: 10px; }
}

@media (max-width: 700px) {
  .team-page { padding: 22px 12px 50px; }
  .team-head { align-items: stretch; flex-direction: column; }
  .team-head-actions { width: 100%; }
  .team-head-actions button { flex: 1; min-height: 44px; }
  .team-summary { grid-template-columns: 1fr; }
  .team-summary article { min-height: 98px; }
  .team-layout { margin-right: -12px; margin-left: -12px; }
  .team-card { border-right: 0; border-left: 0; border-radius: 0; }
  .team-toolbar { align-items: stretch; flex-direction: column; }
  .team-toolbar label { width: 100%; min-height: 43px; }
  .team-toolbar > button { justify-content: center; }
  .team-side { grid-template-columns: 1fr; padding: 0 12px; }
}

@media (max-width: 420px) {
  .team-head h1 { font-size: 24px; }
  .team-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .team-head-actions .secondary-action span { display: none; }
  .team-drawer { width: 100%; }
  .team-drawer > header { padding: 18px; }
}

/* Runa messenger */
.messages-page { width: min(1540px, 100%); margin: 0 auto; padding: 24px 24px 28px; }
.messages-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.messages-head > div > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.messages-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.messages-head > div > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.messages-head > button { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; }
.messages-head > button .ui-icon { width: 14px; height: 14px; }
.messenger-shell { display: grid; height: calc(100vh - 178px); min-height: 620px; grid-template-columns: 265px minmax(420px, 1fr) 255px; overflow: hidden; border: 1px solid #dfe2dc; border-radius: 15px; background: #fff; }
.message-list-panel, .message-chat-panel, .message-info-panel { min-width: 0; min-height: 0; }
.message-list-panel { display: flex; flex-direction: column; border-right: 1px solid #e2e4df; background: #fafbf8; }
.message-list-head { display: flex; min-height: 61px; align-items: center; justify-content: space-between; padding: 0 14px; }
.message-list-head h2 { margin: 0; color: var(--ink); font-size:16px; letter-spacing: -.025em; }
.message-list-head button { display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 8px; color: #6f7872; background: #fff; }
.message-list-head .ui-icon { width: 13px; height: 13px; }
.message-search { display: flex; min-height: 38px; align-items: center; gap: 7px; margin: 0 12px 10px; padding: 0 9px; border: 1px solid #dfe2dc; border-radius: 9px; color: #89918c; background: #fff; }
.message-search:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.message-search .ui-icon { width: 13px; height: 13px; }
.message-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:12px; }
.message-list-scroll { min-height: 0; flex: 1; padding: 0 7px 12px; overflow-y: auto; }
.message-list-label { margin: 12px 7px 6px; color: #9aa09c; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.conversation-row { position: relative; display: grid; width: 100%; min-height: 59px; grid-template-columns: 33px 1fr auto; align-items: center; gap: 8px; padding: 8px 8px; border: 0; border-radius: 9px; color: #66706a; background: transparent; text-align: left; }
.conversation-row:hover { background: #f0f3ee; }
.conversation-row.active { background: #e5f3f0; }
.conversation-row > i { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 9px; font-size:14px; font-style: normal; font-weight: 800; }
.conversation-row > i.channel { color: #4a7168; background: #e1ece8; }
.conversation-row.active > i.channel { color: #fff; background: var(--orange); }
.conversation-row > i.avatar { position: relative; border-radius: 50%; font-size:12px; }
.conversation-row > i.avatar.mint { color: #28735f; background: #dff2ea; }
.conversation-row > i.avatar.blue { color: #3c6c82; background: #e0eff5; }
.conversation-row > i.avatar.orange { color: #9c6529; background: #fff0d6; }
.conversation-row > i.avatar small { position: absolute; right: 0; bottom: 0; width: 8px; height: 8px; border: 2px solid #fafbf8; border-radius: 50%; background: #3ba76d; }
.conversation-row > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; overflow: hidden; }
.conversation-row b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.conversation-row small { overflow: hidden; color: #909792; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.conversation-row time { align-self: start; padding-top: 4px; color: #a0a6a2; font-size:12px; white-space: nowrap; }
.conversation-row > em { position: absolute; right: 8px; bottom: 8px; display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 6px; color: #fff; background: var(--orange); font-size:12px; font-style: normal; font-weight: 800; }
.message-list-empty { min-height: 180px; place-items: center; align-content: center; gap: 6px; color: #929994; text-align: center; }
.message-list-empty:not([hidden]) { display: grid; }
.message-list-empty .ui-icon { width: 22px; height: 22px; }
.message-list-empty span { font-size:12px; }
.message-chat-panel { display: flex; flex-direction: column; background: #f5f6f2; }
.chat-head { display: flex; min-height: 62px; align-items: center; gap: 9px; padding: 0 14px; border-bottom: 1px solid #e2e4df; background: #fff; }
.chat-head > i { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #fff; background: var(--orange); font-size:14px; font-style: normal; font-weight: 800; }
.chat-head > div:not(.chat-head-actions) { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.chat-head h2 { overflow: hidden; margin: 0; color: var(--ink); font-size:14px; text-overflow: ellipsis; white-space: nowrap; }
.chat-head span { overflow: hidden; color: #929994; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.chat-head-actions { display: flex; gap: 5px; margin-left: auto; }
.chat-head-actions button, .chat-back { display: grid; width: 30px; height: 30px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 8px; color: #6d7670; background: #fff; }
.chat-head-actions .ui-icon, .chat-back .ui-icon { width: 13px; height: 13px; }
.chat-back { display: none; }
.chat-feed { min-height: 0; flex: 1; padding: 18px 20px 22px; overflow-y: auto; scroll-behavior: smooth; }
.chat-day { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; }
.chat-day::before, .chat-day::after { height: 1px; flex: 1; background: #dfe2dc; content: ""; }
.chat-day span { color: #969d98; font-size:12px; white-space: nowrap; }
.chat-message { display: flex; max-width: min(78%, 580px); align-items: flex-start; gap: 9px; margin: 0 0 15px; }
.chat-message > i.avatar { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; border-radius: 50%; font-size:12px; font-style: normal; font-weight: 850; }
.chat-message > i.mint { color: #28735f; background: #dff2ea; }
.chat-message > i.blue { color: #3c6c82; background: #e0eff5; }
.chat-message > i.violet { color: #67559f; background: #ece8f9; }
.chat-message > div { min-width: 0; padding: 10px 11px; border: 1px solid #e0e2dc; border-radius: 4px 11px 11px; background: #fff; box-shadow: 0 1px 2px rgba(28,40,32,.03); }
.chat-message > div > header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.chat-message > div > header b { color: var(--ink); font-size:12px; }
.chat-message > div > header time { color: #a0a6a2; font-size:12px; }
.chat-message p { margin: 0; color: #48544d; font-size:12px; line-height: 1.55; }
.chat-message > div > footer { display: flex; justify-content: flex-end; margin-top: 7px; }
.chat-message > div > footer button { min-height: 22px; padding: 0 6px; border: 1px solid #e1e4df; border-radius: 7px; color: #606a64; background: #f8f9f6; font-size:12px; }
.chat-message > div > footer span { display: flex; align-items: center; gap: 3px; color: #739187; font-size:12px; }
.chat-message > div > footer .ui-icon { width: 10px; height: 10px; }
.chat-message.mine { flex-direction: row-reverse; margin-left: auto; }
.chat-message.mine > div { border-color: #cce4de; border-radius: 11px 4px 11px 11px; background: #e6f3f0; }
.chat-file { display: grid; width: 100%; min-width: 280px; grid-template-columns: 34px 1fr 14px; align-items: center; gap: 8px; margin-top: 10px; padding: 9px; border: 1px solid #e0e2dc; border-radius: 9px; color: #68716b; background: #f7f8f5; text-align: left; }
.chat-file > i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; color: #a45142; background: #f8e3df; }
.chat-file > i .ui-icon { width: 15px; height: 15px; }
.chat-file > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.chat-file b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.chat-file small { color: #969d98; font-size:12px; }
.chat-file > .ui-icon { width: 13px; height: 13px; }
.chat-document { display: grid; width: 100%; min-width: 300px; grid-template-columns: 1fr auto 14px; align-items: center; gap: 8px; margin-top: 10px; padding: 10px; border: 1px solid #cfe2dc; border-radius: 9px; color: #68716b; background: #f2faf7; text-align: left; }
.chat-document > span { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 7px; }
.chat-document > span i { grid-row: span 2; padding: 4px 6px; border-radius: 5px; color: #2d755c; background: #dff0e9; font-size:12px; font-style: normal; font-weight: 800; }
.chat-document b { color: var(--ink); font-size:12px; }
.chat-document small { color: #7f8c85; font-size:12px; }
.chat-document em { padding: 5px 6px; border-radius: 6px; color: #2f7551; background: #dff1e6; font-size:12px; font-style: normal; font-weight: 750; }
.chat-document > .ui-icon { width: 12px; height: 12px; }
.chat-system { display: flex; width: fit-content; min-height: 34px; align-items: center; gap: 7px; margin: 2px auto 16px; padding: 6px 9px; border: 1px solid #dfe2dc; border-radius: 9px; color: #7d8580; background: rgba(255,255,255,.78); font-size:12px; }
.chat-system > i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #277a53; background: #e1f2e7; }
.chat-system .ui-icon { width: 11px; height: 11px; }
.chat-system button { padding: 0; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.chat-composer { display: flex; min-height: 64px; align-items: center; gap: 7px; padding: 10px 12px; border-top: 1px solid #e0e2dc; background: #fff; }
.chat-composer input { min-width: 0; min-height: 41px; flex: 1; padding: 0 11px; border: 1px solid #dfe2dc; border-radius: 10px; outline: 0; color: var(--ink); background: #f8f8f5; font-size:12px; }
.chat-composer input:focus { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.chat-composer > button { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; padding: 0; border: 0; border-radius: 9px; color: #717a74; background: transparent; }
.chat-composer > button:hover { background: #f0f2ee; }
.chat-composer > button .ui-icon { width: 15px; height: 15px; }
.chat-composer > button.composer-emoji { font-size:16px; }
.chat-composer > button.composer-send { color: #fff; background: var(--orange); }
.message-info-panel { padding: 14px; overflow-y: auto; border-left: 1px solid #e2e4df; background: #fafbf8; }
.message-info-panel > section { padding: 14px 0; border-bottom: 1px solid #e4e6e1; }
.channel-about { text-align: center; }
.channel-about > i { display: grid; width: 43px; height: 43px; margin: 0 auto 10px; place-items: center; border-radius: 12px; color: #fff; background: var(--orange); font-size:16px; font-style: normal; font-weight: 800; }
.channel-about h2 { margin: 0; color: var(--ink); font-size:14px; }
.channel-about p { margin: 8px 4px 12px; color: #858d88; font-size:12px; line-height: 1.55; }
.channel-about button { display: inline-flex; min-height: 31px; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid #dfe2dc; border-radius: 8px; color: #626b65; background: #fff; font-size:12px; font-weight: 700; }
.channel-about button .ui-icon { width: 12px; height: 12px; }
.channel-members header, .channel-files header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.channel-members h3, .channel-files h3 { margin: 0; color: var(--ink); font-size:13px; }
.channel-members header span { display: grid; min-width: 18px; height: 18px; place-items: center; border-radius: 6px; color: #6e7771; background: #e9ece7; font-size:12px; }
.channel-members > div { display: grid; min-height: 45px; grid-template-columns: 29px 1fr auto; align-items: center; gap: 7px; }
.channel-members > div > i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; font-size:12px; font-style: normal; font-weight: 850; }
.channel-members > div > i.violet { color: #67559f; background: #ece8f9; }
.channel-members > div > i.mint { color: #28735f; background: #dff2ea; }
.channel-members > div > i.blue { color: #3c6c82; background: #e0eff5; }
.channel-members > div > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.channel-members b { color: #46514b; font-size:12px; }
.channel-members small { color: #959c97; font-size:12px; }
.channel-members em { color: #3b8b65; font-size:12px; font-style: normal; }
.channel-members > button { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; margin-top: 6px; padding: 0 7px; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.channel-members > button .ui-icon { width: 12px; height: 12px; }
.channel-files header button { padding: 0; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.channel-files > button { display: grid; width: 100%; min-height: 49px; grid-template-columns: 30px 1fr; align-items: center; gap: 8px; padding: 6px 0; border: 0; color: #66706a; background: transparent; text-align: left; }
.channel-files > button > i { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; color: #a45142; background: #f8e3df; }
.channel-files > button > i .ui-icon { width: 14px; height: 14px; }
.channel-files > button > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.channel-files b { overflow: hidden; color: #46514b; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.channel-files small { color: #979e99; font-size:12px; }

@media (max-width: 1200px) {
  .messenger-shell { grid-template-columns: 250px minmax(0, 1fr); }
  .message-info-panel { display: none; }
}

@media (max-width: 760px) {
  .messages-page { padding: 0; }
  .messages-head { display: none; }
  .messenger-shell { height: calc(100vh - 59px); min-height: 620px; grid-template-columns: 1fr; border: 0; border-radius: 0; }
  .message-list-panel { display: none; border-right: 0; }
  .message-chat-panel { display: flex; }
  .messages-page.show-list .message-list-panel { display: flex; }
  .messages-page.show-list .message-chat-panel { display: none; }
  .chat-back { display: grid; }
  .chat-feed { padding: 15px 10px 18px; }
  .chat-message { max-width: 92%; }
  .chat-message > i.avatar { width: 28px; height: 28px; }
  .chat-message > div { padding: 9px; }
  .chat-file, .chat-document { min-width: 0; }
  .chat-head-actions button:first-child { display: none; }
  .chat-composer { padding: 8px; }
  .chat-composer > button.composer-emoji { display: none; }
}

/* Settings and organizations */
.settings-page { width: min(1440px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.settings-head > div > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.settings-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.settings-head > div > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.settings-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 15px; margin-top: 24px; }
.settings-menu { position: sticky; top: 92px; padding: 10px; border: 1px solid #dfe2dc; border-radius: 14px; background: #fff; }
.settings-menu > p { margin: 12px 9px 5px; color: #a0a6a1; font-size:12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.settings-menu > button { display: grid; width: 100%; min-height: 49px; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 7px 9px; border: 0; border-radius: 9px; color: #69726c; background: transparent; text-align: left; }
.settings-menu > button:hover { background: #f3f5f1; }
.settings-menu > button.active { color: var(--orange-dark); background: var(--orange-soft); }
.settings-menu > button > .ui-icon { width: 15px; height: 15px; justify-self: center; }
.settings-menu > button > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.settings-menu > button b { color: #46514b; font-size:12px; }
.settings-menu > button.active b { color: var(--orange-dark); }
.settings-menu > button small { color: #989e99; font-size:12px; }
.settings-menu > button em { display: grid; min-width: 20px; height: 20px; place-items: center; padding: 0 4px; border-radius: 6px; color: #fff; background: var(--orange); font-size:12px; font-style: normal; font-weight: 800; }
.settings-content { min-width: 0; }
.organizations-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 2px 2px 15px; }
.organizations-head > div > p { margin: 0 0 5px; color: #969d98; font-size:12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.organizations-head h2 { margin: 0; color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.organizations-head > div > span { display: block; margin-top: 6px; color: #818984; font-size:12px; }
.organizations-head > button { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; }
.organizations-head > button .ui-icon { width: 14px; height: 14px; }
.billing-strip { display: grid; min-height: 86px; grid-template-columns: 40px 1fr auto auto; align-items: center; gap: 13px; padding: 13px 15px; border: 1px solid #cfe4df; border-radius: 13px; background: #f1faf7; }
.billing-strip > i { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 11px; color: var(--orange-dark); background: #d9eee9; }
.billing-strip > i .ui-icon { width: 18px; height: 18px; }
.billing-strip > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.billing-strip p { margin: 0; color: #6f7d76; font-size:12px; }
.billing-strip h3 { margin: 0; color: var(--ink); font-size:14px; }
.billing-strip span { color: #86908a; font-size:12px; }
.billing-strip > strong { padding: 6px 8px; border-radius: 7px; color: #2f7551; background: #dff1e6; font-size:12px; }
.billing-strip > button { display: inline-flex; min-height: 34px; align-items: center; gap: 5px; padding: 0 9px; border: 1px solid #cbded9; border-radius: 8px; color: var(--orange-dark); background: #fff; font-size:12px; font-weight: 750; white-space: nowrap; }
.billing-strip > button .ui-icon { width: 12px; height: 12px; }
.organization-accordion { display: grid; gap: 9px; margin-top: 12px; }
.organization-card { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 13px; background: #fff; }
.organization-card.open { border-color: #bfd5cf; box-shadow: 0 4px 18px rgba(31,49,40,.05); }
.organization-card-head { display: grid; width: 100%; min-height: 72px; grid-template-columns: 39px minmax(180px, 1fr) auto 95px 18px; align-items: center; gap: 10px; padding: 11px 14px; border: 0; color: #67716b; background: #fff; text-align: left; }
.organization-card.open .organization-card-head { background: #f4faf8; }
.organization-card-head:hover { background: #f8faf7; }
.organization-card-head > i { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 10px; font-size:14px; font-style: normal; font-weight: 850; }
.organization-card-head > i.mint { color: #28735f; background: #dff2ea; }
.organization-card-head > i.violet { color: #67559f; background: #ece8f9; }
.organization-card-head > i.orange { color: #9c6529; background: #fff0d6; }
.organization-card-head > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.organization-card-head b { overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.organization-card-head small { color: #929994; font-size:12px; }
.organization-card-head em { padding: 6px 7px; border-radius: 7px; color: #67716b; background: #ecefeb; font-size:12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.organization-card-head em.main { color: var(--orange-dark); background: var(--orange-soft); }
.organization-card-head > strong { color: #4a554f; font-size:12px; text-align: right; white-space: nowrap; }
.organization-card-head > .ui-icon { width: 13px; height: 13px; transition: transform .18s ease; }
.organization-card.open .organization-card-head > .ui-icon { transform: rotate(180deg); }
.organization-card-body { padding: 0 14px 14px; border-top: 1px solid #e5e7e2; background: #fff; }
.organization-status { display: flex; min-height: 59px; align-items: center; justify-content: space-between; gap: 12px; }
.organization-status > span { display: grid; grid-template-columns: 8px 1fr; align-items: center; gap: 3px 7px; }
.organization-status > span > i { width: 7px; height: 7px; grid-row: span 2; border-radius: 50%; background: #46a16c; }
.organization-status b { color: #3f4b45; font-size:12px; }
.organization-status small { color: #929994; font-size:12px; }
.organization-status > button { display: inline-flex; min-height: 31px; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid #dfe2dc; border-radius: 8px; color: #626b65; background: #fff; font-size:12px; font-weight: 700; white-space: nowrap; }
.organization-status > button .ui-icon { width: 12px; height: 12px; }
.organization-settings-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.organization-settings-grid section { min-width: 0; padding: 12px; border: 1px solid #e1e3de; border-radius: 10px; background: #fafbf8; }
.organization-settings-grid p { margin: 0; color: #909792; font-size:12px; font-weight: 750; text-transform: uppercase; }
.organization-settings-grid h3 { margin: 9px 0 0; overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.organization-settings-grid span { display: block; min-height: 24px; margin-top: 5px; overflow: hidden; color: #8a928d; font-size:12px; line-height: 1.45; }
.organization-settings-grid button { margin-top: 8px; padding: 0; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.organization-requisites { display: grid; grid-template-columns: 1.5fr 1.1fr .7fr auto; align-items: center; gap: 12px; margin-top: 9px; padding: 11px 12px; border: 1px solid #e1e3de; border-radius: 10px; }
.organization-requisites > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.organization-requisites span { color: #929994; font-size:12px; }
.organization-requisites b { overflow: hidden; color: #46514b; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.organization-requisites > button { display: inline-flex; min-height: 32px; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid #dfe2dc; border-radius: 8px; color: #626b65; background: #fff; font-size:12px; font-weight: 700; white-space: nowrap; }
.organization-requisites > button .ui-icon { width: 12px; height: 12px; }
.organizations-help { display: grid; min-height: 77px; grid-template-columns: 32px 1fr auto; align-items: center; gap: 11px; margin-top: 12px; padding: 12px 14px; border: 1px solid #e0e2dc; border-radius: 12px; background: #fff; }
.organizations-help > .ui-icon { width: 24px; height: 24px; color: var(--orange); }
.organizations-help h3 { margin: 0; color: var(--ink); font-size:13px; }
.organizations-help p { margin: 5px 0 0; color: #858e88; font-size:12px; line-height: 1.5; }
.organizations-help button { min-height: 32px; padding: 0 9px; border: 1px solid #dfe2dc; border-radius: 8px; color: var(--orange-dark); background: #fff; font-size:12px; font-weight: 750; white-space: nowrap; }

.organization-overlay { position: fixed; z-index: 84; inset: 0; visibility: hidden; pointer-events: none; }
.organization-overlay.open { visibility: visible; pointer-events: auto; }
.organization-backdrop { position: absolute; inset: 0; padding: 0; border: 0; opacity: 0; background: rgba(21,30,25,.36); transition: opacity .2s ease; }
.organization-overlay.open .organization-backdrop { opacity: 1; }
.organization-drawer { position: absolute; top: 0; right: 0; display: flex; width: min(430px, 94vw); height: 100%; flex-direction: column; overflow-y: auto; border-left: 1px solid #dfe2dc; background: #f7f7f3; box-shadow: -18px 0 45px rgba(25,36,29,.16); transform: translateX(102%); transition: transform .24s ease; }
.organization-overlay.open .organization-drawer { transform: translateX(0); }
.organization-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; min-height: 108px; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px; border-bottom: 1px solid #e1e3dd; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.organization-drawer > header p { margin: 0 0 6px; color: #8d948f; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.organization-drawer > header h2 { margin: 0; color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.organization-drawer > header span { display: block; margin-top: 7px; color: #838b86; font-size:12px; }
.organization-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }
.organization-drawer > header .ui-icon { width: 14px; height: 14px; }
.organization-create { display: grid; gap: 12px; padding: 14px; }
.organization-type-tabs { display: flex; gap: 3px; padding: 3px; border-radius: 10px; background: #e9ece7; }
.organization-type-tabs button { min-height: 35px; flex: 1; padding: 0 7px; border: 0; border-radius: 8px; color: #757e78; background: transparent; font-size:12px; font-weight: 750; white-space: nowrap; }
.organization-type-tabs button.active { color: var(--ink); background: #fff; box-shadow: 0 2px 6px rgba(24,35,29,.08); }
.organization-auto { display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid #cfe4df; border-radius: 12px; color: var(--orange-dark); background: #ecf7f4; }
.organization-auto > .ui-icon { width: 19px; height: 19px; }
.organization-auto span { display: flex; flex-direction: column; gap: 4px; }
.organization-auto b { color: #285e54; font-size:13px; }
.organization-auto small { color: #648078; font-size:12px; }
.organization-search-field { display: grid; gap: 7px; padding: 15px; border: 1px solid #e0e2dc; border-radius: 12px; color: #737c76; background: #fff; font-size:12px; font-weight: 700; }
.organization-search-field > div { display: flex; min-height: 43px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #d8dcd6; border-radius: 9px; background: #f8f8f5; }
.organization-search-field > div:focus-within { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.organization-search-field .ui-icon { width: 14px; height: 14px; color: #89918c; }
.organization-search-field input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.organization-suggestion { display: none; width: 100%; grid-template-columns: 36px 1fr 16px; align-items: center; gap: 9px; padding: 11px; border: 1px solid #dfe2dc; border-radius: 11px; color: #68716b; background: #fff; text-align: left; }
.organization-suggestion.visible { display: grid; }
.organization-suggestion > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; color: #28735f; background: #dff2ea; font-size:13px; font-style: normal; font-weight: 850; }
.organization-suggestion > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.organization-suggestion b { color: var(--ink); font-size:12px; }
.organization-suggestion small { color: #929994; font-size:12px; }
.organization-suggestion > .ui-icon { width: 13px; height: 13px; }
.organization-price { overflow: hidden; border: 1px solid #e0e2dc; border-radius: 12px; background: #fff; }
.organization-price > div, .organization-price > footer { display: flex; min-height: 45px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; border-bottom: 1px solid #eceee9; }
.organization-price span { color: #818984; font-size:12px; }
.organization-price b { color: #4c5751; font-size:12px; }
.organization-price > footer { border-bottom: 0; background: #f5faf8; }
.organization-price strong { color: var(--orange-dark); font-size:13px; }
.organization-create-note { margin: 0; padding: 0 3px; color: #8c938f; font-size:12px; line-height: 1.55; }
.organization-create > footer { position: sticky; bottom: 0; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.95); backdrop-filter: blur(10px); }
.organization-create > footer button { flex: 1; min-height: 42px; }
body.organization-open { overflow: hidden; }

@media (max-width: 1100px) {
  .settings-page { padding: 26px 20px 60px; }
  .settings-layout { grid-template-columns: 185px minmax(0, 1fr); }
  .organization-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .organization-requisites { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .settings-page { padding: 22px 12px 50px; }
  .settings-head h1 { font-size: 24px; }
  .settings-layout { grid-template-columns: 1fr; margin-top: 18px; }
  .settings-menu { position: static; display: flex; gap: 6px; margin: 0 -12px; padding: 0 12px 10px; overflow-x: auto; border: 0; border-bottom: 1px solid #e0e2dc; border-radius: 0; background: transparent; scrollbar-width: none; }
  .settings-menu::-webkit-scrollbar { display: none; }
  .settings-menu > p { display: none; }
  .settings-menu > button { display: flex; min-width: max-content; min-height: 38px; gap: 6px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; background: #fff; }
  .settings-menu > button > span { display: block; }
  .settings-menu > button small, .settings-menu > button em { display: none; }
  .settings-menu > button > .ui-icon { width: 13px; height: 13px; }
  .organizations-head { align-items: stretch; flex-direction: column; }
  .organizations-head > button { min-height: 44px; justify-content: center; }
  .billing-strip { grid-template-columns: 40px 1fr auto; }
  .billing-strip > button { grid-column: 1 / -1; justify-content: center; }
  .organization-card-head { min-height: 70px; grid-template-columns: 38px 1fr auto 16px; padding: 10px; }
  .organization-card-head > strong { display: none; }
  .organization-card-head small { max-width: 185px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .organization-card-body { padding: 0 10px 10px; }
  .organization-status { align-items: flex-start; flex-direction: column; padding: 11px 0; }
  .organization-settings-grid { grid-template-columns: 1fr; }
  .organization-requisites { grid-template-columns: 1fr; }
  .organization-requisites > button { justify-content: center; }
  .organizations-help { grid-template-columns: 28px 1fr; }
  .organizations-help button { grid-column: 1 / -1; }
}

@media (max-width: 420px) {
  .organization-drawer { width: 100%; }
  .organization-drawer > header { padding: 18px; }
}

/* Documents and print forms */
.documents-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.documents-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.documents-head > div:first-child > p { margin: 0 0 5px; color: #8b918d; font-size:13px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.documents-head h1 { margin: 0; font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.documents-head > div:first-child > span { display: block; margin-top: 7px; color: #737b76; font-size:14px; }
.documents-head-actions { display: flex; gap: 8px; }
.documents-head-actions button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 7px; }
.documents-head-actions .ui-icon { width: 14px; height: 14px; }
.documents-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 23px; }
.documents-summary article { min-width: 0; min-height: 106px; padding: 16px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.documents-summary article > span { display: block; color: #7d8580; font-size:12px; font-weight: 650; }
.documents-summary strong { display: block; margin-top: 14px; color: var(--ink); font-size: 19px; letter-spacing: -.035em; white-space: nowrap; }
.documents-summary strong.warning { color: #a76628; }
.documents-summary strong.positive { color: #277a53; }
.documents-summary small { display: flex; align-items: center; gap: 4px; margin-top: 8px; color: #929994; font-size:12px; }
.documents-summary small.warning { color: #a76628; }
.documents-summary small.positive { color: #277a53; }
.documents-summary small .ui-icon { width: 11px; height: 11px; }
.documents-layout { display: grid; grid-template-columns: minmax(0, 1fr) 325px; align-items: start; gap: 12px; margin-top: 12px; }
.documents-card, .document-preview-card { min-width: 0; overflow: hidden; border: 1px solid #dfe2dc; border-radius: 14px; background: #fff; }
.documents-tabs { display: flex; gap: 4px; padding: 0 14px; overflow-x: auto; border-bottom: 1px solid #e5e7e2; scrollbar-width: none; }
.documents-tabs::-webkit-scrollbar { display: none; }
.documents-tabs button { display: inline-flex; min-height: 45px; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-bottom: 2px solid transparent; color: #7f8782; background: transparent; font-size:12px; font-weight: 700; white-space: nowrap; }
.documents-tabs button.active { border-bottom-color: var(--orange); color: var(--ink); }
.documents-tabs button b { display: grid; min-width: 18px; height: 18px; place-items: center; padding: 0 4px; border-radius: 6px; color: #727a75; background: #eff0ec; font-size:12px; }
.documents-tabs button.active b { color: var(--orange-dark); background: var(--orange-soft); }
.documents-toolbar { display: flex; min-height: 63px; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid #e7e9e4; }
.documents-toolbar > label { display: flex; width: min(380px, 48%); min-height: 39px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #89918c; background: #f8f8f5; }
.documents-toolbar > label:focus-within { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.documents-toolbar > label .ui-icon { width: 14px; height: 14px; }
.documents-toolbar input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size:13px; }
.documents-toolbar > div { display: flex; gap: 7px; }
.documents-toolbar > div button { display: inline-flex; min-height: 39px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 9px; color: #606963; background: #fff; font-size:12px; font-weight: 700; white-space: nowrap; }
.documents-toolbar > div button .ui-icon { width: 13px; height: 13px; }
.documents-toolbar > div button .chevron { width: 10px; height: 10px; }
.documents-toolbar > div button span { display: grid; min-width: 17px; height: 17px; place-items: center; padding: 0 4px; border-radius: 6px; color: var(--orange-dark); background: var(--orange-soft); font-size:12px; }
.documents-table { min-width: 870px; }
.document-row { display: grid; width: 100%; min-height: 68px; grid-template-columns: minmax(170px, 1.25fr) minmax(145px, 1fr) 100px 76px 105px 85px 17px; align-items: center; gap: 9px; padding: 0 14px; border: 0; border-bottom: 1px solid #eceee9; color: #5f6963; background: #fff; font-size:12px; text-align: left; }
.document-row:not(.document-row-head):hover { background: #fbfcfa; }
.document-row.selected { background: #f0f8f6; box-shadow: inset 3px 0 0 var(--orange); }
.document-row-head { min-height: 34px; color: #979d99; background: #fafaf7; font-size:12px; font-weight: 750; text-transform: uppercase; }
.document-row > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.document-row small { overflow: hidden; color: #969d98; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.document-name { flex-direction: row !important; align-items: center; gap: 9px !important; }
.document-name > i { display: grid; width: 33px; height: 33px; flex: 0 0 auto; place-items: center; border-radius: 9px; }
.document-name > i .ui-icon { width: 15px; height: 15px; }
.document-name > i.invoice { color: #39708a; background: #e0eff5; }
.document-name > i.upd { color: #65549d; background: #ece8f9; }
.document-name > i.act { color: #28735f; background: #dff2ea; }
.document-name > i.torg { color: #9c6529; background: #fff0d6; }
.document-name > i.reconcile { color: #806920; background: #f8efcf; }
.document-name > b { display: flex; min-width: 0; flex-direction: column; gap: 5px; overflow: hidden; color: var(--ink); font-size:13px; }
.document-status { display: inline-flex; width: fit-content; min-height: 23px; align-items: center; padding: 0 7px; border-radius: 7px; font-size:12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.document-status.paid, .document-status.signed { color: #337454; background: #e7f4eb; }
.document-status.awaiting { color: #94661f; background: #fff0d2; }
.document-status.posted { color: #39708a; background: #e0eff5; }
.document-status.overdue { color: #a3483c; background: #fbe6e2; }
.document-status.draft { color: #727b75; background: #eceeeb; }
.document-amount { color: var(--ink); font-weight: 800; white-space: nowrap; }
.document-row > .row-arrow { width: 12px; height: 12px; color: #9ba19d; }
.documents-empty { min-height: 280px; place-items: center; align-content: center; gap: 7px; padding: 28px; color: #7f8782; text-align: center; }
.documents-empty:not([hidden]) { display: grid; }
.documents-empty .ui-icon { width: 27px; height: 27px; color: var(--orange); }
.documents-empty b { color: var(--ink); font-size:14px; }
.documents-empty span { font-size:12px; }
.documents-footer { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; color: #909792; font-size:12px; }
.documents-footer button { min-height: 31px; padding: 0 10px; border: 1px solid #e0e2dc; border-radius: 8px; color: #59635d; background: #fff; font-size:12px; font-weight: 700; }
.document-preview-card { position: sticky; top: 81px; padding: 14px; }
.document-preview-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.document-preview-card > header p { margin: 0 0 5px; color: #929893; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.document-preview-card > header h2 { margin: 0; color: var(--ink); font-size:16px; letter-spacing: -.025em; }
.document-preview-card > header span { display: block; margin-top: 5px; color: #8d948f; font-size:12px; }
.document-preview-card > header > button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid #e0e2dc; border-radius: 8px; color: #6e7771; background: #fff; }
.document-preview-card > header > button .ui-icon { width: 13px; height: 13px; }
.document-preview-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 12px; }
.document-preview-actions button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 5px; padding: 0 7px; border: 1px solid #dfe2dc; border-radius: 8px; color: #606963; background: #fff; font-size:12px; font-weight: 750; }
.document-preview-actions button.primary { border-color: var(--orange); color: #fff; background: var(--orange); }
.document-preview-actions .ui-icon { width: 12px; height: 12px; }
.document-paper { margin-top: 12px; padding: 17px 15px; border: 1px solid #dfe2dc; border-radius: 3px; background: #fff; box-shadow: 0 5px 18px rgba(26,37,30,.08); }
.paper-brand { display: flex; align-items: center; gap: 7px; }
.paper-brand img { width: 22px; height: 22px; }
.paper-brand span { display: flex; flex-direction: column; gap: 3px; }
.paper-brand b { color: #222a26; font-size:12px; }
.paper-brand small { color: #7e8680; font-size:12px; }
.document-paper > h3 { margin: 18px 0 12px; color: #17201b; font-size:13px; text-align: center; }
.paper-parties { display: grid; gap: 7px; }
.paper-parties p { display: grid; grid-template-columns: 55px 1fr; gap: 3px 5px; margin: 0; color: #58625c; font-size:12px; }
.paper-parties p span { color: #8b928d; }
.paper-parties p b { color: #242c28; font-size:12px; }
.paper-parties p small { grid-column: 2; color: #777f7a; font-size:12px; }
.paper-table { margin-top: 12px; border: 1px solid #737a76; }
.paper-table > header, .paper-table > div { display: grid; grid-template-columns: 18px 1fr 35px 40px 42px; min-height: 20px; align-items: center; }
.paper-table > header { color: #303733; background: #f1f2ef; font-size:12px; font-weight: 800; }
.paper-table span { height: 100%; padding: 5px 4px; border-right: 1px solid #737a76; font-size:12px; }
.paper-table span:last-child { border-right: 0; text-align: right; }
.paper-table > div { border-top: 1px solid #737a76; }
.paper-total { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; margin: 9px 0 0 auto; color: #59625d; font-size:12px; text-align: right; }
.paper-total strong { color: #19221d; font-size:12px; }
.paper-words { margin: 9px 0 0; padding-top: 7px; border-top: 1px solid #dfe1dc; color: #545d58; font-size:12px; line-height: 1.4; }
.paper-signatures { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; color: #4e5752; font-size:12px; }
.paper-signatures span { display: flex; align-items: flex-end; gap: 4px; }
.paper-signatures i { height: 1px; flex: 1; border-bottom: 1px solid #747b77; }
.print-forms { margin-top: 12px; }
.print-forms > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.print-forms h3 { margin: 0; color: var(--ink); font-size:13px; }
.print-forms header span { padding: 4px 6px; border-radius: 6px; color: #34705d; background: #e2f1eb; font-size:12px; font-weight: 800; }
.print-forms > button { display: grid; width: 100%; min-height: 47px; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; padding: 7px 0; border: 0; border-top: 1px solid #eceee9; color: #65706a; background: transparent; text-align: left; }
.print-forms > button > i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; color: #506b63; background: #e9efeb; }
.print-forms > button > i .ui-icon { width: 13px; height: 13px; }
.print-forms > button > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.print-forms b { color: #46514b; font-size:12px; }
.print-forms small { color: #979e99; font-size:12px; }
.print-forms em { padding: 5px 6px; border-radius: 6px; color: #2f7551; background: #dff1e6; font-size:12px; font-style: normal; font-weight: 750; }
.print-forms > button > .ui-icon { width: 12px; height: 12px; }

.document-send-overlay { position: fixed; z-index: 86; inset: 0; visibility: hidden; pointer-events: none; }
.document-send-overlay.open { visibility: visible; pointer-events: auto; }
.document-send-backdrop { position: absolute; inset: 0; padding: 0; border: 0; opacity: 0; background: rgba(21,30,25,.36); transition: opacity .2s ease; }
.document-send-overlay.open .document-send-backdrop { opacity: 1; }
.document-send-drawer { position: absolute; top: 0; right: 0; display: flex; width: min(430px, 94vw); height: 100%; flex-direction: column; overflow-y: auto; border-left: 1px solid #dfe2dc; background: #f7f7f3; box-shadow: -18px 0 45px rgba(25,36,29,.16); transform: translateX(102%); transition: transform .24s ease; }
.document-send-overlay.open .document-send-drawer { transform: translateX(0); }
.document-send-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; min-height: 108px; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px; border-bottom: 1px solid #e1e3dd; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.document-send-drawer > header p { margin: 0 0 6px; color: #8d948f; font-size:12px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.document-send-drawer > header h2 { margin: 0; color: var(--ink); font-size: 18px; letter-spacing: -.035em; }
.document-send-drawer > header span { display: block; margin-top: 7px; color: #838b86; font-size:12px; }
.document-send-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }
.document-send-drawer > header .ui-icon { width: 14px; height: 14px; }
.document-send-content { display: grid; gap: 12px; padding: 14px; }
.send-channel-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.send-channel-tabs button { display: grid; min-height: 60px; place-items: center; align-content: center; gap: 6px; padding: 7px; border: 1px solid #dfe2dc; border-radius: 10px; color: #6d7670; background: #fff; font-size:12px; font-weight: 750; }
.send-channel-tabs button.active { border-color: var(--orange); color: var(--orange-dark); background: #edf8f5; box-shadow: 0 0 0 2px rgba(22,125,115,.08); }
.send-channel-tabs button span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; color: #56625b; background: #edf0ec; font-size:12px; text-transform: uppercase; }
.send-channel-tabs button.active span { color: #fff; background: var(--orange); }
.send-field { display: grid; gap: 7px; padding: 14px; border: 1px solid #e0e2dc; border-radius: 12px; color: #737c76; background: #fff; font-size:12px; font-weight: 700; }
.send-field input, .send-field textarea { width: 100%; padding: 10px; border: 1px solid #d8dcd6; border-radius: 9px; outline: 0; color: var(--ink); background: #f8f8f5; font: 12px/1.45 inherit; resize: vertical; }
.send-field input { min-height: 41px; }
.send-field input:focus, .send-field textarea:focus { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 3px rgba(22,125,115,.09); }
.send-attachment { display: grid; min-height: 63px; grid-template-columns: 35px 1fr auto; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
.send-attachment > i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 9px; color: #a45142; background: #f8e3df; }
.send-attachment > i .ui-icon { width: 15px; height: 15px; }
.send-attachment > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.send-attachment b { color: var(--ink); font-size:12px; }
.send-attachment small { color: #929994; font-size:12px; }
.send-attachment em { padding: 5px 6px; border-radius: 6px; color: #2f7551; background: #dff1e6; font-size:12px; font-style: normal; font-weight: 750; }
.send-copy { display: flex; align-items: center; gap: 8px; color: #626c66; font-size:12px; cursor: pointer; }
.send-copy input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.send-copy em { position: relative; width: 30px; height: 17px; border-radius: 999px; background: #d6dbd5; }
.send-copy em::after { position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(25,35,29,.18); content: ""; transition: transform .15s ease; }
.send-copy input:checked + em { background: var(--orange); }
.send-copy input:checked + em::after { transform: translateX(13px); }
.document-send-content > footer { position: sticky; bottom: 0; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.95); backdrop-filter: blur(10px); }
.document-send-content > footer button { flex: 1; min-height: 42px; }
.document-send-content > footer .primary-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.document-send-content > footer .ui-icon { width: 13px; height: 13px; }
body.document-send-open { overflow: hidden; }

/* Reports */
.reports-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.reports-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.reports-head > div:first-child > p { margin: 0 0 6px; color: #74827a; font-size:12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.reports-head h1 { margin: 0; color: var(--ink); font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.reports-head > div:first-child > span { display: block; margin-top: 7px; color: #747d77; font-size:14px; }
.reports-head-actions { display: flex; align-items: center; gap: 8px; }
.reports-head-actions > button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.reports-head-actions > button .ui-icon { width: 13px; height: 13px; }
.report-org-select { display: grid; min-width: 170px; min-height: 39px; grid-template-columns: 15px 1fr 13px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid #dedfd9; border-radius: 9px; color: #6d7770; background: #fff; }
.report-org-select .ui-icon { width: 13px; height: 13px; }
.report-org-select .chevron { width: 11px; height: 11px; }
.report-org-select select { min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font: 750 13px/1 inherit; appearance: none; }
.report-controlbar { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding: 7px; border: 1px solid #e1e3dd; border-radius: 11px; background: #fff; }
.report-periods { display: flex; gap: 3px; padding: 3px; border-radius: 8px; background: #f0f2ee; }
.report-periods button { min-height: 28px; padding: 0 12px; border: 0; border-radius: 6px; color: #7b837e; background: transparent; font-size:12px; font-weight: 750; }
.report-periods button.active { color: var(--ink); background: #fff; box-shadow: 0 2px 7px rgba(24,34,29,.08); }
.report-date-button { display: inline-flex; min-height: 34px; align-items: center; gap: 7px; padding: 0 10px; border: 0; border-left: 1px solid #e4e6e1; color: #4f5b54; background: transparent; font-size:12px; font-weight: 700; }
.report-date-button .ui-icon { width: 13px; height: 13px; color: #818983; }
.report-date-button .chevron { width: 10px; height: 10px; margin-left: 3px; }
.report-updated { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; padding-right: 7px; color: #8b938e; font-size:12px; }
.report-updated i { width: 6px; height: 6px; border-radius: 50%; background: #43a479; box-shadow: 0 0 0 3px #e2f3ea; }
.report-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.report-metrics article { min-width: 0; min-height: 112px; padding: 15px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; transition: transform .16s ease, box-shadow .16s ease; }
.report-metrics article:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(31,43,36,.07); }
.report-metrics header { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #747d77; font-size:12px; font-weight: 700; }
.report-metrics header i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; }
.report-metrics header i .ui-icon { width: 13px; height: 13px; }
.report-metrics header i.green { color: #287a58; background: #e3f3ea; }
.report-metrics header i.blue { color: #497b96; background: #e5f0f5; }
.report-metrics header i.violet { color: #7a62aa; background: #eee9f8; }
.report-metrics header i.amber { color: #aa741e; background: #f8efd9; }
.report-metrics strong { display: block; overflow: hidden; margin-top: 13px; color: var(--ink); font-size: 17px; font-weight: 720; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.report-metrics p { margin: 8px 0 0; color: #999f9b; font-size:12px; }
.report-metrics p em { margin-right: 3px; color: #27805c; font-style: normal; font-weight: 800; }
.report-metrics p em.neutral { color: #68746d; }
.reports-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(260px, .65fr); gap: 10px; margin-top: 10px; }
.report-chart-card, .expense-card, .report-catalog-card, .tax-calendar-card { min-width: 0; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.report-chart-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 17px 18px 4px; }
.report-chart-card > header p, .expense-card > header p, .report-catalog-card > header p, .tax-calendar-card > header p { margin: 0 0 5px; color: #828a85; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.report-chart-card h2, .report-catalog-card h2, .tax-calendar-card h2 { margin: 0; color: var(--ink); font-size:15px; letter-spacing: -.02em; }
.report-chart-card .chart-legend { margin: 2px 0 0; }
.report-chart-card .chart-legend i.revenue { background: var(--orange); }
.report-chart-card .chart-legend i.profit { background: #8e72cd; }
.report-chart-wrap { position: relative; height: 287px; padding: 13px 14px 30px 54px; }
.report-chart-wrap .chart-axis { top: 14px; bottom: 33px; left: 15px; }
.report-chart { width: 100%; height: 100%; overflow: visible; }
.report-chart .grid { fill: none; stroke: #eceee9; stroke-width: 1; }
.report-area { fill: url(#report-area); transition: d .25s ease; }
.report-line { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.6; transition: d .25s ease; }
.report-line.revenue { stroke: var(--orange); }
.report-line.profit { stroke: #8e72cd; stroke-dasharray: 4 5; }
.report-points circle { fill: #fff; stroke: var(--orange); stroke-width: 2.5; }
.report-points circle.profit { stroke: #8e72cd; }
.report-chart-wrap .chart-months { right: 14px; left: 54px; }
.report-chart-card > footer { display: flex; justify-content: flex-end; padding: 0 17px 15px; }
.report-chart-card > footer button, .report-catalog-card > footer button, .tax-calendar-card > footer button { display: inline-flex; align-items: center; gap: 7px; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 800; }
.report-chart-card > footer .ui-icon, .report-catalog-card > footer .ui-icon, .tax-calendar-card > footer .ui-icon { width: 12px; height: 12px; }
.expense-card { padding: 17px; }
.expense-card > header { display: flex; align-items: center; justify-content: space-between; }
.expense-card > header p { margin-bottom: 0; }
.expense-card > header button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid #e3e5e0; border-radius: 7px; color: #7b847e; background: #fff; }
.expense-card > header button .ui-icon { width: 13px; height: 13px; }
.expense-donut-wrap { position: relative; width: 156px; height: 156px; margin: 17px auto 13px; }
.expense-donut { width: 100%; height: 100%; transform: rotate(-90deg); }
.expense-donut circle { fill: none; stroke-width: 13; }
.expense-donut .base { stroke: #f0f2ee; }
.expense-donut .purchases { stroke: var(--orange); stroke-dasharray: 147 283; stroke-dashoffset: 0; }
.expense-donut .salary { stroke: #8e72cd; stroke-dasharray: 59 283; stroke-dashoffset: -151; }
.expense-donut .taxes { stroke: #d5a24b; stroke-dasharray: 42 283; stroke-dashoffset: -214; }
.expense-donut .other { stroke: #91a3ad; stroke-dasharray: 34 283; stroke-dashoffset: -260; }
.expense-donut-wrap > div { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.expense-donut-wrap strong { color: var(--ink); font-size: 21px; letter-spacing: -.04em; }
.expense-donut-wrap span { margin-top: 2px; color: #858d88; font-size:12px; }
.expense-legend { display: grid; gap: 3px; }
.expense-legend > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 4px; border-bottom: 1px solid #eff0ed; }
.expense-legend > div:last-child { border-bottom: 0; }
.expense-legend > div > span { display: flex; align-items: center; gap: 7px; color: #606a64; font-size:12px; font-weight: 650; }
.expense-legend > div > span i { width: 8px; height: 8px; border-radius: 3px; }
.expense-legend i.purchases { background: var(--orange); }.expense-legend i.salary { background: #8e72cd; }.expense-legend i.taxes { background: #d5a24b; }.expense-legend i.other { background: #91a3ad; }
.expense-legend b { display: flex; align-items: flex-end; flex-direction: column; gap: 3px; color: var(--ink); font-size:12px; }
.expense-legend small { color: #9ba19d; font-size:12px; font-weight: 500; }
.reports-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 10px; margin-top: 10px; }
.report-catalog-card > header, .tax-calendar-card > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px; border-bottom: 1px solid #eceee9; }
.report-catalog-card > header label { display: flex; min-width: 190px; min-height: 35px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #e1e3dd; border-radius: 8px; background: #f8f8f5; }
.report-catalog-card > header label .ui-icon { width: 12px; height: 12px; color: #8f9692; }
.report-catalog-card > header input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font: 12px/1 inherit; }
.report-catalog { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 5px 12px; }
.report-catalog > button { display: grid; min-width: 0; min-height: 71px; grid-template-columns: 36px 1fr 14px; align-items: center; gap: 9px; padding: 10px; border: 0; border-bottom: 1px solid #eff0ed; text-align: left; background: #fff; }
.report-catalog > button:nth-child(odd) { border-right: 1px solid #eff0ed; }
.report-catalog > button:hover { background: #f8faf8; }
.report-catalog > button > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 10px; }
.report-catalog > button > i .ui-icon { width: 15px; height: 15px; }
.report-catalog > button > i.mint { color: #237a5e; background: #e0f2ea; }.report-catalog > button > i.blue { color: #4c7890; background: #e5f0f5; }.report-catalog > button > i.violet { color: #795eaa; background: #eee9f8; }.report-catalog > button > i.amber { color: #a47426; background: #f8efd9; }
.report-catalog > button > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.report-catalog > button b { overflow: hidden; color: var(--ink); font-size:13px; text-overflow: ellipsis; white-space: nowrap; }
.report-catalog > button small { overflow: hidden; color: #8d9590; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.report-catalog > button .arrow { width: 12px; height: 12px; color: #9da39f; }
.report-catalog-empty { grid-column: 1 / -1; margin: 0; padding: 26px; color: #8b938e; text-align: center; font-size:12px; }
.report-catalog-card > footer, .tax-calendar-card > footer { display: flex; justify-content: flex-end; padding: 12px 16px; }
.report-catalog-card > footer button span { display: grid; min-width: 18px; height: 18px; place-items: center; border-radius: 6px; color: #68736c; background: #edf0ec; font-size:12px; }
.tax-calendar-card > header .tax-count { padding: 6px 8px; border-radius: 7px; color: #8b6b24; background: #f7efd9; font-size:12px; font-weight: 750; }
.tax-event { display: grid; min-height: 76px; grid-template-columns: 39px minmax(0, 1fr) auto; align-items: center; gap: 10px; margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #eff0ed; }
.tax-event time { display: grid; width: 39px; height: 45px; place-content: center; border: 1px solid #dfe3dd; border-radius: 9px; text-align: center; background: #f8f8f5; }
.tax-event time b { color: var(--ink); font-size:15px; line-height: 1; }
.tax-event time span { margin-top: 4px; color: #929995; font-size:12px; font-weight: 750; text-transform: uppercase; }
.tax-event.urgent time { border-color: #edc9a4; background: #fff6ea; }
.tax-event.urgent time b { color: #b46824; }
.tax-event > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.tax-event > div > b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.tax-event > div > span { overflow: hidden; color: #8e9591; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.tax-event > div > small { color: #8b938e; font-size:12px; }
.tax-event.urgent > div > small { color: #b06b2d; }
.tax-event.urgent > div > small i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #d7873e; }
.tax-event > strong { color: var(--ink); font-size:12px; white-space: nowrap; }
.tax-event > em { padding: 6px 7px; border-radius: 7px; color: #386e5b; background: #e4f2ec; font-size:12px; font-style: normal; font-weight: 750; }

@media (max-width: 1200px) {
  .reports-page { padding: 26px 20px 60px; }
  .report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reports-dashboard-grid { grid-template-columns: 1fr; }
  .expense-card { display: grid; grid-template-columns: 180px 1fr; align-items: center; }
  .expense-card > header { grid-column: 1 / -1; }
  .expense-donut-wrap { margin: 10px auto; }
}

@media (max-width: 900px) {
  .reports-bottom-grid { grid-template-columns: 1fr; }
  .report-chart-wrap { height: 250px; }
  .report-updated { display: none; }
}

@media (max-width: 700px) {
  .reports-page { padding: 22px 12px 50px; }
  .reports-head { align-items: stretch; flex-direction: column; }
  .reports-head h1 { font-size: 24px; }
  .reports-head-actions { width: 100%; }
  .report-org-select { min-width: 0; flex: 1; }
  .reports-head-actions > button { flex: 0 0 44px; padding: 0; }
  .reports-head-actions > button span { display: none; }
  .report-controlbar { align-items: stretch; flex-direction: column; }
  .report-periods { display: grid; grid-template-columns: repeat(3, 1fr); }
  .report-date-button { justify-content: center; border-top: 1px solid #e4e6e1; border-left: 0; }
  .report-metrics { grid-template-columns: 1fr; }
  .report-metrics article { min-height: 100px; }
  .report-chart-card, .expense-card, .report-catalog-card, .tax-calendar-card { border-right: 0; border-left: 0; border-radius: 0; }
  .reports-dashboard-grid, .reports-bottom-grid { margin-right: -12px; margin-left: -12px; }
  .report-chart-card > header { align-items: flex-start; flex-direction: column; }
  .report-chart-card .chart-legend { justify-content: flex-start; }
  .report-chart-wrap { height: 230px; padding-left: 38px; overflow: hidden; }
  .report-chart-wrap .chart-axis { left: 9px; }
  .report-chart-wrap .chart-months { left: 38px; }
  .expense-card { display: block; }
  .report-catalog-card > header { align-items: stretch; flex-direction: column; }
  .report-catalog-card > header label { min-width: 0; }
  .report-catalog { grid-template-columns: 1fr; }
  .report-catalog > button:nth-child(odd) { border-right: 0; }
}

@media (max-width: 430px) {
  .tax-event { grid-template-columns: 39px minmax(0, 1fr); }
  .tax-event > strong, .tax-event > em { grid-column: 2; justify-self: start; }
}

@media (max-width: 1200px) {
  .documents-page { padding: 26px 20px 60px; }
  .documents-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .documents-layout { grid-template-columns: 1fr; }
  .document-preview-card { position: static; display: grid; grid-template-columns: 1fr 290px; gap: 12px; }
  .document-preview-card > header, .document-preview-actions { grid-column: 1 / -1; }
  .print-forms { margin-top: 0; }
}

@media (max-width: 900px) {
  .documents-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }
  .document-row-head { display: none; }
  .document-row:not(.document-row-head) { position: relative; display: grid; min-width: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; min-height: 0; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
  .document-row.selected { box-shadow: inset 3px 0 0 var(--orange); }
  .document-name { grid-column: 1 / -1; padding: 0 30px 11px 0; border-bottom: 1px solid #eceee9; }
  .document-row:not(.document-row-head) > span:nth-child(2)::before { content: "Контрагент"; }
  .document-row:not(.document-row-head) > span:nth-child(3)::before { content: "Организация"; }
  .document-row:not(.document-row-head) > span:nth-child(4)::before { content: "Дата"; }
  .document-row:not(.document-row-head) > span:nth-child(5)::before { content: "Статус"; }
  .document-row:not(.document-row-head) > span:nth-child(6)::before { content: "Сумма"; }
  .document-row:not(.document-row-head) > span::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }
  .document-row > .row-arrow { position: absolute; top: 20px; right: 13px; }
}

@media (max-width: 700px) {
  .documents-page { padding: 22px 12px 50px; }
  .documents-head { align-items: stretch; flex-direction: column; }
  .documents-head h1 { font-size: 24px; }
  .documents-head-actions { width: 100%; }
  .documents-head-actions button { flex: 1; min-height: 44px; }
  .documents-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }
  .documents-head-actions .secondary-action span { display: none; }
  .documents-summary { grid-template-columns: 1fr; }
  .documents-summary article { min-height: 98px; }
  .documents-layout { margin-right: -12px; margin-left: -12px; }
  .documents-card, .document-preview-card { border-right: 0; border-left: 0; border-radius: 0; }
  .documents-toolbar { align-items: stretch; flex-direction: column; }
  .documents-toolbar > label { width: 100%; min-height: 43px; }
  .documents-toolbar > div { overflow-x: auto; scrollbar-width: none; }
  .document-preview-card { display: block; }
  .document-paper { margin-inline: auto; max-width: 360px; }
  .print-forms { margin-top: 12px; }
}

@media (max-width: 420px) {
  .document-send-drawer { width: 100%; }
  .document-send-drawer > header { padding: 18px; }
}

/* Integrations */
.nav-badge.warning { color: #9b6519; background: #f5e6c4; }
.integrations-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.integrations-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.integrations-head > div > p { margin: 0 0 6px; color: #74827a; font-size:12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.integrations-head h1 { margin: 0; color: var(--ink); font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.integrations-head > div > span { display: block; margin-top: 7px; color: #747d77; font-size:14px; }
.integrations-head > button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.integrations-head > button .ui-icon { width: 13px; height: 13px; }
.integration-health { display: grid; min-height: 86px; grid-template-columns: minmax(260px, 1fr) auto minmax(150px, .7fr); align-items: center; gap: 24px; margin-top: 20px; padding: 15px 17px; border: 1px solid #cde4db; border-radius: 14px; background: linear-gradient(115deg, #eef8f4 0%, #f8faf7 55%, #edf5f1 100%); overflow: hidden; }
.integration-health-copy { display: flex; min-width: 0; align-items: center; gap: 11px; }
.integration-health-copy > i { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: #1f7a5d; background: #d8efe5; }
.integration-health-copy > i .ui-icon { width: 18px; height: 18px; }
.integration-health-copy > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.integration-health-copy b { color: var(--ink); font-size:14px; }
.integration-health-copy small { overflow: hidden; color: #6e7c74; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.integration-health-flow { display: flex; align-items: center; justify-content: center; gap: 8px; }
.integration-health-flow > span { display: flex; align-items: center; gap: 5px; color: #5e6c64; font-size:12px; font-weight: 750; }
.integration-health-flow > span i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; color: #fff; background: #7e8e85; font-style: normal; }
.integration-health-flow > em { width: 28px; height: 1px; background: repeating-linear-gradient(90deg, #8fb7a8 0 4px, transparent 4px 7px); }
.integration-health-flow > strong { display: flex; min-height: 36px; align-items: center; gap: 5px; padding: 5px 9px; border: 1px solid #c5ddd4; border-radius: 10px; color: var(--ink); background: #fff; font-size:12px; box-shadow: 0 5px 12px rgba(29,66,52,.08); }
.integration-health-flow > strong img { width: 21px; height: 21px; }
.integration-health > button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 6px; justify-self: end; padding: 0 11px; border: 1px solid #cbdcd5; border-radius: 8px; color: #2a6f58; background: rgba(255,255,255,.82); font-size:12px; font-weight: 800; }
.integration-health > button .ui-icon { width: 12px; height: 12px; }
.integration-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.integration-metrics article { min-height: 89px; padding: 14px; border: 1px solid #e1e3dd; border-radius: 12px; background: #fff; }
.integration-metrics article > span { display: block; color: #7e8781; font-size:12px; font-weight: 650; }
.integration-metrics article > strong { display: block; margin-top: 9px; color: var(--ink); font-size: 17px; letter-spacing: -.035em; }
.integration-metrics article > small { display: flex; align-items: center; gap: 5px; margin-top: 7px; color: #909792; font-size:12px; }
.integration-metrics article > small i { width: 6px; height: 6px; border-radius: 50%; background: #d49338; }
.integration-metrics article > small i.ok { background: #3d9d74; box-shadow: 0 0 0 3px #e3f3eb; }
.integration-metrics article.attention { border-color: #edd8b9; background: #fffaf1; }
.integration-metrics article.attention strong { color: #a56824; }
.integrations-workspace { margin-top: 10px; padding: 0 16px 18px; border: 1px solid #e1e3dd; border-radius: 14px; background: #fff; }
.integrations-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 -16px; padding: 11px 16px; border-bottom: 1px solid #e8eae5; }
.integration-tabs { display: flex; gap: 3px; overflow-x: auto; scrollbar-width: none; }
.integration-tabs button { min-height: 31px; padding: 0 11px; border: 0; border-radius: 7px; color: #78817b; background: transparent; font-size:12px; font-weight: 750; white-space: nowrap; }
.integration-tabs button.active { color: var(--orange-dark); background: #e5f3ef; }
.integration-search { display: flex; width: min(230px, 32vw); min-height: 34px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #dde1db; border-radius: 8px; background: #f8f8f5; }
.integration-search .ui-icon { width: 12px; height: 12px; color: #909893; }
.integration-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font: 12px/1 inherit; }
.integration-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 16px 2px 10px; }
.integration-section-head h2 { margin: 0; color: var(--ink); font-size:15px; letter-spacing: -.02em; }
.integration-section-head span { display: block; margin-top: 5px; color: #8a928d; font-size:12px; }
.integration-section-head > b { padding: 5px 7px; border-radius: 6px; color: #34725c; background: #e6f3ee; font-size:12px; }
.integration-section-head.available-head { margin-top: 5px; border-top: 1px solid #eceee9; }
.integration-section-head.available-head > b { color: #68736c; background: #edf0ec; }
.integration-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.integration-card { position: relative; min-width: 0; min-height: 188px; padding: 13px; border: 1px solid #e0e3dd; border-radius: 12px; background: #fff; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.integration-card:hover { transform: translateY(-2px); border-color: #cdd8d1; box-shadow: 0 10px 24px rgba(27,40,33,.07); }
.integration-card.warning { border-color: #ecd6b4; background: #fffcf6; }
.integration-card > header { display: flex; align-items: flex-start; gap: 7px; }
.integration-logo { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 11px; color: #fff; background: #25352e; font-size:14px; font-style: normal; font-weight: 850; }
.integration-logo img { width: 27px; height: 27px; object-fit: contain; }
.integration-logo.tbank { color: #111; background: #fff8d1; }.integration-logo.tbank img { width: 25px; height: 29px; }
.integration-logo.tochka { color: #fff; background: #f1ebff; }.integration-logo.tochka img { width: 31px; height: 31px; border-radius: 8px; }
.integration-logo.dadata { background: #fff0f0; }.integration-logo.dadata img { width: 30px; height: 30px; border-radius: 7px; }
.integration-logo.telegram { background: #eaf7fd; }.integration-logo.telegram img { width: 30px; height: 30px; }
.integration-logo.runa { color: #f16522; background: #fff3ea; }.integration-logo.email { color: #46667b; background: #e7f0f4; }
.integration-logo.kontur { background: #e8f8f4; }.integration-logo.kontur img { width: 31px; height: 31px; }
.integration-logo.sbis { background: #edf7ff; }.integration-logo.sbis img { width: 30px; height: 30px; }
.integration-logo.extern { background: #fff3e5; }.integration-logo.extern img { width: 31px; height: 31px; }
.integration-logo.chestny { position: relative; overflow: hidden; color: #222; background: #fff; font-size:13px; }
.integration-logo.chestny img { position: absolute; top: 1px; left: 1px; width: 140px; max-width: none; height: 36px; object-fit: initial; }
.integration-logo.egais { background: #f3f5f3; }.integration-logo.egais img { width: 30px; height: 30px; image-rendering: auto; }
.integration-logo.mercury { background: #f2f5f7; }.integration-logo.mercury img { width: 31px; height: 31px; }
.integration-state { display: inline-flex; min-height: 21px; align-items: center; gap: 4px; margin: 2px 0 0 auto; padding: 0 6px; border-radius: 6px; font-size:12px; font-style: normal; font-weight: 800; white-space: nowrap; }
.integration-state i { width: 5px; height: 5px; border-radius: 50%; }
.integration-state.active { color: #2c7656; background: #e3f2ea; }.integration-state.active i { background: #3b9b71; }
.integration-state.builtin { color: #6b55a0; background: #eee9f7; }
.integration-state.warning { color: #a36320; background: #f9e9ca; }.integration-state.warning i { background: #cf8630; }
.integration-state.available { color: #33705b; background: #e5f2ed; }
.integration-state.soon { color: #707a74; background: #ecefeb; }
.integration-card > header > button { display: grid; width: 24px; height: 24px; place-items: center; margin: 1px 0 0 1px; padding: 0; border: 0; border-radius: 6px; color: #8d9590; background: transparent; }
.integration-card > header > button:hover { background: #f0f2ee; }
.integration-card > header > button .ui-icon { width: 12px; height: 12px; }
.integration-card h3 { margin: 12px 0 0; color: var(--ink); font-size:14px; }
.integration-card > p { overflow: hidden; min-height: 18px; margin: 6px 0 0; color: #7e8781; font-size:12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
.integration-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; color: #939a96; font-size:12px; }
.integration-card-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.integration-card-meta span:last-child { flex: 0 0 auto; }
.integration-card > footer { display: flex; align-items: center; gap: 6px; margin-top: 12px; padding-top: 10px; border-top: 1px solid #eceee9; }
.integration-card > footer button { min-height: 29px; padding: 0 10px; border: 1px solid #dce0da; border-radius: 7px; color: #506059; background: #fff; font-size:12px; font-weight: 750; }
.integration-card > footer button:first-child { flex: 1; }
.integration-card > footer button:last-child:not(:first-child) { display: grid; width: 30px; place-items: center; padding: 0; }
.integration-card > footer .ui-icon { width: 12px; height: 12px; }
.integration-card.available { min-height: 168px; }
.integration-card.available > footer { margin-top: 14px; }
.integration-card.available > footer button { width: 100%; color: var(--orange-dark); background: #f3f8f6; }
.integrations-empty { margin: 0; padding: 35px; color: #858e88; text-align: center; font-size:12px; }
.integration-overlay { position: fixed; z-index: 100; inset: 0; visibility: hidden; pointer-events: none; }
.integration-overlay.open { visibility: visible; pointer-events: auto; }
.integration-backdrop { position: absolute; inset: 0; border: 0; background: rgba(16,25,20,.28); opacity: 0; transition: opacity .2s ease; backdrop-filter: blur(2px); }
.integration-overlay.open .integration-backdrop { opacity: 1; }
.integration-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: min(430px, 100vw); overflow-y: auto; border-left: 1px solid #dce1dc; background: #f7f7f3; box-shadow: -18px 0 48px rgba(23,34,28,.14); transform: translateX(102%); transition: transform .25s ease; }
.integration-overlay.open .integration-drawer { transform: translateX(0); }
.integration-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px; border-bottom: 1px solid #e0e3de; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }
.integration-drawer-identity { display: flex; min-width: 0; align-items: center; gap: 11px; }
.integration-drawer-identity > span { min-width: 0; }
.integration-drawer-identity p { margin: 0 0 4px; color: #8c948f; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.integration-drawer-identity h2 { overflow: hidden; margin: 0; color: var(--ink); font-size:17px; text-overflow: ellipsis; white-space: nowrap; }
.integration-drawer-identity small { display: block; margin-top: 4px; color: #808984; font-size:12px; }
.integration-drawer > header > button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }
.integration-drawer > header > button .ui-icon { width: 14px; height: 14px; }
.integration-drawer-content { display: grid; gap: 12px; padding: 14px; }
.integration-connection-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px; border: 1px solid #cae2d8; border-radius: 11px; background: #eaf6f1; }
.integration-connection-status > span { position: relative; display: grid; gap: 4px; padding-left: 14px; }
.integration-connection-status > span > i { position: absolute; top: 3px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #3b9c72; box-shadow: 0 0 0 3px rgba(59,156,114,.13); }
.integration-connection-status b { color: #2f624f; font-size:12px; }
.integration-connection-status small { color: #71827a; font-size:12px; }
.integration-connection-status button { display: inline-flex; min-height: 31px; align-items: center; gap: 5px; padding: 0 9px; border: 1px solid #c3dbd1; border-radius: 7px; color: #33715a; background: #fff; font-size:12px; font-weight: 750; }
.integration-connection-status button .ui-icon { width: 11px; height: 11px; }
.integration-connection-status.pending { border-color: #e3dcc8; background: #faf6e9; }
.integration-connection-status.pending > span > i { background: #c58a37; box-shadow: 0 0 0 3px rgba(197,138,55,.13); }
.integration-connection-status.pending b { color: #806127; }
.integration-drawer-block, .integration-log { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }
.integration-drawer-block > div { padding: 13px; border-bottom: 1px solid #eceee9; }
.integration-drawer-block h3, .integration-log h3 { margin: 0; color: var(--ink); font-size:13px; }
.integration-drawer-block > div p { margin: 5px 0 0; color: #858e88; font-size:12px; line-height: 1.45; }
.integration-drawer-block > label { display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 13px; border-bottom: 1px solid #eff0ed; cursor: pointer; }
.integration-drawer-block > label:last-child { border-bottom: 0; }
.integration-drawer-block > label > span { display: flex; min-width: 0; align-items: center; gap: 8px; }
.integration-drawer-block > label > span > i { display: grid; width: 29px; height: 29px; flex: 0 0 auto; place-items: center; border-radius: 8px; color: #27705a; background: #e1f1eb; font-size:12px; font-style: normal; font-weight: 800; }
.integration-drawer-block > label b { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: var(--ink); font-size:12px; }
.integration-drawer-block > label small { color: #939a96; font-size:12px; font-weight: 500; }
.integration-drawer-block input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.integration-drawer-block label > em { position: relative; width: 30px; height: 17px; flex: 0 0 auto; border-radius: 999px; background: #d8ddd8; }
.integration-drawer-block label > em::after { position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(26,38,31,.18); content: ""; transition: transform .15s ease; }
.integration-drawer-block input:checked + em { background: var(--orange); }
.integration-drawer-block input:checked + em::after { transform: translateX(13px); }
.sync-settings > label > span { align-items: flex-start; }
.integration-log > header { display: flex; align-items: center; justify-content: space-between; padding: 12px 13px; border-bottom: 1px solid #eceee9; }
.integration-log > header button { border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.integration-log > div { display: flex; align-items: center; gap: 9px; padding: 10px 13px; border-bottom: 1px solid #eff0ed; }
.integration-log > div:last-child { border-bottom: 0; }
.integration-log > div > i { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 8px; color: #6d7972; background: #edf0ec; }
.integration-log > div > i.success { color: #2c7b59; background: #e2f2e9; }
.integration-log > div > i .ui-icon { width: 12px; height: 12px; }
.integration-log > div > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.integration-log > div b { color: var(--ink); font-size:12px; }
.integration-log > div small { color: #929a95; font-size:12px; }
.integration-drawer-content > footer { position: sticky; bottom: -14px; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.96); backdrop-filter: blur(10px); }
.integration-drawer-content > footer button { flex: 1; }
body.integration-open { overflow: hidden; }

@media (max-width: 1200px) {
  .integrations-page { padding: 26px 20px 60px; }
  .integration-health { grid-template-columns: 1fr auto; }
  .integration-health-flow { display: none; }
  .integration-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .integration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .integrations-page { padding: 22px 12px 50px; }
  .integrations-head { align-items: stretch; flex-direction: column; }
  .integrations-head h1 { font-size: 24px; }
  .integrations-head > button { width: 100%; min-height: 44px; }
  .integration-health { grid-template-columns: 1fr; gap: 12px; }
  .integration-health > button { width: 100%; justify-self: stretch; }
  .integration-metrics { grid-template-columns: 1fr; }
  .integration-metrics article { min-height: 84px; }
  .integrations-workspace { margin-right: -12px; margin-left: -12px; border-right: 0; border-left: 0; border-radius: 0; }
  .integrations-toolbar { align-items: stretch; flex-direction: column-reverse; }
  .integration-search { width: 100%; min-height: 41px; }
  .integration-tabs { margin-right: -16px; padding-right: 16px; }
  .integration-grid { grid-template-columns: 1fr; }
  .integration-card { min-height: 178px; }
}

@media (max-width: 430px) {
  .integration-drawer { width: 100%; }
  .integration-drawer > header { padding: 15px; }
  .integration-drawer-content { padding: 11px; }
  .integration-drawer-content > footer { margin: 0 -11px -11px; }
}

/* Taxes */
.taxes-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.taxes-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.taxes-head > div:first-child > p { margin: 0 0 6px; color: #74827a; font-size:12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.taxes-head h1 { margin: 0; color: var(--ink); font-size: 27px; font-weight: 680; letter-spacing: -.045em; }
.taxes-head > div:first-child > span { display: block; margin-top: 7px; color: #747d77; font-size:14px; }
.taxes-head-actions { display: flex; gap: 8px; }
.taxes-head-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.taxes-head-actions .ui-icon { width: 13px; height: 13px; }
.tax-control-banner { display: grid; min-height: 92px; grid-template-columns: minmax(260px, 1fr) auto minmax(150px, .65fr); align-items: center; gap: 22px; margin-top: 20px; padding: 15px 17px; border: 1px solid #cae2d8; border-radius: 14px; background: linear-gradient(115deg, #edf8f3 0%, #f8faf7 55%, #f0f7f3 100%); }
.tax-control-copy { display: flex; min-width: 0; align-items: center; gap: 11px; }
.tax-control-copy > i { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: #227b5d; background: #d9efe6; }
.tax-control-copy .ui-icon { width: 18px; height: 18px; }
.tax-control-copy > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.tax-control-copy b { color: var(--ink); font-size:14px; }
.tax-control-copy small { overflow: hidden; color: #6e7c74; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.tax-control-steps { display: flex; align-items: center; justify-content: center; gap: 7px; }
.tax-control-steps > span { display: flex; align-items: center; gap: 4px; color: #86908a; font-size:12px; font-weight: 700; white-space: nowrap; }
.tax-control-steps > span i { display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid #d2d9d4; border-radius: 50%; color: #7d8781; background: #fff; font-size:12px; font-style: normal; }
.tax-control-steps > span i .ui-icon { width: 10px; height: 10px; }
.tax-control-steps > span.done { color: #36745e; }.tax-control-steps > span.done i { border-color: #8fc6b1; color: #fff; background: #3b9b73; }
.tax-control-steps > span.current { color: #8f641f; }.tax-control-steps > span.current i { border-color: #e2b86c; color: #99651c; background: #fff4dc; }
.tax-control-steps > em { width: 17px; height: 1px; background: #cbd5cf; }
.tax-reserve { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; }
.tax-reserve span { color: #7d8781; font-size:12px; }.tax-reserve strong { color: var(--ink); font-size:15px; }.tax-reserve small { color: #32805f; font-size:12px; font-weight: 750; }
.tax-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.tax-metrics article { min-width: 0; min-height: 108px; padding: 15px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.tax-metrics article.due { border-color: #ecd8ba; background: #fffaf2; }
.tax-metrics header { display: flex; align-items: center; justify-content: space-between; color: #747d77; font-size:12px; font-weight: 700; }
.tax-metrics header i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #ac7222; background: #f8edd5; }
.tax-metrics header i.mint { color: #287a58; background: #e3f3ea; }.tax-metrics header i.violet { color: #795faa; background: #eee9f8; }.tax-metrics header i.amber { color: #a66e1e; background: #f8efd9; }
.tax-metrics header .ui-icon { width: 13px; height: 13px; }
.tax-metrics strong { display: block; overflow: hidden; margin-top: 12px; color: var(--ink); font-size: 17px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
.tax-metrics p { margin: 7px 0 0; color: #969d98; font-size:12px; }.tax-metrics p em { margin-right: 3px; color: #2c805d; font-style: normal; font-weight: 800; }.tax-metrics p em.neutral { color: #66736b; }
.tax-org-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 10px; padding: 6px; border: 1px solid #e0e3dd; border-radius: 12px; background: #fff; }
.tax-org-tabs button { display: grid; min-width: 0; min-height: 51px; grid-template-columns: 31px 1fr; align-items: center; gap: 8px; padding: 7px; border: 1px solid transparent; border-radius: 9px; text-align: left; background: transparent; }
.tax-org-tabs button:hover { background: #f6f8f5; }.tax-org-tabs button.active { border-color: #c9dfd6; background: #eaf6f1; box-shadow: 0 2px 7px rgba(25,51,40,.05); }
.tax-org-tabs button > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #49665a; background: #edf0ec; font-size:12px; font-style: normal; font-weight: 800; }
.tax-org-tabs button.active > i { color: #247258; background: #d7ede5; }
.tax-org-tabs button > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.tax-org-tabs b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.tax-org-tabs small { color: #8d9590; font-size:12px; }
.taxes-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 10px; margin-top: 10px; }
.taxes-calendar-panel, .tax-readiness-panel, .tax-obligations-card, .tax-reporting-section { min-width: 0; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }
.taxes-calendar-panel > header, .tax-obligations-card > header, .tax-reporting-section > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 16px; border-bottom: 1px solid #eaebe7; }
.taxes-calendar-panel > header p, .tax-readiness-panel > header p, .tax-obligations-card > header p, .tax-reporting-section > header p { margin: 0 0 5px; color: #848c87; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.taxes-calendar-panel h2, .tax-readiness-panel h2, .tax-obligations-card h2, .tax-reporting-section h2 { margin: 0; color: var(--ink); font-size:15px; letter-spacing: -.02em; }
.taxes-calendar-panel > header button, .tax-reporting-section > header button { display: inline-flex; align-items: center; gap: 6px; border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 800; }.taxes-calendar-panel > header .ui-icon, .tax-reporting-section > header .ui-icon { width: 11px; height: 11px; }
.tax-deadline { position: relative; display: grid; min-height: 78px; grid-template-columns: 42px 10px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; margin: 0 15px; padding: 10px 0; border-bottom: 1px solid #eff0ed; }
.tax-deadline:last-child { border-bottom: 0; }
.tax-deadline time { display: grid; width: 42px; height: 48px; place-content: center; border: 1px solid #dee2dc; border-radius: 9px; text-align: center; background: #f8f8f5; }.tax-deadline.urgent time { border-color: #edcaa3; background: #fff5e8; }
.tax-deadline time b { color: var(--ink); font-size:16px; line-height: 1; }.tax-deadline.urgent time b { color: #b66c27; }.tax-deadline time span { margin-top: 4px; color: #929995; font-size:12px; font-weight: 750; text-transform: uppercase; }
.tax-deadline .timeline-dot { position: relative; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: #91a09a; box-shadow: 0 0 0 1px #ccd3ce; }.tax-deadline:not(:last-child) .timeline-dot::after { position: absolute; top: 7px; left: 1px; width: 1px; height: 72px; background: #dce1dc; content: ""; }
.tax-deadline.urgent .timeline-dot { background: #d58b3a; }
.tax-deadline > div { min-width: 0; }.tax-deadline .deadline-tag { display: inline-block; margin-bottom: 5px; padding: 4px 6px; border-radius: 5px; color: #a26220; background: #faead0; font-size:12px; font-weight: 750; }.tax-deadline .deadline-tag.neutral { color: #66726b; background: #edf0ec; }.tax-deadline .deadline-tag.ready { color: #2e7757; background: #e3f2e9; }
.tax-deadline h3 { overflow: hidden; margin: 0; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.tax-deadline p { overflow: hidden; margin: 5px 0 0; color: #8c948f; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.tax-deadline > strong { color: var(--ink); font-size:12px; white-space: nowrap; }.tax-deadline > button { min-height: 29px; padding: 0 9px; border: 1px solid #dce0da; border-radius: 7px; color: #51605a; background: #fff; font-size:12px; font-weight: 750; }
.tax-readiness-panel { padding: 15px; }.tax-readiness-panel > header { display: flex; align-items: flex-start; justify-content: space-between; }.tax-readiness-panel > header > strong { color: #2a7d5c; font-size: 17px; }
.tax-readiness-ring { position: relative; width: 125px; height: 125px; margin: 10px auto; }.tax-readiness-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }.tax-readiness-ring circle { fill: none; stroke: #edf0ec; stroke-width: 10; }.tax-readiness-ring circle:last-child { stroke: var(--orange); stroke-linecap: round; stroke-dasharray: 302; stroke-dashoffset: 60.4; transition: stroke-dashoffset .2s ease; }.tax-readiness-ring > span { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }.tax-readiness-ring b { color: var(--ink); font-size: 18px; }.tax-readiness-ring small { margin-top: 4px; color: #8a928d; font-size:12px; }
.tax-checklist { display: grid; }.tax-checklist label { display: grid; min-height: 47px; grid-template-columns: 27px 1fr; align-items: center; gap: 8px; border-bottom: 1px solid #eff0ed; cursor: pointer; }.tax-checklist label:last-child { border-bottom: 0; }.tax-checklist input { position: absolute; width: 1px; height: 1px; opacity: 0; }.tax-checklist label > i { display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #d7ddd8; border-radius: 8px; color: transparent; background: #f5f6f3; }.tax-checklist input:checked + i { border-color: #acd4c4; color: #267557; background: #e3f2eb; }.tax-checklist label > i .ui-icon { width: 12px; height: 12px; }.tax-checklist label > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.tax-checklist b { color: var(--ink); font-size:12px; }.tax-checklist small { color: #929995; font-size:12px; }
.tax-readiness-panel > footer { margin-top: 10px; }.tax-readiness-panel > footer button { display: flex; width: 100%; min-height: 35px; align-items: center; justify-content: center; gap: 6px; border: 1px solid #cae0d7; border-radius: 8px; color: var(--orange-dark); background: #edf7f3; font-size:12px; font-weight: 800; }.tax-readiness-panel > footer .ui-icon { width: 11px; height: 11px; }
.tax-obligations-card { margin-top: 10px; overflow: hidden; }.tax-obligations-card > header > div:last-child { display: flex; align-items: center; gap: 9px; }.tax-obligations-card > header > div:last-child > span { color: #8b938e; font-size:12px; }.tax-obligations-card > header button { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid #dee1dc; border-radius: 7px; color: #667069; background: #fff; font-size:12px; font-weight: 750; }.tax-obligations-card > header button .ui-icon { width: 11px; height: 11px; }
.tax-obligations-table { min-width: 840px; }.tax-obligation-head, .tax-obligation-row { display: grid; grid-template-columns: 1.45fr 1.15fr .7fr .85fr .8fr .8fr; align-items: center; gap: 10px; padding: 0 15px; }.tax-obligation-head { min-height: 35px; color: #949b96; background: #f7f8f5; font-size:12px; font-weight: 800; text-transform: uppercase; }.tax-obligation-row { position: relative; width: 100%; min-height: 66px; border: 0; border-top: 1px solid #eceee9; text-align: left; background: #fff; }.tax-obligation-row:hover { background: #f8faf8; }.tax-obligation-row > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: #56625b; font-size:12px; }.tax-obligation-row > span:first-child { display: grid; grid-template-columns: 33px 1fr; align-items: center; gap: 8px; }.tax-obligation-row > span:first-child > i { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 9px; }.tax-obligation-row > span:first-child > i .ui-icon { width: 14px; height: 14px; }.tax-obligation-row i.vat { color: #6d59a2; background: #eee9f7; }.tax-obligation-row i.profit { color: #2b7959; background: #e2f2e9; }.tax-obligation-row i.insurance { color: #49798e; background: #e4eff4; }.tax-obligation-row i.usn { color: #a26f23; background: #f7edd7; }.tax-obligation-row i.npd { color: #3f7665; background: #e6f1ed; }
.tax-obligation-row b { display: flex; min-width: 0; flex-direction: column; gap: 4px; overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.tax-obligation-row small { color: #969d98; font-size:12px; font-weight: 500; }.tax-obligation-row small.urgent { color: #b36b2a; }.tax-obligation-row em { align-self: flex-start; padding: 5px 6px; border-radius: 6px; font-size:12px; font-style: normal; font-weight: 750; }.tax-obligation-row em.ready { color: #2b7656; background: #e2f2e9; }.tax-obligation-row em.calculated { color: #4c6d84; background: #e5eef3; }.tax-obligation-row em.attention { color: #9e6120; background: #fae9cb; }.tax-obligation-row em.draft { color: #676f6a; background: #ecefeb; }.tax-obligation-row > strong { color: var(--ink); font-size:12px; text-align: right; white-space: nowrap; }.tax-obligation-row > .arrow { position: absolute; right: 5px; width: 10px; height: 10px; color: #a5aaa7; }
.tax-reporting-section { margin-top: 10px; padding-bottom: 12px; }.tax-reporting-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 12px 15px 3px; }.tax-reporting-grid article { display: grid; min-width: 0; min-height: 92px; grid-template-columns: 37px 1fr auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #e1e3dd; border-radius: 10px; }.tax-reporting-grid article > i { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 10px; color: #fff; font-size:12px; font-style: normal; font-weight: 850; }.tax-reporting-grid i.fns { background: #2e6a9e; }.tax-reporting-grid i.sfr { background: #b34856; }.tax-reporting-grid i.stat { background: #647f6f; }.tax-reporting-grid article > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.tax-reporting-grid article b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.tax-reporting-grid article small { color: #919894; font-size:12px; }.tax-reporting-grid article > em { grid-column: 2; justify-self: start; padding: 4px 6px; border-radius: 5px; font-size:12px; font-style: normal; font-weight: 750; }.tax-reporting-grid em.progress { color: #9c651e; background: #f8ead0; }.tax-reporting-grid em.ready { color: #2c7657; background: #e2f2e9; }.tax-reporting-grid em.neutral { color: #657069; background: #ecefeb; }.tax-reporting-grid article > button { grid-row: 1 / 3; grid-column: 3; align-self: stretch; padding: 0 8px; border: 1px solid #dfe2dd; border-radius: 7px; color: #56645c; background: #fff; font-size:12px; font-weight: 750; }
.tax-notice-overlay { position: fixed; z-index: 110; inset: 0; visibility: hidden; pointer-events: none; }.tax-notice-overlay.open { visibility: visible; pointer-events: auto; }.tax-notice-backdrop { position: absolute; inset: 0; border: 0; background: rgba(16,25,20,.3); opacity: 0; transition: opacity .2s ease; backdrop-filter: blur(2px); }.tax-notice-overlay.open .tax-notice-backdrop { opacity: 1; }
.tax-notice-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: min(470px, 100vw); overflow-y: auto; border-left: 1px solid #dce1dc; background: #f7f7f3; box-shadow: -18px 0 48px rgba(23,34,28,.14); transform: translateX(102%); transition: transform .25s ease; }.tax-notice-overlay.open .tax-notice-drawer { transform: translateX(0); }
.tax-notice-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px; border-bottom: 1px solid #e0e3de; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }.tax-notice-drawer > header p { margin: 0 0 5px; color: #888f8b; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.tax-notice-drawer > header h2 { margin: 0; color: var(--ink); font-size:16px; }.tax-notice-drawer > header span { display: block; margin-top: 5px; color: #838c86; font-size:12px; }.tax-notice-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }.tax-notice-drawer > header button .ui-icon { width: 14px; height: 14px; }
.tax-notice-content { display: grid; gap: 11px; padding: 14px; }.tax-notice-info { display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid #cae1d7; border-radius: 10px; color: #287459; background: #eaf6f1; }.tax-notice-info > .ui-icon { width: 16px; height: 16px; flex: 0 0 auto; }.tax-notice-info > span { display: flex; flex-direction: column; gap: 4px; }.tax-notice-info b { font-size:12px; }.tax-notice-info small { color: #718078; font-size:12px; }
.tax-notice-content > label, .tax-notice-two > label { display: grid; gap: 6px; color: #707a74; font-size:12px; font-weight: 750; }.tax-notice-content select, .tax-notice-content input, .tax-notice-content textarea { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid #d9ded8; border-radius: 8px; outline: 0; color: var(--ink); background: #fff; font: 12px/1.4 inherit; }.tax-notice-content textarea { min-height: 66px; resize: vertical; }.tax-notice-content select:focus, .tax-notice-content input:focus, .tax-notice-content textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(22,125,115,.08); }.tax-notice-two { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.tax-amount-input, .tax-date-input { position: relative; }.tax-amount-input input { padding-right: 28px; }.tax-amount-input em { position: absolute; top: 50%; right: 11px; color: #727c76; font-size:12px; font-style: normal; transform: translateY(-50%); }.tax-date-input .ui-icon { position: absolute; z-index: 1; top: 50%; left: 10px; width: 12px; height: 12px; color: #89918c; transform: translateY(-50%); }.tax-date-input input { padding-left: 29px; }
.tax-notice-preview { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 10px; background: #fff; }.tax-notice-preview > header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #eceee9; color: #657069; font-size:12px; font-weight: 750; }.tax-notice-preview > header em { padding: 4px 6px; border-radius: 5px; color: #786d57; background: #f1ede4; font-size:12px; font-style: normal; }.tax-notice-preview > div { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; border-bottom: 1px solid #eff0ed; color: #818a84; font-size:12px; }.tax-notice-preview > div:last-child { border-bottom: 0; }.tax-notice-preview strong { color: var(--ink); font-size:14px; }.tax-notice-preview b { color: var(--ink); font-size:12px; }
.tax-notice-content > footer { position: sticky; bottom: -14px; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.96); backdrop-filter: blur(10px); }.tax-notice-content > footer button { flex: 1; }.tax-notice-content > footer .primary-action { flex: 1.35; } body.tax-notice-open { overflow: hidden; }

@media (max-width: 1200px) {
  .taxes-page { padding: 26px 20px 60px; }.tax-control-banner { grid-template-columns: 1fr auto; }.tax-control-steps { display: none; }.tax-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.taxes-workspace-grid { grid-template-columns: 1fr; }.tax-readiness-panel { display: grid; grid-template-columns: 170px 1fr; column-gap: 18px; }.tax-readiness-panel > header, .tax-readiness-panel > footer { grid-column: 1 / -1; }.tax-readiness-ring { grid-row: 2; }.tax-checklist { grid-column: 2; }
}

@media (max-width: 900px) {
  .tax-org-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }.tax-org-tabs button { min-width: 190px; }.tax-obligations-card { overflow-x: auto; }.tax-reporting-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .taxes-page { padding: 22px 12px 50px; }.taxes-head { align-items: stretch; flex-direction: column; }.taxes-head h1 { font-size: 24px; }.taxes-head-actions { width: 100%; }.taxes-head-actions button { flex: 1; min-height: 44px; }.taxes-head-actions .secondary-action { flex: 0 0 44px; padding: 0; }.taxes-head-actions .secondary-action span { display: none; }.tax-control-banner { grid-template-columns: 1fr; }.tax-reserve { align-items: flex-start; padding: 10px 0 0 51px; border-top: 1px solid #d4e8df; }.tax-metrics { grid-template-columns: 1fr; }.tax-metrics article { min-height: 100px; }.tax-org-tabs { margin-right: -12px; margin-left: -12px; border-right: 0; border-left: 0; border-radius: 0; }.taxes-workspace-grid { margin-right: -12px; margin-left: -12px; }.taxes-calendar-panel, .tax-readiness-panel, .tax-obligations-card, .tax-reporting-section { border-right: 0; border-left: 0; border-radius: 0; }.tax-deadline { grid-template-columns: 42px 8px minmax(0, 1fr); gap: 8px; }.tax-deadline > strong, .tax-deadline > button { grid-column: 3; justify-self: start; }.tax-readiness-panel { display: block; }.tax-readiness-ring { margin: 12px auto; }.tax-obligations-card { margin-right: -12px; margin-left: -12px; overflow: hidden; }.tax-obligations-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }.tax-obligation-head { display: none; }.tax-obligation-row { display: grid; min-width: 0; min-height: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }.tax-obligation-row > span:first-child { grid-column: 1 / -1; padding: 0 30px 11px 0; border-bottom: 1px solid #eceee9; }.tax-obligation-row > span:nth-child(2)::before { content: "Организация"; }.tax-obligation-row > span:nth-child(3)::before { content: "Период"; }.tax-obligation-row > span:nth-child(4)::before { content: "Срок"; }.tax-obligation-row > span:nth-child(5)::before { content: "Статус"; }.tax-obligation-row > span::before, .tax-obligation-row > strong::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }.tax-obligation-row > strong { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; text-align: left; }.tax-obligation-row > strong::before { content: "Сумма"; }.tax-obligation-row > .arrow { top: 20px; right: 13px; }.tax-reporting-section { margin-right: -12px; margin-left: -12px; }.tax-reporting-grid { padding-inline: 12px; }
}

@media (max-width: 470px) {
  .tax-notice-drawer { width: 100%; }.tax-notice-drawer > header { padding: 15px; }.tax-notice-two { grid-template-columns: 1fr; }.tax-notice-content { padding: 11px; }.tax-notice-content > footer { margin: 0 -11px -11px; }
}

/* Payroll */
.payroll-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.payroll-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }.payroll-head > div:first-child > p { margin: 0 0 6px; color: #74827a; font-size:12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.payroll-head h1 { margin: 0; color: var(--ink); font-size: 27px; font-weight: 680; letter-spacing: -.045em; }.payroll-head > div:first-child > span { display: block; margin-top: 7px; color: #747d77; font-size:14px; }
.payroll-head-actions { display: flex; align-items: center; gap: 8px; }.payroll-head-actions > label { display: grid; min-width: 168px; min-height: 39px; grid-template-columns: 14px 1fr 11px; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #dedfd9; border-radius: 9px; color: #707a74; background: #fff; }.payroll-head-actions > label .ui-icon { width: 12px; height: 12px; }.payroll-head-actions > label select { min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font: 750 12px/1 inherit; appearance: none; }.payroll-head-actions > button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }.payroll-head-actions > button .ui-icon { width: 13px; height: 13px; }
.payroll-cycle-card { display: grid; min-height: 94px; grid-template-columns: minmax(280px, 1fr) auto minmax(170px, .65fr); align-items: center; gap: 24px; margin-top: 20px; padding: 15px 17px; border: 1px solid #cbe2d9; border-radius: 14px; background: linear-gradient(115deg, #edf8f3 0%, #f8faf7 55%, #f0f7f3 100%); }.payroll-cycle-copy { display: flex; min-width: 0; align-items: center; gap: 11px; }.payroll-cycle-copy > i { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border-radius: 12px; color: #24785c; background: #d9efe6; }.payroll-cycle-copy > i .ui-icon { width: 18px; height: 18px; }.payroll-cycle-copy > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.payroll-cycle-copy b { color: var(--ink); font-size:14px; }.payroll-cycle-copy small { overflow: hidden; color: #6f7d75; font-size:12px; text-overflow: ellipsis; white-space: nowrap; }
.payroll-cycle-steps { display: flex; align-items: center; gap: 8px; }.payroll-cycle-steps > span { display: grid; grid-template-columns: 22px 1fr; align-items: center; column-gap: 5px; }.payroll-cycle-steps > span i { display: grid; width: 22px; height: 22px; grid-row: 1 / 3; place-items: center; border: 1px solid #d3dad5; border-radius: 50%; color: #79847e; background: #fff; font-size:12px; font-style: normal; }.payroll-cycle-steps > span i .ui-icon { width: 10px; height: 10px; }.payroll-cycle-steps > span b { color: #56645c; font-size:12px; }.payroll-cycle-steps > span small { margin-top: 3px; color: #939a96; font-size:12px; }.payroll-cycle-steps > span.done i { border-color: #8fc7b1; color: #fff; background: #3c9b73; }.payroll-cycle-steps > span.current i { border-color: #e3b870; color: #97651f; background: #fff4dd; }.payroll-cycle-steps > em { width: 18px; height: 1px; background: #ccd5d0; }
.payroll-cycle-card > button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 6px; justify-self: end; padding: 0 11px; border: 1px solid #c5dcd2; border-radius: 8px; color: #2e715a; background: #fff; font-size:12px; font-weight: 800; }.payroll-cycle-card > button .ui-icon { width: 12px; height: 12px; }
.payroll-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }.payroll-metrics article { min-width: 0; min-height: 108px; padding: 15px; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }.payroll-metrics article.payout { border-color: #cde2da; background: #f4faf7; }.payroll-metrics header { display: flex; align-items: center; justify-content: space-between; color: #737d77; font-size:12px; font-weight: 700; }.payroll-metrics header i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #2a795a; background: #e0f1e9; }.payroll-metrics header i.violet { color: #775faa; background: #eee9f8; }.payroll-metrics header i.blue { color: #487c92; background: #e4f0f4; }.payroll-metrics header i.mint { color: #30785d; background: #e4f2ec; }.payroll-metrics header .ui-icon { width: 13px; height: 13px; }.payroll-metrics strong { display: block; overflow: hidden; margin-top: 12px; color: var(--ink); font-size: 17px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }.payroll-metrics p { margin: 7px 0 0; color: #969d98; font-size:12px; }.payroll-metrics p em { margin-right: 3px; color: #2b805d; font-style: normal; font-weight: 800; }
.payroll-controlbar { display: flex; align-items: center; gap: 12px; margin-top: 10px; padding: 7px; border: 1px solid #e0e3dd; border-radius: 12px; background: #fff; }.payroll-period { display: grid; min-width: 200px; grid-template-columns: 31px 1fr 31px; align-items: center; gap: 7px; }.payroll-period > button { display: grid; width: 31px; height: 31px; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 7px; color: #69736d; background: #fff; }.payroll-period > button .ui-icon { width: 11px; height: 11px; }.payroll-period > button .next { transform: rotate(180deg); }.payroll-period > span { display: flex; align-items: center; flex-direction: column; gap: 3px; }.payroll-period small { color: #969d98; font-size:12px; }.payroll-period b { color: var(--ink); font-size:12px; }
.payroll-status-tabs { display: flex; gap: 3px; padding: 3px; border-radius: 8px; background: #f0f2ee; }.payroll-status-tabs button { min-height: 29px; padding: 0 10px; border: 0; border-radius: 6px; color: #77817a; background: transparent; font-size:12px; font-weight: 750; }.payroll-status-tabs button span { margin-left: 4px; color: #929995; }.payroll-status-tabs button.active { color: var(--ink); background: #fff; box-shadow: 0 2px 7px rgba(24,34,29,.08); }.payroll-search { display: flex; width: min(230px, 29vw); min-height: 34px; align-items: center; gap: 7px; margin-left: auto; padding: 0 10px; border: 1px solid #dde1db; border-radius: 8px; background: #f8f8f5; }.payroll-search .ui-icon { width: 12px; height: 12px; color: #909893; }.payroll-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font: 12px/1 inherit; }
.payroll-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .55fr); gap: 10px; margin-top: 10px; }.payroll-register-card, .payroll-summary-card, .payroll-reporting-card { min-width: 0; border: 1px solid #e1e3dd; border-radius: 13px; background: #fff; }.payroll-register-card { overflow: hidden; }.payroll-register-card > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 16px; border-bottom: 1px solid #e9ebe6; }.payroll-register-card > header p, .payroll-reporting-card > header p { margin: 0 0 5px; color: #858d88; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.payroll-register-card h2, .payroll-reporting-card h2 { margin: 0; color: var(--ink); font-size:15px; }.payroll-register-card > header button { display: inline-flex; min-height: 30px; align-items: center; gap: 5px; padding: 0 8px; border: 1px solid #dfe2dc; border-radius: 7px; color: #5f6b64; background: #fff; font-size:12px; font-weight: 750; }.payroll-register-card > header button .ui-icon { width: 11px; height: 11px; }
.payroll-table { min-width: 720px; }.payroll-row-head, .payroll-row { display: grid; grid-template-columns: 1.55fr .8fr .65fr .8fr .65fr; align-items: center; gap: 10px; padding: 0 14px; }.payroll-row-head { min-height: 34px; color: #969d98; background: #f7f8f5; font-size:12px; font-weight: 800; text-transform: uppercase; }.payroll-row { position: relative; width: 100%; min-height: 67px; border: 0; border-top: 1px solid #eceee9; text-align: left; background: #fff; }.payroll-row:hover { background: #f8faf8; }.payroll-row > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: #58645d; font-size:12px; }.payroll-person { display: grid !important; grid-template-columns: 33px 1fr; align-items: center; gap: 8px; }.payroll-person > i { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 50%; color: #fff; background: #5b8272; font-size:12px; font-style: normal; font-weight: 800; }.payroll-person > i.es { background: #776aa2; }.payroll-person > i.mv { background: #ad6b58; }.payroll-person > i.an { background: #4d798c; }.payroll-person > i.of { background: #a87b3a; }.payroll-person > i.is { background: #467466; }.payroll-person b { display: flex; min-width: 0; flex-direction: column; gap: 4px; overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.payroll-row small { color: #969d98; font-size:12px; font-weight: 500; }.payroll-row > strong { color: var(--ink); font-size:12px; white-space: nowrap; }.payroll-row em { align-self: flex-start; padding: 5px 6px; border-radius: 6px; font-size:12px; font-style: normal; font-weight: 750; }.payroll-row em.ready { color: #2d7657; background: #e2f2e9; }.payroll-row em.review { color: #9b631f; background: #f9e9cc; }.payroll-row > .arrow { position: absolute; right: 5px; width: 10px; height: 10px; color: #a6aba8; }.payroll-empty { margin: 0; padding: 30px; color: #89918c; text-align: center; font-size:12px; }.payroll-register-card > footer { display: flex; align-items: center; justify-content: space-between; padding: 11px 15px; border-top: 1px solid #eceee9; }.payroll-register-card > footer span { color: #949b96; font-size:12px; }.payroll-register-card > footer button { border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 800; }
.payroll-summary-card { padding: 15px; }.payroll-summary-card > header { display: flex; align-items: center; justify-content: space-between; }.payroll-summary-card > header p { margin: 0; color: #6b756f; font-size:12px; font-weight: 800; }.payroll-summary-card > header span { color: #929995; font-size:12px; }.payroll-summary-total { display: flex; align-items: center; flex-direction: column; margin-top: 13px; padding: 15px; border-radius: 10px; background: #f2f7f4; }.payroll-summary-total span { color: #7f8882; font-size:12px; }.payroll-summary-total strong { margin-top: 7px; color: var(--ink); font-size: 17px; letter-spacing: -.035em; }.payroll-summary-total small { margin-top: 5px; color: #8e9691; font-size:12px; }.payroll-summary-bars { margin-top: 10px; }.payroll-summary-bars > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 2px; border-bottom: 1px solid #eff0ed; }.payroll-summary-bars > div > span { display: flex; align-items: center; gap: 6px; color: #66716a; font-size:12px; }.payroll-summary-bars > div > span i { width: 8px; height: 8px; border-radius: 3px; }.payroll-summary-bars i.salary { background: var(--orange); }.payroll-summary-bars i.ndfl { background: #8b70c9; }.payroll-summary-bars i.fees { background: #6c93a5; }.payroll-summary-bars b { display: flex; align-items: flex-end; flex-direction: column; gap: 3px; color: var(--ink); font-size:12px; }.payroll-summary-bars small { color: #969d98; font-size:12px; font-weight: 500; }
.payroll-bank { margin-top: 11px; padding: 11px; border: 1px solid #e1e3dd; border-radius: 10px; }.payroll-bank > header { display: flex; align-items: center; justify-content: space-between; }.payroll-bank > header span { color: var(--ink); font-size:12px; font-weight: 800; }.payroll-bank > header em { padding: 4px 5px; border-radius: 5px; color: #99601f; background: #f9e8ca; font-size:12px; font-style: normal; font-weight: 750; }.payroll-bank > div { display: flex; align-items: center; gap: 8px; margin-top: 10px; }.payroll-bank > div > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 8px; color: #526e61; background: #e9f0ec; }.payroll-bank > div > i .ui-icon { width: 13px; height: 13px; }.payroll-bank > div > span { display: flex; flex-direction: column; gap: 4px; }.payroll-bank > div b { color: var(--ink); font-size:12px; }.payroll-bank > div small { color: #959c97; font-size:12px; }.payroll-bank > button { width: 100%; min-height: 31px; margin-top: 10px; border: 1px solid #c9dfd6; border-radius: 7px; color: var(--orange-dark); background: #edf7f3; font-size:12px; font-weight: 800; }
.payroll-dates { margin-top: 12px; }.payroll-dates h3 { margin: 0 0 5px; color: var(--ink); font-size:12px; }.payroll-dates > div { display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 8px; padding: 7px 0; border-bottom: 1px solid #eff0ed; }.payroll-dates time { display: grid; width: 31px; height: 34px; place-content: center; border-radius: 8px; text-align: center; color: var(--ink); background: #f1f3ef; font-size:13px; font-weight: 800; }.payroll-dates time small { margin-top: 2px; color: #969d98; font-size:12px; font-weight: 700; text-transform: uppercase; }.payroll-dates > div > span { display: flex; flex-direction: column; gap: 4px; }.payroll-dates > div b { color: var(--ink); font-size:12px; }.payroll-dates > div small { color: #929995; font-size:12px; }
.payroll-reporting-card { margin-top: 10px; padding-bottom: 12px; }.payroll-reporting-card > header { display: flex; align-items: center; justify-content: space-between; padding: 15px 16px; border-bottom: 1px solid #e9ebe6; }.payroll-reporting-card > header > span { padding: 5px 7px; border-radius: 6px; color: #6b756f; background: #edf0ec; font-size:12px; font-weight: 750; }.payroll-reporting-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 12px 15px 3px; }.payroll-reporting-grid article { display: grid; min-width: 0; min-height: 87px; grid-template-columns: 35px 1fr auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid #e1e3dd; border-radius: 10px; }.payroll-reporting-grid article > i { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 9px; color: #765faa; background: #eee9f8; }.payroll-reporting-grid article > i.mint { color: #2d775a; background: #e2f2e9; }.payroll-reporting-grid article > i.blue { color: #4e7a90; background: #e4eff4; }.payroll-reporting-grid article > i .ui-icon { width: 14px; height: 14px; }.payroll-reporting-grid article > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.payroll-reporting-grid article b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.payroll-reporting-grid article small { color: #929995; font-size:12px; }.payroll-reporting-grid article > em { grid-column: 2; justify-self: start; padding: 4px 6px; border-radius: 5px; font-size:12px; font-style: normal; font-weight: 750; }.payroll-reporting-grid em.draft { color: #6c726e; background: #ecefeb; }.payroll-reporting-grid em.progress { color: #9a621e; background: #f8e9cd; }.payroll-reporting-grid em.ready { color: #2d7657; background: #e2f2e9; }.payroll-reporting-grid article > button { grid-row: 1 / 3; grid-column: 3; align-self: stretch; padding: 0 8px; border: 1px solid #dfe2dd; border-radius: 7px; color: #56645c; background: #fff; font-size:12px; font-weight: 750; }
.payroll-overlay { position: fixed; z-index: 115; inset: 0; visibility: hidden; pointer-events: none; }.payroll-overlay.open { visibility: visible; pointer-events: auto; }.payroll-backdrop { position: absolute; inset: 0; border: 0; background: rgba(16,25,20,.3); opacity: 0; transition: opacity .2s ease; backdrop-filter: blur(2px); }.payroll-overlay.open .payroll-backdrop { opacity: 1; }.payroll-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: min(480px, 100vw); overflow-y: auto; border-left: 1px solid #dce1dc; background: #f7f7f3; box-shadow: -18px 0 48px rgba(23,34,28,.14); transform: translateX(102%); transition: transform .25s ease; }.payroll-overlay.open .payroll-drawer { transform: translateX(0); }.payroll-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px; border-bottom: 1px solid #e0e3de; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }.payroll-drawer > header p { margin: 0 0 5px; color: #888f8b; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.payroll-drawer > header h2 { margin: 0; color: var(--ink); font-size:17px; }.payroll-drawer > header span { display: block; margin-top: 5px; color: #838c86; font-size:12px; }.payroll-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }.payroll-drawer > header button .ui-icon { width: 14px; height: 14px; }
.payroll-drawer-content { display: grid; gap: 11px; padding: 14px; }.payroll-drawer-note { display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid #cae1d7; border-radius: 10px; color: #287459; background: #eaf6f1; }.payroll-drawer-note > .ui-icon { width: 16px; height: 16px; flex: 0 0 auto; }.payroll-drawer-note > span { display: flex; flex-direction: column; gap: 4px; }.payroll-drawer-note b { font-size:12px; }.payroll-drawer-note small { color: #718078; font-size:12px; }.payroll-drawer-two { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.payroll-drawer-two label, .payroll-drawer-comment { display: grid; gap: 6px; color: #707a74; font-size:12px; font-weight: 750; }.payroll-drawer-content select, .payroll-drawer-content input, .payroll-drawer-content textarea { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid #d9ded8; border-radius: 8px; outline: 0; color: var(--ink); background: #fff; font: 12px/1.4 inherit; }.payroll-drawer-two label > div { position: relative; }.payroll-drawer-two label > div .ui-icon { position: absolute; z-index: 1; top: 50%; left: 10px; width: 12px; height: 12px; color: #89918c; transform: translateY(-50%); }.payroll-drawer-two label > div input { padding-left: 29px; }.payroll-drawer-content textarea { min-height: 66px; resize: vertical; }
.payroll-drawer-employees, .payroll-drawer-estimate { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 10px; background: #fff; }.payroll-drawer-employees > header, .payroll-drawer-estimate > header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #eceee9; color: #657069; font-size:12px; font-weight: 750; }.payroll-drawer-employees > header b { color: var(--ink); font-size:12px; }.payroll-drawer-employees > div { display: flex; min-height: 49px; align-items: center; justify-content: space-between; gap: 9px; padding: 8px 12px; border-bottom: 1px solid #eff0ed; }.payroll-drawer-employees > div:last-child { border-bottom: 0; }.payroll-drawer-employees > div > span { display: flex; align-items: center; gap: 8px; }.payroll-drawer-employees > div i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; color: #fff; background: #5a8271; font-size:12px; font-style: normal; font-weight: 800; }.payroll-drawer-employees > div b { display: flex; flex-direction: column; gap: 4px; color: var(--ink); font-size:12px; }.payroll-drawer-employees > div small { color: #959c97; font-size:12px; font-weight: 500; }.payroll-drawer-employees > div em { color: #2f7658; font-size:12px; font-style: normal; }.payroll-drawer-employees > div button { border: 0; color: var(--orange-dark); background: transparent; font-size:12px; font-weight: 750; }
.payroll-drawer-estimate > header em { color: #909793; font-size:12px; font-style: normal; font-weight: 500; }.payroll-drawer-estimate > div, .payroll-drawer-estimate > footer { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; border-bottom: 1px solid #eff0ed; color: #7f8883; font-size:12px; }.payroll-drawer-estimate > div b { color: var(--ink); font-size:12px; }.payroll-drawer-estimate > footer { border-bottom: 0; background: #f6f8f5; }.payroll-drawer-estimate > footer strong { color: var(--ink); font-size:14px; }.payroll-drawer-content > footer { position: sticky; bottom: -14px; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.96); backdrop-filter: blur(10px); }.payroll-drawer-content > footer button { flex: 1; }.payroll-drawer-content > footer .primary-action { flex: 1.35; } body.payroll-open { overflow: hidden; }

@media (max-width: 1200px) { .payroll-page { padding: 26px 20px 60px; }.payroll-cycle-card { grid-template-columns: 1fr auto; }.payroll-cycle-steps { display: none; }.payroll-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.payroll-workspace-grid { grid-template-columns: 1fr; }.payroll-summary-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }.payroll-summary-card > header { grid-column: 1 / -1; }.payroll-summary-total { margin-top: 0; }.payroll-summary-bars { margin-top: 0; }.payroll-bank, .payroll-dates { margin-top: 0; } }
@media (max-width: 900px) { .payroll-controlbar { align-items: stretch; flex-wrap: wrap; }.payroll-search { width: 100%; max-width: none; order: 3; margin-left: 0; }.payroll-register-card { overflow-x: auto; }.payroll-reporting-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .payroll-page { padding: 22px 12px 50px; }.payroll-head { align-items: stretch; flex-direction: column; }.payroll-head h1 { font-size: 24px; }.payroll-head-actions { width: 100%; }.payroll-head-actions > label { min-width: 0; flex: 1; }.payroll-head-actions > button { flex: 0 0 46px; padding: 0; }.payroll-head-actions > button span { display: none; }.payroll-cycle-card { grid-template-columns: 1fr; }.payroll-cycle-card > button { width: 100%; justify-self: stretch; }.payroll-metrics { grid-template-columns: 1fr; }.payroll-metrics article { min-height: 100px; }.payroll-controlbar { margin-right: -12px; margin-left: -12px; border-right: 0; border-left: 0; border-radius: 0; }.payroll-period { width: 100%; }.payroll-status-tabs { width: 100%; }.payroll-status-tabs button { flex: 1; }.payroll-workspace-grid { margin-right: -12px; margin-left: -12px; }.payroll-register-card, .payroll-summary-card, .payroll-reporting-card { border-right: 0; border-left: 0; border-radius: 0; }.payroll-register-card { overflow: hidden; }.payroll-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }.payroll-row-head { display: none; }.payroll-row { display: grid; min-width: 0; min-height: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }.payroll-person { grid-column: 1 / -1; padding: 0 30px 11px 0; border-bottom: 1px solid #eceee9; }.payroll-row > span:nth-child(2)::before { content: "Начислено"; }.payroll-row > span:nth-child(3)::before { content: "НДФЛ"; }.payroll-row > strong::before { content: "К выплате"; }.payroll-row > span:nth-child(5)::before { content: "Статус"; }.payroll-row > span::before, .payroll-row > strong::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }.payroll-row > strong { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; }.payroll-row > .arrow { top: 20px; right: 13px; }.payroll-summary-card { display: block; }.payroll-summary-card > header, .payroll-summary-bars, .payroll-bank, .payroll-dates { margin-top: 12px; }.payroll-reporting-card { margin-right: -12px; margin-left: -12px; }.payroll-reporting-grid { padding-inline: 12px; } }
@media (max-width: 480px) { .payroll-drawer { width: 100%; }.payroll-drawer > header { padding: 15px; }.payroll-drawer-two { grid-template-columns: 1fr; }.payroll-drawer-content { padding: 11px; }.payroll-drawer-content > footer { margin: 0 -11px -11px; } }

/* Fixed assets */
.assets-page { width: min(1520px, 100%); margin: 0 auto; padding: 30px 30px 70px; }
.assets-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; }.assets-head > div:first-child > p { margin: 0 0 7px; color: #718178; font-size:12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.assets-head h1 { margin: 0; color: var(--ink); font-size: 26px; letter-spacing: -.045em; }.assets-head > div:first-child > span { display: block; margin-top: 8px; color: #7e8882; font-size:12px; }.assets-head-actions { display: flex; align-items: center; gap: 8px; }.assets-head-actions > label { position: relative; display: flex; min-width: 176px; min-height: 39px; align-items: center; gap: 8px; padding: 0 31px 0 11px; border: 1px solid #dce1db; border-radius: 9px; background: #fff; }.assets-head-actions > label > .ui-icon:first-child { width: 12px; height: 12px; color: #738078; }.assets-head-actions select { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font: 12px/1 inherit; appearance: none; }.assets-head-actions .chevron { position: absolute; right: 10px; width: 10px; height: 10px; color: #87908a; }.assets-head-actions > button { min-height: 39px; padding: 0 15px; font-size:12px; }
.assets-attention { display: grid; min-height: 74px; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 12px; margin-top: 18px; padding: 13px 16px; border: 1px solid #c7e1d7; border-radius: 13px; background: linear-gradient(105deg,#edf8f3,#f8fbf8); }.assets-attention > i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #247659; background: #dcefe7; }.assets-attention > i .ui-icon { width: 15px; height: 15px; }.assets-attention > span { display: flex; flex-direction: column; gap: 5px; }.assets-attention > span b { color: var(--ink); font-size:13px; }.assets-attention > span small { color: #7e8c84; font-size:12px; }.assets-attention > div { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; padding-right: 10px; }.assets-attention > div b { color: #25815f; font-size:16px; }.assets-attention > div small { color: #819088; font-size:12px; }.assets-attention > button { display: inline-flex; min-height: 35px; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid #bfd8cf; border-radius: 8px; color: #2c7059; background: #fff; font-size:12px; font-weight: 800; }.assets-attention > button .ui-icon { width: 11px; height: 11px; }
.assets-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 10px; }.assets-metrics article { min-width: 0; min-height: 108px; padding: 15px; border: 1px solid #e0e3dd; border-radius: 13px; background: #fff; }.assets-metrics article.primary { border-color: #cde2da; background: #f4faf7; }.assets-metrics header { display: flex; align-items: center; justify-content: space-between; color: #737d77; font-size:12px; font-weight: 700; }.assets-metrics header i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #2a795a; background: #e0f1e9; }.assets-metrics header i.mint { color: #30785d; background: #e4f2ec; }.assets-metrics header i.violet { color: #775faa; background: #eee9f8; }.assets-metrics header i.amber { color: #a16c20; background: #f8ead0; }.assets-metrics header .ui-icon { width: 13px; height: 13px; }.assets-metrics strong { display: block; overflow: hidden; margin-top: 12px; color: var(--ink); font-size: 17px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }.assets-metrics p { margin: 7px 0 0; color: #969d98; font-size:12px; }.assets-metrics p em { margin-right: 3px; color: #2b805d; font-style: normal; font-weight: 800; }.assets-metrics p em.neutral { color: #727d76; }
.assets-controlbar { display: flex; align-items: center; gap: 9px; margin-top: 10px; padding: 7px; border: 1px solid #e0e3dd; border-radius: 12px; background: #fff; }.assets-tabs { display: flex; gap: 3px; padding: 3px; border-radius: 8px; background: #f0f2ee; }.assets-tabs button { min-height: 29px; padding: 0 10px; border: 0; border-radius: 6px; color: #77817a; background: transparent; font-size:12px; font-weight: 750; }.assets-tabs button span { margin-left: 4px; color: #929995; }.assets-tabs button.active { color: var(--ink); background: #fff; box-shadow: 0 2px 7px rgba(24,34,29,.08); }.assets-search { display: flex; width: min(270px,29vw); min-height: 34px; align-items: center; gap: 7px; margin-left: auto; padding: 0 10px; border: 1px solid #dde1db; border-radius: 8px; }.assets-search .ui-icon { width: 12px; height: 12px; color: #909893; }.assets-search input { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font: 12px/1.3 inherit; }.assets-search input::placeholder { color: #a0a6a2; }.assets-filter { display: inline-flex; min-height: 34px; align-items: center; gap: 6px; padding: 0 10px; border: 1px solid #dfe2dc; border-radius: 8px; color: #69746d; background: #fff; font-size:12px; font-weight: 750; }.assets-filter .ui-icon { width: 11px; height: 11px; }.assets-filter span { display: grid; width: 14px; height: 14px; place-items: center; border-radius: 5px; color: #9a641f; background: #f8e7c7; font-size:12px; }
.assets-workspace { display: grid; grid-template-columns: minmax(0,1fr) 265px; gap: 10px; margin-top: 10px; }.assets-register,.assets-depreciation,.assets-upcoming,.assets-documents { overflow: hidden; border: 1px solid #e0e2dd; border-radius: 13px; background: #fff; }.assets-register > header,.assets-documents > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 15px; border-bottom: 1px solid #e8eae5; }.assets-register > header p,.assets-documents > header p { margin: 0 0 5px; color: #7d8981; font-size:12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.assets-register > header h2,.assets-documents > header h2 { margin: 0; color: var(--ink); font-size:14px; }.assets-register > header button { display: inline-flex; min-height: 31px; align-items: center; gap: 6px; padding: 0 9px; border: 1px solid #dfe2dd; border-radius: 7px; color: #67726b; background: #fff; font-size:12px; font-weight: 750; }.assets-register > header button .ui-icon { width: 10px; height: 10px; }.assets-table { min-width: 800px; }.assets-row { position: relative; display: grid; width: 100%; min-height: 64px; grid-template-columns: minmax(220px,1.55fr) .75fr .7fr .75fr 1fr .75fr; align-items: center; gap: 10px; padding: 9px 26px 9px 15px; border: 0; border-bottom: 1px solid #eceee9; text-align: left; color: #6d7771; background: #fff; font-size:12px; }.assets-row:not(.assets-row-head):hover { background: #fafbf8; }.assets-row[hidden] { display: none; }.assets-row-head { min-height: 31px; padding-block: 7px; color: #8e9691; background: #f8f9f6; font-size:12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.assets-object,.assets-owner { display: flex; min-width: 0; align-items: center; gap: 8px; }.assets-object > i { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #2e765b; background: #e2f2ea; }.assets-object > i.blue { color: #4c7b91; background: #e5f0f5; }.assets-object > i.amber { color: #9d6a22; background: #f8ead1; }.assets-object > i.violet { color: #775fab; background: #eee9f8; }.assets-object > i.mint { color: #2f795b; background: #e3f2eb; }.assets-object > i .ui-icon { width: 13px; height: 13px; }.assets-object b,.assets-owner b { display: flex; min-width: 0; flex-direction: column; gap: 4px; overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.assets-object small,.assets-owner small,.assets-row > span > small { color: #969d98; font-size:12px; font-weight: 500; }.assets-row > span:not(.assets-object):not(.assets-owner) { display: flex; flex-direction: column; gap: 4px; }.assets-row > strong { color: var(--ink); font-size:12px; }.assets-owner > i { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #fff; background: #667f73; font-size:12px; font-style: normal; font-weight: 800; }.assets-row em { display: inline-flex; width: max-content; padding: 4px 6px; border-radius: 5px; font-size:12px; font-style: normal; font-weight: 750; }.assets-row em.ready { color: #2d7657; background: #e2f2e9; }.assets-row em.review { color: #9a641f; background: #f8e8ca; }.assets-row em.draft { color: #6f746f; background: #ecefeb; }.assets-row > .arrow { position: absolute; right: 10px; width: 10px; height: 10px; color: #a0a6a2; }.assets-register > footer { display: flex; align-items: center; justify-content: space-between; padding: 9px 15px; color: #929995; font-size:12px; }.assets-register > footer button { border: 0; color: #29765a; background: transparent; font-size:12px; font-weight: 800; }.assets-empty { margin: 0; padding: 30px; text-align: center; color: #88918b; font-size:12px; }
.assets-side { display: grid; align-content: start; gap: 10px; }.assets-depreciation { padding: 13px; }.assets-depreciation > header { display: flex; align-items: flex-start; justify-content: space-between; }.assets-depreciation > header p { margin: 0 0 4px; color: #8c9590; font-size:12px; }.assets-depreciation > header h2 { margin: 0; color: var(--ink); font-size:14px; }.assets-depreciation > header em { padding: 4px 6px; border-radius: 5px; color: #2e7658; background: #e2f2e9; font-size:12px; font-style: normal; font-weight: 750; }.assets-depreciation-total { display: flex; align-items: center; flex-direction: column; margin-top: 12px; padding: 15px 10px; border-radius: 10px; background: #f3f7f4; }.assets-depreciation-total span { color: #87918b; font-size:12px; }.assets-depreciation-total strong { margin-top: 6px; color: var(--ink); font-size:17px; }.assets-depreciation-total small { margin-top: 5px; color: #929a95; font-size:12px; }.assets-depreciation-progress { margin-top: 10px; }.assets-depreciation-progress > span { display: block; height: 5px; overflow: hidden; border-radius: 99px; background: #e6ebe7; }.assets-depreciation-progress > span i { display: block; height: 100%; border-radius: inherit; background: #278565; }.assets-depreciation-progress > small { display: flex; justify-content: space-between; margin-top: 5px; color: #929a95; font-size:12px; }.assets-depreciation-progress b { color: #2d7659; }.assets-depreciation-list { margin-top: 10px; border-top: 1px solid #eceee9; }.assets-depreciation-list > span { display: grid; grid-template-columns: 6px 1fr auto; align-items: center; gap: 7px; padding: 8px 0; border-bottom: 1px solid #eff0ed; }.assets-depreciation-list > span > i { width: 6px; height: 6px; border-radius: 2px; background: #248867; }.assets-depreciation-list > span > i.blue { background: #6693a6; }.assets-depreciation-list > span > i.violet { background: #8b73bb; }.assets-depreciation-list b { display: flex; flex-direction: column; gap: 3px; color: #59665e; font-size:12px; }.assets-depreciation-list small { color: #989f9b; font-size:12px; font-weight: 500; }.assets-depreciation-list strong { color: var(--ink); font-size:12px; }.assets-depreciation > button { display: flex; width: 100%; min-height: 33px; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; border: 1px solid #bfd9cf; border-radius: 7px; color: #267457; background: #eff8f4; font-size:12px; font-weight: 800; }.assets-depreciation > button .ui-icon { width: 11px; height: 11px; }.assets-upcoming > header { display: flex; align-items: center; justify-content: space-between; padding: 12px; border-bottom: 1px solid #e9ebe6; }.assets-upcoming h3 { margin: 0; color: var(--ink); font-size:12px; }.assets-upcoming > header span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 6px; color: #9b671f; background: #f8e7c7; font-size:12px; font-weight: 800; }.assets-upcoming > button { display: grid; width: 100%; min-height: 54px; grid-template-columns: 30px 1fr 11px; align-items: center; gap: 8px; padding: 8px 11px; border: 0; border-bottom: 1px solid #eceeea; text-align: left; background: #fff; }.assets-upcoming > button:last-child { border-bottom: 0; }.assets-upcoming time { display: flex; width: 28px; height: 32px; align-items: center; justify-content: center; flex-direction: column; border-radius: 7px; color: var(--ink); background: #f1f3ef; font-size:12px; font-weight: 850; }.assets-upcoming time small { color: #87918b; font-size:12px; text-transform: uppercase; }.assets-upcoming button > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.assets-upcoming button b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.assets-upcoming button small { color: #929995; font-size:12px; }.assets-upcoming button > .ui-icon { width: 10px; height: 10px; color: #a0a6a2; }
.assets-documents { margin-top: 10px; }.assets-documents > header > span { color: #89928d; font-size:12px; }.assets-documents > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; padding: 11px; }.assets-documents > div > button { display: grid; min-width: 0; min-height: 67px; grid-template-columns: 32px 1fr 12px; align-items: center; gap: 9px; padding: 10px; border: 1px solid #e1e4de; border-radius: 10px; text-align: left; background: #fff; }.assets-documents button > i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; color: #785fab; background: #eee9f8; }.assets-documents button > i.mint { color: #2d775a; background: #e2f2e9; }.assets-documents button > i.blue { color: #4e7a90; background: #e4eff4; }.assets-documents button > i .ui-icon { width: 14px; height: 14px; }.assets-documents button > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }.assets-documents button b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.assets-documents button small { color: #929995; font-size:12px; }.assets-documents button > .arrow { width: 11px; height: 11px; color: #a0a6a2; }
.asset-overlay { position: fixed; z-index: 116; inset: 0; visibility: hidden; pointer-events: none; }.asset-overlay.open { visibility: visible; pointer-events: auto; }.asset-backdrop { position: absolute; inset: 0; border: 0; background: rgba(16,25,20,.3); opacity: 0; transition: opacity .2s ease; backdrop-filter: blur(2px); }.asset-overlay.open .asset-backdrop { opacity: 1; }.asset-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: min(500px,100vw); overflow-y: auto; border-left: 1px solid #dce1dc; background: #f7f7f3; box-shadow: -18px 0 48px rgba(23,34,28,.14); transform: translateX(102%); transition: transform .25s ease; }.asset-overlay.open .asset-drawer { transform: translateX(0); }.asset-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px; border-bottom: 1px solid #e0e3de; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }.asset-drawer > header p { margin: 0 0 5px; color: #888f8b; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.asset-drawer > header h2 { margin: 0; color: var(--ink); font-size:17px; }.asset-drawer > header span { display: block; margin-top: 5px; color: #838c86; font-size:12px; }.asset-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }.asset-drawer > header button .ui-icon { width: 14px; height: 14px; }.asset-drawer-content { display: grid; gap: 11px; padding: 14px; }.asset-auto-note { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #cae1d7; border-radius: 10px; color: #287459; background: #eaf6f1; }.asset-auto-note > .ui-icon { width: 16px; height: 16px; }.asset-auto-note > span { display: flex; flex-direction: column; gap: 4px; }.asset-auto-note b { font-size:12px; }.asset-auto-note small { color: #718078; font-size:12px; }.asset-auto-note button { border: 0; color: #287459; background: transparent; font-size:12px; font-weight: 800; }.asset-drawer-two { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.asset-drawer-content label { display: grid; gap: 6px; color: #707a74; font-size:12px; font-weight: 750; }.asset-drawer-content select,.asset-drawer-content input,.asset-drawer-content textarea { width: 100%; min-height: 40px; padding: 9px 10px; border: 1px solid #d9ded8; border-radius: 8px; outline: 0; color: var(--ink); background: #fff; font: 12px/1.4 inherit; }.asset-drawer-content textarea { min-height: 64px; resize: vertical; }.asset-date-input,.asset-money-input { position: relative; }.asset-date-input .ui-icon { position: absolute; z-index: 1; top: 50%; left: 10px; width: 12px; height: 12px; color: #89918c; transform: translateY(-50%); }.asset-date-input input { padding-left: 29px; }.asset-money-input em { position: absolute; top: 50%; right: 10px; color: #89918c; font-size:12px; font-style: normal; transform: translateY(-50%); }.asset-money-input input { padding-right: 35px; }.asset-preview { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 10px; background: #fff; }.asset-preview > header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid #eceee9; color: #657069; font-size:12px; font-weight: 750; }.asset-preview > header em { color: #909793; font-size:12px; font-style: normal; font-weight: 500; }.asset-preview > div,.asset-preview > footer { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; border-bottom: 1px solid #eff0ed; color: #7f8883; font-size:12px; }.asset-preview > div b { color: var(--ink); font-size:12px; }.asset-preview > footer { border-bottom: 0; background: #f6f8f5; }.asset-preview > footer strong { color: var(--ink); font-size:14px; }.asset-drawer-content > footer { position: sticky; bottom: -14px; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.96); backdrop-filter: blur(10px); }.asset-drawer-content > footer button { flex: 1; }.asset-drawer-content > footer .primary-action { flex: 1.35; } body.asset-open { overflow: hidden; }

@media (max-width: 1200px) { .assets-page { padding: 26px 20px 60px; }.assets-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.assets-workspace { grid-template-columns: 1fr; }.assets-side { grid-template-columns: repeat(2,minmax(0,1fr)); }.assets-depreciation,.assets-upcoming { min-width: 0; } }
@media (max-width: 900px) { .assets-attention { grid-template-columns: auto 1fr auto; }.assets-attention > div { display: none; }.assets-controlbar { align-items: stretch; flex-wrap: wrap; }.assets-tabs { width: 100%; overflow-x: auto; }.assets-tabs button { flex: 1; white-space: nowrap; }.assets-search { width: auto; min-width: 0; flex: 1; margin-left: 0; }.assets-register { overflow-x: auto; }.assets-documents > div { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .assets-page { padding: 22px 12px 50px; }.assets-head { align-items: stretch; flex-direction: column; }.assets-head h1 { font-size: 24px; }.assets-head-actions { width: 100%; }.assets-head-actions > label { min-width: 0; flex: 1; }.assets-head-actions > button { flex: 0 0 46px; padding: 0; }.assets-head-actions > button span { display: none; }.assets-attention { grid-template-columns: auto 1fr; }.assets-attention > button { grid-column: 1 / -1; }.assets-metrics { grid-template-columns: 1fr; }.assets-metrics article { min-height: 100px; }.assets-controlbar,.assets-workspace,.assets-documents { margin-right: -12px; margin-left: -12px; }.assets-controlbar,.assets-register,.assets-depreciation,.assets-upcoming,.assets-documents { border-right: 0; border-left: 0; border-radius: 0; }.assets-filter { flex: 0 0 auto; }.assets-table { display: grid; min-width: 0; gap: 8px; padding: 10px 12px; background: #f6f6f2; }.assets-row { display: grid; min-width: 0; min-height: 0; grid-template-columns: 1fr 1fr; gap: 11px 16px; padding: 13px; border: 1px solid #dfe2dc; border-radius: 11px; background: #fff; }.assets-table > .assets-row-head { display: none; }.assets-object { grid-column: 1 / -1; padding: 0 30px 11px 0; border-bottom: 1px solid #eceee9; }.assets-row > span:nth-child(2)::before { content: "Стоимость"; }.assets-row > strong::before { content: "Остаток"; }.assets-row > span:nth-child(4)::before { content: "Амортизация"; }.assets-row > .assets-owner::before { content: "Ответственный"; }.assets-row > span:nth-child(6)::before { content: "Статус"; }.assets-row > span::before,.assets-row > strong::before { color: #9a9f9b; font-size:12px; font-weight: 750; text-transform: uppercase; }.assets-row > strong,.assets-row > span:not(.assets-object) { display: flex; align-items: flex-start; flex-direction: column; gap: 5px; }.assets-owner { align-items: flex-start; }.assets-owner > i { display: none; }.assets-row > .arrow { top: 20px; right: 13px; }.assets-side { grid-template-columns: 1fr; }.assets-documents > header > span { display: none; }.assets-documents > div { padding-inline: 12px; } }
@media (max-width: 480px) { .asset-drawer { width: 100%; }.asset-drawer > header { padding: 15px; }.asset-drawer-two { grid-template-columns: 1fr; }.asset-drawer-content { padding: 11px; }.asset-drawer-content > footer { margin: 0 -11px -11px; }.asset-auto-note { grid-template-columns: 18px 1fr; }.asset-auto-note button { grid-column: 2; justify-self: start; padding: 0; } }

/* Month closing */
.closing-page { width: min(1520px,100%); margin: 0 auto; padding: 30px 30px 70px; }.closing-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; }.closing-head > div:first-child > p { margin: 0 0 7px; color: #718178; font-size:12px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.closing-head h1 { margin: 0; color: var(--ink); font-size: 26px; letter-spacing: -.045em; }.closing-head > div:first-child > span { display: block; margin-top: 8px; color: #7e8882; font-size:12px; }.closing-head-actions { display: flex; align-items: center; gap: 8px; }.closing-head-actions > label { position: relative; display: flex; min-width: 172px; min-height: 39px; align-items: center; gap: 8px; padding: 0 31px 0 11px; border: 1px solid #dce1db; border-radius: 9px; background: #fff; }.closing-head-actions > label > .ui-icon:first-child { width: 12px; height: 12px; color: #738078; }.closing-head-actions select { width: 100%; border: 0; outline: 0; color: var(--ink); background: transparent; font: 12px/1 inherit; appearance: none; }.closing-head-actions .chevron { position: absolute; right: 10px; width: 10px; height: 10px; color: #87908a; }.closing-head-actions > button { min-height: 39px; padding: 0 12px; font-size:12px; }.closing-head-actions > button .ui-icon { width: 12px; height: 12px; }.closing-head-actions > button.loading .ui-icon { animation: closing-spin .7s linear infinite; }@keyframes closing-spin{to{transform:rotate(360deg)}}
.closing-hero { display: grid; min-height: 104px; grid-template-columns: 66px minmax(230px,1fr) auto auto; align-items: center; gap: 15px; margin-top: 18px; padding: 15px 17px; border: 1px solid #c6e1d7; border-radius: 14px; background: linear-gradient(110deg,#eff9f4,#f8fbf8); }.closing-progress-ring { position: relative; display: grid; width: 60px; height: 60px; place-items: center; border-radius: 50%; background: conic-gradient(#288664 0 82%,#dceae4 82% 100%); }.closing-progress-ring::after { position: absolute; width: 46px; height: 46px; border-radius: 50%; background: #f5fbf8; content: ""; }.closing-progress-ring span { z-index: 1; color: var(--ink); font-size:16px; font-weight: 850; }.closing-progress-ring small { color: #6d7c74; font-size:12px; }.closing-hero-copy p { margin: 0 0 5px; color: #2f7c5e; font-size:12px; font-weight: 850; letter-spacing: .1em; }.closing-hero-copy h2 { margin: 0; color: var(--ink); font-size:15px; }.closing-hero-copy span { display: block; max-width: 470px; margin-top: 6px; color: #7b8981; font-size:12px; line-height: 1.5; }.closing-stage { display: flex; align-items: center; gap: 7px; }.closing-stage > span { display: grid; grid-template-columns: 23px 1fr; align-items: center; gap: 5px; }.closing-stage > span i { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid #d1d9d4; border-radius: 50%; color: #7d8881; background: #fff; font-size:12px; font-style: normal; }.closing-stage > span i .ui-icon { width: 10px; height: 10px; }.closing-stage > span b { color: #6e7a73; font-size:12px; }.closing-stage > span.done i { border-color: #85c2a9; color: #fff; background: #35956e; }.closing-stage > span.active i { border-color: #dfb66e; color: #97631c; background: #fff2d8; }.closing-stage > em { width: 22px; height: 1px; background: #cad5cf; }.closing-hero > button { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid #bad8cc; border-radius: 8px; color: #fff; background: #19866f; font-size:12px; font-weight: 800; box-shadow: 0 7px 16px rgba(25,134,111,.16); }.closing-hero > button .ui-icon { width: 11px; height: 11px; }
.closing-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 10px; }.closing-metrics article { min-width: 0; min-height: 104px; padding: 14px; border: 1px solid #e0e3dd; border-radius: 13px; background: #fff; }.closing-metrics article.ready { border-color: #cde2da; background: #f4faf7; }.closing-metrics header { display: flex; align-items: center; justify-content: space-between; color: #737d77; font-size:12px; font-weight: 700; }.closing-metrics header i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; color: #2a795a; background: #e0f1e9; }.closing-metrics header i.blue { color: #487c92; background: #e4f0f4; }.closing-metrics header i.mint { color: #30785d; background: #e4f2ec; }.closing-metrics header i.amber { color: #a16c20; background: #f8ead0; }.closing-metrics header .ui-icon { width: 13px; height: 13px; }.closing-metrics strong { display: block; overflow: hidden; margin-top: 11px; color: var(--ink); font-size:17px; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }.closing-metrics p { margin: 7px 0 0; color: #969d98; font-size:12px; }.closing-metrics p em { margin-right: 3px; color: #2b805d; font-style: normal; font-weight: 800; }.closing-metrics p em.warning { color: #98651f; }
.closing-workspace { display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: 10px; margin-top: 10px; }.closing-checklist,.closing-blockers,.closing-preview,.closing-history { overflow: hidden; border: 1px solid #e0e2dd; border-radius: 13px; background: #fff; }.closing-checklist > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; border-bottom: 1px solid #e8eae5; }.closing-checklist > header p { margin: 0 0 5px; color: #7d8981; font-size:12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.closing-checklist > header h2 { margin: 0; color: var(--ink); font-size:14px; }.closing-period { display: grid; grid-template-columns: 28px auto 28px; align-items: center; gap: 7px; }.closing-period button { display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 1px solid #dfe2dd; border-radius: 7px; color: #738078; background: #fff; }.closing-period button .ui-icon { width: 10px; height: 10px; }.closing-period button .next { transform: rotate(180deg); }.closing-period b { color: #5f6b64; font-size:12px; }
.closing-group { border-bottom: 1px solid #e7e9e5; }.closing-group:last-child { border-bottom: 0; }.closing-group-head { display: grid; width: 100%; min-height: 57px; grid-template-columns: 1fr auto 12px; align-items: center; gap: 10px; padding: 10px 15px; border: 0; text-align: left; background: #fbfcfa; }.closing-group.current > .closing-group-head { background: #f5faf7; }.closing-group-head > span { display: flex; align-items: center; gap: 9px; }.closing-group-head > span > i { display: grid; width: 27px; height: 27px; flex: 0 0 auto; place-items: center; border: 1px solid #d4dbd6; border-radius: 8px; color: #78847d; background: #fff; font-size:12px; font-style: normal; font-weight: 800; }.closing-group.complete .closing-group-head > span > i { border-color: #abd3c2; color: #fff; background: #3c9872; }.closing-group.current .closing-group-head > span > i { border-color: #dfbc7a; color: #98651f; background: #fff3dd; }.closing-group-head b { display: flex; flex-direction: column; gap: 4px; color: var(--ink); font-size:12px; }.closing-group-head small { color: #929995; font-size:12px; font-weight: 500; }.closing-group-head > em { padding: 4px 7px; border-radius: 5px; color: #2e7658; background: #e2f2e9; font-size:12px; font-style: normal; font-weight: 750; }.closing-group.current .closing-group-head > em { color: #9a641f; background: #f8e8ca; }.closing-group.locked .closing-group-head > em { color: #737a75; background: #ecefeb; }.closing-group-head > .chevron { width: 11px; height: 11px; color: #87918b; transition: transform .2s ease; }.closing-group.collapsed .closing-group-head > .chevron { transform: rotate(-90deg); }.closing-group.collapsed .closing-group-body { display: none; }.closing-group-body > button { position: relative; display: grid; width: 100%; min-height: 57px; grid-template-columns: 27px 1fr auto 11px; align-items: center; gap: 9px; padding: 9px 15px 9px 25px; border: 0; border-top: 1px solid #eef0ec; text-align: left; background: #fff; }.closing-group-body > button:hover { background: #fafbf9; }.closing-group-body > button.attention { background: #fffaf1; }.closing-group-body > button > i { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; color: #78847d; background: #edf0ed; font-style: normal; }.closing-group-body > button > i.done { color: #2f795b; background: #e3f2ea; }.closing-group-body > button.attention > i { color: #98651f; background: #f8e8ca; }.closing-group-body > button > i .ui-icon { width: 11px; height: 11px; }.closing-group-body > button > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.closing-group-body > button b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.closing-group-body > button small { color: #949b97; font-size:12px; }.closing-group-body > button > em { padding: 4px 6px; border-radius: 5px; color: #2d7657; background: #e2f2e9; font-size:12px; font-style: normal; font-weight: 750; }.closing-group-body > button.attention > em { color: #98651f; background: #f7e6c6; }.closing-group.locked .closing-group-body > button > em { color: #767c78; background: #ecefeb; }.closing-group-body > button > .arrow { width: 10px; height: 10px; color: #a0a6a2; }
.closing-side { display: grid; align-content: start; gap: 10px; }.closing-blockers > header,.closing-preview > header { display: flex; align-items: flex-start; justify-content: space-between; padding: 12px 13px; border-bottom: 1px solid #e9ebe6; }.closing-blockers > header p,.closing-preview > header p { margin: 0 0 4px; color: #8c9590; font-size:12px; }.closing-blockers > header h2,.closing-preview > header h2 { margin: 0; color: var(--ink); font-size:14px; }.closing-blockers > header span { padding: 4px 6px; border-radius: 5px; color: #9a641f; background: #f8e8ca; font-size:12px; font-weight: 750; }.closing-blockers article { display: grid; grid-template-columns: 29px 1fr auto; align-items: center; gap: 8px; padding: 11px 12px; border-bottom: 1px solid #eceee9; }.closing-blockers article:last-child { border-bottom: 0; }.closing-blockers article > i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; color: #8f6426; background: #f9ead0; }.closing-blockers article > i.amber { color: #aa6823; background: #fae7c9; }.closing-blockers article > i .ui-icon { width: 12px; height: 12px; }.closing-blockers article > span { display: flex; min-width: 0; flex-direction: column; gap: 4px; }.closing-blockers article b { overflow: hidden; color: var(--ink); font-size:12px; text-overflow: ellipsis; white-space: nowrap; }.closing-blockers article small { color: #929a95; font-size:12px; }.closing-blockers article strong { color: #6b756f; font-size:12px; }.closing-blockers article button { padding: 6px 7px; border: 1px solid #e0d3ba; border-radius: 6px; color: #94621d; background: #fffaf0; font-size:12px; font-weight: 750; }.closing-preview > header > span { color: #89928d; font-size:12px; }.closing-profit { display: flex; align-items: center; flex-direction: column; margin: 11px 12px; padding: 14px 10px; border-radius: 10px; background: #f3f7f4; }.closing-profit > span { color: #87918b; font-size:12px; }.closing-profit > strong { margin-top: 6px; color: var(--ink); font-size:17px; }.closing-profit > small { display: inline-flex; align-items: center; gap: 4px; margin-top: 5px; color: #28785b; font-size:12px; }.closing-profit > small .ui-icon { width: 9px; height: 9px; }.closing-profit-lines { padding: 0 12px; }.closing-profit-lines > span { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #eceeea; }.closing-profit-lines b { color: #78827c; font-size:12px; }.closing-profit-lines strong { color: var(--ink); font-size:12px; }.closing-preview > p { margin: 10px 12px 12px; color: #919994; font-size:12px; line-height: 1.5; }.closing-history > header { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; border-bottom: 1px solid #e9ebe6; }.closing-history h3 { margin: 0; color: var(--ink); font-size:12px; }.closing-history > header button { border: 0; color: #2b7559; background: transparent; font-size:12px; font-weight: 750; }.closing-history > button { display: grid; width: 100%; grid-template-columns: 24px 1fr auto; align-items: center; gap: 8px; padding: 9px 12px; border: 0; border-bottom: 1px solid #eceee9; text-align: left; background: #fff; }.closing-history > button:last-child { border-bottom: 0; }.closing-history > button > i { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; color: #fff; background: #3c9872; }.closing-history > button > i .ui-icon { width: 9px; height: 9px; }.closing-history > button > span { display: flex; flex-direction: column; gap: 3px; }.closing-history > button b { color: var(--ink); font-size:12px; }.closing-history > button small { color: #959c98; font-size:12px; }.closing-history > button strong { color: #55635b; font-size:12px; }
.closing-detail-overlay { position: fixed; z-index: 117; inset: 0; visibility: hidden; pointer-events: none; }.closing-detail-overlay.open { visibility: visible; pointer-events: auto; }.closing-detail-backdrop { position: absolute; inset: 0; border: 0; background: rgba(16,25,20,.3); opacity: 0; transition: opacity .2s ease; backdrop-filter: blur(2px); }.closing-detail-overlay.open .closing-detail-backdrop { opacity: 1; }.closing-detail-drawer { position: absolute; top: 0; right: 0; bottom: 0; width: min(490px,100vw); overflow-y: auto; border-left: 1px solid #dce1dc; background: #f7f7f3; box-shadow: -18px 0 48px rgba(23,34,28,.14); transform: translateX(102%); transition: transform .25s ease; }.closing-detail-overlay.open .closing-detail-drawer { transform: translateX(0); }.closing-detail-drawer > header { position: sticky; z-index: 2; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px; border-bottom: 1px solid #e0e3de; background: rgba(255,255,255,.96); backdrop-filter: blur(12px); }.closing-detail-drawer > header p { margin: 0 0 5px; color: #888f8b; font-size:12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.closing-detail-drawer > header h2 { margin: 0; color: var(--ink); font-size:17px; }.closing-detail-drawer > header span { display: block; margin-top: 5px; color: #838c86; font-size:12px; }.closing-detail-drawer > header button { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; padding: 0; border: 1px solid #dfe2dc; border-radius: 8px; color: #68716b; background: #fff; }.closing-detail-drawer > header button .ui-icon { width: 14px; height: 14px; }.closing-detail-content { display: grid; gap: 11px; padding: 14px; }.closing-detail-status { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; padding: 11px; border: 1px solid #e4d2b0; border-radius: 10px; background: #fff8ec; }.closing-detail-status > i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; color: #95631e; background: #f8e6c6; }.closing-detail-status > i .ui-icon { width: 12px; height: 12px; }.closing-detail-status > span { display: flex; flex-direction: column; gap: 4px; }.closing-detail-status b { color: var(--ink); font-size:12px; }.closing-detail-status small { color: #848d87; font-size:12px; }.closing-detail-status em { padding: 4px 6px; border-radius: 5px; color: #95631e; background: #f5e1be; font-size:12px; font-style: normal; font-weight: 750; }.closing-detail-summary,.closing-detail-entries { overflow: hidden; border: 1px solid #dfe2dc; border-radius: 10px; background: #fff; }.closing-detail-summary > header,.closing-detail-entries > header { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; border-bottom: 1px solid #eceee9; color: #69756e; font-size:12px; }.closing-detail-summary > header strong { color: var(--ink); font-size:14px; }.closing-detail-summary > div { padding: 4px 12px; }.closing-detail-summary > div > span { display: grid; grid-template-columns: 6px 1fr auto; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid #eff0ed; }.closing-detail-summary > div > span:last-child { border-bottom: 0; }.closing-detail-summary > div i { width: 6px; height: 6px; border-radius: 2px; background: #288766; }.closing-detail-summary > div i.blue { background: #6996a9; }.closing-detail-summary > div i.violet { background: #8a73bb; }.closing-detail-summary > div b { display: flex; flex-direction: column; gap: 3px; color: #59665e; font-size:12px; }.closing-detail-summary > div small { color: #989f9b; font-size:12px; font-weight: 500; }.closing-detail-summary > div strong { color: var(--ink); font-size:12px; }.closing-detail-entries > header em { color: #909793; font-size:12px; font-style: normal; }.closing-detail-entries > div { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 10px; padding: 9px 12px; border-bottom: 1px solid #eff0ed; }.closing-detail-entries > div:last-child { border-bottom: 0; }.closing-detail-entries > div > span { display: flex; flex-direction: column; gap: 3px; }.closing-detail-entries > div b { color: var(--ink); font-size:12px; }.closing-detail-entries > div small { color: #949b97; font-size:12px; }.closing-detail-entries > div strong { color: var(--ink); font-size:12px; }.closing-detail-note { display: flex; align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid #cbe1d7; border-radius: 9px; color: #2d7559; background: #edf8f3; }.closing-detail-note > .ui-icon { width: 15px; height: 15px; flex: 0 0 auto; }.closing-detail-note > span { display: flex; flex-direction: column; gap: 4px; }.closing-detail-note b { font-size:12px; }.closing-detail-note small { color: #75837b; font-size:12px; }.closing-detail-comment { display: grid; gap: 6px; color: #707a74; font-size:12px; font-weight: 750; }.closing-detail-comment textarea { width: 100%; min-height: 65px; padding: 9px 10px; border: 1px solid #d9ded8; border-radius: 8px; outline: 0; color: var(--ink); background: #fff; font: 12px/1.4 inherit; resize: vertical; }.closing-detail-content > footer { position: sticky; bottom: -14px; display: flex; gap: 8px; margin: 0 -14px -14px; padding: 13px 14px; border-top: 1px solid #e0e2dc; background: rgba(247,247,243,.96); backdrop-filter: blur(10px); }.closing-detail-content > footer button { flex: 1; }.closing-detail-content > footer .primary-action { flex: 1.45; }body.closing-detail-open { overflow: hidden; }
@media (max-width:1200px){.closing-page{padding:26px 20px 60px}.closing-stage{display:none}.closing-hero{grid-template-columns:66px 1fr auto}.closing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-workspace{grid-template-columns:1fr}.closing-side{grid-template-columns:repeat(3,minmax(0,1fr))}.closing-blockers,.closing-preview,.closing-history{min-width:0}}
@media (max-width:900px){.closing-side{grid-template-columns:1fr 1fr}.closing-history{grid-column:1/-1}.closing-blockers article{grid-template-columns:29px 1fr auto}}
@media (max-width:700px){.closing-page{padding:22px 12px 50px}.closing-head{align-items:stretch;flex-direction:column}.closing-head h1{font-size:24px}.closing-head-actions{width:100%}.closing-head-actions>label{min-width:0;flex:1}.closing-head-actions>button{flex:0 0 42px;padding:0}.closing-head-actions>button span{display:none}.closing-hero{grid-template-columns:52px 1fr;padding:13px}.closing-progress-ring{width:50px;height:50px}.closing-progress-ring::after{width:38px;height:38px}.closing-progress-ring span{font-size:15px}.closing-hero-copy h2{font-size:14px}.closing-hero>button{grid-column:1/-1;justify-content:center}.closing-metrics{grid-template-columns:1fr}.closing-metrics article{min-height:100px}.closing-workspace{margin-right:-12px;margin-left:-12px}.closing-checklist,.closing-blockers,.closing-preview,.closing-history{border-right:0;border-left:0;border-radius:0}.closing-checklist>header{align-items:flex-start;flex-direction:column}.closing-period{width:100%;grid-template-columns:30px 1fr 30px}.closing-period b{text-align:center}.closing-group-head{grid-template-columns:1fr auto 12px;padding-inline:12px}.closing-group-head>span>i{width:25px;height:25px}.closing-group-body>button{grid-template-columns:26px 1fr auto;padding-left:18px}.closing-group-body>button>.arrow{display:none}.closing-group-body>button b{white-space:normal}.closing-side{grid-template-columns:1fr}.closing-history{grid-column:auto}}
@media (max-width:480px){.closing-detail-drawer{width:100%}.closing-detail-drawer>header{padding:15px}.closing-detail-content{padding:11px}.closing-detail-content>footer{margin:0 -11px -11px}.closing-detail-status{grid-template-columns:29px 1fr}.closing-detail-status>em{grid-column:2;justify-self:start}.closing-detail-entries>div{grid-template-columns:1fr auto}.closing-detail-entries>div>span:nth-child(2){display:none}}

/* Accounting journal */
.accounting-page{width:min(1520px,100%);margin:0 auto;padding:30px 30px 70px}.accounting-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.accounting-head>div:first-child>p{margin:0 0 7px;color:#718178;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.accounting-head h1{margin:0;color:var(--ink);font-size:26px;letter-spacing:-.045em}.accounting-head>div:first-child>span{display:block;margin-top:8px;color:#7e8882;font-size:12px}.accounting-head-actions{display:flex;align-items:center;gap:8px}.accounting-head-actions>label{position:relative;display:flex;min-width:172px;min-height:39px;align-items:center;gap:8px;padding:0 31px 0 11px;border:1px solid #dce1db;border-radius:9px;background:#fff}.accounting-head-actions>label>.ui-icon:first-child{width:12px;height:12px;color:#738078}.accounting-head-actions select{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1 inherit;appearance:none}.accounting-head-actions .chevron{position:absolute;right:10px;width:10px;height:10px;color:#87908a}.accounting-head-actions>button{min-height:39px;padding:0 15px;font-size:12px}
.accounting-balance-banner{display:grid;min-height:76px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;border:1px solid #c6e1d7;border-radius:13px;background:linear-gradient(105deg,#edf8f3,#f8fbf8)}.accounting-balance-banner>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#247659;background:#dcefe7}.accounting-balance-banner>i .ui-icon{width:15px;height:15px}.accounting-balance-banner>span{display:flex;flex-direction:column;gap:5px}.accounting-balance-banner>span b{color:var(--ink);font-size:13px}.accounting-balance-banner>span small{color:#7e8c84;font-size:12px}.accounting-balance-banner>div{display:flex;align-items:flex-end;flex-direction:column;gap:4px;padding-right:10px}.accounting-balance-banner>div small{color:#819088;font-size:12px}.accounting-balance-banner>div strong{color:var(--ink);font-size:15px}.accounting-balance-banner>button{display:inline-flex;min-height:35px;align-items:center;gap:7px;padding:0 11px;border:1px solid #bfd8cf;border-radius:8px;color:#2c7059;background:#fff;font-size:12px;font-weight:800}.accounting-balance-banner>button .ui-icon{width:11px;height:11px}
.accounting-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.accounting-metrics article{min-width:0;min-height:104px;padding:14px;border:1px solid #e0e3dd;border-radius:13px;background:#fff}.accounting-metrics article.primary{border-color:#cde2da;background:#f4faf7}.accounting-metrics header{display:flex;align-items:center;justify-content:space-between;color:#737d77;font-size:12px;font-weight:700}.accounting-metrics header i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#2a795a;background:#e0f1e9}.accounting-metrics header i.blue{color:#487c92;background:#e4f0f4}.accounting-metrics header i.mint{color:#30785d;background:#e4f2ec}.accounting-metrics header i.violet{color:#775faa;background:#eee9f8}.accounting-metrics header .ui-icon{width:13px;height:13px}.accounting-metrics strong{display:block;overflow:hidden;margin-top:11px;color:var(--ink);font-size:17px;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.accounting-metrics p{margin:7px 0 0;color:#969d98;font-size:12px}.accounting-metrics p em{margin-right:3px;color:#2b805d;font-style:normal;font-weight:800}.accounting-metrics p em.neutral{color:#737d77}
.accounting-toolbar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px;border:1px solid #e0e3dd;border-radius:12px;background:#fff}.accounting-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f0f2ee}.accounting-tabs button{min-height:29px;padding:0 10px;border:0;border-radius:6px;color:#77817a;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.accounting-tabs button span{margin-left:4px;color:#929995}.accounting-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px rgba(24,34,29,.08)}.accounting-search{display:flex;width:min(235px,25vw);min-height:34px;align-items:center;gap:7px;margin-left:auto;padding:0 10px;border:1px solid #dde1db;border-radius:8px}.accounting-search .ui-icon{width:12px;height:12px;color:#909893}.accounting-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1.3 inherit}.accounting-search input::placeholder{color:#a0a6a2}.accounting-date{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px solid #dfe2dc;border-radius:8px;color:#69746d;background:#fff;font-size:12px;font-weight:750}.accounting-date .ui-icon{width:11px;height:11px}
.accounting-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;margin-top:10px}.accounting-journal,.accounting-accounts,.accounting-reports{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.accounting-journal>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #e8eae5}.accounting-journal>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.accounting-journal>header h2{margin:0;color:var(--ink);font-size:14px}.accounting-journal>header>div:last-child{display:flex;gap:6px}.accounting-journal>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.accounting-journal>header button .ui-icon{width:10px;height:10px}.accounting-table{min-width:770px}.accounting-row{position:relative;display:grid;width:100%;min-height:64px;grid-template-columns:minmax(230px,1.45fr) .8fr .8fr .65fr .65fr;align-items:center;gap:10px;padding:9px 28px 9px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff;font-size:12px}.accounting-row:not(.accounting-row-head):hover{background:#fafbf8}.accounting-row[hidden]{display:none}.accounting-row-head{min-height:31px;padding-block:7px;color:#8e9691;background:#f8f9f6;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.accounting-document{display:flex;min-width:0;align-items:center;gap:8px}.accounting-document>i{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;color:#2e765b;background:#e2f2ea}.accounting-document>i.purchase{color:#4c7b91;background:#e5f0f5}.accounting-document>i.bank{color:#4d7b91;background:#e4eff4}.accounting-document>i.salary{color:#775fab;background:#eee9f8}.accounting-document>i.asset{color:#9d6a22;background:#f8ead1}.accounting-document>i.manual{color:#66736b;background:#ecefeb}.accounting-document>i .ui-icon{width:13px;height:13px}.accounting-document b,.account-code{display:flex;min-width:0;flex-direction:column;gap:4px}.accounting-document b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.accounting-document small,.account-code small{overflow:hidden;color:#969d98;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.account-code b{color:#4b5e53;font-size:12px}.accounting-row>strong{color:var(--ink);font-size:12px}.accounting-row em{display:inline-flex;width:max-content;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.accounting-row em.ready{color:#2d7657;background:#e2f2e9}.accounting-row em.draft{color:#8f631f;background:#f8e8ca}.accounting-row>.arrow{position:absolute;top:27px;right:10px;width:10px;height:10px;color:#a0a6a2;transition:transform .2s ease}.accounting-row.expanded>.arrow{transform:rotate(180deg)}.accounting-row-detail{display:none;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 -13px -9px;padding:10px 13px;border-top:1px dashed #dfe3dd;background:#f8faf7}.accounting-row.expanded{padding-bottom:9px}.accounting-row.expanded .accounting-row-detail{display:grid}.accounting-row-detail>span{display:flex;flex-direction:column;gap:4px}.accounting-row-detail b{color:#69756e;font-size:12px}.accounting-row-detail small{color:#89928d;font-size:12px}.accounting-journal>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.accounting-journal>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.accounting-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}
.accounting-side{display:grid;align-content:start;gap:10px}.accounting-accounts>header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #e9ebe6}.accounting-accounts>header p{margin:0 0 4px;color:#8c9590;font-size:12px}.accounting-accounts>header h2{margin:0;color:var(--ink);font-size:14px}.accounting-accounts>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.accounting-accounts>div>button{display:grid;width:100%;min-height:54px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.accounting-accounts>div>button:last-child{border-bottom:0}.accounting-accounts button>i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#2d7459;background:#e4f1eb;font-size:12px;font-style:normal;font-weight:850}.accounting-accounts button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.accounting-accounts button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.accounting-accounts button small{color:#949b97;font-size:12px}.accounting-accounts button strong{color:#4e5e55;font-size:12px}.accounting-reports>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.accounting-reports h3{margin:0;color:var(--ink);font-size:12px}.accounting-reports>header span{color:#929995;font-size:12px}.accounting-reports>button{display:grid;width:100%;min-height:55px;grid-template-columns:29px 1fr 11px;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.accounting-reports>button:last-child{border-bottom:0}.accounting-reports button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#775fab;background:#eee9f8}.accounting-reports button>i.mint{color:#2d775a;background:#e2f2e9}.accounting-reports button>i.blue{color:#4e7a90;background:#e4eff4}.accounting-reports button>i .ui-icon{width:12px;height:12px}.accounting-reports button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.accounting-reports button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.accounting-reports button small{color:#949b97;font-size:12px}.accounting-reports button>.arrow{width:10px;height:10px;color:#a0a6a2}
.accounting-overlay{position:fixed;z-index:118;inset:0;visibility:hidden;pointer-events:none}.accounting-overlay.open{visibility:visible;pointer-events:auto}.accounting-backdrop{position:absolute;inset:0;border:0;background:rgba(16,25,20,.3);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px)}.accounting-overlay.open .accounting-backdrop{opacity:1}.accounting-drawer{position:absolute;top:0;right:0;bottom:0;width:min(500px,100vw);overflow-y:auto;border-left:1px solid #dce1dc;background:#f7f7f3;box-shadow:-18px 0 48px rgba(23,34,28,.14);transform:translateX(102%);transition:transform .25s ease}.accounting-overlay.open .accounting-drawer{transform:translateX(0)}.accounting-drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid #e0e3de;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.accounting-drawer>header p{margin:0 0 5px;color:#888f8b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.accounting-drawer>header h2{margin:0;color:var(--ink);font-size:17px}.accounting-drawer>header span{display:block;margin-top:5px;color:#838c86;font-size:12px}.accounting-drawer>header button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;padding:0;border:1px solid #dfe2dc;border-radius:8px;color:#68716b;background:#fff}.accounting-drawer>header button .ui-icon{width:14px;height:14px}.accounting-drawer-content{display:grid;gap:11px;padding:14px}.accounting-drawer-note{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #cae1d7;border-radius:10px;color:#287459;background:#eaf6f1}.accounting-drawer-note>.ui-icon{width:16px;height:16px;flex:0 0 auto}.accounting-drawer-note>span{display:flex;flex-direction:column;gap:4px}.accounting-drawer-note b{font-size:12px}.accounting-drawer-note small{color:#718078;font-size:12px}.accounting-drawer-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.accounting-drawer-content label{display:grid;gap:6px;color:#707a74;font-size:12px;font-weight:750}.accounting-drawer-content select,.accounting-drawer-content input,.accounting-drawer-content textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d9ded8;border-radius:8px;outline:0;color:var(--ink);background:#fff;font:12px/1.4 inherit}.accounting-drawer-content textarea{min-height:64px;resize:vertical}.accounting-date-input,.accounting-money-input{position:relative}.accounting-date-input .ui-icon{position:absolute;z-index:1;top:50%;left:10px;width:12px;height:12px;color:#89918c;transform:translateY(-50%)}.accounting-date-input input{padding-left:29px}.accounting-money-input em{position:absolute;top:50%;right:10px;color:#89918c;font-size:12px;font-style:normal;transform:translateY(-50%)}.accounting-money-input input{padding-right:28px}.accounting-entry-editor,.accounting-drawer-balance{display:grid;gap:10px;padding:11px;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.accounting-entry-editor>header,.accounting-drawer-balance>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.accounting-entry-editor>header button{display:inline-flex;align-items:center;gap:4px;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.accounting-entry-editor>header button .ui-icon{width:10px;height:10px}.accounting-drawer-balance{gap:0;padding:0}.accounting-drawer-balance>header{padding:10px 12px}.accounting-drawer-balance>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.accounting-drawer-balance>div{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eff0ed;color:#7f8883;font-size:12px}.accounting-drawer-balance>div strong{color:var(--ink);font-size:12px}.accounting-drawer-balance>footer{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f1f8f4}.accounting-drawer-balance>footer>.ui-icon{width:14px;height:14px;color:#2f795b}.accounting-drawer-balance>footer span{display:flex;flex-direction:column;gap:3px}.accounting-drawer-balance>footer b{color:#2f7057;font-size:12px}.accounting-drawer-balance>footer small{color:#7e8a83;font-size:12px}.accounting-drawer-content>footer{position:sticky;bottom:-14px;display:flex;gap:7px;margin:0 -14px -14px;padding:13px 14px;border-top:1px solid #e0e2dc;background:rgba(247,247,243,.96);backdrop-filter:blur(10px)}.accounting-drawer-content>footer button{flex:1;min-height:38px;border:1px solid #d8ddd7;border-radius:8px;color:#5f6c64;background:#fff;font-size:12px;font-weight:750}.accounting-drawer-content>footer .primary-action{border-color:#19866f;color:#fff;background:#19866f}body.accounting-open{overflow:hidden}
@media (max-width:1200px){.accounting-page{padding:26px 20px 60px}.accounting-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-workspace{grid-template-columns:1fr}.accounting-side{grid-template-columns:1fr 1fr}.accounting-journal{overflow-x:auto}}
@media (max-width:900px){.accounting-balance-banner{grid-template-columns:auto 1fr auto}.accounting-balance-banner>div{display:none}.accounting-toolbar{align-items:stretch;flex-wrap:wrap}.accounting-tabs{width:100%;overflow-x:auto}.accounting-tabs button{flex:1}.accounting-search{width:auto;min-width:0;flex:1;margin-left:0}}
@media (max-width:700px){.accounting-page{padding:22px 12px 50px}.accounting-head{align-items:stretch;flex-direction:column}.accounting-head h1{font-size:24px}.accounting-head-actions{width:100%}.accounting-head-actions>label{min-width:0;flex:1}.accounting-head-actions>button{flex:0 0 46px;padding:0}.accounting-head-actions>button span{display:none}.accounting-balance-banner{grid-template-columns:auto 1fr}.accounting-balance-banner>button{grid-column:1/-1;justify-content:center}.accounting-metrics{grid-template-columns:1fr}.accounting-metrics article{min-height:100px}.accounting-toolbar,.accounting-workspace{margin-right:-12px;margin-left:-12px}.accounting-toolbar,.accounting-journal,.accounting-accounts,.accounting-reports{border-right:0;border-left:0;border-radius:0}.accounting-date{flex:0 0 auto}.accounting-table{display:grid;min-width:0;gap:8px;padding:10px 12px;background:#f6f6f2}.accounting-row{display:grid;min-width:0;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px;border:1px solid #dfe2dc;border-radius:11px;background:#fff}.accounting-table>.accounting-row-head{display:none}.accounting-document{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.accounting-row>.account-code:nth-child(2)::before{content:"Дебет"}.accounting-row>.account-code:nth-child(3)::before{content:"Кредит"}.accounting-row>strong::before{content:"Сумма"}.accounting-row>span:nth-child(5)::before{content:"Состояние"}.accounting-row>.account-code::before,.accounting-row>strong::before,.accounting-row>span:nth-child(5)::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.accounting-row>strong,.accounting-row>span:not(.accounting-document){display:flex;align-items:flex-start;flex-direction:column;gap:5px}.accounting-row>.arrow{top:20px;right:13px}.accounting-row-detail{grid-template-columns:1fr;margin:0; padding:10px 0 0;background:transparent}.accounting-side{grid-template-columns:1fr}}
@media (max-width:480px){.accounting-drawer{width:100%}.accounting-drawer>header{padding:15px}.accounting-drawer-two{grid-template-columns:1fr}.accounting-drawer-content{padding:11px}.accounting-drawer-content>footer{margin:0 -11px -11px;flex-wrap:wrap}.accounting-drawer-content>footer .secondary-action{flex:0 0 100%}}

/* Human resources */
.hr-page{width:min(1520px,100%);margin:0 auto;padding:30px 30px 70px}.hr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.hr-head>div:first-child>p{margin:0 0 7px;color:#718178;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hr-head h1{margin:0;color:var(--ink);font-size:26px;letter-spacing:-.045em}.hr-head>div:first-child>span{display:block;margin-top:8px;color:#7e8882;font-size:12px}.hr-head-actions{display:flex;align-items:center;gap:8px}.hr-head-actions>label{position:relative;display:flex;min-width:176px;min-height:39px;align-items:center;gap:8px;padding:0 31px 0 11px;border:1px solid #dce1db;border-radius:9px;background:#fff}.hr-head-actions>label>.ui-icon:first-child{width:12px;height:12px;color:#738078}.hr-head-actions select{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1 inherit;appearance:none}.hr-head-actions .chevron{position:absolute;right:10px;width:10px;height:10px;color:#87908a}.hr-head-actions>button{min-height:39px;padding:0 15px;font-size:12px}
.hr-alert{display:grid;min-height:76px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;border:1px solid #c7e1d7;border-radius:13px;background:linear-gradient(105deg,#edf8f3,#f8fbf8)}.hr-alert>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#247659;background:#dcefe7}.hr-alert>i .ui-icon{width:15px;height:15px}.hr-alert>span{display:flex;flex-direction:column;gap:5px}.hr-alert>span b{color:var(--ink);font-size:13px}.hr-alert>span small{color:#7e8c84;font-size:12px}.hr-alert>div{display:flex;align-items:flex-end;flex-direction:column;gap:4px;padding-right:10px}.hr-alert>div b{color:#25815f;font-size:16px}.hr-alert>div small{color:#819088;font-size:12px}.hr-alert>button{display:inline-flex;min-height:35px;align-items:center;gap:7px;padding:0 11px;border:1px solid #bfd8cf;border-radius:8px;color:#2c7059;background:#fff;font-size:12px;font-weight:800}.hr-alert>button .ui-icon{width:11px;height:11px}
.hr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.hr-metrics article{min-width:0;min-height:104px;padding:14px;border:1px solid #e0e3dd;border-radius:13px;background:#fff}.hr-metrics article.primary{border-color:#cde2da;background:#f4faf7}.hr-metrics header{display:flex;align-items:center;justify-content:space-between;color:#737d77;font-size:12px;font-weight:700}.hr-metrics header i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#2a795a;background:#e0f1e9}.hr-metrics header i.blue{color:#487c92;background:#e4f0f4}.hr-metrics header i.mint{color:#30785d;background:#e4f2ec}.hr-metrics header i.violet{color:#775faa;background:#eee9f8}.hr-metrics header .ui-icon{width:13px;height:13px}.hr-metrics strong{display:block;overflow:hidden;margin-top:11px;color:var(--ink);font-size:17px;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.hr-metrics p{margin:7px 0 0;color:#969d98;font-size:12px}.hr-metrics p em{margin-right:3px;color:#2b805d;font-style:normal;font-weight:800}.hr-metrics p em.warning{color:#98651f}
.hr-toolbar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px;border:1px solid #e0e3dd;border-radius:12px;background:#fff}.hr-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f0f2ee}.hr-tabs button{min-height:29px;padding:0 10px;border:0;border-radius:6px;color:#77817a;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.hr-tabs button span{margin-left:4px;color:#929995}.hr-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px rgba(24,34,29,.08)}.hr-search{display:flex;width:min(270px,29vw);min-height:34px;align-items:center;gap:7px;margin-left:auto;padding:0 10px;border:1px solid #dde1db;border-radius:8px}.hr-search .ui-icon{width:12px;height:12px;color:#909893}.hr-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1.3 inherit}.hr-search input::placeholder{color:#a0a6a2}.hr-filter{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px solid #dfe2dc;border-radius:8px;color:#69746d;background:#fff;font-size:12px;font-weight:750}.hr-filter .ui-icon{width:11px;height:11px}
.hr-workspace{display:grid;grid-template-columns:minmax(0,1fr) 278px;gap:10px;margin-top:10px}.hr-register,.hr-calendar,.hr-documents{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.hr-register>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #e8eae5}.hr-register>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hr-register>header h2{margin:0;color:var(--ink);font-size:14px}.hr-register>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.hr-register>header button .ui-icon{width:10px;height:10px}.hr-table{min-width:810px}.hr-row{position:relative;display:grid;width:100%;min-height:64px;grid-template-columns:minmax(220px,1.45fr) .85fr .75fr .65fr .65fr .72fr;align-items:center;gap:10px;padding:9px 28px 9px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff;font-size:12px}.hr-row:not(.hr-row-head):hover{background:#fafbf8}.hr-row[hidden]{display:none}.hr-row-head{min-height:31px;padding-block:7px;color:#8e9691;background:#f8f9f6;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hr-person{display:flex;min-width:0;align-items:center;gap:8px}.hr-person>i{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#5b806f;font-size:12px;font-style:normal;font-weight:800}.hr-person>i.es{background:#7c6caf}.hr-person>i.mv{background:#b66f5a}.hr-person>i.an{background:#4c8298}.hr-person>i.of{background:#b7822d}.hr-person>i.is{background:#3c7864}.hr-person b,.hr-row>span:not(.hr-person){display:flex;min-width:0;flex-direction:column;gap:4px}.hr-person b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hr-person small,.hr-row>span small{overflow:hidden;color:#969d98;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.hr-row>span b{color:#4e5e55;font-size:12px}.hr-row>strong{color:var(--ink);font-size:12px}.hr-row em{display:inline-flex;width:max-content;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.hr-row em.ready{color:#2d7657;background:#e2f2e9}.hr-row em.vacation{color:#4b718b;background:#e3eef4}.hr-row em.attention{color:#98651f;background:#f8e8ca}.hr-row>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.hr-register>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.hr-register>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.hr-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}
.hr-side{display:grid;align-content:start;gap:10px}.hr-calendar>header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #e9ebe6}.hr-calendar>header p{margin:0 0 4px;color:#8c9590;font-size:12px}.hr-calendar>header h2{margin:0;color:var(--ink);font-size:14px}.hr-calendar>header span{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-weight:750}.hr-calendar>button{display:grid;width:100%;min-height:56px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.hr-calendar>button:last-child{border-bottom:0}.hr-calendar time{display:flex;width:29px;height:33px;align-items:center;justify-content:center;flex-direction:column;border-radius:7px;color:var(--ink);background:#f1f3ef;font-size:12px;font-weight:850}.hr-calendar time small{color:#87918b;font-size:12px;text-transform:uppercase}.hr-calendar button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.hr-calendar button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hr-calendar button small{color:#929995;font-size:12px}.hr-calendar button>em,.hr-documents button>em{padding:4px 6px;border-radius:5px;color:#747b77;background:#ecefeb;font-size:12px;font-style:normal;font-weight:750}.hr-calendar button>em.vacation{color:#4b718b;background:#e3eef4}.hr-calendar button>em.attention,.hr-documents button>em.attention{color:#98651f;background:#f8e8ca}.hr-documents>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.hr-documents h3{margin:0;color:var(--ink);font-size:12px}.hr-documents>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.hr-doc-progress{padding:11px 12px;border-bottom:1px solid #eceee9}.hr-doc-progress>span{display:block;height:5px;overflow:hidden;border-radius:99px;background:#e6ebe7}.hr-doc-progress>span i{display:block;height:100%;border-radius:inherit;background:#278565}.hr-doc-progress>small{display:flex;justify-content:space-between;margin-top:6px;color:#2d7659;font-size:12px}.hr-doc-progress em{color:#929995;font-style:normal}.hr-documents>button{display:grid;width:100%;min-height:55px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.hr-documents>button:last-child{border-bottom:0}.hr-documents button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d775a;background:#e2f2e9}.hr-documents button>i.blue{color:#4e7a90;background:#e4eff4}.hr-documents button>i.violet{color:#775fab;background:#eee9f8}.hr-documents button>i .ui-icon{width:12px;height:12px}.hr-documents button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.hr-documents button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hr-documents button small{color:#949b97;font-size:12px}.hr-documents button>em.ready{color:#2d7657;background:#e2f2e9}
.hr-overlay{position:fixed;z-index:119;inset:0;visibility:hidden;pointer-events:none}.hr-overlay.open{visibility:visible;pointer-events:auto}.hr-backdrop{position:absolute;inset:0;border:0;background:rgba(16,25,20,.3);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px)}.hr-overlay.open .hr-backdrop{opacity:1}.hr-drawer{position:absolute;top:0;right:0;bottom:0;width:min(510px,100vw);overflow-y:auto;border-left:1px solid #dce1dc;background:#f7f7f3;box-shadow:-18px 0 48px rgba(23,34,28,.14);transform:translateX(102%);transition:transform .25s ease}.hr-overlay.open .hr-drawer{transform:translateX(0)}.hr-drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid #e0e3de;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.hr-drawer>header p{margin:0 0 5px;color:#888f8b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hr-drawer>header h2{margin:0;color:var(--ink);font-size:17px}.hr-drawer>header span{display:block;margin-top:5px;color:#838c86;font-size:12px}.hr-drawer>header button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;padding:0;border:1px solid #dfe2dc;border-radius:8px;color:#68716b;background:#fff}.hr-drawer>header button .ui-icon{width:14px;height:14px}.hr-drawer-content{display:grid;gap:11px;padding:14px}.hr-drawer-note{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #cae1d7;border-radius:10px;color:#287459;background:#eaf6f1}.hr-drawer-note>.ui-icon{width:16px;height:16px}.hr-drawer-note>span{display:flex;flex-direction:column;gap:4px}.hr-drawer-note b{font-size:12px}.hr-drawer-note small{color:#718078;font-size:12px}.hr-drawer-note button{border:0;color:#287459;background:transparent;font-size:12px;font-weight:800}.hr-drawer-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hr-drawer-content label{display:grid;gap:6px;color:#707a74;font-size:12px;font-weight:750}.hr-drawer-content select,.hr-drawer-content input,.hr-drawer-content textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d9ded8;border-radius:8px;outline:0;color:var(--ink);background:#fff;font:12px/1.4 inherit}.hr-drawer-content textarea{min-height:64px;resize:vertical}.hr-date-input,.hr-money-input{position:relative}.hr-date-input .ui-icon{position:absolute;z-index:1;top:50%;left:10px;width:12px;height:12px;color:#89918c;transform:translateY(-50%)}.hr-date-input input{padding-left:29px}.hr-money-input em{position:absolute;top:50%;right:10px;color:#89918c;font-size:12px;font-style:normal;transform:translateY(-50%)}.hr-money-input input{padding-right:28px}.hr-personal-check,.hr-hire-preview{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.hr-personal-check>header,.hr-hire-preview>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.hr-personal-check>header em{color:#98651f;font-size:12px;font-style:normal}.hr-personal-check>div{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eff0ed;color:#59665e;font-size:12px}.hr-personal-check>div:last-child{border-bottom:0}.hr-personal-check>div span{display:flex;align-items:center;gap:7px}.hr-personal-check>div .ui-icon{width:11px;height:11px;color:#2d7659}.hr-personal-check>div b{color:var(--ink);font-size:12px}.hr-personal-check>div.missing .ui-icon{color:#98651f}.hr-personal-check>div button{border:0;color:#98651f;background:transparent;font-size:12px;font-weight:750}.hr-hire-preview>header em{padding:4px 6px;border-radius:5px;color:#737a75;background:#ecefeb;font-size:12px;font-style:normal}.hr-hire-preview>div,.hr-hire-preview>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eff0ed;color:#7f8883;font-size:12px}.hr-hire-preview>div b{color:var(--ink);font-size:12px}.hr-hire-preview>footer{border-bottom:0;background:#f6f8f5}.hr-hire-preview>footer strong{color:var(--ink);font-size:13px}.hr-drawer-content>footer{position:sticky;bottom:-14px;display:flex;gap:7px;margin:0 -14px -14px;padding:13px 14px;border-top:1px solid #e0e2dc;background:rgba(247,247,243,.96);backdrop-filter:blur(10px)}.hr-drawer-content>footer button{flex:1;min-height:38px;border:1px solid #d8ddd7;border-radius:8px;color:#5f6c64;background:#fff;font-size:12px;font-weight:750}.hr-drawer-content>footer .primary-action{border-color:#19866f;color:#fff;background:#19866f}body.hr-open{overflow:hidden}
@media (max-width:1200px){.hr-page{padding:26px 20px 60px}.hr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-workspace{grid-template-columns:1fr}.hr-side{grid-template-columns:1fr 1fr}.hr-register{overflow-x:auto}}
@media (max-width:900px){.hr-alert{grid-template-columns:auto 1fr auto}.hr-alert>div{display:none}.hr-toolbar{align-items:stretch;flex-wrap:wrap}.hr-tabs{width:100%;overflow-x:auto}.hr-tabs button{flex:1}.hr-search{width:auto;min-width:0;flex:1;margin-left:0}}
@media (max-width:700px){.hr-page{padding:22px 12px 50px}.hr-head{align-items:stretch;flex-direction:column}.hr-head h1{font-size:24px}.hr-head-actions{width:100%}.hr-head-actions>label{min-width:0;flex:1}.hr-head-actions>button{flex:0 0 46px;padding:0}.hr-head-actions>button span{display:none}.hr-alert{grid-template-columns:auto 1fr}.hr-alert>button{grid-column:1/-1;justify-content:center}.hr-metrics{grid-template-columns:1fr}.hr-metrics article{min-height:100px}.hr-toolbar,.hr-workspace{margin-right:-12px;margin-left:-12px}.hr-toolbar,.hr-register,.hr-calendar,.hr-documents{border-right:0;border-left:0;border-radius:0}.hr-table{display:grid;min-width:0;gap:8px;padding:10px 12px;background:#f6f6f2}.hr-row{display:grid;min-width:0;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px;border:1px solid #dfe2dc;border-radius:11px;background:#fff}.hr-table>.hr-row-head{display:none}.hr-person{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.hr-row>span:nth-child(2)::before{content:"Оформление"}.hr-row>span:nth-child(3)::before{content:"Принят"}.hr-row>strong::before{content:"Оклад"}.hr-row>span:nth-child(5)::before{content:"Отпуск"}.hr-row>span:nth-child(6)::before{content:"Статус"}.hr-row>span::before,.hr-row>strong::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.hr-row>strong,.hr-row>span:not(.hr-person){display:flex;align-items:flex-start;flex-direction:column;gap:5px}.hr-row>.arrow{top:20px;right:13px}.hr-side{grid-template-columns:1fr}}
@media (max-width:480px){.hr-drawer{width:100%}.hr-drawer>header{padding:15px}.hr-drawer-two{grid-template-columns:1fr}.hr-drawer-content{padding:11px}.hr-drawer-content>footer{margin:0 -11px -11px;flex-wrap:wrap}.hr-drawer-content>footer .secondary-action{flex:0 0 100%}.hr-drawer-note{grid-template-columns:18px 1fr}.hr-drawer-note button{grid-column:2;justify-self:start;padding:0}}

/* Production */
.production-page{width:min(1520px,100%);margin:0 auto;padding:30px 30px 70px}.production-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.production-head>div:first-child>p{margin:0 0 7px;color:#718178;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.production-head h1{margin:0;color:var(--ink);font-size:26px;letter-spacing:-.045em}.production-head>div:first-child>span{display:block;margin-top:8px;color:#7e8882;font-size:12px}.production-head-actions{display:flex;align-items:center;gap:8px}.production-head-actions>label{position:relative;display:flex;min-width:172px;min-height:39px;align-items:center;gap:8px;padding:0 31px 0 11px;border:1px solid #dce1db;border-radius:9px;background:#fff}.production-head-actions>label>.ui-icon:first-child{width:12px;height:12px;color:#738078}.production-head-actions select{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1 inherit;appearance:none}.production-head-actions .chevron{position:absolute;right:10px;width:10px;height:10px;color:#87908a}.production-head-actions>button{min-height:39px;padding:0 15px;font-size:12px}.production-alert{display:grid;min-height:76px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;border:1px solid #ead7b4;border-radius:13px;background:linear-gradient(105deg,#fff8ec,#fbfaf6)}.production-alert>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#9b671f;background:#f8e7c7}.production-alert>i .ui-icon{width:15px;height:15px}.production-alert>span{display:flex;flex-direction:column;gap:5px}.production-alert>span b{color:var(--ink);font-size:13px}.production-alert>span small{color:#8a847a;font-size:12px}.production-alert>div{display:flex;align-items:flex-end;flex-direction:column;gap:4px;padding-right:10px}.production-alert>div b{color:#9b671f;font-size:15px}.production-alert>div small{color:#8d887f;font-size:12px}.production-alert>button{display:inline-flex;min-height:35px;align-items:center;gap:7px;padding:0 11px;border:1px solid #dfc99f;border-radius:8px;color:#8d5c18;background:#fff;font-size:12px;font-weight:800}.production-alert>button .ui-icon{width:11px;height:11px}
.production-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.production-metrics article{min-width:0;min-height:104px;padding:14px;border:1px solid #e0e3dd;border-radius:13px;background:#fff}.production-metrics article.primary{border-color:#cde2da;background:#f4faf7}.production-metrics header{display:flex;align-items:center;justify-content:space-between;color:#737d77;font-size:12px;font-weight:700}.production-metrics header i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#2a795a;background:#e0f1e9}.production-metrics header i.mint{color:#30785d;background:#e4f2ec}.production-metrics header i.blue{color:#487c92;background:#e4f0f4}.production-metrics header i.violet{color:#775faa;background:#eee9f8}.production-metrics header .ui-icon{width:13px;height:13px}.production-metrics strong{display:block;overflow:hidden;margin-top:11px;color:var(--ink);font-size:17px;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.production-metrics p{margin:7px 0 0;color:#969d98;font-size:12px}.production-metrics p em{margin-right:3px;color:#2b805d;font-style:normal;font-weight:800}.production-metrics p em.neutral{color:#737d77}
.production-toolbar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px;border:1px solid #e0e3dd;border-radius:12px;background:#fff}.production-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f0f2ee}.production-tabs button{min-height:29px;padding:0 10px;border:0;border-radius:6px;color:#77817a;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.production-tabs button span{margin-left:4px;color:#929995}.production-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px rgba(24,34,29,.08)}.production-search{display:flex;width:min(250px,27vw);min-height:34px;align-items:center;gap:7px;margin-left:auto;padding:0 10px;border:1px solid #dde1db;border-radius:8px}.production-search .ui-icon{width:12px;height:12px;color:#909893}.production-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1.3 inherit}.production-search input::placeholder{color:#a0a6a2}.production-filter{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px solid #dfe2dc;border-radius:8px;color:#69746d;background:#fff;font-size:12px;font-weight:750}.production-filter .ui-icon{width:11px;height:11px}
.production-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px}.production-orders,.production-today,.production-shortage,.production-cost{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.production-orders>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid #e8eae5}.production-orders>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.production-orders>header h2{margin:0;color:var(--ink);font-size:14px}.production-orders>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.production-orders>header button .ui-icon{width:10px;height:10px}.production-order{position:relative;display:grid;width:100%;min-height:70px;grid-template-columns:minmax(230px,1.5fr) .6fr 1fr .72fr .62fr;align-items:center;gap:12px;padding:10px 29px 10px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff}.production-order:hover{background:#fafbf8}.production-order[hidden]{display:none}.production-product{display:flex;min-width:0;align-items:center;gap:9px}.production-product>i{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:#2d7659;background:#e2f2e9}.production-product>i.amber{color:#9d6a22;background:#f8ead1}.production-product>i.red{color:#a05443;background:#f7e3de}.production-product>i.blue{color:#4c7b91;background:#e5f0f5}.production-product>i.green{color:#2e765b;background:#e2f2ea}.production-product>i .ui-icon{width:13px;height:13px}.production-product>b,.production-quantity,.production-dates{display:flex;min-width:0;flex-direction:column;gap:4px}.production-product>b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.production-product small,.production-quantity small,.production-dates small{color:#969d98;font-size:12px;font-weight:500}.production-quantity b,.production-dates b{color:#53635a;font-size:12px}.production-progress{display:grid;gap:5px}.production-progress>span{display:block;height:5px;overflow:hidden;border-radius:99px;background:#e6ebe7}.production-progress>span i{display:block;height:100%;border-radius:inherit;background:#278565}.production-progress.waiting>span i{background:#c5903b}.production-progress.done>span i{background:#3d9872}.production-progress>small{display:flex;justify-content:space-between;color:#7d8881;font-size:12px}.production-progress>small em{font-style:normal}.production-order>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.production-order>em.work{color:#2d7657;background:#e2f2e9}.production-order>em.waiting{color:#98651f;background:#f8e8ca}.production-order>em.done{color:#2d7657;background:#e2f2e9}.production-order>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.production-orders>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.production-orders>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.production-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}
.production-side{display:grid;align-content:start;gap:10px}.production-today>header{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 13px;border-bottom:1px solid #e9ebe6}.production-today>header p{margin:0 0 4px;color:#8c9590;font-size:12px}.production-today>header h2{margin:0;color:var(--ink);font-size:14px}.production-today>header strong{color:#2d7659;font-size:15px}.production-today-chart{display:flex;height:78px;align-items:flex-end;justify-content:space-between;gap:9px;padding:12px 15px 8px}.production-today-chart>span{display:flex;height:100%;flex:1;align-items:center;justify-content:flex-end;flex-direction:column;gap:5px}.production-today-chart i{display:block;width:100%;max-width:22px;border-radius:4px 4px 2px 2px;background:#77bba1}.production-today-chart small{color:#929995;font-size:12px}.production-today-total{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eceee9}.production-today-total>span{display:flex;align-items:center;flex-direction:column;gap:4px;padding:9px}.production-today-total>span:first-child{border-right:1px solid #eceee9}.production-today-total b{color:var(--ink);font-size:12px}.production-today-total small{color:#929995;font-size:12px}.production-shortage>header,.production-cost>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.production-shortage h3,.production-cost h3{margin:0;color:var(--ink);font-size:12px}.production-shortage>header span{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#98651f;background:#f8e8ca;font-size:12px;font-weight:800}.production-shortage>button{display:grid;width:100%;min-height:56px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.production-shortage button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#a05443;background:#f7e3de}.production-shortage button>i.amber{color:#9d6a22;background:#f8ead1}.production-shortage button>i .ui-icon{width:12px;height:12px}.production-shortage button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.production-shortage button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.production-shortage button small{color:#949b97;font-size:12px}.production-shortage button>strong{color:#9a4f40;font-size:12px}.production-shortage>footer{padding:9px 12px}.production-shortage>footer button{width:100%;min-height:31px;border:1px solid #e0c9a0;border-radius:7px;color:#8f5e1a;background:#fff9ef;font-size:12px;font-weight:750}.production-cost>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.production-cost>div{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eceee9;color:#69756e;font-size:12px}.production-cost>div:last-child{border-bottom:0}.production-cost b{display:flex;align-items:flex-end;flex-direction:column;gap:3px;color:var(--ink);font-size:12px}.production-cost small{color:#929995;font-size:12px;font-weight:500}
.production-overlay{position:fixed;z-index:120;inset:0;visibility:hidden;pointer-events:none}.production-overlay.open{visibility:visible;pointer-events:auto}.production-backdrop{position:absolute;inset:0;border:0;background:rgba(16,25,20,.3);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px)}.production-overlay.open .production-backdrop{opacity:1}.production-drawer{position:absolute;top:0;right:0;bottom:0;width:min(510px,100vw);overflow-y:auto;border-left:1px solid #dce1dc;background:#f7f7f3;box-shadow:-18px 0 48px rgba(23,34,28,.14);transform:translateX(102%);transition:transform .25s ease}.production-overlay.open .production-drawer{transform:translateX(0)}.production-drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid #e0e3de;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.production-drawer>header p{margin:0 0 5px;color:#888f8b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.production-drawer>header h2{margin:0;color:var(--ink);font-size:17px}.production-drawer>header span{display:block;margin-top:5px;color:#838c86;font-size:12px}.production-drawer>header button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #dfe2dc;border-radius:8px;color:#68716b;background:#fff}.production-drawer>header button .ui-icon{width:14px;height:14px}.production-drawer-content{display:grid;gap:11px;padding:14px}.production-drawer-note{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #cae1d7;border-radius:10px;color:#287459;background:#eaf6f1}.production-drawer-note>.ui-icon{width:16px;height:16px;flex:0 0 auto}.production-drawer-note>span{display:flex;flex-direction:column;gap:4px}.production-drawer-note b{font-size:12px}.production-drawer-note small{color:#718078;font-size:12px}.production-drawer-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.production-drawer-content label{display:grid;gap:6px;color:#707a74;font-size:12px;font-weight:750}.production-drawer-content select,.production-drawer-content input,.production-drawer-content textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d9ded8;border-radius:8px;outline:0;color:var(--ink);background:#fff;font:12px/1.4 inherit}.production-drawer-content textarea{min-height:64px;resize:vertical}.production-number-input,.production-date-input{position:relative}.production-number-input em{position:absolute;top:50%;right:10px;color:#89918c;font-size:12px;font-style:normal;transform:translateY(-50%)}.production-number-input input{padding-right:32px}.production-date-input .ui-icon{position:absolute;z-index:1;top:50%;left:10px;width:12px;height:12px;color:#89918c;transform:translateY(-50%)}.production-date-input input{padding-left:29px}.production-materials-preview,.production-estimate{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.production-materials-preview>header,.production-estimate>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.production-materials-preview>header em,.production-estimate>header em{color:#909793;font-size:12px;font-style:normal}.production-materials-preview>div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #eff0ed}.production-materials-preview>div:last-child{border-bottom:0}.production-materials-preview>div>i{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;color:#2d7659;background:#e2f2e9}.production-materials-preview>div>i .ui-icon{width:10px;height:10px}.production-materials-preview>div>span{display:flex;flex-direction:column;gap:3px}.production-materials-preview>div b{color:var(--ink);font-size:12px}.production-materials-preview>div small{color:#949b97;font-size:12px}.production-materials-preview>div strong{color:#2d7659;font-size:12px}.production-estimate>div,.production-estimate>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #eff0ed;color:#7f8883;font-size:12px}.production-estimate>div b{color:var(--ink);font-size:12px}.production-estimate>footer{border-bottom:0;background:#f6f8f5}.production-estimate>footer strong{color:var(--ink);font-size:14px}.production-drawer-content>footer{position:sticky;bottom:-14px;display:flex;gap:7px;margin:0 -14px -14px;padding:13px 14px;border-top:1px solid #e0e2dc;background:rgba(247,247,243,.96);backdrop-filter:blur(10px)}.production-drawer-content>footer button{flex:1;min-height:38px;border:1px solid #d8ddd7;border-radius:8px;color:#5f6c64;background:#fff;font-size:12px;font-weight:750}.production-drawer-content>footer .primary-action{border-color:#19866f;color:#fff;background:#19866f}body.production-open{overflow:hidden}
@media(max-width:1200px){.production-page{padding:26px 20px 60px}.production-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.production-workspace{grid-template-columns:1fr}.production-side{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.production-alert{grid-template-columns:auto 1fr auto}.production-alert>div{display:none}.production-toolbar{align-items:stretch;flex-wrap:wrap}.production-tabs{width:100%;overflow-x:auto}.production-tabs button{flex:1}.production-search{width:auto;min-width:0;flex:1;margin-left:0}.production-side{grid-template-columns:1fr 1fr}.production-cost{grid-column:1/-1}}
@media(max-width:700px){.production-page{padding:22px 12px 50px}.production-head{align-items:stretch;flex-direction:column}.production-head h1{font-size:24px}.production-head-actions{width:100%}.production-head-actions>label{min-width:0;flex:1}.production-head-actions>button{flex:0 0 46px;padding:0}.production-head-actions>button span{display:none}.production-alert{grid-template-columns:auto 1fr}.production-alert>button{grid-column:1/-1;justify-content:center}.production-metrics{grid-template-columns:1fr}.production-metrics article{min-height:100px}.production-toolbar,.production-workspace{margin-right:-12px;margin-left:-12px}.production-toolbar,.production-orders,.production-today,.production-shortage,.production-cost{border-right:0;border-left:0;border-radius:0}.production-order-list{display:grid;gap:8px;padding:10px 12px;background:#f6f6f2}.production-order{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px;border:1px solid #dfe2dc;border-radius:11px}.production-product{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.production-quantity::before{content:"План"}.production-progress::before{content:"Выпуск"}.production-dates::before{content:"Срок"}.production-order>em::before{content:"Статус";display:block;margin-bottom:5px}.production-quantity::before,.production-progress::before,.production-dates::before,.production-order>em::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.production-order>.arrow{top:20px;right:13px}.production-side{grid-template-columns:1fr}.production-cost{grid-column:auto}}
@media(max-width:480px){.production-drawer{width:100%}.production-drawer>header{padding:15px}.production-drawer-two{grid-template-columns:1fr}.production-drawer-content{padding:11px}.production-drawer-content>footer{margin:0 -11px -11px;flex-wrap:wrap}.production-drawer-content>footer .secondary-action{flex:0 0 100%}}

/* Electronic document interchange */
.edo-page{width:min(1520px,100%);margin:0 auto;padding:30px 30px 70px}.edo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.edo-head>div:first-child>p{margin:0 0 7px;color:#718178;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.edo-head h1{margin:0;color:var(--ink);font-size:26px;letter-spacing:-.045em}.edo-head>div:first-child>span{display:block;margin-top:8px;color:#7e8882;font-size:12px}.edo-head-actions{display:flex;align-items:center;gap:8px}.edo-head-actions>label{position:relative;display:flex;min-width:172px;min-height:39px;align-items:center;gap:8px;padding:0 31px 0 11px;border:1px solid #dce1db;border-radius:9px;background:#fff}.edo-head-actions>label>.ui-icon:first-child{width:12px;height:12px;color:#738078}.edo-head-actions select{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1 inherit;appearance:none}.edo-head-actions .chevron{position:absolute;right:10px;width:10px;height:10px;color:#87908a}.edo-head-actions>button{min-height:39px;padding:0 15px;font-size:12px}.edo-connection{display:grid;min-height:76px;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;border:1px solid #c7e1d7;border-radius:13px;background:linear-gradient(105deg,#edf8f3,#f8fbf8)}.edo-connection>img{width:36px;height:36px;object-fit:contain}.edo-connection>span{display:flex;flex-direction:column;gap:5px}.edo-connection>span b{color:var(--ink);font-size:13px}.edo-connection>span small{color:#7e8c84;font-size:12px}.edo-connection>div{display:flex;align-items:center;gap:5px;color:#2d7659;font-size:12px}.edo-connection>div i{width:7px;height:7px;border-radius:50%;background:#34a274}.edo-connection>button{display:inline-flex;min-height:35px;align-items:center;gap:7px;padding:0 11px;border:1px solid #bfd8cf;border-radius:8px;color:#2c7059;background:#fff;font-size:12px;font-weight:800}.edo-connection>button .ui-icon{width:11px;height:11px}.edo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.edo-metrics article{min-width:0;min-height:104px;padding:14px;border:1px solid #e0e3dd;border-radius:13px;background:#fff}.edo-metrics article.primary{border-color:#cde2da;background:#f4faf7}.edo-metrics header{display:flex;align-items:center;justify-content:space-between;color:#737d77;font-size:12px;font-weight:700}.edo-metrics header i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#2a795a;background:#e0f1e9}.edo-metrics header i.mint{color:#30785d;background:#e4f2ec}.edo-metrics header i.amber{color:#9c681f;background:#f8ead0}.edo-metrics header i.violet{color:#775faa;background:#eee9f8}.edo-metrics header .ui-icon{width:13px;height:13px}.edo-metrics strong{display:block;margin-top:11px;color:var(--ink);font-size:17px}.edo-metrics p{margin:7px 0 0;color:#969d98;font-size:12px}.edo-metrics p em{margin-right:3px;color:#2b805d;font-style:normal;font-weight:800}.edo-metrics p em.warning{color:#98651f}
.edo-toolbar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px;border:1px solid #e0e3dd;border-radius:12px;background:#fff}.edo-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f0f2ee}.edo-tabs button{min-height:29px;padding:0 10px;border:0;border-radius:6px;color:#77817a;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.edo-tabs button span{margin-left:4px;color:#929995}.edo-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px rgba(24,34,29,.08)}.edo-search{display:flex;width:min(255px,27vw);min-height:34px;align-items:center;gap:7px;margin-left:auto;padding:0 10px;border:1px solid #dde1db;border-radius:8px}.edo-search .ui-icon{width:12px;height:12px;color:#909893}.edo-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1.3 inherit}.edo-toolbar>button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px solid #dfe2dc;border-radius:8px;color:#69746d;background:#fff;font-size:12px;font-weight:750}.edo-toolbar>button .ui-icon{width:11px;height:11px}.edo-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px}.edo-inbox,.edo-actions,.edo-operators{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.edo-inbox>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e8eae5}.edo-inbox>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.edo-inbox>header h2{margin:0;color:var(--ink);font-size:14px}.edo-inbox>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.edo-inbox>header button .ui-icon{width:10px;height:10px}.edo-row{position:relative;display:grid;width:100%;min-height:68px;grid-template-columns:minmax(230px,1.4fr) .8fr .72fr .62fr;align-items:center;gap:12px;padding:10px 29px 10px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff}.edo-row:hover{background:#fafbf8}.edo-row[hidden]{display:none}.edo-doc{display:flex;min-width:0;align-items:center;gap:9px}.edo-doc>i{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:#2d7659;background:#e2f2e9}.edo-doc>i.amber{color:#9d6a22;background:#f8ead1}.edo-doc>i.blue{color:#4c7b91;background:#e5f0f5}.edo-doc>i.mint{color:#2d7659;background:#e2f2e9}.edo-doc>i.violet{color:#775fab;background:#eee9f8}.edo-doc>i .ui-icon{width:13px;height:13px}.edo-doc>b,.edo-row>span:nth-child(2),.edo-row>strong{display:flex;min-width:0;flex-direction:column;gap:4px}.edo-doc>b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.edo-row small{color:#969d98;font-size:12px;font-weight:500}.edo-row>span:nth-child(2)>b{color:#53635a;font-size:12px}.edo-row>strong{color:var(--ink);font-size:12px}.edo-row>strong small{font-weight:500}.edo-row>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.edo-row>em.sign{color:#2d7657;background:#e2f2e9}.edo-row>em.review{color:#98651f;background:#f8e8ca}.edo-row>em.waiting{color:#5b6f7d;background:#e4eef3}.edo-row>em.done{color:#2d7657;background:#e2f2e9}.edo-row>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.edo-inbox>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.edo-inbox>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.edo-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}.edo-side{display:grid;align-content:start;gap:10px}.edo-actions>header,.edo-operators>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.edo-actions h3,.edo-operators h3{margin:0;color:var(--ink);font-size:12px}.edo-actions>header span{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#fff;background:#18856e;font-size:12px;font-weight:800}.edo-actions>button{display:grid;width:100%;min-height:56px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.edo-actions button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d775a;background:#e2f2e9}.edo-actions button>i.amber{color:#9d6a22;background:#f8ead1}.edo-actions button>i.violet{color:#775fab;background:#eee9f8}.edo-actions button>i .ui-icon{width:12px;height:12px}.edo-actions button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.edo-actions button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.edo-actions button small{color:#949b97;font-size:12px}.edo-actions button>strong{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#68736c;background:#edf0ed;font-size:12px}.edo-operators>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.edo-operators>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eceee9}.edo-operators>div:last-child{border-bottom:0}.edo-operators img{width:30px;height:30px;object-fit:contain}.edo-operators div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.edo-operators div b{color:var(--ink);font-size:12px}.edo-operators div small{color:#949b97;font-size:12px}.edo-operators div em{color:#2d7659;font-size:12px;font-style:normal}
.edo-overlay{position:fixed;z-index:121;inset:0;visibility:hidden;pointer-events:none}.edo-overlay.open{visibility:visible;pointer-events:auto}.edo-backdrop{position:absolute;inset:0;border:0;background:rgba(16,25,20,.3);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px)}.edo-overlay.open .edo-backdrop{opacity:1}.edo-drawer{position:absolute;top:0;right:0;bottom:0;width:min(510px,100vw);overflow-y:auto;border-left:1px solid #dce1dc;background:#f7f7f3;box-shadow:-18px 0 48px rgba(23,34,28,.14);transform:translateX(102%);transition:transform .25s ease}.edo-overlay.open .edo-drawer{transform:translateX(0)}.edo-drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid #e0e3de;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.edo-drawer>header p{margin:0 0 5px;color:#888f8b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.edo-drawer>header h2{margin:0;color:var(--ink);font-size:17px}.edo-drawer>header span{display:block;margin-top:5px;color:#838c86;font-size:12px}.edo-drawer>header button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #dfe2dc;border-radius:8px;color:#68716b;background:#fff}.edo-drawer>header button .ui-icon{width:14px;height:14px}.edo-drawer-content{display:grid;gap:11px;padding:14px}.edo-drawer-operator{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #cae1d7;border-radius:10px;background:#eaf6f1}.edo-drawer-operator img{width:32px;height:32px;object-fit:contain}.edo-drawer-operator>span{display:flex;flex-direction:column;gap:4px}.edo-drawer-operator b{color:#287459;font-size:12px}.edo-drawer-operator small{color:#718078;font-size:12px}.edo-drawer-operator em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#d9eee5;font-size:12px;font-style:normal}.edo-drawer-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.edo-drawer-content label{display:grid;gap:6px;color:#707a74;font-size:12px;font-weight:750}.edo-drawer-content select,.edo-drawer-content input,.edo-drawer-content textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d9ded8;border-radius:8px;outline:0;color:var(--ink);background:#fff;font:12px/1.4 inherit}.edo-drawer-content textarea{min-height:64px;resize:vertical}.edo-recipient-input,.edo-date-input,.edo-money-input{position:relative}.edo-recipient-input .ui-icon,.edo-date-input .ui-icon{position:absolute;z-index:1;top:50%;left:10px;width:12px;height:12px;color:#89918c;transform:translateY(-50%)}.edo-recipient-input input,.edo-date-input input{padding-left:29px}.edo-money-input em{position:absolute;top:50%;right:10px;color:#89918c;font-size:12px;font-style:normal;transform:translateY(-50%)}.edo-money-input input{padding-right:28px}.edo-attachment{display:grid;grid-template-columns:31px 1fr auto auto;align-items:center;gap:8px;padding:10px 11px;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.edo-attachment>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#2d775a;background:#e2f2e9}.edo-attachment>i .ui-icon{width:12px;height:12px}.edo-attachment>span{display:flex;flex-direction:column;gap:4px}.edo-attachment b{color:var(--ink);font-size:12px}.edo-attachment small{color:#949b97;font-size:12px}.edo-attachment>em{color:#2d7659;font-size:12px;font-style:normal}.edo-attachment>button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.edo-sign-preview{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.edo-sign-preview>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.edo-sign-preview>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.edo-sign-preview>div{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #eff0ed}.edo-sign-preview>div:last-child{border-bottom:0}.edo-sign-preview>div>.ui-icon{width:12px;height:12px;color:#2d7659}.edo-sign-preview>div span{display:flex;flex-direction:column;gap:3px}.edo-sign-preview>div b{color:var(--ink);font-size:12px}.edo-sign-preview>div small{color:#949b97;font-size:12px}.edo-drawer-content>footer{position:sticky;bottom:-14px;display:flex;gap:7px;margin:0 -14px -14px;padding:13px 14px;border-top:1px solid #e0e2dc;background:rgba(247,247,243,.96);backdrop-filter:blur(10px)}.edo-drawer-content>footer button{flex:1;min-height:38px;border:1px solid #d8ddd7;border-radius:8px;color:#5f6c64;background:#fff;font-size:12px;font-weight:750}.edo-drawer-content>footer .primary-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1.45;border-color:#19866f;color:#fff;background:#19866f}.edo-drawer-content>footer .primary-action .ui-icon{width:11px;height:11px}body.edo-open{overflow:hidden}
@media(max-width:1200px){.edo-page{padding:26px 20px 60px}.edo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.edo-workspace{grid-template-columns:1fr}.edo-side{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.edo-connection{grid-template-columns:40px 1fr auto}.edo-connection>div{display:none}.edo-toolbar{align-items:stretch;flex-wrap:wrap}.edo-tabs{width:100%;overflow-x:auto}.edo-tabs button{flex:1}.edo-search{width:auto;min-width:0;flex:1;margin-left:0}}
@media(max-width:700px){.edo-page{padding:22px 12px 50px}.edo-head{align-items:stretch;flex-direction:column}.edo-head h1{font-size:24px}.edo-head-actions{width:100%}.edo-head-actions>label{min-width:0;flex:1}.edo-head-actions>button{flex:0 0 46px;padding:0}.edo-head-actions>button span{display:none}.edo-connection{grid-template-columns:36px 1fr}.edo-connection>button{grid-column:1/-1;justify-content:center}.edo-metrics{grid-template-columns:1fr}.edo-metrics article{min-height:100px}.edo-toolbar,.edo-workspace{margin-right:-12px;margin-left:-12px}.edo-toolbar,.edo-inbox,.edo-actions,.edo-operators{border-right:0;border-left:0;border-radius:0}.edo-list{display:grid;gap:8px;padding:10px 12px;background:#f6f6f2}.edo-row{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px;border:1px solid #dfe2dc;border-radius:11px}.edo-doc{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.edo-row>span:nth-child(2)::before{content:"Дата"}.edo-row>strong::before{content:"Сумма"}.edo-row>em::before{content:"Статус";display:block;margin-bottom:5px}.edo-row>span:nth-child(2)::before,.edo-row>strong::before,.edo-row>em::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.edo-row>.arrow{top:20px;right:13px}.edo-side{grid-template-columns:1fr}}
@media(max-width:480px){.edo-drawer{width:100%}.edo-drawer>header{padding:15px}.edo-drawer-two{grid-template-columns:1fr}.edo-drawer-content{padding:11px}.edo-drawer-content>footer{margin:0 -11px -11px;flex-wrap:wrap}.edo-drawer-content>footer .secondary-action{flex:0 0 100%}.edo-attachment{grid-template-columns:31px 1fr auto}.edo-attachment>button{grid-column:2;justify-self:start;padding:0}}

/* Product marking */
.marking-page{width:min(1520px,100%);margin:0 auto;padding:30px 30px 70px}.marking-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.marking-head>div:first-child>p{margin:0 0 7px;color:#718178;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.marking-head h1{margin:0;color:var(--ink);font-size:26px;letter-spacing:-.045em}.marking-head>div:first-child>span{display:block;margin-top:8px;color:#7e8882;font-size:12px}.marking-head-actions{display:flex;align-items:center;gap:8px}.marking-head-actions>label{position:relative;display:flex;min-width:172px;min-height:39px;align-items:center;gap:8px;padding:0 31px 0 11px;border:1px solid #dce1db;border-radius:9px;background:#fff}.marking-head-actions>label>.ui-icon:first-child{width:12px;height:12px;color:#738078}.marking-head-actions select{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1 inherit;appearance:none}.marking-head-actions .chevron{position:absolute;right:10px;width:10px;height:10px;color:#87908a}.marking-head-actions>button{min-height:39px;padding:0 15px;font-size:12px}
.marking-connection{display:grid;min-height:76px;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;margin-top:18px;padding:12px 16px;border:1px solid #c7e1d7;border-radius:13px;background:linear-gradient(105deg,#edf8f3,#f8fbf8)}.marking-connection>img{width:36px;height:36px;object-fit:contain}.marking-connection>span{display:flex;flex-direction:column;gap:5px}.marking-connection>span b{color:var(--ink);font-size:13px}.marking-connection>span small{color:#7e8c84;font-size:12px}.marking-connection>div{display:flex;align-items:center;gap:5px;color:#2d7659;font-size:12px}.marking-connection>div i{width:7px;height:7px;border-radius:50%;background:#34a274}.marking-connection>button{display:inline-flex;min-height:35px;align-items:center;gap:7px;padding:0 11px;border:1px solid #bfd8cf;border-radius:8px;color:#2c7059;background:#fff;font-size:12px;font-weight:800}.marking-connection>button .ui-icon{width:11px;height:11px}
.marking-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.marking-metrics article{min-width:0;min-height:104px;padding:14px;border:1px solid #e0e3dd;border-radius:13px;background:#fff}.marking-metrics article.primary{border-color:#cde2da;background:#f4faf7}.marking-metrics header{display:flex;align-items:center;justify-content:space-between;color:#737d77;font-size:12px;font-weight:700}.marking-metrics header i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;color:#2a795a;background:#e0f1e9}.marking-metrics header i.mint{color:#30785d;background:#e4f2ec}.marking-metrics header i.amber{color:#9c681f;background:#f8ead0}.marking-metrics header i.violet{color:#775faa;background:#eee9f8}.marking-metrics header .ui-icon{width:13px;height:13px}.marking-metrics strong{display:block;margin-top:11px;color:var(--ink);font-size:17px}.marking-metrics p{margin:7px 0 0;color:#969d98;font-size:12px}.marking-metrics p em{margin-right:3px;color:#2b805d;font-style:normal;font-weight:800}.marking-metrics p em.warning{color:#98651f}
.marking-toolbar{display:flex;align-items:center;gap:9px;margin-top:10px;padding:7px;border:1px solid #e0e3dd;border-radius:12px;background:#fff}.marking-tabs{display:flex;gap:3px;padding:3px;border-radius:8px;background:#f0f2ee}.marking-tabs button{min-height:29px;padding:0 10px;border:0;border-radius:6px;color:#77817a;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.marking-tabs button span{margin-left:4px;color:#929995}.marking-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px rgba(24,34,29,.08)}.marking-search{display:flex;width:min(255px,27vw);min-height:34px;align-items:center;gap:7px;margin-left:auto;padding:0 10px;border:1px solid #dde1db;border-radius:8px}.marking-search .ui-icon{width:12px;height:12px;color:#909893}.marking-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:12px/1.3 inherit}.marking-toolbar>button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px solid #dfe2dc;border-radius:8px;color:#69746d;background:#fff;font-size:12px;font-weight:750}.marking-toolbar>button .ui-icon{width:11px;height:11px}
.marking-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px}.marking-register,.marking-attention,.marking-groups{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.marking-register>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e8eae5}.marking-register>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.marking-register>header h2{margin:0;color:var(--ink);font-size:14px}.marking-register>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.marking-register>header button .ui-icon{width:10px;height:10px}.marking-list-head{display:grid;grid-template-columns:minmax(250px,1.45fr) .8fr .55fr .7fr;gap:12px;padding:8px 29px 8px 15px;border-bottom:1px solid #eceee9;color:#9aa09c;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.marking-row{position:relative;display:grid;width:100%;min-height:68px;grid-template-columns:minmax(250px,1.45fr) .8fr .55fr .7fr;align-items:center;gap:12px;padding:10px 29px 10px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff}.marking-row:hover{background:#fafbf8}.marking-row[hidden]{display:none}.marking-item{display:flex;min-width:0;align-items:center;gap:9px}.marking-item>i{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:#2d7659;background:#e2f2e9}.marking-item>i.amber{color:#9d6a22;background:#f8ead1}.marking-item>i.blue{color:#4c7b91;background:#e5f0f5}.marking-item>i.mint{color:#2d7659;background:#e2f2e9}.marking-item>i.violet{color:#775fab;background:#eee9f8}.marking-item>i .ui-icon{width:13px;height:13px}.marking-item>b,.marking-row>span:nth-child(2),.marking-row>strong{display:flex;min-width:0;flex-direction:column;gap:4px}.marking-item>b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.marking-row small{color:#969d98;font-size:12px;font-weight:500}.marking-row>span:nth-child(2)>b{color:#53635a;font-size:12px}.marking-row>strong{color:var(--ink);font-size:12px}.marking-row>strong small{font-weight:500}.marking-row>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.marking-row>em.verified{color:#2d7657;background:#e2f2e9}.marking-row>em.warning{color:#98651f;background:#f8e8ca}.marking-row>em.pending{color:#5b6f7d;background:#e4eef3}.marking-row>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.marking-register>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.marking-register>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.marking-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}
.marking-side{display:grid;align-content:start;gap:10px}.marking-attention>header,.marking-groups>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.marking-attention h3,.marking-groups h3{margin:0;color:var(--ink);font-size:12px}.marking-attention>header span{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#fff;background:#18856e;font-size:12px;font-weight:800}.marking-attention>button{display:grid;width:100%;min-height:56px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.marking-attention button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d775a;background:#e2f2e9}.marking-attention button>i.amber{color:#9d6a22;background:#f8ead1}.marking-attention button>i.violet{color:#775fab;background:#eee9f8}.marking-attention button>i .ui-icon{width:12px;height:12px}.marking-attention button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.marking-attention button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.marking-attention button small{color:#949b97;font-size:12px}.marking-attention button>strong{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#68736c;background:#edf0ed;font-size:12px}.marking-groups>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.marking-groups>div{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px 12px;border-bottom:1px solid #eceee9}.marking-groups>div:last-child{border-bottom:0}.marking-groups div>span{display:flex;flex-direction:column;gap:4px}.marking-groups div b{color:var(--ink);font-size:12px}.marking-groups div small{color:#949b97;font-size:12px}.marking-groups div>em{color:#2d7659;font-size:12px;font-style:normal}.marking-groups div>em.warn{color:#9d6a22}.marking-groups div>i{grid-column:1/-1;height:3px;overflow:hidden;border-radius:5px;background:#edf0ec}.marking-groups div>i u{display:block;height:100%;border-radius:5px;background:#2a9172}.marking-groups div>i u.warn{background:#d9a552}
.marking-overlay{position:fixed;z-index:122;inset:0;visibility:hidden;pointer-events:none}.marking-overlay.open{visibility:visible;pointer-events:auto}.marking-backdrop{position:absolute;inset:0;border:0;background:rgba(16,25,20,.3);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(2px)}.marking-overlay.open .marking-backdrop{opacity:1}.marking-drawer{position:absolute;top:0;right:0;bottom:0;width:min(510px,100vw);overflow-y:auto;border-left:1px solid #dce1dc;background:#f7f7f3;box-shadow:-18px 0 48px rgba(23,34,28,.14);transform:translateX(102%);transition:transform .25s ease}.marking-overlay.open .marking-drawer{transform:translateX(0)}.marking-drawer>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid #e0e3de;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.marking-drawer>header p{margin:0 0 5px;color:#888f8b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.marking-drawer>header h2{margin:0;color:var(--ink);font-size:17px}.marking-drawer>header span{display:block;margin-top:5px;color:#838c86;font-size:12px}.marking-drawer>header button{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #dfe2dc;border-radius:8px;color:#68716b;background:#fff}.marking-drawer>header button .ui-icon{width:14px;height:14px}.marking-drawer-content{display:grid;gap:11px;padding:14px}.marking-drawer-system{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #cae1d7;border-radius:10px;background:#eaf6f1}.marking-drawer-system img{width:32px;height:32px;object-fit:contain}.marking-drawer-system>span{display:flex;flex-direction:column;gap:4px}.marking-drawer-system b{color:#287459;font-size:12px}.marking-drawer-system small{color:#718078;font-size:12px}.marking-drawer-system em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#d9eee5;font-size:12px;font-style:normal}.marking-drawer-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.marking-drawer-content label{display:grid;gap:6px;color:#707a74;font-size:12px;font-weight:750}.marking-drawer-content select,.marking-drawer-content input,.marking-drawer-content textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d9ded8;border-radius:8px;outline:0;color:var(--ink);background:#fff;font:12px/1.4 inherit}.marking-drawer-content textarea{min-height:64px;resize:vertical}.marking-date-input,.marking-doc-input{position:relative}.marking-date-input .ui-icon,.marking-doc-input .ui-icon{position:absolute;z-index:1;top:50%;left:10px;width:12px;height:12px;color:#89918c;transform:translateY(-50%)}.marking-date-input input,.marking-doc-input input{padding-left:29px}
.marking-code-upload{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px dashed #b9cec5;border-radius:10px;background:#f8fbf9}.marking-code-upload>i{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:#2d775a;background:#e2f2e9}.marking-code-upload>i .ui-icon{width:13px;height:13px}.marking-code-upload>span{display:flex;flex-direction:column;gap:4px}.marking-code-upload b{color:var(--ink);font-size:12px}.marking-code-upload small{color:#949b97;font-size:12px}.marking-code-upload button{min-height:29px;padding:0 9px;border:1px solid #c8d9d1;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.marking-code-preview,.marking-operation-summary{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.marking-code-preview>header,.marking-operation-summary>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.marking-code-preview>header em,.marking-operation-summary>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.marking-code-preview>div{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #eff0ed}.marking-code-preview>div:last-child{border-bottom:0}.marking-code-preview>div>.ui-icon{width:12px;height:12px;color:#2d7659}.marking-code-preview>div span{display:flex;flex-direction:column;gap:3px}.marking-code-preview>div b{color:var(--ink);font-size:12px}.marking-code-preview>div small{color:#949b97;font-size:12px}.marking-code-preview>div strong{color:#2d7659;font-size:12px}.marking-operation-summary>div{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #eff0ed;color:#707b74;font-size:12px}.marking-operation-summary>div strong,.marking-operation-summary>div b{color:var(--ink);font-size:12px}.marking-operation-summary>footer{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:9px 12px;background:#f2f8f5}.marking-operation-summary>footer>.ui-icon{width:15px;height:15px;color:#2d7659}.marking-operation-summary>footer span{display:flex;flex-direction:column;gap:3px}.marking-operation-summary>footer b{color:#2d7659;font-size:12px}.marking-operation-summary>footer small{color:#849089;font-size:12px}.marking-drawer-content>footer{position:sticky;bottom:-14px;display:flex;gap:7px;margin:0 -14px -14px;padding:13px 14px;border-top:1px solid #e0e2dc;background:rgba(247,247,243,.96);backdrop-filter:blur(10px)}.marking-drawer-content>footer button{flex:1;min-height:38px;border:1px solid #d8ddd7;border-radius:8px;color:#5f6c64;background:#fff;font-size:12px;font-weight:750}.marking-drawer-content>footer .primary-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1.45;border-color:#19866f;color:#fff;background:#19866f}.marking-drawer-content>footer .primary-action .ui-icon{width:11px;height:11px}body.marking-open{overflow:hidden}
@media(max-width:1200px){.marking-page{padding:26px 20px 60px}.marking-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.marking-workspace{grid-template-columns:1fr}.marking-side{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.marking-connection{grid-template-columns:40px 1fr auto}.marking-connection>div{display:none}.marking-toolbar{align-items:stretch;flex-wrap:wrap}.marking-tabs{width:100%;overflow-x:auto}.marking-tabs button{flex:1}.marking-search{width:auto;min-width:0;flex:1;margin-left:0}}
@media(max-width:700px){.marking-page{padding:22px 12px 50px}.marking-head{align-items:stretch;flex-direction:column}.marking-head h1{font-size:24px}.marking-head-actions{width:100%}.marking-head-actions>label{min-width:0;flex:1}.marking-head-actions>button{flex:0 0 46px;padding:0}.marking-head-actions>button span{display:none}.marking-connection{grid-template-columns:36px 1fr}.marking-connection>button{grid-column:1/-1;justify-content:center}.marking-metrics{grid-template-columns:1fr}.marking-metrics article{min-height:100px}.marking-toolbar,.marking-workspace{margin-right:-12px;margin-left:-12px}.marking-toolbar,.marking-register,.marking-attention,.marking-groups{border-right:0;border-left:0;border-radius:0}.marking-list-head{display:none}.marking-row{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px;border-bottom:1px solid #dfe2dc}.marking-item{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.marking-row>span:nth-child(2)::before{content:"Группа"}.marking-row>strong::before{content:"Коды"}.marking-row>em::before{content:"Статус";display:block;margin-bottom:5px}.marking-row>span:nth-child(2)::before,.marking-row>strong::before,.marking-row>em::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.marking-row>.arrow{top:20px;right:13px}.marking-side{grid-template-columns:1fr}}
@media(max-width:480px){.marking-drawer{width:100%}.marking-drawer>header{padding:15px}.marking-drawer-two{grid-template-columns:1fr}.marking-code-upload{grid-template-columns:34px 1fr}.marking-code-upload button{grid-column:1/-1}.marking-drawer-content{padding:11px}.marking-drawer-content>footer{margin:0 -11px -11px;flex-wrap:wrap}.marking-drawer-content>footer .secondary-action{flex:0 0 100%}}

/* Government systems: Mercury and EGAIS */
.regulated-connection{grid-template-columns:58px 1fr auto auto}.regulated-connection>.regulated-logos{display:flex;align-items:center;gap:0;color:inherit}.regulated-logos img{width:36px;height:36px;object-fit:contain;border:2px solid #fff;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(22,45,34,.08)}.regulated-logos img+img{width:32px;height:32px;margin-left:-10px}.regulated-row>em{cursor:pointer}.regulated-systems .regulated-system-name{display:flex;align-items:center;flex-direction:row;gap:8px}.regulated-system-name img{width:26px;height:26px;flex:0 0 auto;object-fit:contain;border:1px solid #edf0ec;border-radius:7px;background:#fff}.regulated-system-name b{display:flex;min-width:0;flex-direction:column;gap:4px}.regulated-systems div>em{white-space:nowrap}.regulated-overlay{z-index:125}.regulated-drawer-system{grid-template-columns:55px 1fr auto}.regulated-drawer-logos{display:flex;align-items:center}.regulated-drawer-logos img{width:32px;height:32px;border:2px solid #eaf6f1;border-radius:8px;background:#fff}.regulated-drawer-logos img+img{width:28px;height:28px;margin-left:-9px}.regulated-products{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.regulated-products>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.regulated-products>header button{display:inline-flex;align-items:center;gap:5px;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.regulated-products>header button .ui-icon{width:10px;height:10px}.regulated-products>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #eff0ed}.regulated-products>div:last-child{border-bottom:0}.regulated-products>div>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d7659;background:#e2f2e9}.regulated-products>div>i.blue{color:#4c7b91;background:#e5f0f5}.regulated-products>div>i .ui-icon{width:12px;height:12px}.regulated-products>div>span{display:flex;min-width:0;flex-direction:column;gap:3px}.regulated-products>div b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.regulated-products>div small{color:#949b97;font-size:12px}.regulated-products>div strong{color:var(--ink);font-size:12px;white-space:nowrap}.regulated-validation>div b{color:#2d7659}
@media(max-width:900px){.regulated-connection{grid-template-columns:58px 1fr auto}.regulated-connection>.regulated-logos{display:flex}}
@media(max-width:700px){.regulated-connection{grid-template-columns:48px 1fr}.regulated-logos img{width:33px;height:33px}.regulated-logos img+img{width:29px;height:29px}.regulated-row>span:nth-child(2)::before{content:"Система"}.regulated-row>strong::before{content:"Получен"}}
@media(max-width:480px){.regulated-drawer-system{grid-template-columns:50px 1fr}.regulated-drawer-system>em{grid-column:2;justify-self:start}.regulated-products>div{grid-template-columns:30px 1fr}.regulated-products>div strong{grid-column:2}}

/* Contracts */
.contracts-alert{display:grid;min-height:72px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:18px;padding:12px 15px;border:1px solid #cae1d8;border-radius:13px;background:linear-gradient(110deg,#edf8f3,#f9fbf8)}.contracts-alert>i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#28785c;background:#dff1e9}.contracts-alert>i .ui-icon{width:15px;height:15px}.contracts-alert>span{display:flex;flex-direction:column;gap:5px}.contracts-alert b{color:var(--ink);font-size:12px}.contracts-alert small{color:#7f8c85;font-size:12px}.contracts-alert>button{min-height:33px;padding:0 11px;border:1px solid #bfd8cf;border-radius:8px;color:#2c7059;background:#fff;font-size:12px;font-weight:800}.contracts-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px}.contracts-register,.contracts-attention,.contracts-chart{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.contracts-register>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e8eae5}.contracts-register>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.contracts-register>header h2{margin:0;color:var(--ink);font-size:14px}.contracts-register>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.contracts-register>header button .ui-icon{width:10px;height:10px}.contracts-list-head,.contract-row{display:grid;grid-template-columns:minmax(230px,1.45fr) .65fr .65fr .72fr .65fr;gap:11px}.contracts-list-head{padding:8px 29px 8px 15px;border-bottom:1px solid #eceee9;color:#9aa09c;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.contract-row{position:relative;width:100%;min-height:68px;align-items:center;padding:10px 29px 10px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff}.contract-row:hover{background:#fafbf8}.contract-row[hidden]{display:none}.contract-name{display:flex;min-width:0;align-items:center;gap:9px}.contract-name>i{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:#2d7659;background:#e2f2e9}.contract-name>i.amber{color:#9d6a22;background:#f8ead1}.contract-name>i.blue{color:#4c7b91;background:#e5f0f5}.contract-name>i.violet{color:#775fab;background:#eee9f8}.contract-name>i .ui-icon{width:13px;height:13px}.contract-name>b,.contract-row>span:nth-child(2),.contract-row>span:nth-child(3),.contract-row>strong{display:flex;min-width:0;flex-direction:column;gap:4px}.contract-name>b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.contract-row>span:nth-child(2)>b,.contract-row>span:nth-child(3)>b{color:#53635a;font-size:12px}.contract-row small{color:#969d98;font-size:12px;font-weight:500}.contract-row>strong{color:var(--ink);font-size:12px}.contract-row>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.contract-row>em.active{color:#2d7657;background:#e2f2e9}.contract-row>em.expiring{color:#98651f;background:#f8e8ca}.contract-row>em.approval{color:#665489;background:#eee9f8}.contract-row>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.contracts-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}.contracts-register>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.contracts-register>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.contracts-side{display:grid;align-content:start;gap:10px}.contracts-attention>header,.contracts-chart>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.contracts-attention h3,.contracts-chart h3{margin:0;color:var(--ink);font-size:12px}.contracts-attention>header span{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#fff;background:#18856e;font-size:12px;font-weight:800}.contracts-attention>button{display:grid;width:100%;min-height:56px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.contracts-attention button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d775a;background:#e2f2e9}.contracts-attention button>i.amber{color:#9d6a22;background:#f8ead1}.contracts-attention button>i.violet{color:#775fab;background:#eee9f8}.contracts-attention button>i .ui-icon{width:12px;height:12px}.contracts-attention button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.contracts-attention button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.contracts-attention button small{color:#949b97;font-size:12px}.contracts-attention button>strong{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#68736c;background:#edf0ed;font-size:12px}.contracts-chart>header>span{color:#2d7559;font-size:12px;font-weight:800}.contracts-chart>div{display:grid;gap:0}.contracts-chart>div>span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eceee9}.contracts-chart>div i{width:7px;height:7px;border-radius:50%}.contracts-chart i.sales{background:#278d70}.contracts-chart i.purchases{background:#6b89a0}.contracts-chart i.services{background:#8a70bd}.contracts-chart>div b{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px}.contracts-chart>div small{color:#949b97;font-size:12px;font-weight:500}.contracts-chart>div em{color:#657069;font-size:12px;font-style:normal}.contracts-chart>footer{display:grid;gap:7px;padding:11px 12px}.contracts-chart>footer>i{display:flex;height:5px;overflow:hidden;border-radius:5px;background:#edf0ec}.contracts-chart>footer u{display:block;height:100%;background:#278d70}.contracts-chart>footer u.purchase{background:#6b89a0}.contracts-chart>footer u.service{background:#8a70bd}.contracts-chart>footer span{color:#8d9690;font-size:12px}.contract-overlay{z-index:126}.contract-autofill{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #d5e4dd;border-radius:10px;background:#eef8f3}.contract-autofill>.ui-icon{width:16px;height:16px;color:#2d7659}.contract-autofill>span{display:flex;flex-direction:column;gap:4px}.contract-autofill b{color:var(--ink);font-size:12px}.contract-autofill small{color:#829088;font-size:12px}.contract-autofill button{min-height:29px;padding:0 9px;border:1px solid #cadbd3;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.contract-money-input{position:relative}.contract-money-input input{padding-right:30px}.contract-money-input em{position:absolute;top:50%;right:11px;color:#808b84;font-size:12px;font-style:normal;transform:translateY(-50%)}.contract-approval{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.contract-approval>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.contract-approval>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.contract-approval>div{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eff0ed}.contract-approval>div:last-child{border-bottom:0}.contract-approval>div>i{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;color:#2d7659;background:#e2f2e9;font-size:12px;font-style:normal;font-weight:800}.contract-approval>div>span{display:flex;flex-direction:column;gap:3px}.contract-approval>div b{color:var(--ink);font-size:12px}.contract-approval>div small{color:#949b97;font-size:12px}.contract-approval>div em{color:#6d7871;font-size:12px;font-style:normal}.contract-summary>div b{color:#2d7659}
@media(max-width:1200px){.contracts-workspace{grid-template-columns:1fr}.contracts-side{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.contracts-alert{grid-template-columns:36px 1fr}.contracts-alert>button{grid-column:1/-1}.contracts-workspace{margin-right:-12px;margin-left:-12px}.contracts-register,.contracts-attention,.contracts-chart{border-right:0;border-left:0;border-radius:0}.contracts-list-head{display:none}.contract-row{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px}.contract-name{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.contract-row>span:nth-child(2)::before{content:"Тип"}.contract-row>span:nth-child(3)::before{content:"Срок"}.contract-row>strong::before{content:"Сумма / лимит"}.contract-row>em::before{content:"Статус";display:block;margin-bottom:5px}.contract-row>span:nth-child(2)::before,.contract-row>span:nth-child(3)::before,.contract-row>strong::before,.contract-row>em::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.contract-row>.arrow{top:20px;right:13px}.contracts-side{grid-template-columns:1fr}}
@media(max-width:480px){.contract-autofill{grid-template-columns:31px 1fr}.contract-autofill button{grid-column:1/-1}.contract-approval>div{grid-template-columns:24px 1fr}.contract-approval>div em{grid-column:2}}

/* Approvals */
.approvals-focus{display:grid;min-height:72px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:18px;padding:12px 15px;border:1px solid #cae1d8;border-radius:13px;background:linear-gradient(110deg,#edf8f3,#f9fbf8)}.approvals-focus>i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#28785c;background:#dff1e9}.approvals-focus>i .ui-icon{width:15px;height:15px}.approvals-focus>span{display:flex;flex-direction:column;gap:5px}.approvals-focus b{color:var(--ink);font-size:12px}.approvals-focus small{color:#7f8c85;font-size:12px}.approvals-focus>button{min-height:33px;padding:0 11px;border:1px solid #19866f;border-radius:8px;color:#fff;background:#19866f;font-size:12px;font-weight:800}.approvals-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px}.approvals-register,.approvals-priority,.approvals-rules{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.approvals-register>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e8eae5}.approvals-register>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.approvals-register>header h2{margin:0;color:var(--ink);font-size:14px}.approvals-register>header button{display:inline-flex;min-height:31px;align-items:center;gap:6px;padding:0 9px;border:1px solid #dfe2dd;border-radius:7px;color:#67726b;background:#fff;font-size:12px;font-weight:750}.approvals-register>header button .ui-icon{width:10px;height:10px}.approvals-list-head,.approval-row{display:grid;grid-template-columns:minmax(235px,1.45fr) .65fr .66fr .65fr .62fr;gap:11px}.approvals-list-head{padding:8px 29px 8px 15px;border-bottom:1px solid #eceee9;color:#9aa09c;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.approval-row{position:relative;width:100%;min-height:68px;align-items:center;padding:10px 29px 10px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff}.approval-row:hover{background:#fafbf8}.approval-row[hidden]{display:none}.approval-name{display:flex;min-width:0;align-items:center;gap:9px}.approval-name>i{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:9px;color:#2d7659;background:#e2f2e9}.approval-name>i.amber{color:#9d6a22;background:#f8ead1}.approval-name>i.blue{color:#4c7b91;background:#e5f0f5}.approval-name>i.violet{color:#775fab;background:#eee9f8}.approval-name>i.mint{color:#2d7659;background:#e2f2e9}.approval-name>i .ui-icon{width:13px;height:13px}.approval-name>b,.approval-row>span:nth-child(2),.approval-row>span:nth-child(3),.approval-row>strong{display:flex;min-width:0;flex-direction:column;gap:4px}.approval-name>b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.approval-row>span:nth-child(2)>b,.approval-row>span:nth-child(3)>b{color:#53635a;font-size:12px}.approval-row small{color:#969d98;font-size:12px;font-weight:500}.approval-row small.urgent{color:#9b6320}.approval-row>strong{color:var(--ink);font-size:12px}.approval-row>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.approval-row>em.review{color:#98651f;background:#f8e8ca}.approval-row>em.waiting{color:#665489;background:#eee9f8}.approval-row>em.approved{color:#2d7657;background:#e2f2e9}.approval-row>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.approvals-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}.approvals-register>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.approvals-register>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.approvals-side{display:grid;align-content:start;gap:10px}.approvals-priority>header,.approvals-rules>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.approvals-priority h3,.approvals-rules h3{margin:0;color:var(--ink);font-size:12px}.approvals-priority>header span{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#fff;background:#cb8b31;font-size:12px;font-weight:800}.approvals-priority>button{display:grid;width:100%;min-height:58px;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.approvals-priority button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#9d6a22;background:#f8ead1}.approvals-priority button>i .ui-icon{width:12px;height:12px}.approvals-priority button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.approvals-priority button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.approvals-priority button small{color:#949b97;font-size:12px}.approvals-priority button>strong{color:#98651f;font-size:12px}.approvals-rules>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.approvals-rules>div{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eceee9}.approvals-rules>div>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d7659;background:#e2f2e9}.approvals-rules>div>i.violet{color:#775fab;background:#eee9f8}.approvals-rules>div>i .ui-icon{width:12px;height:12px}.approvals-rules>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.approvals-rules>div b{color:var(--ink);font-size:12px}.approvals-rules>div small{color:#949b97;font-size:12px}.approvals-rules>div em{color:#2d7659;font-size:12px;font-style:normal}.approvals-rules>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#7e8982;font-size:12px}.approvals-rules>footer strong{color:var(--ink);font-size:12px}.approval-overlay{z-index:127}.approval-amount{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #cae1d7;border-radius:11px;background:linear-gradient(120deg,#eaf6f1,#f7fbf8)}.approval-amount>span{display:flex;flex-direction:column;gap:5px}.approval-amount small{color:#738079;font-size:12px}.approval-amount strong{color:var(--ink);font-size:18px}.approval-amount em{color:#9a641e;font-size:12px;font-style:normal;font-weight:750}.approval-amount>i{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#2d7659;background:#d9eee5}.approval-amount>i .ui-icon{width:16px;height:16px}.approval-insight{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:9px;padding:11px;border:1px solid #d8e5df;border-radius:10px;background:#fff}.approval-insight>.ui-icon{width:16px;height:16px;color:#2d7659}.approval-insight>span{display:flex;flex-direction:column;gap:4px}.approval-insight b{color:#2d7659;font-size:12px}.approval-insight small{color:#849089;font-size:12px;line-height:1.55}.approval-details,.approval-files,.approval-route{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.approval-details>header,.approval-files>header,.approval-route>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.approval-details>header em,.approval-route>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.approval-details>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 12px;border-bottom:1px solid #eff0ed;color:#7b857f;font-size:12px}.approval-details>div:last-child{border-bottom:0}.approval-details>div b{max-width:62%;color:var(--ink);font-size:12px;text-align:right}.approval-files>header b{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#fff;background:#18856e;font-size:12px}.approval-files>button{display:grid;width:100%;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #eff0ed;text-align:left;background:#fff}.approval-files>button:last-child{border-bottom:0}.approval-files button>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d7659;background:#e2f2e9}.approval-files button>i.blue{color:#4c7b91;background:#e5f0f5}.approval-files button>i.violet{color:#775fab;background:#eee9f8}.approval-files button>i .ui-icon{width:12px;height:12px}.approval-files button>span{display:flex;min-width:0;flex-direction:column;gap:3px}.approval-files button b{color:var(--ink);font-size:12px}.approval-files button small{color:#949b97;font-size:12px}.approval-files button em{color:#59685f;font-size:12px;font-style:normal}.approval-route>div{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eff0ed}.approval-route>div:last-child{border-bottom:0}.approval-route>div>i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;font-size:12px;font-style:normal;font-weight:800}.approval-route>div.done>i{color:#2d7659;background:#e2f2e9}.approval-route>div.current>i{color:#665489;background:#eee9f8}.approval-route>div>i .ui-icon{width:11px;height:11px}.approval-route>div>span{display:flex;flex-direction:column;gap:3px}.approval-route>div b{color:var(--ink);font-size:12px}.approval-route>div small{color:#949b97;font-size:12px}.approval-footer .danger{border-color:#e3c9c7;color:#9b4f49;background:#fff}.approval-footer .primary-action{flex:1.25}
@media(max-width:1200px){.approvals-workspace{grid-template-columns:1fr}.approvals-side{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.approvals-focus{grid-template-columns:36px 1fr}.approvals-focus>button{grid-column:1/-1}.approvals-workspace{margin-right:-12px;margin-left:-12px}.approvals-register,.approvals-priority,.approvals-rules{border-right:0;border-left:0;border-radius:0}.approvals-list-head{display:none}.approval-row{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px}.approval-name{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.approval-row>span:nth-child(2)::before{content:"Автор"}.approval-row>span:nth-child(3)::before{content:"Срок"}.approval-row>strong::before{content:"Сумма"}.approval-row>em::before{content:"Решение";display:block;margin-bottom:5px}.approval-row>span:nth-child(2)::before,.approval-row>span:nth-child(3)::before,.approval-row>strong::before,.approval-row>em::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.approval-row>.arrow{top:20px;right:13px}.approvals-side{grid-template-columns:1fr}}
@media(max-width:480px){.approval-files>button{grid-template-columns:29px 1fr}.approval-files button em{grid-column:2}.approval-details>div{flex-direction:column;gap:4px}.approval-details>div b{max-width:none;text-align:left}.approval-footer{flex-wrap:wrap}.approval-footer .danger{flex:0 0 calc(50% - 4px)}.approval-footer [data-delegate-approval]{flex:0 0 calc(50% - 4px)}.approval-footer .primary-action{flex:0 0 100%}}

/* Tasks */
.tasks-focus{display:grid;min-height:72px;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:18px;padding:12px 15px;border:1px solid #cae1d8;border-radius:13px;background:linear-gradient(110deg,#edf8f3,#f9fbf8)}.tasks-focus>i{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#28785c;background:#dff1e9}.tasks-focus>i .ui-icon{width:15px;height:15px}.tasks-focus>span{display:flex;flex-direction:column;gap:5px}.tasks-focus b{color:var(--ink);font-size:12px}.tasks-focus small{color:#7f8c85;font-size:12px}.tasks-focus>button{min-height:33px;padding:0 11px;border:1px solid #19866f;border-radius:8px;color:#fff;background:#19866f;font-size:12px;font-weight:800}.tasks-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;margin-top:10px}.tasks-register,.tasks-progress,.tasks-team{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.tasks-register>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e8eae5}.tasks-register>header p{margin:0 0 5px;color:#7d8981;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tasks-register>header h2{margin:0;color:var(--ink);font-size:14px}.tasks-view-switch{display:flex;padding:3px;border-radius:8px;background:#f0f2ee}.tasks-view-switch button{display:grid;width:29px;height:27px;place-items:center;padding:0;border:0;border-radius:6px;color:#7c8680;background:transparent}.tasks-view-switch button.active{color:#2d7559;background:#fff;box-shadow:0 2px 7px rgba(24,34,29,.08)}.tasks-view-switch .ui-icon{width:12px;height:12px}.tasks-list-head,.task-row{display:grid;grid-template-columns:minmax(250px,1.45fr) .68fr .72fr .65fr .56fr;gap:11px}.tasks-list-head{padding:8px 29px 8px 15px;border-bottom:1px solid #eceee9;color:#9aa09c;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.task-row{position:relative;width:100%;min-height:72px;align-items:center;padding:10px 29px 10px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#6d7771;background:#fff}.task-row:hover{background:#fafbf8}.task-row[hidden]{display:none}.task-name{display:grid;min-width:0;grid-template-columns:5px 26px 1fr;align-items:center;gap:8px}.task-name>i{width:5px;height:34px;border-radius:5px;background:#9aa39d}.task-name>i.critical{background:#cf5f55}.task-name>i.high{background:#d49a3e}.task-name>i.normal{background:#5f8fa6}.task-name>i.low{background:#9aa39d}.task-name>i.done{background:#42a078}.task-check{display:grid;width:25px;height:25px;place-items:center;border:1px solid #d8ddd7;border-radius:8px;color:transparent;background:#fff}.task-check:hover{border-color:#82b8a5;color:#82b8a5}.task-check.checked{border-color:#2c9874;color:#fff;background:#2c9874}.task-check .ui-icon{width:11px;height:11px}.task-name>b,.task-row>span:nth-child(2),.task-row>span:nth-child(3),.task-row>span:nth-child(4),.task-row>strong{display:flex;min-width:0;flex-direction:column;gap:4px}.task-name>b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.task-row>span:nth-child(2)>b,.task-row>span:nth-child(4)>b{color:#53635a;font-size:12px}.task-row>span:nth-child(3){display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px}.task-row>span:nth-child(3)>b{display:flex;min-width:0;flex-direction:column;gap:3px;color:#53635a;font-size:12px}.task-avatar{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#54645b;background:#e9edea;font-size:12px;font-style:normal;font-weight:800}.task-avatar.lilac{color:#6f57a1;background:#eee9f8}.task-avatar.mint{color:#2d7659;background:#e2f2e9}.task-avatar.blue{color:#4c7b91;background:#e5f0f5}.task-avatar.coral{color:#9a5d54;background:#f5e7e3}.task-row small{color:#969d98;font-size:12px;font-weight:500}.task-row b.overdue{color:#b0574f}.task-row>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.task-row>em.work{color:#4f7181;background:#e4eef3}.task-row>em.urgent{color:#98651f;background:#f8e8ca}.task-row>em.new{color:#665489;background:#eee9f8}.task-row>em.done{color:#2d7657;background:#e2f2e9}.task-row>.arrow{position:absolute;right:10px;width:10px;height:10px;color:#a0a6a2}.task-row.completed .task-name>b{text-decoration:line-through;color:#78827c}.tasks-empty{margin:0;padding:30px;text-align:center;color:#88918b;font-size:12px}.tasks-register>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 15px;color:#929995;font-size:12px}.tasks-register>footer button{border:0;color:#29765a;background:transparent;font-size:12px;font-weight:800}.tasks-side{display:grid;align-content:start;gap:10px}.tasks-progress>header,.tasks-team>header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e9ebe6}.tasks-progress h3,.tasks-team h3{margin:0;color:var(--ink);font-size:12px}.tasks-progress>header span{color:#2d7559;font-size:12px;font-weight:800}.tasks-progress-ring{position:relative;width:104px;height:104px;margin:14px auto 7px}.tasks-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tasks-progress-ring circle{fill:none;stroke:#edf0ec;stroke-width:5}.tasks-progress-ring circle.value{stroke:#2b9270;stroke-dasharray:43 100;stroke-linecap:round}.tasks-progress-ring>strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ink);font-size:15px}.tasks-progress-ring small{margin-top:3px;color:#929995;font-size:12px;font-weight:500}.tasks-progress-list{display:grid;gap:0;padding:0 12px}.tasks-progress-list>span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #eff0ed}.tasks-progress-list i{width:7px;height:7px;border-radius:50%}.tasks-progress-list i.done{background:#2b9270}.tasks-progress-list i.work{background:#6993a8}.tasks-progress-list i.new{background:#a88ec9}.tasks-progress-list b{color:#647168;font-size:12px}.tasks-progress-list em{color:var(--ink);font-size:12px;font-style:normal;font-weight:750}.tasks-progress>button{width:calc(100% - 24px);min-height:31px;margin:10px 12px 12px;border:1px solid #cfdcd6;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.tasks-team>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.tasks-team>div{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eff0ed}.tasks-team>div>span{display:flex;min-width:0;flex-direction:column;gap:6px}.tasks-team>div b{color:var(--ink);font-size:12px}.tasks-team>div small{height:4px;overflow:hidden;border-radius:5px;background:#edf0ec}.tasks-team>div small u{display:block;height:100%;border-radius:5px;background:#d49a3e}.tasks-team>div small u.medium{background:#5f8fa6}.tasks-team>div small u.light{background:#2b9270}.tasks-team>div em{color:#68746c;font-size:12px;font-style:normal}.tasks-team>footer{display:flex;align-items:center;gap:6px;padding:10px 12px;color:#68746c;font-size:12px}.tasks-team>footer i{width:7px;height:7px;border-radius:50%;background:#2b9270}.task-overlay{z-index:128}.task-suggestion{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #d5e4dd;border-radius:10px;background:#eef8f3}.task-suggestion>.ui-icon{width:16px;height:16px;color:#2d7659}.task-suggestion>span{display:flex;flex-direction:column;gap:4px}.task-suggestion b{color:var(--ink);font-size:12px}.task-suggestion small{color:#829088;font-size:12px}.task-suggestion button{min-height:29px;padding:0 9px;border:1px solid #cadbd3;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.task-related-input{position:relative}.task-related-input .ui-icon{position:absolute;z-index:1;top:50%;left:10px;width:12px;height:12px;color:#89918c;transform:translateY(-50%)}.task-related-input input{padding-left:29px}.task-checklist{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.task-checklist>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.task-checklist>header button{display:inline-flex;align-items:center;gap:5px;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.task-checklist>header button .ui-icon{width:10px;height:10px}.task-checklist>label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;padding:6px 12px;border-bottom:1px solid #eff0ed}.task-checklist>label:last-child{border-bottom:0}.task-checklist>label i{width:15px;height:15px;border:1px solid #d7ddd8;border-radius:5px}.task-checklist>label input{min-height:28px;padding:3px 0;border:0}.task-reminder{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.task-reminder>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#775fab;background:#eee9f8}.task-reminder>i .ui-icon{width:12px;height:12px}.task-reminder>span{display:flex;flex-direction:column;gap:4px}.task-reminder b{color:var(--ink);font-size:12px}.task-reminder small{color:#8c948f;font-size:12px}.task-reminder>label{position:relative;display:block;width:31px;height:18px}.task-reminder input{position:absolute;opacity:0}.task-reminder label em{position:absolute;inset:0;border-radius:12px;background:#c9cfcb}.task-reminder label em::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.2s}.task-reminder input:checked+em{background:#2b9270}.task-reminder input:checked+em::after{left:16px}.task-preview>div b{color:#2d7659}
@media(max-width:1200px){.tasks-workspace{grid-template-columns:1fr}.tasks-side{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.tasks-focus{grid-template-columns:36px 1fr}.tasks-focus>button{grid-column:1/-1}.tasks-workspace{margin-right:-12px;margin-left:-12px}.tasks-register,.tasks-progress,.tasks-team{border-right:0;border-left:0;border-radius:0}.tasks-list-head{display:none}.task-row{display:grid;min-height:0;grid-template-columns:1fr 1fr;gap:11px 16px;padding:13px}.task-name{grid-column:1/-1;padding:0 30px 11px 0;border-bottom:1px solid #eceee9}.task-row>span:nth-child(2)::before{content:"Связано с"}.task-row>span:nth-child(3)::before{content:"Ответственный"}.task-row>span:nth-child(4)::before{content:"Срок"}.task-row>em::before{content:"Статус";display:block;margin-bottom:5px}.task-row>span:nth-child(2)::before,.task-row>span:nth-child(3)::before,.task-row>span:nth-child(4)::before,.task-row>em::before{color:#9a9f9b;font-size:12px;font-weight:750;text-transform:uppercase}.task-row>.arrow{top:20px;right:13px}.tasks-side{grid-template-columns:1fr}}
@media(max-width:480px){.task-suggestion{grid-template-columns:31px 1fr}.task-suggestion button{grid-column:1/-1}.task-reminder{grid-template-columns:30px 1fr}.task-reminder>label{grid-column:2}}

/* Regulatory reporting */
.reporting-agency-logo{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:#25775b;background:#dff1e9;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.02em}.reporting-drawer-system>.reporting-agency-logo{width:32px;height:32px}.reporting-autofill{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #d9e4df;border-radius:10px;background:#fff}.reporting-autofill>.ui-icon{width:16px;height:16px;color:#2d7659}.reporting-autofill>span{display:flex;flex-direction:column;gap:4px}.reporting-autofill b{color:var(--ink);font-size:12px}.reporting-autofill small{color:#8b948f;font-size:12px}.reporting-autofill button{min-height:29px;padding:0 9px;border:1px solid #d2ddd7;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.reporting-row>em.pending{color:#5b6f7d;background:#e4eef3}.reporting-row>em.verified{color:#2d7657;background:#e2f2e9}.reporting-row>em.warning{color:#98651f;background:#f8e8ca}.reporting-agencies div>em{white-space:nowrap}.reporting-overlay{z-index:123}
@media(max-width:700px){.reporting-row>span:nth-child(2)::before{content:"Ведомство"}.reporting-row>strong::before{content:"Срок"}}
@media(max-width:480px){.reporting-autofill{grid-template-columns:31px 1fr}.reporting-autofill button{grid-column:1/-1}}

/* Online cash register */
.cashbox-device-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:#25775b;background:#dff1e9;font-style:normal}.cashbox-device-icon .ui-icon{width:15px;height:15px}.cashbox-drawer-system>.cashbox-device-icon{width:32px;height:32px}.cashbox-row>em.pending{color:#5b6f7d;background:#e4eef3}.cashbox-row>em.verified{color:#2d7657;background:#e2f2e9}.cashbox-shift{overflow:hidden;border:1px solid #cfe0d8;border-radius:13px;background:linear-gradient(145deg,#f1faf6,#fff)}.cashbox-shift>header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #dfeae5}.cashbox-shift>header>span{display:flex;align-items:center;gap:7px}.cashbox-shift>header i{width:7px;height:7px;border-radius:50%;background:#2d9b74}.cashbox-shift>header b{color:var(--ink);font-size:12px}.cashbox-shift>header em{color:#66756d;font-size:12px;font-style:normal}.cashbox-shift>div{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e8eeea;color:#6e7972;font-size:12px}.cashbox-shift>div strong,.cashbox-shift>div b{color:var(--ink);font-size:12px}.cashbox-shift>footer{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.cashbox-shift>footer button{min-height:29px;border:1px solid #d7e0db;border-radius:7px;color:#53665c;background:#fff;font-size:12px;font-weight:750}.cashbox-shift>footer .primary{grid-column:1/-1;border-color:#19866f;color:#fff;background:#19866f}.cashbox-product-search{position:relative;display:flex;align-items:center}.cashbox-product-search>.ui-icon{position:absolute;z-index:1;left:10px;width:12px;height:12px;color:#89918c}.cashbox-product-search input{padding-right:76px;padding-left:29px}.cashbox-product-search button{position:absolute;right:6px;display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 8px;border:1px solid #d3ded8;border-radius:6px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.cashbox-product-search button .ui-icon{width:10px;height:10px}.cashbox-cart{overflow:hidden;border:1px solid #dfe2dc;border-radius:10px;background:#fff}.cashbox-cart>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eceee9;color:#657069;font-size:12px;font-weight:750}.cashbox-cart>header em{padding:4px 6px;border-radius:5px;color:#2d7657;background:#e2f2e9;font-size:12px;font-style:normal}.cashbox-cart>div{display:grid;grid-template-columns:30px 1fr auto 20px;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #eff0ed}.cashbox-cart>div:last-child{border-bottom:0}.cashbox-cart>div>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#2d7659;background:#e2f2e9}.cashbox-cart>div>i.blue{color:#4c7b91;background:#e5f0f5}.cashbox-cart>div>i .ui-icon{width:12px;height:12px}.cashbox-cart>div>span{display:flex;flex-direction:column;gap:3px}.cashbox-cart>div b{color:var(--ink);font-size:12px}.cashbox-cart>div small{color:#949b97;font-size:12px}.cashbox-cart>div u{color:#2d7659;font-size:12px;text-decoration:none}.cashbox-cart>div strong{color:var(--ink);font-size:12px;white-space:nowrap}.cashbox-cart>div>button{display:grid;width:20px;height:20px;place-items:center;padding:0;border:0;color:#9aa19c;background:transparent}.cashbox-cart>div>button .ui-icon{width:10px;height:10px}.cashbox-total>footer span b{font-size:13px}.cashbox-overlay{z-index:124}
@media(max-width:700px){.cashbox-row>span:nth-child(2)::before{content:"Оплата"}.cashbox-row>strong::before{content:"Сумма"}.cashbox-shift{border-right:0;border-left:0;border-radius:0}}
@media(max-width:480px){.cashbox-cart>div{grid-template-columns:30px 1fr 20px}.cashbox-cart>div>strong{grid-column:2}.cashbox-product-search input{padding-right:65px}.cashbox-product-search button{padding:0 6px}.cashbox-product-search button .ui-icon{display:none}}

/* Collapsed navigation tooltips */
@media (min-width: 641px) {
  .app-shell.sidebar-collapsed .app-nav a[data-label]::after,
  .app-shell.sidebar-collapsed .app-sidebar-bottom > a[data-label]::after {
    display: block;
    z-index: 300;
    min-width: max-content;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    background: #17231d;
    box-shadow: 0 10px 28px rgba(19,31,24,.22);
    line-height: 1.2;
    letter-spacing: .01em;
  }
  .app-shell.sidebar-collapsed .app-nav a[data-label]:hover::after,
  .app-shell.sidebar-collapsed .app-nav a[data-label]:focus-visible::after,
  .app-shell.sidebar-collapsed .app-sidebar-bottom > a[data-label]:hover::after,
  .app-shell.sidebar-collapsed .app-sidebar-bottom > a[data-label]:focus-visible::after {
    visibility: visible;
    transform: translate(0,-50%);
    opacity: 1;
  }
}

/* Sidebar follows the page; no nested scrollbar */
@media (min-width:641px) {
  .app-sidebar {
    position: relative;
    top: auto;
    bottom: auto;
    height: auto;
    min-height: 100vh;
    align-self: stretch;
    overflow: visible;
  }
  .app-sidebar .app-nav {
    min-height: auto;
    flex: 0 0 auto;
    overflow: visible;
    padding-right: 0;
  }
  .app-sidebar-bottom { position: relative; z-index: 2; margin-top: auto; background: #fbfbf8; }
}
.app-shell.sidebar-collapsed .app-nav a[data-label]::after,
.app-shell.sidebar-collapsed .app-sidebar-bottom > a[data-label]::after { display: none !important; }
.nav-tooltip-portal {
  position: fixed;
  z-index: 1000;
  max-width: min(260px,calc(100vw - 110px));
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  color: #fff;
  background: #17231d;
  box-shadow: 0 10px 28px rgba(19,31,24,.22);
  opacity: 0;
  font-size:14px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: .01em;
  white-space: nowrap;
  pointer-events: none;
  transform: translateX(5px);
  transition: opacity .14s ease, transform .14s ease;
}
.nav-tooltip-portal::before {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #17231d;
  content: "";
  transform: translateY(-50%);
}
.nav-tooltip-portal.visible { opacity: 1; transform: translateX(0); }
@media (max-width:640px) { .nav-tooltip-portal { display: none !important; } }

/* Counterparty card */
.partner-page{min-width:0;padding:25px 28px 64px;background:#f6f6f2}.partner-backbar{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#8a928d;font-size:12px}.partner-backbar button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:#2b765b;background:transparent;font-size:12px;font-weight:800}.partner-backbar button .ui-icon{width:11px;height:11px}.partner-backbar i{margin:0 4px;color:#c0c5c1;font-style:normal}.partner-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.partner-identity{display:flex;min-width:0;align-items:center;gap:11px}.partner-identity>i{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:12px;color:#2a7559;background:#dff1e8;font-size:15px;font-style:normal;font-weight:850}.partner-identity>span{display:flex;min-width:0;flex-direction:column}.partner-identity p,.partner-card header p{margin:0 0 5px;color:#7e8a83;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.partner-identity h1{margin:0;color:var(--ink);font-size:20px;letter-spacing:-.03em}.partner-identity small{margin-top:6px;color:#88918b;font-size:12px}.partner-identity>em{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:5px;padding:5px 7px;border-radius:6px;color:#2c7659;background:#e1f2e9;font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.partner-identity>em b{width:6px;height:6px;border-radius:50%;background:#2b9a72}.partner-head-actions{display:flex;align-items:center;gap:7px}.partner-head-actions button{display:inline-flex;min-height:35px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #d9ded8;border-radius:8px;color:#59685f;background:#fff;font-size:12px;font-weight:800;white-space:nowrap}.partner-head-actions button .ui-icon{width:11px;height:11px}.partner-head-actions .primary-action{border-color:#19866f;color:#fff;background:#19866f}.partner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px}.partner-metrics article{display:flex;min-height:94px;justify-content:center;flex-direction:column;padding:13px 15px;border:1px solid #e0e2dd;border-radius:12px;background:#fff}.partner-metrics span{color:#7b867f;font-size:12px}.partner-metrics strong{margin-top:9px;color:var(--ink);font-size:15px;letter-spacing:-.02em}.partner-metrics strong.warning{color:#98651f}.partner-metrics small{margin-top:6px;color:#929a95;font-size:12px}.partner-metrics small.positive{color:#2b7b5c}.partner-tabs{display:flex;align-items:center;gap:2px;margin-top:14px;padding:4px;border:1px solid #e0e2dd;border-radius:10px;background:#eceee9}.partner-tabs button{display:inline-flex;min-height:31px;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:0;border-radius:7px;color:#748078;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.partner-tabs button span{display:grid;min-width:15px;height:15px;place-items:center;padding:0 4px;border-radius:5px;color:#6f7c74;background:#dfe3de;font-size:12px}.partner-tabs button.active{color:#1d6f55;background:#fff;box-shadow:0 3px 9px rgba(25,37,30,.07)}.partner-tabs button.active span{color:#26765a;background:#e1f2e9}.partner-panel{margin-top:10px}.partner-panel[hidden]{display:none}.partner-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.72fr);gap:10px}.partner-card{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.partner-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e9ebe6}.partner-card>header h2{margin:0;color:var(--ink);font-size:14px}.partner-card>header button{border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:800}.partner-check{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;color:#2d7659;background:#e3f2eb;font-size:12px;font-weight:750}.partner-check .ui-icon{width:10px;height:10px}.partner-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px 15px 16px}.partner-form-grid label{display:grid;gap:6px}.partner-form-grid label.wide{grid-column:1/-1}.partner-form-grid label>span{color:#748078;font-size:12px;font-weight:700}.partner-form-grid input{width:100%;min-height:36px;padding:0 10px;border:1px solid #dce0db;border-radius:8px;outline:0;color:#253229;background:#fbfcfa;font:12px/1.4 inherit}.partner-form-grid input:focus{border-color:#78b7a0;box-shadow:0 0 0 3px rgba(42,142,107,.08)}.partner-side{display:grid;align-content:start;gap:10px}.partner-contact>header i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#6f57a1;background:#eee9f8;font-size:12px;font-style:normal;font-weight:800}.partner-contact>div{display:grid;gap:0;padding:4px 14px}.partner-contact>div span{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #eef0ec;color:#5d6a62;font-size:12px}.partner-contact>div span:last-child{border-bottom:0}.partner-contact>div .ui-icon{width:11px;height:11px;color:#7f8a83}.partner-contact>footer,.partner-contract>footer{display:flex;gap:7px;padding:10px 14px;border-top:1px solid #e9ebe6}.partner-contact>footer button,.partner-contract>footer button{min-height:29px;flex:1;border:1px solid #d9dfda;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.partner-owner>header p{margin-bottom:0}.partner-owner>div{display:flex;align-items:center;gap:9px;padding:13px 14px}.partner-owner>div>i{display:grid;width:33px;height:33px;place-items:center;border-radius:50%;color:#4e778a;background:#e5f0f5;font-size:12px;font-style:normal;font-weight:850}.partner-owner>div span{display:flex;flex-direction:column;gap:4px}.partner-owner b{color:var(--ink);font-size:12px}.partner-owner small{color:#929995;font-size:12px}.partner-owner>footer{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-top:1px solid #eceee9;color:#8b938e;font-size:12px}.partner-owner>footer strong{color:#4e5d54;font-size:12px}.partner-secondary-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:10px;margin-top:10px}.partner-risk>header>em{padding:5px 7px;border-radius:6px;color:#2d7659;background:#e2f2e9;font-size:12px;font-style:normal;font-weight:750}.partner-risk>div{display:grid;gap:0;padding:4px 14px}.partner-risk>div>span{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eef0ec}.partner-risk>div>span:last-child{border-bottom:0}.partner-risk span>i{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#2d7659;background:#e2f2e9}.partner-risk span>i .ui-icon{width:10px;height:10px}.partner-risk span>b{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px}.partner-risk span small{color:#929a95;font-size:12px;font-weight:500}.partner-activity>div{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid #eef0ec}.partner-activity>div:last-child{border-bottom:0}.partner-activity>div>i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px}.partner-activity>div>i .ui-icon{width:11px;height:11px}.partner-activity i.sale{color:#7b5fab;background:#eee9f8}.partner-activity i.pay{color:#2d7659;background:#e2f2e9}.partner-activity i.doc{color:#4d788d;background:#e5f0f5}.partner-activity>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.partner-activity b{color:var(--ink);font-size:12px}.partner-activity small{color:#939a96;font-size:12px}.partner-activity strong{color:#26332b;font-size:12px;white-space:nowrap}.partner-register>header button{min-height:30px;padding:0 9px;border:1px solid #d7e0db;border-radius:7px;background:#fff}.partner-register>header .primary-action{border-color:#19866f;color:#fff;background:#19866f}.partner-list-head,.partner-row{display:grid;grid-template-columns:minmax(210px,1.4fr) .72fr .82fr .65fr .55fr;gap:11px}.partner-list-head{padding:8px 15px;border-bottom:1px solid #eceee9;color:#99a09b;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.partner-row{width:100%;min-height:64px;align-items:center;padding:9px 15px;border:0;border-bottom:1px solid #eceee9;text-align:left;color:#5f6d64;background:#fff;font:12px/1.35 inherit}.partner-row:last-child{border-bottom:0}.partner-row:hover{background:#fafbf8}.partner-row>span:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}.partner-row b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.partner-row small{color:#969d98;font-size:12px}.partner-row strong{color:var(--ink);font-size:12px}.partner-row strong.warning{color:#98651f}.partner-row>em{justify-self:start;padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.partner-row>em.work{color:#665489;background:#eee9f8}.partner-row>em.success{color:#2d7657;background:#e2f2e9}.partner-row>em.warning{color:#98651f;background:#f8e8ca}.partner-two-columns,.partner-settlement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.partner-contract>header>em,.partner-debt>header>em{padding:5px 7px;border-radius:6px;color:#2d7659;background:#e2f2e9;font-size:12px;font-style:normal;font-weight:750}.partner-contract>header>em.neutral{color:#596d7a;background:#e5eef3}.partner-contract>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 14px}.partner-contract>div span{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid #eef0ec;color:#929a95;font-size:12px}.partner-contract>div span:nth-last-child(-n+2){border-bottom:0}.partner-contract>div b{color:var(--ink);font-size:12px}.partner-debt-chart{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:14px;padding:15px}.partner-debt-chart>span{position:relative;display:grid;width:88px;height:88px;place-items:center;border-radius:50%;background:conic-gradient(#2d9270 var(--value),#edf0ec 0)}.partner-debt-chart>span:after{position:absolute;width:68px;height:68px;border-radius:50%;background:#fff;content:""}.partner-debt-chart>span b,.partner-debt-chart>span small{position:relative;z-index:1}.partner-debt-chart>span b{align-self:end;color:var(--ink);font-size:14px}.partner-debt-chart>span small{align-self:start;color:#929a95;font-size:12px}.partner-debt-chart>div{display:grid;gap:8px}.partner-debt-chart p{display:grid;grid-template-columns:7px 1fr;gap:3px 7px;margin:0}.partner-debt-chart p i{width:7px;height:7px;margin-top:2px;border-radius:50%}.partner-debt-chart p i.mint{background:#2d9270}.partner-debt-chart p i.amber{background:#d4a04e}.partner-debt-chart p i.gray{background:#cbd0cc}.partner-debt-chart p b{color:var(--ink);font-size:12px}.partner-debt-chart p small{grid-column:2;color:#929a95;font-size:12px}.partner-terms>header p{margin:0}.partner-terms>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 14px}.partner-terms>div span{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid #eef0ec;color:#929a95;font-size:12px}.partner-terms>div span:nth-last-child(-n+2){border-bottom:0}.partner-terms>div b{color:var(--ink);font-size:12px}.partner-settlement-list{margin-top:10px}.partner-communications{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);gap:10px}.partner-timeline>article{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 15px;border-bottom:1px solid #eceee9}.partner-timeline>article:last-child{border-bottom:0}.partner-timeline>article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px}.partner-timeline>article>i .ui-icon{width:13px;height:13px}.partner-timeline>article>i.chat{color:#2d7659;background:#e2f2e9}.partner-timeline>article>i.mail{color:#4d788d;background:#e5f0f5}.partner-timeline>article>i.call{color:#775fab;background:#eee9f8}.partner-timeline article>div{min-width:0}.partner-timeline article header{display:flex;align-items:center;justify-content:space-between;gap:10px}.partner-timeline article header b{color:var(--ink);font-size:12px}.partner-timeline article header span{color:#979e99;font-size:12px}.partner-timeline article p{margin:6px 0;color:#536158;font-size:12px;line-height:1.55}.partner-timeline article small{color:#929a95;font-size:12px}.partner-channel>header{display:block}.partner-channel>div{display:grid;gap:11px;padding:14px}.partner-channel>div>span{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px}.partner-channel>div>span>.ui-icon{width:17px;height:17px;color:#2d7659}.partner-channel>div b{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px}.partner-channel>div small{color:#929a95;font-size:12px;font-weight:500}.partner-channel>div button{min-height:31px;border:1px solid #19866f;border-radius:7px;color:#fff;background:#19866f;font-size:12px;font-weight:750}.partner-channel>footer{display:flex;flex-direction:column;gap:5px;padding:11px 14px;border-top:1px solid #eceee9;color:#929a95;font-size:12px}.partner-channel>footer strong{color:#536158;font-size:12px}
@media(max-width:1200px){.partner-page{padding:25px 20px 60px}.partner-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(210px,.75fr)}.partner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-tabs{overflow-x:auto}.partner-secondary-grid{grid-template-columns:1fr}.partner-communications{grid-template-columns:1fr}.partner-channel{display:grid;grid-template-columns:1fr 1fr}.partner-channel>header{border-right:1px solid #e9ebe6;border-bottom:0}.partner-channel>footer{grid-column:1/-1}}
@media(max-width:900px){.partner-head{align-items:flex-start;flex-direction:column}.partner-head-actions{width:100%}.partner-head-actions button{flex:1}.partner-main-grid{grid-template-columns:1fr}.partner-side{grid-template-columns:1fr 1fr}.partner-two-columns,.partner-settlement-grid{grid-template-columns:1fr}.partner-list-head{display:none}.partner-row{grid-template-columns:1fr 1fr;gap:10px 16px;padding:12px 15px}.partner-row>span:first-child{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid #eef0ec}.partner-row>*:not(:first-child)::before{display:block;margin-bottom:4px;color:#9aa09c;font-size:12px;font-weight:750;text-transform:uppercase}.partner-row>*:nth-child(2)::before{content:"Статус"}.partner-row>*:nth-child(3)::before{content:"Ответственный"}.partner-row>*:nth-child(4)::before{content:"Сумма"}.partner-row>*:nth-child(5)::before{content:"Дата"}}
@media(max-width:700px){.partner-page{padding:20px 12px 50px}.partner-backbar span{display:none}.partner-identity{align-items:flex-start;flex-wrap:wrap}.partner-identity>span{max-width:calc(100% - 56px)}.partner-identity h1{font-size:23px}.partner-identity>em{margin-left:54px;margin-top:-2px}.partner-head-actions{display:grid;grid-template-columns:1fr 1fr}.partner-head-actions .primary-action{grid-column:1/-1}.partner-metrics{grid-template-columns:1fr 1fr}.partner-metrics article{min-height:92px;padding:12px}.partner-tabs{margin-right:-12px;margin-left:-12px;border-right:0;border-left:0;border-radius:0;padding:5px 12px}.partner-tabs button{padding:0 10px}.partner-panel{margin-right:-12px;margin-left:-12px}.partner-card{border-right:0;border-left:0;border-radius:0}.partner-main-grid,.partner-secondary-grid,.partner-side,.partner-two-columns,.partner-settlement-grid,.partner-communications{gap:8px}.partner-side{grid-template-columns:1fr}.partner-form-grid{grid-template-columns:1fr}.partner-form-grid label.wide{grid-column:auto}.partner-channel{display:block}.partner-timeline article header{align-items:flex-start;flex-direction:column;gap:4px}.partner-settlement-list{margin-top:8px}}
@media(max-width:480px){.partner-metrics{grid-template-columns:1fr}.partner-metrics article{min-height:84px}.partner-head-actions{grid-template-columns:1fr}.partner-head-actions .primary-action{grid-column:auto}.partner-card>header{align-items:flex-start}.partner-check{white-space:nowrap}.partner-contract>div,.partner-terms>div{grid-template-columns:1fr}.partner-contract>div span:nth-last-child(2),.partner-terms>div span:nth-last-child(2){border-bottom:1px solid #eef0ec}.partner-debt-chart{grid-template-columns:90px 1fr;padding:12px}.partner-row{grid-template-columns:1fr}.partner-row>*{grid-column:1/-1}.partner-row>*:not(:first-child){display:flex;align-items:center;justify-content:space-between}.partner-row>*:not(:first-child)::before{margin-bottom:0}.partner-card>header{flex-wrap:wrap}}

/* Deal card */
.deal-page{min-width:0;padding:25px 28px 64px;background:#f6f6f2}.deal-backbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#8b938e;font-size:12px}.deal-backbar button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:#2d765a;background:transparent;font-size:12px;font-weight:800}.deal-backbar button .ui-icon{width:11px;height:11px}.deal-backbar i{margin:0 4px;color:#c0c5c1;font-style:normal}.deal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.deal-identity p{margin:0 0 6px;color:#7f8983;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.deal-identity>div{display:flex;align-items:center;gap:9px}.deal-identity h1{margin:0;color:var(--ink);font-size:20px;letter-spacing:-.03em}.deal-identity>div>em{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;color:#6a57a0;background:#eee9f8;font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.deal-identity>div>em i{width:6px;height:6px;border-radius:50%;background:#8c79ca}.deal-identity>span{display:block;margin-top:7px;color:#87918a;font-size:12px}.deal-head-actions{display:flex;gap:7px}.deal-head-actions button{display:inline-flex;min-height:35px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #d9ded8;border-radius:8px;color:#59685f;background:#fff;font-size:12px;font-weight:800;white-space:nowrap}.deal-head-actions .ui-icon{width:11px;height:11px}.deal-head-actions .primary-action{border-color:#19866f;color:#fff;background:#19866f}.deal-pipeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:19px;padding:11px;border:1px solid #dfe2dc;border-radius:13px;background:#fff}.deal-pipeline:before{position:absolute;top:29px;right:11%;left:11%;height:2px;background:#e3e6e1;content:""}.deal-pipeline button{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:4px 7px;border:0;text-align:left;background:transparent}.deal-pipeline button>i{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:2px solid #dde1dc;border-radius:50%;color:#929a95;background:#fff;font-size:12px;font-style:normal;font-weight:800}.deal-pipeline button>i .ui-icon{width:10px;height:10px}.deal-pipeline button.done>i{border-color:#49a17b;color:#fff;background:#49a17b}.deal-pipeline button.active>i{border-color:#8c79ca;color:#fff;background:#8c79ca;box-shadow:0 0 0 4px #eee9f8}.deal-pipeline button>span{display:flex;min-width:0;flex-direction:column;gap:4px}.deal-pipeline b{color:#5b6760;font-size:12px}.deal-pipeline button.active b{color:#5f4b94}.deal-pipeline small{color:#9aa09c;font-size:12px}.deal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.deal-metrics article{display:flex;min-height:90px;justify-content:center;flex-direction:column;padding:13px 15px;border:1px solid #e0e2dd;border-radius:12px;background:#fff}.deal-metrics span{color:#7c8780;font-size:12px}.deal-metrics strong{margin-top:8px;color:var(--ink);font-size:14px}.deal-metrics small{margin-top:6px;color:#929a95;font-size:12px}.deal-metrics small.positive{color:#2b7a5b}.deal-metrics small.warning{color:#9a6923}.deal-tabs{display:flex;gap:2px;margin-top:10px;padding:4px;border:1px solid #e0e2dd;border-radius:10px;background:#eceee9}.deal-tabs button{display:inline-flex;min-height:31px;align-items:center;justify-content:center;gap:5px;padding:0 13px;border:0;border-radius:7px;color:#748078;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.deal-tabs button span{display:grid;min-width:15px;height:15px;place-items:center;padding:0 4px;border-radius:5px;color:#6f7c74;background:#dfe3de;font-size:12px}.deal-tabs button.active{color:#1d6f55;background:#fff;box-shadow:0 3px 9px rgba(25,37,30,.07)}.deal-tabs button.active span{color:#26765a;background:#e1f2e9}.deal-panel{margin-top:10px}.deal-panel[hidden]{display:none}.deal-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.58fr);gap:10px}.deal-primary,.deal-side{display:grid;align-content:start;gap:10px}.deal-card{overflow:hidden;border:1px solid #e0e2dd;border-radius:13px;background:#fff}.deal-card>header{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:12px 14px;border-bottom:1px solid #e9ebe6}.deal-card>header p{margin:0 0 5px;color:#7e8a83;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.deal-card>header h2{margin:0;color:var(--ink);font-size:13px}.deal-card>header button{display:inline-flex;align-items:center;gap:5px;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:800}.deal-card>header button .ui-icon{width:10px;height:10px}.deal-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:5px 14px}.deal-fields>span{display:flex;min-width:0;flex-direction:column;gap:5px;padding:9px 8px 9px 0;border-bottom:1px solid #eef0ec}.deal-fields>span:nth-last-child(-n+3){border-bottom:0}.deal-fields small{color:#929a95;font-size:12px}.deal-fields b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.deal-summary-card>label{display:grid;gap:6px;margin:0 14px 14px;padding-top:10px;border-top:1px solid #eef0ec;color:#748078;font-size:12px;font-weight:700}.deal-summary-card textarea{min-height:56px;padding:9px 10px;border:1px solid #dce0db;border-radius:8px;outline:0;color:#4f5e55;background:#fbfcfa;font:12px/1.55 inherit;resize:vertical}.deal-products-preview>.deal-product-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid #eef0ec}.deal-product-row>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#4c7485;background:#e5f0f5;font-size:12px;font-style:normal;font-weight:850}.deal-product-row>i.blue{color:#775fab;background:#eee9f8}.deal-product-row>i .ui-icon{width:11px;height:11px}.deal-product-row>span{display:flex;min-width:0;flex-direction:column;gap:4px}.deal-product-row b{color:var(--ink);font-size:12px}.deal-product-row small{color:#929a95;font-size:12px}.deal-product-row strong{color:#27342c;font-size:12px;white-space:nowrap}.deal-product-row.discount>i{color:#9b6c28;background:#f8ead1}.deal-product-row.discount strong{color:#a36c24}.deal-products-preview>footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:11px 14px;color:#758078;font-size:12px}.deal-products-preview>footer strong{color:var(--ink);font-size:13px}.deal-timeline-preview>article{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:10px 14px;border-bottom:1px solid #eef0ec}.deal-timeline-preview>article:last-child{border-bottom:0}.deal-timeline-preview article>i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px}.deal-timeline-preview i.message{color:#2d7659;background:#e2f2e9}.deal-timeline-preview i.document{color:#4d788d;background:#e5f0f5}.deal-timeline-preview i.stage{color:#775fab;background:#eee9f8}.deal-timeline-preview article>i .ui-icon{width:11px;height:11px}.deal-timeline-preview article>div{min-width:0}.deal-timeline-preview b{color:var(--ink);font-size:12px}.deal-timeline-preview article p{margin:4px 0;color:#68746d;font-size:12px}.deal-timeline-preview small{color:#969d98;font-size:12px}.deal-contact>header>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#6d56a0;background:#eee9f8;font-size:12px;font-style:normal;font-weight:800}.deal-contact>div{display:grid;padding:4px 14px}.deal-contact>div span{display:flex;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #eef0ec;color:#5d6a62;font-size:12px}.deal-contact>div span:last-child{border-bottom:0}.deal-contact>div .ui-icon{width:11px;height:11px;color:#7f8a83}.deal-contact>footer,.deal-next-step>footer{display:flex;gap:7px;padding:9px 14px;border-top:1px solid #e9ebe6}.deal-contact footer button,.deal-next-step footer button{min-height:29px;flex:1;border:1px solid #d9dfda;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.deal-next-step>header p,.deal-health>header p,.deal-links>header p{margin-bottom:0}.deal-next-step>header em{padding:4px 6px;border-radius:5px;color:#98651f;background:#f8e8ca;font-size:12px;font-style:normal;font-weight:750}.deal-next-step>div{display:grid;grid-template-columns:31px 1fr;align-items:center;gap:9px;padding:13px 14px}.deal-next-step>div>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#98651f;background:#f8e8ca}.deal-next-step>div>i .ui-icon{width:12px;height:12px}.deal-next-step>div span{display:flex;flex-direction:column;gap:4px}.deal-next-step b{color:var(--ink);font-size:12px}.deal-next-step small{color:#929a95;font-size:12px}.deal-next-step footer button.primary{border-color:#19866f;color:#fff;background:#19866f}.deal-health>header>span{padding:4px 6px;border-radius:5px;color:#2d7659;background:#e2f2e9;font-size:12px;font-weight:750}.deal-health>div{padding:5px 14px}.deal-health>div p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:7px 0;border-bottom:1px solid #eef0ec;color:#808a84;font-size:12px}.deal-health>div p:last-child{border-bottom:0}.deal-health>div b{color:#4e5e54;font-size:12px}.deal-health>div b.warning{color:#ad5c4e}.deal-health>footer{display:grid;gap:6px;padding:10px 14px;border-top:1px solid #eceee9}.deal-health>footer>span{height:5px;overflow:hidden;border-radius:5px;background:linear-gradient(90deg,#2d9270 var(--value),#e8ebe7 0)}.deal-health>footer small{color:#8d9690;font-size:12px}.deal-links>a{display:grid;grid-template-columns:29px 1fr;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid #eef0ec}.deal-links>a:last-child{border-bottom:0}.deal-links>a>i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#4d788d;background:#e5f0f5}.deal-links>a>i.violet{color:#775fab;background:#eee9f8}.deal-links>a>i .ui-icon{width:11px;height:11px}.deal-links>a>span{display:flex;flex-direction:column;gap:4px}.deal-links a b{color:var(--ink);font-size:12px}.deal-links a small{color:#929a95;font-size:12px}.deal-register>header .primary-action{min-height:30px;padding:0 9px;border:1px solid #19866f;border-radius:7px;color:#fff;background:#19866f}.deal-list-head,.deal-list-row{display:grid;grid-template-columns:minmax(220px,1.5fr) .55fr .65fr .5fr .68fr;gap:12px}.deal-list-head{padding:8px 14px;border-bottom:1px solid #eceee9;color:#99a09b;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.deal-list-row{min-height:64px;align-items:center;padding:9px 14px;border-bottom:1px solid #eceee9;color:#5f6d64;font-size:12px}.deal-list-row>strong{color:var(--ink);font-size:12px}.deal-item{display:flex;min-width:0;align-items:center;gap:9px}.deal-item>i{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:8px;color:#4d788d;background:#e5f0f5;font-size:12px;font-style:normal;font-weight:850}.deal-item>i.blue{color:#775fab;background:#eee9f8}.deal-item>i.violet{color:#8a6227;background:#f8ead1}.deal-item>i.mint{color:#2d7659;background:#e2f2e9}.deal-item>i .ui-icon{width:11px;height:11px}.deal-item>b{display:flex;min-width:0;flex-direction:column;gap:4px;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.deal-item small{color:#929a95;font-size:12px;font-weight:500}.deal-register>footer{display:flex;justify-content:flex-end;gap:20px;padding:12px 14px}.deal-register>footer>div{display:flex;align-items:baseline;gap:8px;color:#7d8781;font-size:12px}.deal-register>footer b{color:#536158;font-size:12px}.deal-register>footer .total{padding-left:18px;border-left:1px solid #dfe2dd}.deal-register>footer .total strong{color:var(--ink);font-size:13px}.deal-documents-grid,.deal-tasks-grid,.deal-comms-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:10px}.deal-doc-list>button{display:grid;width:100%;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;min-height:64px;padding:10px 14px;border:0;border-bottom:1px solid #eceee9;text-align:left;background:#fff}.deal-doc-list>button:hover{background:#fafbf8}.deal-doc-list>button>i{display:grid;width:31px;height:31px;place-items:center;border-radius:8px}.deal-doc-list i.blue{color:#4d788d;background:#e5f0f5}.deal-doc-list i.mint{color:#2d7659;background:#e2f2e9}.deal-doc-list i.violet{color:#775fab;background:#eee9f8}.deal-doc-list button i .ui-icon{width:12px;height:12px}.deal-doc-list button>span{display:flex;flex-direction:column;gap:4px}.deal-doc-list button b{color:var(--ink);font-size:12px}.deal-doc-list button small{color:#929a95;font-size:12px}.deal-doc-list button>em{padding:4px 6px;border-radius:5px;font-size:12px;font-style:normal;font-weight:750}.deal-doc-list em.viewed{color:#2d7659;background:#e2f2e9}.deal-doc-list em.draft{color:#596d7a;background:#e5eef3}.deal-doc-list em.approval{color:#665489;background:#eee9f8}.deal-send-card>header{display:block}.deal-send-card>div{display:grid;padding:6px 14px}.deal-send-card label{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid #eef0ec;color:#59675e;font-size:12px}.deal-send-card label:last-child{border-bottom:0}.deal-send-card input{position:absolute;opacity:0}.deal-send-card label>span{display:grid;width:16px;height:16px;place-items:center;border:1px solid #d4dad5;border-radius:5px;background:#fff}.deal-send-card input:checked+span{border-color:#2d9270;background:#2d9270}.deal-send-card input:checked+span:after{color:#fff;content:"✓";font-size:14px}.deal-send-card>footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 14px;border-top:1px solid #eceee9}.deal-send-card footer button{display:inline-flex;min-height:31px;align-items:center;justify-content:center;gap:6px;border:1px solid #d9dfda;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}.deal-send-card footer .ui-icon{width:11px;height:11px}.deal-task-list>header button{min-height:29px;padding:0 8px;border:1px solid #d8dfda;border-radius:7px;background:#fff}.deal-task-list>label{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #eceee9}.deal-task-list>label:last-child{border-bottom:0}.deal-task-list label input{position:absolute;opacity:0}.deal-task-list label>i{display:grid;width:17px;height:17px;place-items:center;border:1px solid #d4dad5;border-radius:5px;color:#fff;background:#fff}.deal-task-list label>i .ui-icon{width:9px;height:9px}.deal-task-list label>span{display:flex;min-width:0;flex-direction:column;gap:4px}.deal-task-list label b{color:var(--ink);font-size:12px}.deal-task-list label small{color:#929a95;font-size:12px}.deal-task-list label>em{padding:4px 6px;border-radius:5px;color:#98651f;background:#f8e8ca;font-size:12px;font-style:normal;font-weight:750}.deal-task-list label.overdue>em{color:#a64f46;background:#fde8e4}.deal-task-list label>em.future{color:#566f7c;background:#e5eef3}.deal-task-list label.complete>i{border-color:#2d9270;background:#2d9270}.deal-task-list label.complete b{text-decoration:line-through;color:#77817b}.deal-task-list label>em.done{color:#2d7659;background:#e2f2e9}.deal-task-progress>header{display:block}.deal-task-progress>div{position:relative;width:116px;height:116px;margin:16px auto}.deal-task-progress>div span{display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(#2d9270 var(--value),#edf0ec 0)}.deal-task-progress>div span:after{position:absolute;inset:12px;border-radius:50%;background:#fff;content:""}.deal-task-progress>div strong{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-size:15px}.deal-task-progress>footer{display:grid;gap:8px;padding:0 14px 13px}.deal-task-progress footer p{display:grid;grid-template-columns:7px 1fr;align-items:center;gap:7px;margin:0;color:#657168;font-size:12px}.deal-task-progress footer i{width:7px;height:7px;border-radius:50%}.deal-task-progress i.red{background:#ca6258}.deal-task-progress i.amber{background:#d39a40}.deal-task-progress i.mint{background:#2d9270}.deal-chat>header>span{display:inline-flex;align-items:center;gap:5px;color:#2d7659;font-size:12px;font-weight:750}.deal-chat>header>span i{width:6px;height:6px;border-radius:50%;background:#2d9b74}.deal-chat-messages{min-height:310px;padding:18px;background:#f4f6f3}.deal-chat-messages article{width:max-content;max-width:72%;margin:0 0 7px;padding:9px 11px;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(31,42,35,.05)}.deal-chat-messages article.outgoing{margin-left:auto;background:#dff1e9}.deal-chat-messages article p{margin:0;color:#39463e;font-size:12px;line-height:1.55}.deal-chat-messages article small{display:block;margin-top:5px;color:#86918a;font-size:12px;text-align:right}.deal-chat-messages>div{display:flex;align-items:center;gap:8px;margin:12px 0;color:#979e99;font-size:12px}.deal-chat-messages>div:before,.deal-chat-messages>div:after{height:1px;flex:1;background:#dfe3df;content:""}.deal-chat>footer{display:grid;grid-template-columns:30px 1fr 32px;gap:7px;padding:10px 12px;border-top:1px solid #e2e5e0}.deal-chat>footer button{display:grid;place-items:center;border:1px solid #d8ded9;border-radius:8px;color:#77827b;background:#fff}.deal-chat>footer button.send{border-color:#19866f;color:#fff;background:#19866f}.deal-chat>footer .ui-icon{width:12px;height:12px}.deal-chat>footer input{min-height:34px;padding:0 10px;border:1px solid #d8ded9;border-radius:8px;outline:0;font:12px/1.4 inherit}.deal-communication-info>header{display:block}.deal-communication-info>div{display:grid;padding:5px 14px}.deal-communication-info>div>span{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eef0ec}.deal-communication-info>div>span:last-child{border-bottom:0}.deal-communication-info>div i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px}.deal-communication-info i.runa{color:#2d7659;background:#e2f2e9}.deal-communication-info i.email{color:#4d788d;background:#e5f0f5}.deal-communication-info i.call{color:#775fab;background:#eee9f8}.deal-communication-info i .ui-icon{width:11px;height:11px}.deal-communication-info>div b{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px}.deal-communication-info>div small{color:#929a95;font-size:12px;font-weight:500}.deal-communication-info>footer{padding:10px 14px;border-top:1px solid #eceee9}.deal-communication-info>footer button{width:100%;min-height:30px;border:1px solid #d8dfda;border-radius:7px;color:#2d7559;background:#fff;font-size:12px;font-weight:750}
@media(max-width:1200px){.deal-page{padding:25px 20px 60px}.deal-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(225px,.62fr)}.deal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-tabs{overflow-x:auto}.deal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-fields>span:nth-last-child(3){border-bottom:1px solid #eef0ec}.deal-fields>span:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:900px){.deal-head{align-items:flex-start;flex-direction:column}.deal-head-actions{width:100%}.deal-head-actions button{flex:1}.deal-pipeline button{justify-content:center}.deal-pipeline button>span{display:none}.deal-main-grid{grid-template-columns:1fr}.deal-side{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-documents-grid,.deal-tasks-grid,.deal-comms-grid{grid-template-columns:1fr}.deal-list-head{display:none}.deal-list-row{grid-template-columns:1fr 1fr;gap:10px 16px;padding:12px 14px}.deal-list-row>.deal-item{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid #eef0ec}.deal-list-row>*:not(:first-child)::before{display:block;margin-bottom:4px;color:#9aa09c;font-size:12px;font-weight:750;text-transform:uppercase}.deal-list-row>*:nth-child(2)::before{content:"Количество"}.deal-list-row>*:nth-child(3)::before{content:"Цена"}.deal-list-row>*:nth-child(4)::before{content:"Скидка"}.deal-list-row>*:nth-child(5)::before{content:"Сумма"}}
@media(max-width:700px){.deal-page{padding:20px 12px 50px}.deal-backbar span{display:none}.deal-identity>div{align-items:flex-start;flex-direction:column}.deal-identity h1{font-size:23px}.deal-head-actions{display:grid;grid-template-columns:1fr 1fr}.deal-head-actions .primary-action{grid-column:1/-1}.deal-pipeline{margin-right:-12px;margin-left:-12px;border-right:0;border-left:0;border-radius:0;padding:10px 8px}.deal-pipeline:before{right:12%;left:12%}.deal-pipeline button{padding:4px}.deal-pipeline button>i{width:29px;height:29px}.deal-metrics{grid-template-columns:1fr 1fr}.deal-tabs{margin-right:-12px;margin-left:-12px;border-right:0;border-left:0;border-radius:0;padding:5px 12px}.deal-panel{margin-right:-12px;margin-left:-12px}.deal-card{border-right:0;border-left:0;border-radius:0}.deal-primary,.deal-side,.deal-documents-grid,.deal-tasks-grid,.deal-comms-grid{gap:8px}.deal-side{grid-template-columns:1fr}.deal-fields{grid-template-columns:1fr}.deal-fields>span{border-bottom:1px solid #eef0ec!important}.deal-fields>span:last-child{border-bottom:0!important}.deal-chat-messages{min-height:260px}.deal-register>footer{align-items:flex-end;flex-direction:column;gap:8px}.deal-register>footer .total{padding-top:8px;padding-left:0;border-top:1px solid #dfe2dd;border-left:0}}
@media(max-width:480px){.deal-head-actions{grid-template-columns:1fr}.deal-head-actions .primary-action{grid-column:auto}.deal-metrics{grid-template-columns:1fr}.deal-metrics article{min-height:84px}.deal-product-row{grid-template-columns:29px 1fr!important}.deal-product-row>strong{grid-column:2}.deal-list-row{grid-template-columns:1fr}.deal-list-row>*{grid-column:1/-1}.deal-list-row>*:not(:first-child){display:flex;align-items:center;justify-content:space-between}.deal-list-row>*:not(:first-child)::before{margin-bottom:0}.deal-doc-list>button{grid-template-columns:31px 1fr}.deal-doc-list button>em{grid-column:2;justify-self:start}.deal-task-list>label{grid-template-columns:18px 1fr}.deal-task-list label>em{grid-column:2;justify-self:start}.deal-chat-messages article{max-width:90%}.deal-card>header{align-items:flex-start;flex-wrap:wrap}}

/* Global search */
.global-search-overlay{position:fixed;z-index:240;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.global-search-overlay.open{visibility:visible;opacity:1;pointer-events:auto}.global-search-backdrop{position:absolute;inset:0;border:0;background:rgba(13,22,17,.54);backdrop-filter:blur(6px)}.global-search-modal{position:absolute;top:6vh;left:50%;display:flex;width:min(900px,calc(100% - 40px));max-height:86vh;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:#f8f8f5;box-shadow:0 28px 90px rgba(13,24,17,.28);transform:translate(-50%,-10px) scale(.985);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.global-search-overlay.open .global-search-modal{transform:translate(-50%,0) scale(1)}.global-search-head{display:grid;min-height:68px;grid-template-columns:22px 1fr auto 32px;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid #e0e3de;background:#fff}.global-search-head>.ui-icon{width:18px;height:18px;color:#2d7559}.global-search-head label{display:block}.global-search-head input{width:100%;min-height:50px;border:0;outline:0;color:var(--ink);background:transparent;font:14px/1.4 inherit}.global-search-head input::placeholder{color:#9aa19c}.global-search-head>kbd{padding:5px 7px;border:1px solid #d9ded8;border-radius:6px;color:#7d8781;background:#f4f5f1;box-shadow:0 1px 0 #d3d7d2;font:600 12px/1 inherit}.global-search-head>button{display:grid;width:31px;height:31px;place-items:center;padding:0;border:0;border-radius:8px;color:#758078;background:#f1f2ee}.global-search-head>button .ui-icon{width:13px;height:13px}.global-search-filters{display:flex;gap:4px;padding:9px 12px;border-bottom:1px solid #e2e4df;background:#fff}.global-search-filters button{display:inline-flex;min-height:28px;align-items:center;gap:5px;padding:0 9px;border:1px solid transparent;border-radius:7px;color:#737e77;background:transparent;font-size:12px;font-weight:750}.global-search-filters button span{display:grid;min-width:16px;height:16px;place-items:center;padding:0 4px;border-radius:5px;color:#6f7c74;background:#eceee9;font-size:12px}.global-search-filters button.active{border-color:#d0e1d9;color:#247258;background:#e7f3ed}.global-search-filters button.active span{color:#247258;background:#d5ebe1}.global-search-layout{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 230px;overflow:hidden}.global-search-results{min-height:0;overflow-y:auto;background:#fff}.global-search-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;color:#838d86;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.global-search-section-head small{display:flex;align-items:center;gap:4px;color:#a0a6a2;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.global-search-section-head kbd{display:grid;min-width:16px;height:16px;place-items:center;border:1px solid #d9ded8;border-radius:4px;background:#f5f6f2;font:600 12px/1 inherit}.global-search-list{display:grid;gap:2px;padding:0 8px 9px}.global-search-list>button{position:relative;display:grid;width:100%;min-height:60px;grid-template-columns:35px 1fr auto 15px;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:10px;text-align:left;background:#fff}.global-search-list>button:hover,.global-search-list>button.selected{border-color:#cfe3da;background:#f0f8f4}.global-search-list>button[hidden]{display:none}.global-search-list button>i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;font-size:12px;font-style:normal;font-weight:850}.global-search-list button>i .ui-icon{width:14px;height:14px}.global-search-list i.violet{color:#775fab;background:#eee9f8}.global-search-list i.mint{color:#2d7659;background:#e2f2e9}.global-search-list i.blue{color:#4d788d;background:#e5f0f5}.global-search-list i.cyan{color:#40758a;background:#e3f0f5}.global-search-list i.sand{color:#936923;background:#f8ead1}.global-search-list i.orange{color:#af6944;background:#f8e8df}.global-search-list button>span{display:flex;min-width:0;flex-direction:column;gap:5px}.global-search-list button b{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.global-search-list button small{overflow:hidden;color:#909893;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.global-search-list button>em{justify-self:end;padding:4px 6px;border-radius:5px;color:#516b5e;background:#edf1ed;font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.global-search-list button>em.warning{color:#98651f;background:#f8e8ca}.global-search-list button>em.approval{color:#665489;background:#eee9f8}.global-search-list button>.arrow{width:11px;height:11px;color:#9ba29d}.global-search-empty{display:grid;min-height:260px;place-items:center;align-content:center;gap:7px;color:#8c958f;text-align:center}.global-search-empty .ui-icon{width:24px;height:24px;color:#a5aca7}.global-search-empty b{color:#57645c;font-size:12px}.global-search-empty span{max-width:240px;font-size:12px;line-height:1.5}.global-search-help{display:grid;min-height:0;align-content:start;gap:9px;padding:12px;border-left:1px solid #e0e3de;background:#f4f5f1}.global-search-help>section{overflow:hidden;border:1px solid #dfe3dd;border-radius:11px;background:#fff}.global-search-help>section:first-child{padding:11px}.global-search-help section>div{display:grid;grid-template-columns:29px 1fr;align-items:start;gap:8px}.global-search-help section>div>.ui-icon{width:16px;height:16px;margin:6px;color:#2d7659}.global-search-help section>div span{display:flex;flex-direction:column;gap:4px}.global-search-help section>div b{color:var(--ink);font-size:12px}.global-search-help section>div small{color:#89938d;font-size:12px;line-height:1.5}.global-search-help section>p{margin:9px 0 0;color:#8a938e;font-size:12px}.global-search-help section>p button{padding:0;border:0;color:#2d7559;background:transparent;font:inherit;font-weight:750}.global-search-help h3{margin:0;padding:10px 11px;border-bottom:1px solid #eceee9;color:#5d6961;font-size:12px}.global-search-help section>button{display:flex;width:100%;min-height:35px;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:0;border-bottom:1px solid #eef0ec;color:#536158;background:#fff;font-size:12px}.global-search-help section>button:last-child{border-bottom:0}.global-search-help section>button>span{display:flex;align-items:center;gap:7px}.global-search-help section>button .ui-icon{width:10px;height:10px;color:#2d7559}.global-search-help section>button kbd{display:grid;width:18px;height:18px;place-items:center;border:1px solid #dce0db;border-radius:5px;color:#8c948f;background:#f6f7f3;font:600 12px/1 inherit}.global-search-help>footer{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:7px;padding:9px 10px;border-radius:9px;color:#728078;background:#e7ece8;font-size:12px;line-height:1.45}.global-search-help>footer .ui-icon{width:12px;height:12px;color:#60756a}.global-search-footer{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-top:1px solid #e0e3de;color:#89938d;background:#fbfcf9;font-size:12px}.global-search-footer>span{display:flex;align-items:center;gap:4px}.global-search-footer kbd{display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border:1px solid #d9ded8;border-radius:5px;background:#fff;font:600 12px/1 inherit}.global-search-footer b{font-size:12px}.global-search-footer i{width:6px;height:6px;border-radius:50%;background:#2d9b74}body.global-search-open{overflow:hidden}
@media(max-width:800px){.global-search-modal{top:3vh;max-height:94vh}.global-search-layout{grid-template-columns:1fr}.global-search-help{display:none}.global-search-head{grid-template-columns:20px 1fr auto 31px}.global-search-filters{overflow-x:auto}.global-search-filters button{white-space:nowrap}}
@media(max-width:560px){.global-search-modal{top:0;width:100%;height:100%;max-height:none;border:0;border-radius:0}.global-search-head{min-height:62px;padding:0 11px}.global-search-head input{font-size:14px}.global-search-head>kbd{display:none}.global-search-head{grid-template-columns:20px 1fr 31px}.global-search-filters{padding:7px 10px}.global-search-layout{flex:1}.global-search-section-head{padding:9px 11px}.global-search-section-head small{display:none}.global-search-list{padding:0 6px 8px}.global-search-list>button{min-height:64px;grid-template-columns:35px 1fr 14px;padding:8px}.global-search-list button>em{display:none}.global-search-list button small{white-space:normal;line-height:1.4}.global-search-footer{padding:0 10px}.global-search-footer>span:first-child{display:none}.global-search-footer>span:last-child{width:100%;justify-content:center}.global-search-overlay.open .global-search-modal{transform:translate(-50%,0)}}
.global-search-list button b{font-size:12px}.global-search-list button small{font-size:12px}
@media(max-width:560px){.global-search-head input{font-size:14px}.global-search-filters button{font-size:12px}.global-search-section-head{font-size:12px}.global-search-list>button{min-height:70px}.global-search-list button b{font-size:14px}.global-search-list button small{font-size:12px}.global-search-footer{font-size:12px}}

/* Notification center */
.notifications-overlay{position:fixed;z-index:230;inset:0;visibility:hidden;pointer-events:none}.notifications-overlay.open{visibility:visible;pointer-events:auto}.notifications-backdrop{position:absolute;inset:0;border:0;background:rgba(14,23,18,.36);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(3px)}.notifications-overlay.open .notifications-backdrop{opacity:1}.notifications-drawer{position:absolute;top:0;right:0;bottom:0;display:flex;width:min(500px,100vw);overflow:hidden;flex-direction:column;border-left:1px solid #dce1dc;background:#f7f7f3;box-shadow:-20px 0 56px rgba(20,32,25,.18);transform:translateX(102%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.notifications-overlay.open .notifications-drawer{transform:translateX(0)}.notifications-head{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e0e3de;background:#fff}.notifications-head p{margin:0 0 5px;color:#838d87;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.notifications-head h2{display:flex;align-items:center;gap:7px;margin:0;color:var(--ink);font-size:16px}.notifications-head h2 span{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:7px;color:#fff;background:#19866f;font-size:12px}.notifications-head>div:last-child{display:flex;gap:7px}.notifications-head>div:last-child button{display:grid;width:33px;height:33px;place-items:center;padding:0;border:1px solid #dfe2dc;border-radius:8px;color:#68736c;background:#fff}.notifications-head button .ui-icon{width:13px;height:13px}.notifications-tabs{display:flex;gap:3px;overflow-x:auto;padding:8px 12px;border-bottom:1px solid #e2e4df;background:#fff}.notifications-tabs button{display:inline-flex;min-height:29px;align-items:center;gap:5px;padding:0 9px;border:1px solid transparent;border-radius:7px;color:#748078;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.notifications-tabs button span{display:grid;min-width:16px;height:16px;place-items:center;padding:0 4px;border-radius:5px;color:#6f7c74;background:#eceee9;font-size:12px}.notifications-tabs button.active{border-color:#d1e2da;color:#257259;background:#e8f3ee}.notifications-tabs button.active span{color:#247258;background:#d5ebe1}.notifications-content{min-height:0;flex:1;overflow-y:auto;padding-bottom:10px}.notifications-group[hidden]{display:none}.notifications-group>header{display:flex;align-items:center;justify-content:space-between;padding:11px 15px 7px}.notifications-group>header span{color:#7e8982;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.notifications-group>header button{padding:0;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.notification-item{position:relative;display:grid;width:calc(100% - 16px);min-height:82px;grid-template-columns:38px 1fr 7px 13px;align-items:start;gap:9px;margin:3px 8px;padding:11px;border:1px solid transparent;border-radius:11px;text-align:left;background:transparent}.notification-item:hover{border-color:#d9e3de;background:#fff}.notification-item.unread{border-color:#d6e6df;background:#fff}.notification-item[hidden],.notifications-group.hide-read .notification-item:not(.unread){display:none}.notification-item>i{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;color:#5f7783;background:#e5eef3;font-size:12px;font-style:normal;font-weight:850}.notification-item>i .ui-icon{width:15px;height:15px}.notification-item.critical>i{color:#a95047;background:#fde8e4}.notification-item.mention>i,.notification-item.task>i{color:#745ca8;background:#eee9f8}.notification-item.payment>i{color:#2d7659;background:#e2f2e9}.notification-item.warehouse>i{color:#986821;background:#f8e8ca}.notification-item>span{display:flex;min-width:0;flex-direction:column;gap:4px}.notification-item b{color:var(--ink);font-size:12px}.notification-item p{margin:0;color:#758078;font-size:12px;line-height:1.5}.notification-item small{color:#9aa09c;font-size:12px}.notification-item>em{width:7px;height:7px;margin-top:4px;border-radius:50%;background:transparent}.notification-item.unread>em{background:#209174}.notification-item>.arrow{width:11px;height:11px;margin-top:3px;color:#9da49f}.notification-item:not(.unread){grid-template-columns:38px 1fr 13px}.notification-item:not(.unread)>em{display:none}.notifications-empty{min-height:320px;place-items:center;align-content:center;gap:7px;color:#8e9791;text-align:center}.notifications-empty:not([hidden]){display:grid}.notifications-empty .ui-icon{width:28px;height:28px;color:#a8afaa}.notifications-empty b{color:#5b6860;font-size:12px}.notifications-empty span{font-size:12px}.notifications-footer{display:flex;min-height:49px;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-top:1px solid #dfe2dd;background:#fff}.notifications-footer button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:#2d7559;background:transparent;font-size:12px;font-weight:750}.notifications-footer button .ui-icon{width:11px;height:11px}.notifications-footer>span{display:flex;align-items:center;gap:5px;color:#919994;font-size:12px}.notifications-footer>span i{width:6px;height:6px;border-radius:50%;background:#2d9b74}body.notifications-open{overflow:hidden}
@media(max-width:560px){.notifications-drawer{width:100%;border-left:0}.notifications-head{min-height:68px;padding:11px 13px}.notifications-head h2{font-size:18px}.notifications-tabs{padding:7px 10px}.notifications-tabs button{font-size:12px}.notifications-group>header{padding:12px 12px 7px}.notifications-group>header span{font-size:12px}.notifications-group>header button{font-size:12px}.notification-item{width:calc(100% - 12px);min-height:94px;grid-template-columns:42px 1fr 7px 13px;gap:9px;margin:3px 6px;padding:11px 9px}.notification-item:not(.unread){grid-template-columns:42px 1fr 13px}.notification-item>i{width:41px;height:41px}.notification-item b{font-size:14px}.notification-item p{font-size:12px}.notification-item small{font-size:12px}.notifications-footer button{font-size:12px}.notifications-footer>span{font-size:12px}}
/* typography-normalized:v2 */
.profile-control{position:relative}.profile-dropdown{position:absolute;z-index:80;top:calc(100% + 9px);right:0;width:260px;padding:10px;border:1px solid #dfe4df;border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(24,39,30,.16)}.profile-dropdown[hidden]{display:none}.profile-dropdown>span{display:flex;flex-direction:column;gap:4px;padding:8px 10px 11px;border-bottom:1px solid #edf0ed}.profile-dropdown b{overflow:hidden;font-size:14px;text-overflow:ellipsis}.profile-dropdown small{color:#7b867f;font-size:12px}.profile-dropdown button{width:100%;margin-top:6px;padding:10px;border:0;border-radius:8px;color:#8b2d2d;background:transparent;font:700 14px/1.3 inherit;text-align:left}.profile-dropdown button:hover{background:#fff1f1}
.product-create-overlay{position:fixed;z-index:120;inset:0;visibility:hidden;opacity:0;transition:.2s}.product-create-overlay.open{visibility:visible;opacity:1}.product-create-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(13,25,18,.36);backdrop-filter:blur(2px)}.product-create-drawer{position:absolute;top:0;right:0;display:flex;width:min(620px,100%);height:100%;flex-direction:column;background:#fff;box-shadow:-20px 0 60px rgba(16,32,22,.18);transform:translateX(24px);transition:.22s}.product-create-overlay.open .product-create-drawer{transform:none}.product-create-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #e5e8e4}.product-create-drawer>header p{margin:0 0 5px;color:#23816a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-create-drawer>header h2{margin:0;font-size:24px}.product-create-drawer>header span{display:block;margin-top:6px;color:#7c867f;font-size:14px}.product-create-drawer>header>button{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:9px;background:#f0f3ef}.product-create-drawer>form,.counterparty-create-panel{display:flex;overflow:auto;flex:1;flex-direction:column;gap:17px;padding:24px 28px}.product-create-drawer label,.counterparty-create-panel label{display:grid;gap:7px;color:#68746c;font-size:14px;font-weight:750}.product-create-drawer input,.product-create-drawer select,.counterparty-create-panel input,.counterparty-create-panel select{width:100%;height:44px;padding:0 12px;border:1px solid #d9ded8;border-radius:9px;outline:0;color:#17231d;background:#fbfcfa;font:15px/1.4 inherit}.product-create-drawer input:focus,.product-create-drawer select:focus,.counterparty-create-panel input:focus,.counterparty-create-panel select:focus{border-color:#74b69e;box-shadow:0 0 0 3px rgba(42,142,107,.09);background:#fff}.catalog-form-two,.catalog-form-three{display:grid;gap:12px}.catalog-form-two{grid-template-columns:1fr 1fr}.catalog-form-three{grid-template-columns:repeat(3,1fr)}.catalog-form-note{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dce8e2;border-radius:11px;color:#26755a;background:#eef8f3}.catalog-form-note>.ui-icon{width:18px;height:18px}.catalog-form-note span{display:flex;flex-direction:column;gap:3px}.catalog-form-note b{font-size:14px}.catalog-form-note small{color:#73887d;font-size:13px}.product-create-drawer form>footer,.counterparty-create-panel>footer{display:flex;justify-content:flex-end;gap:9px;margin-top:auto;padding-top:15px;border-top:1px solid #e7eae7}.product-create-drawer button:disabled,.counterparty-create-panel button:disabled{cursor:wait;opacity:.65}.product-create-open{overflow:hidden}.counterparty-create-panel .dadata-mark{margin:0}.counterparty-create-panel>label>input{padding-left:12px}.counterparty-create-panel>footer{padding-bottom:4px}
@media(max-width:700px){.catalog-form-two,.catalog-form-three{grid-template-columns:1fr}.product-create-drawer>header,.product-create-drawer>form,.counterparty-create-panel{padding-right:18px;padding-left:18px}.warehouse-head-actions{flex-wrap:wrap}}
.catalog-side-empty{margin:0;padding:20px;color:#7b867f;font-size:14px;text-align:center}.counterparty-create-panel[hidden]{display:none}