.dm-erp { position: absolute; inset: 0; display: flex; font-family: Inter, system-ui, sans-serif; font-size: 13.5px; color: var(--t); background: var(--bg); border-radius: 12px; overflow: hidden;
  --dm-navy: #0c2246; --dm-navy2: #12305f; --dm-blue: #1f6fd6; --dm-line: #cfd6e2; --dm-mint: #17b58f; --dm-warn: #f0a33a;
  --bg: #eef1f6; --panel: #fff; --panel2: #f4f6fa; --panel3: #eaeef5; --t: #1b2740; --t2: #33415c; --t3: #55667f; --t4: #8593ab; --t5: #9aa7bd; --line2: #e6eaf1; --line3: #edf0f5;
  --in-bg: #fff; --in-line: #b7c1d2; --in-ro: #f5f7fb; --sel: #e8eefa; --sel2: #eef4fd; --acc: #1f6fd6; --acc-soft: rgba(31,111,214,.2); --btn: #12305f; --btn-h: #17407f; --btn-t: #fff; --dot: #d5dce8;
  --side-a: #1b3f79; --side-b: #0c2246; --side-c: #08182f; --side-t: #dfe7f5; --side-t2: #b8c6dd; --side-t3: #c7d3e6; --side-on-bg: #fff; --side-on-t: #0c2246; --side-hex: rgba(255,255,255,.06);
  --hl-bg: #fff7e8; --stage-line: #cfd6e2; --live-line: #9fb2d3; --chk-line: #6c7b94; --ok-bg: #b9e3b0; --ok-t: #2f7d32; --end-ck: #e3f7f0; --caret: #1b2740; --shadow: none; }
.dm-erp.dm-dark {
  --dm-line: rgba(139,121,250,.22); --dm-mint: #2ddcb1; --dm-warn: #f6b35a; --dm-blue: #8b79fa; --dm-navy2: #493fdb;
  --bg: #07071a; --panel: #14123a; --panel2: #1a1745; --panel3: #211d55; --t: #ecebfb; --t2: #c5c0ea; --t3: #a39dd0; --t4: #7f79b0; --t5: #6b659a; --line2: rgba(139,121,250,.16); --line3: rgba(139,121,250,.1);
  --in-bg: #0f0d2c; --in-line: rgba(139,121,250,.38); --in-ro: #120f33; --sel: rgba(139,121,250,.18); --sel2: rgba(139,121,250,.13); --acc: #8b79fa; --acc-soft: rgba(139,121,250,.28); --btn: #493fdb; --btn-h: #5a51eb; --btn-t: #fff; --dot: #2a2660;
  --side-a: #3d33b8; --side-b: #1a1548; --side-c: #07071a; --side-t: #dcd8f7; --side-t2: #a9a3d8; --side-t3: #bdb7e6; --side-on-bg: #8b79fa; --side-on-t: #fff; --side-hex: rgba(139,121,250,.12);
  --hl-bg: #2a2245; --stage-line: rgba(139,121,250,.3); --live-line: rgba(139,121,250,.4); --chk-line: #7f79b0; --ok-bg: rgba(45,220,177,.22); --ok-t: #2ddcb1; --end-ck: rgba(45,220,177,.16); --caret: #ecebfb; --shadow: 0 1px 0 rgba(0,0,0,.25); }
.dm-erp * { box-sizing: border-box; }
.dm-side { width: 236px; flex: none; background: radial-gradient(120% 60% at 20% 0%, var(--side-a) 0%, var(--side-b) 55%, var(--side-c) 100%); color: var(--side-t); display: flex; flex-direction: column; padding: 12px 0 10px; position: relative; overflow: hidden; }
.dm-side::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'><path d='M28 2 52 16v32L28 62 4 48V16z' fill='none' stroke='rgba(255,255,255,.06)'/></svg>"); opacity: .9; pointer-events: none; }
.dm-erp.dm-dark .dm-side::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'><path d='M28 2 52 16v32L28 62 4 48V16z' fill='none' stroke='rgba(139,121,250,.14)'/></svg>"); }
.dm-side > * { position: relative; }
.dm-side .brand { display: flex; align-items: center; gap: 8px; padding: 2px 14px 10px; font-weight: 800; letter-spacing: .06em; font-size: 15px; color: #fff; }
.dm-side .brand img { height: 22px; }
.dm-side .meta { padding: 0 14px 8px; font-size: 11px; line-height: 1.5; color: var(--side-t2); border-bottom: 1px solid rgba(255,255,255,.08); }
.dm-side .meta b { color: #fff; font-weight: 600; }
.dm-side .who { padding: 8px 14px; font-size: 12px; color: #9fe0c9; border-bottom: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; gap: 8px; }
.dm-side .who i { width: 8px; height: 8px; border-radius: 50%; background: var(--dm-mint); box-shadow: 0 0 8px var(--dm-mint); }
.dm-side .clock { padding: 8px 14px; font-size: 12px; color: var(--side-t3); border-bottom: 1px solid rgba(255,255,255,.08); font-variant-numeric: tabular-nums; }
.dm-side nav { padding: 6px 0; overflow: auto; flex: 1; }
.dm-side nav button { display: flex; align-items: center; gap: 10px; width: 100%; appearance: none; border: 0; background: transparent; color: var(--side-t); font: inherit; font-size: 13px; padding: 7px 14px; text-align: left; cursor: pointer; }
.dm-side nav button svg { width: 15px; height: 15px; flex: none; opacity: .85; }
.dm-side nav button:hover { background: rgba(255,255,255,.07); }
.dm-side nav button.on { background: var(--side-on-bg); color: var(--side-on-t); font-weight: 600; border-radius: 0 8px 8px 0; margin-right: 10px; width: calc(100% - 10px); }
.dm-side nav button.on svg { opacity: 1; }
.dm-side nav button .n { margin-left: auto; font-size: 10.5px; font-weight: 700; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: rgba(255,255,255,.14); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums; }
.dm-side nav button.on .n { background: var(--side-on-t); color: var(--side-on-bg); }
.dm-side nav button .n.hot { background: var(--dm-mint); color: #07071a; }
.dm-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.dm-tabs { display: flex; align-items: stretch; gap: 0; background: var(--panel); border-bottom: 1px solid var(--dm-line); height: 38px; flex: none; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.dm-tabs::-webkit-scrollbar { display: none; }
.dm-tabs .ic { display: flex; align-items: center; gap: 10px; padding: 0 12px; color: var(--t3); border-right: 1px solid var(--dm-line); }
.dm-tabs .ic svg { width: 16px; height: 16px; }
.dm-tabs button { appearance: none; border: 0; border-right: 1px solid var(--dm-line); background: var(--panel2); color: var(--t3); font: inherit; font-size: 12.5px; padding: 0 12px; display: flex; align-items: center; gap: 8px; white-space: nowrap; cursor: default; }
.dm-tabs button .x { font-size: 11px; opacity: .55; }
.dm-tabs button.done { color: var(--t); cursor: pointer; }
.dm-tabs button.done:hover { background: var(--panel3); }
.dm-tabs button.on { background: var(--panel); color: var(--t); font-weight: 600; box-shadow: inset 0 -2px 0 var(--acc); }
.dm-tabs button:disabled { opacity: .5; }
.dm-tabs button.mod { cursor: pointer; color: var(--t); }
.dm-tabs button.mod:hover { background: var(--panel3); }
.dm-tabs button.mod .x { opacity: .7; padding: 2px 3px; border-radius: 3px; }
.dm-tabs button.mod .x:hover { background: var(--acc-soft); opacity: 1; }
.dm-tabs .sp { flex: 1; }
.dm-tabs .badge { display: flex; align-items: center; padding: 0 12px; color: var(--t5); font-size: 11px; white-space: nowrap; }
.dm-tabs .mods { display: flex; align-items: stretch; }
.dm-theme { appearance: none; border: 0; border-left: 1px solid var(--dm-line) !important; border-right: 0 !important; background: var(--panel) !important; color: var(--t2) !important; cursor: pointer !important; padding: 0 12px !important; display: flex; align-items: center; gap: 7px; }
.dm-theme svg { width: 15px; height: 15px; }
.dm-theme:hover { background: var(--panel3) !important; color: var(--acc) !important; }
.dm-theme .lb { font-size: 11.5px; }
.dm-docid { display: flex; align-items: center; gap: 14px; padding: 8px 14px 0; font-size: 13px; color: var(--t2); }
.dm-docid b { font-weight: 600; }
.dm-docid .tools { margin-left: auto; display: flex; gap: 10px; color: var(--t2); }
.dm-docid .tools svg { width: 16px; height: 16px; }
.dm-view { flex: 1; min-height: 0; display: grid; gap: 10px; padding: 10px 14px; grid-template-columns: minmax(0, 1fr); }
.dm-view.layout-split { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
.dm-view.layout-stage { grid-template-columns: minmax(0, 1fr) minmax(0, 340px); }
.dm-view.layout-stage .dm-doc { order: 2; }
.dm-view.layout-form .dm-stageslot { display: none; }
.dm-doc { min-height: 0; overflow: auto; display: grid; gap: 10px; align-content: start; grid-auto-rows: max-content; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dm-view.layout-split .dm-doc, .dm-view.layout-stage .dm-doc { grid-template-columns: 1fr; }
.dm-doc .w2 { grid-column: 1 / -1; }
.dm-stageslot { position: relative; min-height: 0; border-radius: 10px; overflow: hidden; border: 1px solid var(--stage-line); background: #0b0a26; }
.dm-stageslot .dock-wrap { position: absolute !important; inset: 0; max-width: none !important; padding: 0 !important; margin: 0 !important; }
.dm-stageslot #dock-stage { position: absolute !important; inset: 0; height: 100% !important; border-radius: 0 !important; border: 0; box-shadow: none; }
.dm-erp #dock-stage .dock-top, .dm-erp #dock-stage .dock-handle, .dm-erp #dock-stage .dm-clock, .dm-erp #dock-stage .dm-timeline, .dm-erp #dock-stage .dk-cp, .dm-erp #dock-stage .dock-vignette, .dm-erp #dock-stage .dock-done, .dm-erp #dock-stage .dock-order, .dm-erp #dock-stage .dm-choice, .dm-erp #dock-stage .dk-play, .dm-erp #dock-stage .dk-show, .dm-erp #dock-stage .dm-empty { display: none !important; }
.dm-erp #dock-stage .dock-bar { display: none !important; }
.dm-erp #dock-stage .dm-viewmode { top: 8px; bottom: auto; }
.dm-panel { background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); }
.dm-ph { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; font-size: 15px; font-weight: 600; color: var(--t); border-bottom: 1px solid var(--line2); }
.dm-ph .ic { display: flex; gap: 10px; color: var(--t3); }
.dm-ph .ic svg { width: 15px; height: 15px; }
.dm-pb { padding: 10px 12px 12px; }
.dm-pb.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px 12px; }
.dm-f { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dm-f > span { font-size: 12px; color: var(--t2); }
.dm-in { height: 28px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); padding: 0 8px; display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--t); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.dm-in.sel { background: var(--sel); }
.dm-in.sel::after, .dm-in.date::after { content: ""; margin-left: auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--t2); flex: none; }
.dm-in.date::after { width: 10px; height: 10px; border: 1.5px solid var(--t2); border-top-width: 3px; border-radius: 2px; }
.dm-in.num { justify-content: flex-end; font-variant-numeric: tabular-nums; }
.dm-in.hl { border-color: var(--dm-warn); box-shadow: 0 0 0 2px rgba(240,163,58,.35); background: var(--hl-bg); }
.dm-in.typing::before { content: ""; width: 1px; height: 16px; background: var(--caret); animation: dmCaret 1s steps(2) infinite; order: 2; }
@keyframes dmCaret { 50% { opacity: 0; } }
.dm-in.ro { background: var(--in-ro); color: var(--t2); }
.dm-in.mint { color: var(--dm-mint); font-weight: 600; }
.dm-in.warn { color: var(--dm-warn); font-weight: 600; }
.dm-chk { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--t); height: 28px; }
.dm-chk i { width: 15px; height: 15px; border: 1.5px solid var(--chk-line); border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; background: var(--in-bg); }
.dm-chk i.on { background: var(--acc); border-color: var(--acc); }
.dm-chk i.on::after { content: ""; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px; }
.dm-radio { display: flex; gap: 8px; }
.dm-radio button { flex: 1; appearance: none; border: 1px solid var(--in-line); background: var(--in-bg); border-radius: 6px; padding: 8px 10px; text-align: left; font: inherit; font-size: 12.5px; color: var(--t); cursor: pointer; display: grid; gap: 2px; }
.dm-radio button b { font-size: 13px; }
.dm-radio button span { color: var(--t3); font-size: 11.5px; }
.dm-radio button.on { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); background: var(--sel2); }
.dm-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.dm-table th { text-align: left; font-weight: 600; color: var(--t2); background: var(--panel2); border-bottom: 1px solid var(--dm-line); padding: 6px 8px; white-space: nowrap; }
.dm-table td { padding: 6px 8px; border-bottom: 1px solid var(--line3); white-space: nowrap; }
.dm-table td.n, .dm-table th.n { text-align: right; font-variant-numeric: tabular-nums; }
.dm-table tr.sel td { background: var(--sel2); }
.dm-table tr.hot td { background: var(--sel2); } .dm-table tr.hot td:first-child { box-shadow: inset 3px 0 0 var(--dm-mint); }
.dm-table tr.sum td { font-weight: 600; border-top: 1px solid var(--dm-line); background: var(--panel2); }
.dm-table td.pos { color: var(--dm-mint); } .dm-table td.neg { color: #d64545; } .dm-erp.dm-dark .dm-table td.neg { color: #ff7a7a; }
.dm-table .st { display: inline-flex; align-items: center; gap: 6px; }
.dm-table .st i { width: 16px; height: 16px; border-radius: 50%; background: var(--ok-bg); display: inline-flex; align-items: center; justify-content: center; }
.dm-table .st i::after { content: ""; width: 4px; height: 7px; border: solid var(--ok-t); border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px; }
.dm-table .st.free i { background: var(--line2); } .dm-table .st.free i::after { display: none; }
.dm-table .st.wait i { background: rgba(240,163,58,.25); } .dm-table .st.wait i::after { display: none; }
.dm-table .st.wait i::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--dm-warn); }
.dm-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 9px; font-size: 10.5px; font-weight: 600; background: var(--sel); color: var(--acc); }
.dm-tag.mint { background: var(--ok-bg); color: var(--ok-t); }
.dm-tag.warn { background: rgba(240,163,58,.2); color: #b26a0a; } .dm-erp.dm-dark .dm-tag.warn { color: var(--dm-warn); }
.dm-tag.grey { background: var(--line2); color: var(--t3); }
.dm-empty { padding: 26px 12px; text-align: center; font-weight: 600; color: var(--t2); }
.dm-note { min-height: 48px; border: 1px dashed var(--in-line); border-radius: 4px; padding: 6px 8px; font-size: 12.5px; color: var(--t2); position: relative; }
.dm-note::after { content: attr(data-count); position: absolute; right: 8px; bottom: 4px; font-size: 10.5px; color: var(--t4); }
.dm-live { border-color: var(--live-line); }
.dm-live .dm-pb { padding: 0; background: #0b0b24; }
.dm-erp .dm-live .dock-panel { position: static !important; transform: none !important; width: auto !important; max-width: none !important; height: auto !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: block !important; opacity: 1 !important; margin: 0 !important; padding: .8rem .9rem 1rem !important; font-size: .8rem; background: #0b0b24 !important; backdrop-filter: none !important; transition: none !important; }
.dm-erp .dm-live .dock-panel h3 { position: static !important; margin: 0 0 .5rem !important; padding: 0 !important; background: transparent !important; }
.dm-erp .dm-live .dock-panel.min > *:not(h3) { display: block !important; }
.dm-erp .dm-live .dock-panel .dm-log { max-height: 220px; overflow: auto; }
.dm-toolbar { display: flex; align-items: center; gap: 10px; padding: 8px 12px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; font-size: 12.5px; color: var(--t2); flex-wrap: wrap; }
.dm-toolbar .dm-in { height: 26px; min-width: 150px; }
.dm-toolbar .dm-in.search { min-width: 200px; color: var(--t4); }
.dm-toolbar .dm-in.search::before { content: ""; width: 9px; height: 9px; border: 1.5px solid var(--t4); border-radius: 50%; flex: none; box-shadow: 3px 3px 0 -1px var(--t4); margin-right: 2px; }
.dm-toolbar .sp { flex: 1; }
.dm-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.dm-tile { background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; padding: 10px 12px; box-shadow: var(--shadow); }
.dm-tile span { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--t3); margin-bottom: 4px; }
.dm-tile b { display: block; font-size: 19px; color: var(--t); font-variant-numeric: tabular-nums; line-height: 1.15; }
.dm-tile small { display: block; font-size: 11px; color: var(--t4); margin-top: 3px; }
.dm-tile.mint b { color: var(--dm-mint); } .dm-tile.warn b { color: var(--dm-warn); } .dm-tile.acc b { color: var(--acc); }
.dm-bars { display: grid; gap: 6px; }
.dm-bar { display: grid; grid-template-columns: 110px 1fr 70px; align-items: center; gap: 8px; font-size: 12px; color: var(--t2); }
.dm-bar i { display: block; height: 8px; border-radius: 4px; background: var(--line2); overflow: hidden; position: relative; }
.dm-bar i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w, 0%); background: var(--acc); border-radius: 4px; }
.dm-bar.mint i::after { background: var(--dm-mint); } .dm-bar.warn i::after { background: var(--dm-warn); }
.dm-bar b { text-align: right; font-variant-numeric: tabular-nums; color: var(--t); }
.dm-btn { appearance: none; border: 1px solid var(--btn); background: var(--btn); color: var(--btn-t); font: inherit; font-size: 13px; font-weight: 500; padding: 6px 16px; border-radius: 3px; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.dm-btn:hover { background: var(--btn-h); }
.dm-btn:disabled { opacity: .45; cursor: default; }
.dm-btn.ghost { background: var(--panel); color: var(--btn); }
.dm-erp.dm-dark .dm-btn.ghost { color: var(--acc); border-color: var(--acc); }
.dm-btn.ghost:hover { background: var(--sel2); }
.dm-btn.mint { background: var(--dm-mint); border-color: var(--dm-mint); color: #07301f; }
.dm-btn.mint:hover { background: #12a17e; }
.dm-btn.red { background: #d64545; border-color: #d64545; }
.dm-btn.sm { font-size: 12px; padding: 3px 10px; }
.dm-status { flex: none; display: flex; align-items: stretch; gap: 0; margin: 0 14px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; overflow: hidden; }
.dm-status div { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 4px; font-size: 11px; color: var(--t4); border-right: 1px solid var(--line3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.dm-status div:last-child { border-right: 0; }
.dm-status div i { width: 8px; height: 8px; border-radius: 50%; background: var(--dot); flex: none; }
.dm-status div.done { color: var(--t); } .dm-status div.done i { background: var(--dm-mint); }
.dm-status div.cur { color: var(--t); font-weight: 600; background: var(--sel2); } .dm-status div.cur i { background: var(--acc); box-shadow: 0 0 0 3px var(--acc-soft); }
.dm-erp.in-module .dm-status { display: none; }
.dm-foot { flex: none; display: flex; align-items: center; gap: 10px; padding: 10px 14px 12px; }
.dm-guide { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; background: var(--panel); border: 1px solid var(--dm-line); border-left: 4px solid var(--dm-mint); border-radius: 8px; padding: 8px 12px; font-size: 12.5px; color: var(--t); line-height: 1.4; }
.dm-guide .k { flex: none; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--dm-mint); }
.dm-guide.warn { border-left-color: var(--dm-warn); } .dm-guide.warn .k { color: var(--dm-warn); }
.dm-guide.mod { border-left-color: var(--acc); } .dm-guide.mod .k { color: var(--acc); }
.dm-foot .acts { display: flex; gap: 8px; align-items: center; flex: none; }
.dm-auto { display: inline-flex; align-items: center; gap: 6px; }
.dm-auto i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.dm-auto.on i { animation: dmPulse 1s ease-in-out infinite; }
@keyframes dmPulse { 50% { opacity: .3; } }
.dm-end { grid-column: 1 / -1; align-self: center; justify-self: center; width: 100%; max-width: 720px; min-width: 0; text-align: center; padding: 30px 18px; }
.dm-end .ck { width: 56px; height: 56px; border-radius: 50%; background: var(--end-ck); color: var(--dm-mint); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.dm-end h3 { margin: 0 0 8px; font-size: 22px; color: var(--t); }
.dm-end p { margin: 0 0 14px; color: var(--t2); font-size: 14px; line-height: 1.5; }
.dm-end .row { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.dm-end .facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 14px 0 18px; }
.dm-end .facts div { background: var(--panel2); border-radius: 8px; padding: 10px 6px; }
.dm-end .facts b { display: block; font-size: 18px; color: var(--t); }
.dm-end .facts span { font-size: 10.5px; text-transform: uppercase; letter-spacing: .06em; color: var(--t3); }
.dm-erp .dm-fade { animation: dmFade .35s ease-out; }
@keyframes dmFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 1100px) { .dm-side { width: 60px; } .dm-side .brand span, .dm-side .meta, .dm-side .who span, .dm-side .clock, .dm-side nav button span, .dm-side nav button .n { display: none; } .dm-side .brand { justify-content: center; padding: 6px 0 12px; } .dm-side nav button { justify-content: center; padding: 9px 0; } .dm-side nav button.on { margin-right: 0; width: 100%; border-radius: 0; } .dm-view.layout-split, .dm-view.layout-stage { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); } .dm-view.layout-stage .dm-doc { order: 0; } .dm-doc { grid-template-columns: 1fr; } .dm-status div span { display: none; } .dm-status div { padding: 8px 2px; } .dm-theme .lb { display: none; } }
@media (max-width: 720px) { body.dm-app .dm-topbar > span:not(.tag) { display: none; } .dm-side { display: none; } .dm-tabs .ic, .dm-tabs .badge { display: none; } .dm-tabs button .x { display: none; } .dm-tabs button { padding: 0 8px; font-size: 11.5px; } .dm-tabs { overflow-x: auto; } .dm-view { padding: 8px; } .dm-foot { flex-wrap: wrap; } .dm-guide { flex-basis: 100%; } .dm-end .facts { grid-template-columns: repeat(2, 1fr); } .dm-bar { grid-template-columns: 80px 1fr 60px; } }

body.dm-app { margin: 0; background: #eef1f6; color: #1b2740; overflow: hidden; }
body.dm-app.dm-dark { background: #07071a; color: #ecebfb; }
body.dm-app .dm-topbar { position: fixed; top: 0; left: 0; right: 0; height: 40px; display: flex; align-items: center; gap: 14px; padding: 0 14px; background: #07071a; color: #cfcbf5; font-size: 12.5px; z-index: 5; }
body.dm-app.dm-dark .dm-topbar { border-bottom: 1px solid rgba(139,121,250,.22); }
body.dm-app .dm-topbar a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
body.dm-app .dm-topbar a:hover { color: #2ddcb1; }
body.dm-app .dm-topbar .tag { margin-left: auto; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #8b79fa; font-weight: 700; }
body.dm-app #dm-app { position: fixed; inset: 0; }
.dm-side .brand a { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.dm-side .brand a:hover { color: var(--dm-mint); }
body.dm-app #dm-app .dm-erp { border-radius: 0; }
.dm-park { position: absolute; left: -9999px; top: 0; width: 800px; height: 500px; overflow: hidden; }
body.dm-app > .dm-park { position: fixed; }
.dm-sub { position: absolute; top: 0; bottom: 0; left: 236px; width: 268px; z-index: 30; background: var(--side-b); color: var(--side-t); box-shadow: 8px 0 30px rgba(0,0,0,.28); display: flex; flex-direction: column; transform: translateX(-12px); opacity: 0; visibility: hidden; transition: transform .18s ease-out, opacity .18s ease-out, visibility .18s; border-right: 1px solid rgba(255,255,255,.06); }
.dm-erp.sub-open .dm-sub { transform: none; opacity: 1; visibility: visible; }
.dm-sub .hd { display: flex; align-items: center; gap: 8px; padding: 12px 12px 10px; border-bottom: 1px solid rgba(255,255,255,.08); }
.dm-sub .hd b { flex: 1; text-align: center; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.dm-sub .bk { appearance: none; border: 0; background: transparent; color: var(--side-t); width: 26px; height: 26px; border-radius: 6px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.dm-sub .bk svg { width: 16px; height: 16px; } .dm-sub .bk:hover { background: rgba(255,255,255,.1); }
.dm-sub .ls { overflow: auto; padding: 6px 0 10px; flex: 1; }
.dm-sub .ls button { display: flex; align-items: center; gap: 8px; width: 100%; appearance: none; border: 0; background: transparent; color: var(--side-t); font: inherit; font-size: 12.5px; padding: 7px 14px; text-align: left; cursor: pointer; }
.dm-sub .ls button:hover { background: rgba(255,255,255,.08); color: #fff; }
.dm-sub .ls button.g { color: var(--side-t3); font-weight: 600; }
.dm-sub .ls button.g svg { width: 13px; height: 13px; margin-left: auto; transition: transform .15s; opacity: .7; }
.dm-sub .grp.open button.g svg { transform: rotate(90deg); }
.dm-sub .kids { display: none; } .dm-sub .grp.open .kids { display: block; }
.dm-sub .kids button { padding-left: 28px; font-size: 12px; color: var(--side-t2); }
.dm-sub .kids button::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .5; flex: none; }
.dm-side nav button.act:not(.on) { background: rgba(255,255,255,.1); color: #fff; }
.dm-mod { display: grid; gap: 10px; align-content: start; }
.dm-subtabs { display: flex; gap: 0; border-bottom: 1px solid var(--dm-line); }
.dm-subtabs button { appearance: none; border: 1px solid var(--dm-line); border-bottom: 0; background: var(--panel2); color: var(--t3); font: inherit; font-size: 12px; padding: 5px 12px; border-radius: 6px 6px 0 0; margin-right: 3px; cursor: default; }
.dm-subtabs button.on { background: var(--panel); color: var(--t); font-weight: 600; box-shadow: inset 0 -2px 0 var(--acc); }
.dm-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dm-actrow { display: flex; gap: 8px; }
.dm-foot-note { margin: 0; font-size: 12px; color: var(--t3); line-height: 1.5; }
.dm-foot-note b { color: var(--t2); }
.dm-lnk { appearance: none; border: 0; background: transparent; padding: 0; font: inherit; font-size: inherit; color: var(--acc); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.dm-lnk:hover { color: var(--dm-mint); }
.dm-end .hint { font-size: 12px; color: var(--t3); margin-top: 16px; }
.dm-mod .dm-table td { white-space: normal; }
@media (max-width: 1100px) { .dm-sub { left: 60px; } .dm-grid2 { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .dm-sub { left: 0; width: 260px; } }
.dm-erp .dm-status { display: none; }
.dm-erp .dm-guide { display: none; }
.dm-erp .dm-guide.warn { display: flex; }
.dm-erp .dm-foot { justify-content: flex-end; }
.dm-tabs button.home { cursor: pointer; color: var(--t2); gap: 6px; }
.dm-tabs button.home svg { width: 14px; height: 14px; }
.dm-tabs button.home.on { color: var(--t); }
.dm-home { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; }
.dm-home .c12 { grid-column: span 12; } .dm-home .c7 { grid-column: span 7; } .dm-home .c5 { grid-column: span 5; } .dm-home .c4 { grid-column: span 4; }
.dm-card .dm-ph { font-size: 13.5px; }
.dm-card .dm-ph .sub { font-size: 11px; font-weight: 500; color: var(--t4); }
.dm-chart { display: block; width: 100%; height: auto; }
.dm-chart text { font-family: Inter, system-ui, sans-serif; }
.donut-wrap { display: flex; align-items: center; gap: 14px; }
.donut-wrap .donut { width: 128px; flex: none; }
.donut-wrap .legend { display: grid; gap: 6px; font-size: 12px; color: var(--t2); }
.donut-wrap .legend span { display: flex; align-items: center; gap: 7px; }
.donut-wrap .legend i { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.donut-wrap .legend b { margin-left: auto; padding-left: 10px; color: var(--t); font-variant-numeric: tabular-nums; }
.dm-demo-card p { margin: 10px 0 12px; font-size: 12.5px; line-height: 1.5; color: var(--t2); }
.dm-demo-card .steps { display: flex; gap: 4px; }
.dm-demo-card .steps span { flex: 1; height: 6px; border-radius: 3px; background: var(--line2); }
.dm-demo-card .steps span.done { background: var(--dm-mint); }
.dm-demo-card .steps span.cur { background: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
.dm-home .dm-table td { white-space: normal; }
@media (max-width: 1100px) { .dm-home .c7, .dm-home .c5 { grid-column: span 12; } .dm-home .c4 { grid-column: span 6; } }
@media (max-width: 720px) { .dm-home .c4 { grid-column: span 12; } .donut-wrap { flex-direction: column; align-items: flex-start; } }
.dm-tabs button[hidden] { display: none; }
.dm-subtabs button { cursor: pointer; }
.dm-subtabs button:hover { color: var(--t); }
.dm-toolbar label.dm-in.search { padding-right: 4px; }
.dm-toolbar .dm-in.search input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--t); font: inherit; font-size: 13px; outline: none; }
.dm-toolbar .dm-in.search input::placeholder { color: var(--t4); }
.dm-sync { width: 8px; height: 8px; border-radius: 50%; background: var(--dm-mint); box-shadow: 0 0 6px var(--dm-mint); flex: none; }
.dm-sync.off { background: var(--dm-warn); box-shadow: none; }
.dm-table tr.rec { cursor: pointer; }
.dm-table tr.rec:hover td { background: var(--sel2); }
.dm-table tr.rec.edited td:first-child { box-shadow: inset 3px 0 0 var(--acc); }
.dm-table td.dm-empty { text-align: center; padding: 22px; font-weight: 500; white-space: normal; }
.dm-modal { position: absolute; inset: 0; z-index: 60; background: rgba(7,7,26,.55); display: flex; align-items: center; justify-content: center; padding: 20px; animation: dmFade .2s ease-out; }
.dm-modal-card { width: min(760px, 100%); max-height: 100%; overflow: auto; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 10px; box-shadow: 0 24px 60px rgba(0,0,0,.35); color: var(--t); }
.dm-modal-card .dm-ph { position: sticky; top: 0; background: var(--panel); z-index: 1; }
.dm-modal-card .dm-ph .x { appearance: none; border: 0; background: transparent; color: var(--t3); font-size: 14px; cursor: pointer; padding: 2px 6px; border-radius: 4px; }
.dm-modal-card .dm-ph .x:hover { background: var(--panel3); color: var(--t); }
.dm-form input:not([type="checkbox"]), .dm-form select, .dm-form textarea { width: 100%; height: 30px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); padding: 0 8px; font: inherit; font-size: 13px; outline: none; }
.dm-form textarea { height: auto; padding: 6px 8px; resize: vertical; }
.dm-form input:focus, .dm-form select:focus, .dm-form textarea:focus { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
.dm-form select option { background: var(--panel); color: var(--t); }
.dm-form .dm-chk input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-form .dm-chk { position: relative; cursor: pointer; }
.dm-f .req { color: var(--dm-warn); font-style: normal; }
.dm-modal-foot { display: flex; align-items: center; gap: 8px; padding: 10px 12px 12px; border-top: 1px solid var(--line2); }
.dm-modal-foot .sp { flex: 1; } .dm-modal-foot .meta { font-size: 11.5px; color: var(--t4); }
.dm-flash { margin: 0 12px; padding: 7px 10px; border-radius: 6px; background: rgba(240,163,58,.15); color: var(--dm-warn); font-size: 12.5px; }
.dm-gate { position: absolute; inset: 0; z-index: 70; display: flex; align-items: center; justify-content: center; padding: 20px; background: radial-gradient(120% 80% at 30% 0%, rgba(73,63,219,.35), rgba(7,7,26,.92) 60%); backdrop-filter: blur(8px); animation: dmFade .3s ease-out; }
.dm-gate.out { opacity: 0; transition: opacity .3s; }
.dm-gate-card { width: min(440px, 100%); background: var(--panel); border: 1px solid var(--dm-line); border-radius: 14px; padding: 26px 26px 20px; color: var(--t); display: grid; gap: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.45); }
.dm-gate-card .lg { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; letter-spacing: .1em; color: var(--acc); }
.dm-gate-card .lg img { height: 20px; }
.dm-gate-card h2 { margin: 0; font-size: 21px; line-height: 1.2; }
.dm-gate-card p { margin: 0 0 4px; font-size: 13px; line-height: 1.5; color: var(--t2); }
.dm-gate-card input:not([type="checkbox"]) { width: 100%; height: 36px; border: 1px solid var(--in-line); border-radius: 6px; background: var(--in-bg); color: var(--t); padding: 0 10px; font: inherit; font-size: 14px; outline: none; }
.dm-gate-card input:focus { border-color: var(--acc); box-shadow: 0 0 0 3px var(--acc-soft); }
.dm-gate-card .hp { position: absolute; left: -9999px; }
.dm-gate-card .dm-chk.ok { height: auto; align-items: flex-start; font-size: 12px; color: var(--t2); position: relative; cursor: pointer; }
.dm-gate-card .dm-chk.ok input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-gate-card .dm-chk.ok i { flex: none; margin-top: 2px; }
.dm-gate-card .dm-chk.ok a { color: var(--acc); }
.dm-gate-card .dm-btn.big { height: 42px; font-size: 14px; font-weight: 600; border-radius: 8px; }
.dm-gate-card small { font-size: 11px; color: var(--t4); line-height: 1.45; }

.dm-tag.red { background: rgba(214,69,69,.16); color: #c33; } .dm-erp.dm-dark .dm-tag.red { color: #ff8b8b; }

.dm-modal-card.dm-param { width: min(360px, 100%); }
.dm-modal-card.dm-param .dm-ph.ctr { justify-content: center; position: relative; }
.dm-modal-card.dm-param .dm-ph.ctr .x { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }
.dm-pb.one { display: grid; gap: 7px; }
.dm-pb.one .dm-f > span { font-size: 12px; color: var(--t2); }
.dm-range { display: flex; gap: 6px; }
.dm-form select.hl { background: var(--hl-bg); border-color: var(--dm-warn); }
.dm-modal-foot.ctr { justify-content: center; }

.dm-viewchip { appearance: none; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--dm-warn); background: var(--hl-bg); color: var(--t); font: inherit; font-size: 12px; font-weight: 600; padding: 3px 8px; border-radius: 4px; cursor: pointer; align-self: start; justify-self: start; }
.dm-viewchip svg { width: 13px; height: 13px; color: var(--dm-warn); }
.dm-viewchip s { width: 0; height: 0; border: 4px solid transparent; border-top-color: currentColor; margin-top: 3px; }
.dm-viewchip:hover { background: var(--panel3); }

.dm-grid { display: grid; gap: 6px; align-content: start; min-width: 0; }
.dm-gridbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 5px 8px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 6px; }
.dm-gridbar .ic { display: flex; align-items: center; gap: 4px; color: var(--t3); }
.dm-gridbar .gi { display: inline-flex; padding: 3px; border-radius: 4px; cursor: pointer; }
.dm-gridbar .gi svg { width: 15px; height: 15px; }
.dm-gridbar .gi:hover { background: var(--sel); color: var(--acc); }
.dm-gridbar .ginfo { font-size: 12px; color: var(--t2); min-width: 0; }
.dm-gridbar .ginfo b { font-weight: 600; color: var(--t); }
.dm-chk.only { height: 22px; font-size: 12px; color: var(--t2); cursor: pointer; }
.dm-chk.only input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-gwrap { border: 1px solid var(--dm-line); border-radius: 6px; background: var(--panel); overflow: auto; }
.dm-mod .dm-gtable td, .dm-gtable td { white-space: nowrap; padding: 4px 8px; }
.dm-gtable th { padding: 5px 8px; position: sticky; top: 0; z-index: 1; }
.dm-gtable th.ck, .dm-gtable td.ck { width: 28px; padding: 4px 6px; }
.dm-gtable tbody tr:hover td { background: var(--sel2); }
.dm-gtable tr.gempty td { text-align: center; color: var(--t4); padding: 40px 8px; white-space: normal; }
.dm-ck { display: inline-flex; cursor: pointer; }
.dm-ck input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-ck i { width: 13px; height: 13px; border: 1.5px solid var(--chk-line); border-radius: 3px; display: inline-flex; align-items: center; justify-content: center; background: var(--in-bg); }
.dm-ck i.on { background: var(--acc); border-color: var(--acc); }
.dm-ck i.on::after { content: ""; width: 3px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px; }
.dm-actbar { display: flex; gap: 6px; flex-wrap: wrap; padding-top: 2px; }
.dm-gnote { padding: 6px 10px; border-radius: 6px; background: var(--sel2); border: 1px solid var(--dm-line); border-left: 3px solid var(--acc); font-size: 12px; color: var(--t2); }
.dm-gnote.warn { background: rgba(240,163,58,.14); border-left-color: var(--dm-warn); color: var(--dm-warn); }
.dm-doc > .dm-grid:only-child, .dm-mod > .dm-grid:only-child { min-height: 100%; height: 100%; display: flex; flex-direction: column; }
.dm-doc > .dm-grid:only-child .dm-gwrap, .dm-mod > .dm-grid:only-child .dm-gwrap { flex: 1; min-height: 120px; overflow: auto; }
.dm-doc > .dm-grid:only-child .dm-actbar, .dm-mod > .dm-grid:only-child .dm-actbar { margin-top: auto; }

.dmg-th { cursor: pointer; user-select: none; position: relative; }
.dmg-th:hover { color: var(--t); background: var(--sel); }
.dmg-th.sort-a::after, .dmg-th.sort-d::after { content: ""; position: absolute; right: 3px; top: 50%; margin-top: -2px; border: 4px solid transparent; }
.dmg-th.sort-a::after { border-bottom-color: var(--acc); margin-top: -6px; }
.dmg-th.sort-d::after { border-top-color: var(--acc); }
.dmg-th.dmg-drag { opacity: .5; }
.dmg-th.dmg-over { box-shadow: inset 3px 0 0 var(--acc); }
body.dmg-dragging { cursor: grabbing; }
body.dmg-dragging * { cursor: grabbing !important; }
.dmg-ghost { position: fixed; z-index: 999; pointer-events: none; background: var(--dm-navy, #0c2246); color: #fff; font: 600 11.5px Inter, system-ui, sans-serif; padding: 3px 8px; border-radius: 3px; box-shadow: 0 6px 18px rgba(0,0,0,.35); }

.dmg-bar { display: flex; align-items: stretch; gap: 6px; margin-bottom: 6px; align-self: start; flex: none; height: 30px; }
.dmg-bar .zone { flex: 1; min-width: 0; display: flex; align-items: center; align-content: center; gap: 6px; overflow: hidden; padding: 0 8px; border: 1px dashed var(--in-line); border-radius: 4px; background: var(--hl-bg); font-size: 12px; color: var(--t2); white-space: nowrap; }
.dmg-bar .zone.hot { border-color: var(--acc); background: var(--sel); }
.dmg-bar .zone .dmg-ph { color: var(--t3); }
.dmg-bar .chip { display: inline-flex; align-items: center; gap: 6px; background: var(--dm-navy2, #12305f); color: #fff; font-size: 11.5px; font-weight: 600; padding: 2px 6px 2px 8px; border-radius: 3px; }
.dmg-bar .chip i { cursor: pointer; font-style: normal; opacity: .7; }
.dmg-bar .chip i:hover { opacity: 1; }
.dmg-bar .trash { width: 56px; flex: none; display: flex; align-items: center; justify-content: center; border: 1px dashed #d64545; border-radius: 4px; color: #d64545; background: rgba(214,69,69,.1); }
.dmg-bar .trash svg { width: 16px; height: 16px; }
.dmg-bar .trash.hot { background: rgba(214,69,69,.28); border-style: solid; }

.dm-table tr.dmg-grow td { background: var(--panel2); font-size: 12px; color: var(--t2); padding: 4px 8px; white-space: nowrap; border-bottom: 1px solid var(--dm-line); }
.dm-table tr.dmg-grow b { color: var(--t); font-weight: 600; }
.dm-table tr.dmg-grow .v { color: var(--t); font-weight: 600; }
.dm-table tr.dmg-grow .cnt { margin-left: auto; min-width: 18px; height: 15px; padding: 0 5px; border-radius: 8px; background: var(--line2); color: var(--t3); font-size: 10px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums; }
.dm-erp.dm-dark .dm-table tr.dmg-grow .cnt { background: rgba(139,121,250,.2); color: var(--t2); }
.dm-table tr.dmg-grow .pad { display: inline-block; width: calc(var(--l) * 16px); }
.dm-table tr.dmg-grow .tw { appearance: none; border: 0; background: transparent; color: var(--t2); font: inherit; font-size: 13px; line-height: 1; cursor: pointer; padding: 0 7px 0 0; display: inline-block; transition: transform .12s; }
.dm-table tr.dmg-grow .tw.on { transform: rotate(90deg); }

.dmg-menu { position: absolute; z-index: 80; min-width: 168px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 4px; box-shadow: 0 12px 32px rgba(0,0,0,.3); padding: 3px 0; font-size: 12.5px; }
.dmg-menu button { appearance: none; border: 0; background: transparent; color: var(--t); font: inherit; text-align: left; width: 100%; padding: 5px 12px; cursor: pointer; display: flex; align-items: center; gap: 10px; }
.dmg-menu button:hover, .dmg-menu button.has:hover { background: var(--hl-bg); color: var(--t); }
.dmg-menu .ar { margin-left: auto; color: var(--t3); font-size: 10px; text-decoration: none; }
.dmg-menu .sep { height: 1px; background: var(--line2); margin: 3px 0; }
.dmg-sub { display: none; position: absolute; left: 100%; top: 0; min-width: 190px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 4px; box-shadow: 0 12px 32px rgba(0,0,0,.3); padding: 3px 0; }
.dmg-sub.on { display: block; }

.dmg-cols { position: absolute; right: 0; top: 0; bottom: 0; width: min(360px, 60%); z-index: 70; background: var(--panel); border-left: 1px solid var(--dm-line); box-shadow: -10px 0 30px rgba(0,0,0,.22); display: flex; flex-direction: column; }
.dmg-cols .hd { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-bottom: 1px solid var(--line2); }
.dmg-cols .hd .ic { display: flex; gap: 8px; color: var(--t3); }
.dmg-cols .hd .ic svg { width: 15px; height: 15px; }
.dmg-cols .hd .x { margin-left: auto; appearance: none; border: 0; background: transparent; color: var(--t3); cursor: pointer; font-size: 14px; padding: 2px 6px; border-radius: 4px; }
.dmg-cols .hd .x:hover { background: var(--panel3); color: var(--t); }
.dmg-cols .q { display: flex; align-items: center; gap: 8px; padding: 6px 8px; font-size: 12px; color: var(--t2); }
.dmg-cols .q input { flex: 1; height: 26px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); padding: 0 8px; font: inherit; font-size: 12.5px; outline: none; }
.dmg-cols .q input:focus { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
.dmg-cols .tbl { flex: 1; min-height: 0; display: flex; flex-direction: column; border-top: 1px solid var(--dm-line); }
.dmg-cols .thr { display: grid; grid-template-columns: 1fr 1fr 20px; gap: 0; font-size: 12px; font-weight: 600; color: var(--t2); background: var(--panel2); border-bottom: 1px solid var(--dm-line); }
.dmg-cols .thr span { padding: 5px 8px; border-right: 1px solid var(--dm-line); }
.dmg-cols .thr i { display: flex; align-items: center; justify-content: center; color: var(--t4); }
.dmg-cols .thr i svg { width: 13px; height: 13px; }
.dmg-cols .ls { flex: 1; min-height: 0; overflow: auto; }
.dmg-cols .row { display: grid; grid-template-columns: 18px 1fr 1fr; align-items: center; font-size: 12px; color: var(--t2); border-bottom: 1px solid var(--line3); cursor: pointer; }
.dmg-cols .row .gr { color: var(--t5); font-size: 11px; text-align: center; cursor: grab; }
.dmg-cols .row .nm, .dmg-cols .row .fl { padding: 4px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dmg-cols .row.on { background: #2e7d51; color: #eafff4; }
.dm-erp.dm-dark .dmg-cols .row.on { background: #1f6b48; }
.dmg-cols .row.on .gr { color: #bfe8d4; }
.dmg-cols .row:hover { outline: 1px solid var(--acc); outline-offset: -1px; }
.dmg-cols .row.drag { opacity: .5; }
.dmg-cols .row.over { box-shadow: inset 0 2px 0 var(--acc); }
.dmg-cols .row.off { color: var(--t3); cursor: default; }
.dmg-cols .ft { padding: 6px 8px; border-top: 1px solid var(--line2); color: var(--t4); font-size: 11px; }
.dmg-bar .dmg-ph, .dmg-bar .chip { align-self: center; }
.dm-gnote { align-self: start; }

.dm-gtable2 thead tr:first-child th { top: 0; }
.dm-gtable2 thead tr:nth-child(2) th { top: 25px; }
.dm-gtable th.gh { text-align: center; background: var(--panel3); color: var(--t); font-weight: 600; border-left: 1px solid var(--dm-line); border-right: 1px solid var(--dm-line); cursor: default; }
.dm-gtable th.ck, .dm-gtable td.ck, .dm-gtable th.ex, .dm-gtable td.ex { width: 26px; padding: 4px 4px; text-align: center; }
.dm-gtable th.ex { color: var(--t4); cursor: default; }
.dm-gtable td.ex .exb { appearance: none; border: 0; background: transparent; color: var(--t3); font: inherit; font-size: 13px; cursor: pointer; padding: 0 3px; line-height: 1; transition: transform .12s; }
.dm-gtable td.ex .exb:hover { color: var(--acc); }
.dm-gtable td.ex .exb.on { transform: rotate(90deg); color: var(--acc); }
.dm-table tr.dmg-det td { background: var(--sel2); padding: 0; }
.dm-table tr.dmg-det .chain { padding: 8px 12px 8px 34px; font-size: 12px; color: var(--t2); white-space: normal; border-left: 3px solid var(--acc); }
.dmg-th.grouped { color: var(--acc); }
.dmg-th.grouped::before { content: "⌃"; margin-right: 4px; font-weight: 700; }
.dmg-th.grouped[data-lvl]:not([data-lvl=""])::after { content: attr(data-lvl); position: static; border: 0; margin-left: 4px; color: var(--t3); font-size: 10.5px; }

.dm-gridbar .gflt { margin-left: auto; display: inline-flex; align-items: center; gap: 3px; color: #d64545; }
.dm-gridbar .gflt svg { width: 15px; height: 15px; }
.dm-gridbar .gflt b { min-width: 14px; height: 14px; border-radius: 7px; background: #d64545; color: #fff; font-size: 9.5px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; padding: 0 3px; }
.dm-gfilters { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; padding: 4px 8px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 6px; }
.dm-gfilters .dm-chk.gf { font-size: 12px; color: var(--t2); cursor: pointer; height: 26px; }
.dm-gfilters .dm-chk.gf input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-gf.sel { display: flex; flex-direction: column; gap: 2px; min-width: 220px; flex: 1; max-width: 420px; }
.dm-gf.sel > span { font-size: 11.5px; color: var(--t3); text-align: center; }
.dm-gf.sel select { height: 26px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); font: inherit; font-size: 12.5px; padding: 0 6px; outline: none; }
.dm-gf.sel select:focus { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
.dm-table tr.dmg-grow .gcell { display: flex; align-items: center; gap: 0; max-width: 100%; }
.dm-table tr.dmg-grow .gcell .v { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dm-gtable tr.gsum td { background: var(--hl-bg); color: var(--t); font-weight: 700; position: sticky; bottom: 0; border-top: 1px solid var(--dm-line); }
.dm-gtable tbody tr:nth-child(even):not(.dmg-grow):not(.dmg-det):not(.gsum):not(.hot):not(.sel) td { background: var(--panel2); }
.dm-doc:has(> .dm-mod > .dm-grid:only-child), .dm-doc:has(> .dm-grid:only-child) { grid-auto-rows: 1fr; overflow: hidden; }
.dm-doc > .dm-mod:has(> .dm-grid:only-child) { min-height: 0; height: 100%; display: flex; flex-direction: column; }
.dm-doc > .dm-mod:has(> .dm-grid:only-child) > .dm-grid { flex: 1; min-height: 0; height: auto; }
.dm-gtable { width: auto; min-width: 0; }
.dm-gtable tr.gempty td { min-width: 60vw; }
.dm-table tbody tr.act td, .dm-gtable tbody tr.act:nth-child(even) td { background: var(--sel) !important; }
.dm-table tbody tr.act td:first-child { box-shadow: inset 3px 0 0 var(--acc); }
.dm-table tbody tr:not(.dmg-grow):not(.dmg-det):not(.sum):not(.gempty) { cursor: default; }

.dm-btn.green { background: #2e9e5b; border-color: #2e9e5b; color: #fff; } .dm-btn.green:hover { background: #27884e; }
.dm-doc:has(> .dm-mod > .dm-ge), .dm-doc:has(> .dm-mod > .dm-geform) { grid-auto-rows: 1fr; overflow: hidden; }
.dm-doc > .dm-mod:has(> .dm-ge), .dm-doc > .dm-mod:has(> .dm-geform) { min-height: 0; height: 100%; display: flex; flex-direction: column; }
.dm-doc > .dm-mod > .dm-subtabs { flex: none; }
.dm-ge { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 0; grid-template-rows: minmax(0, 1fr) auto; gap: 6px 0; }
.dm-ge.flt-open { grid-template-columns: minmax(0, 1fr) 292px; column-gap: 8px; }
.dm-ge-main { min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.dm-ge-head, .dm-ge-items { min-height: 0; display: flex; flex-direction: column; }
.dm-ge-head { flex: 3; } .dm-ge-items { flex: 2; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; padding: 0 8px 8px; }
.dm-ge-items > .dm-ph { padding: 6px 4px; }
.dm-ge-head > .dm-grid, .dm-ge-items > .dm-grid { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.dm-ge-head .dm-gwrap, .dm-ge-items .dm-gwrap { flex: 1; min-height: 60px; overflow: auto; }
.dm-ge-flt { grid-column: 2; grid-row: 1 / 3; min-height: 0; overflow: auto; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; padding: 8px 10px 10px; position: relative; display: none; }
.dm-ge.flt-open .dm-ge-flt { display: block; }
.dm-ge-flt .x { position: absolute; right: 6px; top: 4px; appearance: none; border: 0; background: transparent; color: var(--t3); cursor: pointer; font-size: 13px; padding: 2px 6px; border-radius: 4px; }
.dm-ge-flt .x:hover { background: var(--panel3); color: var(--t); }
.dm-ge-flt .dm-form.fl { display: grid; gap: 6px; margin-top: 14px; }
.dm-ge-flt .dm-form.fl .dm-f > span { font-size: 11.5px; }
.dm-ge-flt .btns { display: flex; gap: 6px; margin-top: 8px; } .dm-ge-flt .btns .dm-btn { flex: 1; }
.dm-actbar.ge { grid-column: 1; }
.dm-table tbody tr.half td { background: #f7c98d !important; color: #1b2740; } .dm-erp.dm-dark .dm-table tbody tr.half td { background: rgba(240,163,58,.42) !important; color: #fff; }
.dm-table tbody tr.half.act td { filter: brightness(.94); }
.dm-modal-card.dm-biztip { width: min(420px, 100%); }
.dm-biztip .dm-gwrap { height: 340px; overflow: auto; border: 1px solid var(--dm-line); border-radius: 4px; }
.dm-biztip .dm-gtable { width: 100%; }
.dm-biztip .dm-modal-foot { justify-content: flex-start; }

.dm-geform { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.dm-geform-top { display: flex; align-items: center; gap: 12px; font-size: 13px; }
.dm-geform-top .ic { margin-left: auto; display: flex; gap: 8px; color: var(--t3); } .dm-geform-top .ic i { display: inline-flex; } .dm-geform-top .ic svg { width: 15px; height: 15px; }
.dm-geform-boxes { flex: 1; min-height: 0; overflow: hidden; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto minmax(0, 1fr) auto; gap: 6px; }
.dm-fbox { background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; min-width: 0; min-height: 0; padding: 0; margin: 0; display: flex; flex-direction: column; }
.dm-fbox > .dm-ph, .dm-fbox > .dm-fb { flex: none; }
.dm-fbox.w2 { grid-column: 1 / -1; }
.dm-fbox .dm-ph { padding: 3px 10px; font-size: 13px; }
.dm-fbox .dm-fb { padding: 4px 10px 7px; }
.dm-fbox.items { grid-row: 3; } .dm-fbox.items .dm-fb.tet { padding: 0 8px 6px; flex: 1; min-height: 0; display: flex; flex-direction: column; } .dm-fbox.items .dm-grid { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.dm-fbox.items .dm-gwrap { flex: 1; min-height: 56px; overflow: auto; }
.dm-fgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 10px; }
.dm-fgrid .dm-f > span { font-size: 11.5px; color: var(--t2); }
.dm-fgrid .dm-f input, .dm-fgrid .dm-f select, .dm-fgrid .dm-f textarea { width: 100%; height: 24px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); padding: 0 6px; font: inherit; font-size: 12.5px; outline: none; }
.dm-fgrid .dm-f input:focus, .dm-fgrid .dm-f select:focus, .dm-fgrid .dm-f textarea:focus { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
.dm-fgrid .dm-f select.hl { background: var(--hl-bg); border-color: var(--dm-warn); }
.dm-fgrid .dm-f input[readonly] { background: var(--in-ro); color: var(--t2); }
.dm-fgrid .dm-f input.n { text-align: right; font-variant-numeric: tabular-nums; } .dm-fgrid .dm-f input.b { font-weight: 700; }
.dm-fgrid .dm-f .ro { display: flex; align-items: center; height: 24px; font-weight: 700; font-size: 12.5px; }
.dm-fgrid .dm-f.w3, .dm-fgrid .dm-f.area { grid-column: 1 / -1; }
.dm-fgrid .dm-f.sp { display: block; }
.dm-fgrid .dm-f.chks { flex-direction: row; flex-wrap: wrap; gap: 4px 16px; align-items: center; }
.dm-fgrid .dm-chk { font-size: 12px; height: 22px; cursor: pointer; position: relative; } .dm-fgrid .dm-chk input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-fgrid .dm-f.area textarea { height: auto; min-height: 26px; padding: 3px 6px; resize: none; }
.dm-fgrid .dm-f.area small { align-self: flex-end; font-size: 10.5px; color: var(--t4); margin-top: -18px; margin-right: 8px; pointer-events: none; }
.dm-fgrid.ni { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.dm-fgrid.ni .dm-f.aru { grid-column: 1 / 5; } .dm-fgrid.ni .dm-f.area.tm { grid-column: 1 / -1; } .dm-fgrid.ni .dm-f.chks { grid-column: span 1; } .dm-fgrid.ni .dm-f.fv { grid-column: 1 / -1; flex-direction: row; margin-top: 2px; }
.dm-fgrid.ni .aru .row { display: flex; align-items: center; gap: 6px; } .dm-fgrid.ni .aru .row .gi { display: inline-flex; color: var(--acc); cursor: pointer; } .dm-fgrid.ni .aru .row .gi svg { width: 14px; height: 14px; }
.dm-fgrid .dm-f .dm-btn.sm { height: 24px; } .dm-fgrid .dm-f { gap: 1px; }
.dm-actbar.geform { justify-content: flex-end; } .dm-actbar.geform .sp { flex: 1; }
@media (max-width: 1100px) { .dm-geform-boxes { grid-template-columns: 1fr; grid-template-rows: none; overflow: auto; } .dm-fbox.w2 { grid-column: auto; } .dm-fbox.items { grid-row: auto; } }
.dm-fgrid .dm-f.w2 { grid-column: span 2; }
.dm-fgrid.ni .dm-f.fv .dm-btn { width: auto; min-width: 90px; }
.dm-fgrid .dm-f > span { font-size: 11px; line-height: 1.2; }
.dm-geform-boxes { grid-template-rows: auto auto minmax(80px, 1fr) auto; }
.dm-fgrid .dm-f.chks { min-height: 22px; }
.dm-fbox > .dm-ph { cursor: pointer; user-select: none; }
.dm-fbox > .dm-ph .ic svg:last-child { transition: transform .15s; }
.dm-fbox.closed > .dm-ph .ic svg:last-child { transform: rotate(180deg); }
.dm-fbox.closed > .dm-fb { display: none; }
.dm-fbox.closed { border-bottom-color: var(--dm-line); }
.dm-fbox > .dm-ph .sum { margin-left: auto; margin-right: 10px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 3px; background: var(--panel3); color: var(--t2); max-width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dm-fbox > .dm-ph .sum:empty { display: none; }
.dm-fbox.items.closed { min-height: 0; }
.dm-geform-boxes { align-items: start; }
.dm-fbox.items { align-self: stretch; }
.dm-erp:not(.dm-dark) .dm-side { background: radial-gradient(57.43% 57.43% at 49.97% 84.41%, #062552 0%, #01183C 100%); isolation: isolate; box-shadow: none; }
.dm-erp:not(.dm-dark) .dm-side::before { background: url(/assets/erp/navbardm.svg) center top / cover no-repeat; opacity: 1; }
.dm-chk input:focus-visible + i, .dm-ck input:focus-visible + i { outline: 2px solid var(--acc); outline-offset: 1px; }
.dm-table:focus-visible, .dm-gtable:focus-visible { outline: 2px solid var(--acc-soft); outline-offset: -2px; }
.dm-table tbody tr.act td { outline: 0; }
.dm-btn:focus-visible, .dm-viewchip:focus-visible, .dmg-th:focus-visible { outline: 2px solid var(--acc); outline-offset: 1px; }
.dm-geform > .dm-gnote { flex: none; }

.dm-erp .dm-empty { position: static; left: auto; bottom: auto; transform: none; max-width: none; background: transparent; color: var(--t2); font-size: 13px; padding: 26px 12px; border-radius: 0; box-shadow: none; z-index: auto; }
.dm-erp .dm-empty b { display: inline; color: var(--t); margin: 0; }
.dm-table tbody tr.late td { background: #7a1424 !important; color: #fff; } .dm-erp:not(.dm-dark) .dm-table tbody tr.late td { background: #9c2436 !important; }
.dm-table tbody tr.late.act td { filter: brightness(1.18); }
.dm-table tbody tr.neg td:nth-child(4) { color: #d64545; font-weight: 600; }
.dm-actbar.ge.wrap { flex-wrap: wrap; row-gap: 5px; }
.dm-ge.pay.flt-open { grid-template-columns: minmax(0, 1fr) 300px; }
.dm-ge.pay .dm-ge-main > .dm-grid, .dm-ge.stock .dm-ge-main > .dm-grid { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.dm-ge.pay .dm-gwrap, .dm-ge.stock .dm-gwrap { flex: 1; min-height: 60px; overflow: auto; }
.dm-payflt, .dm-stockflt { display: grid; gap: 4px; padding: 4px 8px 6px; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 6px; }
.dm-payflt .dm-fgrid, .dm-stockflt .dm-fgrid { gap: 2px 8px; }
.dm-stockflt .chks.kv { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 8px; }
.dm-fgrid.one { grid-template-columns: 1fr; }
.pay-aside .dm-f > span { font-weight: 600; font-size: 11.5px; color: var(--t); }
.pay-aside input[readonly] { background: var(--panel2); font-weight: 600; }
.dm-pay-sums { display: grid; gap: 4px; margin-top: 8px; font-size: 12px; } .dm-pay-sums b { padding-left: 4px; font-size: 12.5px; } .dm-pay-sums > span { font-weight: 600; padding-left: 4px; }
.dm-kiv { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.dm-kiv > .dm-grid { flex: 1; min-height: 0; display: flex; flex-direction: column; } .dm-kiv .dm-gwrap { flex: 1; min-height: 60px; overflow: auto; }
.dm-kiv-warn { color: #d64545; font-size: 12px; } .dm-kiv-badge { display: inline-block; align-self: start; background: #d64545; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 3px; }
.dm-kiv .dm-gtable tr.lvl0 td, .dm-kiv .dm-gtable tr.lvl1 td, .dm-kiv .dm-gtable tr.lvl2 td { font-weight: 700; } .dm-kiv .dm-gtable tr.lvl3 td { font-weight: 400; }
.dm-kiv-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px 12px; margin-left: auto; width: min(620px, 100%); }
.dm-kiv-sum div { display: flex; flex-direction: column; } .dm-kiv-sum span { font-size: 11px; font-weight: 600; color: var(--t2); } .dm-kiv-sum b { border: 1px solid var(--in-line); border-radius: 3px; padding: 2px 8px; background: var(--in-ro); text-align: right; font-variant-numeric: tabular-nums; }
.dm-doc:has(> .dm-mod > .dm-kiv) { grid-auto-rows: 1fr; overflow: hidden; } .dm-doc > .dm-mod:has(> .dm-kiv) { min-height: 0; height: 100%; display: flex; flex-direction: column; }
.dm-modal-card.dm-felad { width: min(900px, 100%); }
.dm-felad-t { width: 100%; border-collapse: collapse; font-size: 12.5px; } .dm-felad-t th { text-align: left; font-weight: 600; text-decoration: underline; padding: 6px 8px; color: var(--t2); } .dm-felad-t td { padding: 8px 8px; }
.dm-felad-opts { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-top: 14px; font-size: 12.5px; } .dm-felad-opts .r { display: flex; flex-direction: column; align-items: center; gap: 4px; } .dm-felad-opts .r .dm-range { width: 320px; } .dm-felad-opts .dm-chk { cursor: pointer; position: relative; } .dm-felad-opts .dm-chk input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-felad-note { text-align: right; font-weight: 600; margin-top: 18px; }
.dm-modal-foot .ic { display: flex; gap: 8px; color: var(--t3); } .dm-modal-foot .ic svg { width: 15px; height: 15px; }
.dm-glform { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto minmax(120px, 1fr) auto; gap: 6px; overflow: hidden; }
.dm-glform .dm-fbox:nth-child(1) { grid-column: 1 / -1; } .dm-glform .dm-fbox:nth-child(2) { grid-column: 1; } .dm-glform .dm-fbox.items.gl { grid-column: 2; grid-row: 2 / 4; } .dm-glform .dm-fbox:nth-child(4) { grid-column: 1; }
.dm-glcs { display: grid; grid-template-columns: 1.4fr 1.4fr 1fr 1fr auto; gap: 2px 8px; align-items: end; margin-top: 6px; } .dm-glcs .dm-btn { height: 24px; padding: 0 8px; } .dm-glcs .dm-btn svg { width: 13px; height: 13px; }
.dm-ftabbed { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.dm-ftabs { display: flex; flex-wrap: wrap; gap: 4px; } .dm-ftabs button { appearance: none; border: 1px solid var(--dm-line); background: var(--panel2); color: var(--t2); font: inherit; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 4px; cursor: pointer; } .dm-ftabs button.on { background: var(--btn); border-color: var(--btn); color: #fff; }
.dm-fpane { flex: 1; min-height: 0; overflow: auto; background: var(--panel); border: 1px solid var(--dm-line); border-radius: 8px; padding: 8px 10px; display: flex; flex-direction: column; gap: 6px; }
.dm-fpane > .dm-grid { flex: 1; min-height: 0; display: flex; flex-direction: column; } .dm-fpane .dm-gwrap { flex: 1; min-height: 80px; overflow: auto; }
.dm-fgrid .dm-f .row { display: flex; align-items: center; gap: 6px; } .dm-fgrid .dm-f .row i { font-size: 11.5px; font-weight: 700; color: var(--t2); font-style: normal; } .dm-fgrid .dm-f .row .dm-btn.sm { white-space: nowrap; }
.dm-f.area.tall textarea { min-height: 240px; }
.dm-arsorok { display: grid; gap: 8px; max-width: 560px; }
.dm-arsor { display: grid; grid-template-columns: 1.2fr 1.2fr 1fr auto; gap: 2px 8px; align-items: center; } .dm-arsor .lb { font-size: 11px; color: var(--t2); } .dm-arsor .row { display: flex; align-items: center; gap: 4px; } .dm-arsor .row i { font-size: 11px; font-weight: 700; font-style: normal; }
.dm-arsor input { height: 24px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); padding: 0 6px; font: inherit; font-size: 12.5px; width: 100%; } .dm-arsor input.n { text-align: right; } .dm-arsor input.b { font-weight: 700; }
.dm-arsor .dm-chk { font-size: 12px; position: relative; } .dm-arsor .dm-chk input { position: absolute; opacity: 0; width: 0; height: 0; } .dm-arsor > input:last-child { grid-column: 1 / 4; }
.dm-kontir { display: grid; gap: 4px; max-width: 800px; } .dm-kontir .dm-f .row { display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px; } .dm-kontir .dm-f > span { font-size: 11.5px; font-weight: 600; }
.dm-kontir select, .dm-kontir input { height: 24px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); padding: 0 6px; font: inherit; font-size: 12.5px; } .dm-kontir input[readonly] { background: var(--in-ro); }
.dm-tulaj { display: grid; grid-template-columns: 220px 300px; gap: 0 20px; } .dm-tulaj .dm-f.chks { flex-direction: column; align-items: flex-start; gap: 2px; }
.dm-fpane .dm-chk, .dm-payflt .dm-chk, .dm-stockflt .dm-chk { font-size: 12px; height: 22px; cursor: pointer; position: relative; } .dm-fpane .dm-chk input, .dm-payflt .dm-chk input, .dm-stockflt .dm-chk input { position: absolute; opacity: 0; width: 0; height: 0; }
.dm-fpane .dm-f > span { font-size: 11px; color: var(--t2); } .dm-fpane .dm-f input:not([type=checkbox]), .dm-fpane .dm-f select, .dm-fpane .dm-f textarea { width: 100%; height: 24px; border: 1px solid var(--in-line); border-radius: 3px; background: var(--in-bg); color: var(--t); padding: 0 6px; font: inherit; font-size: 12.5px; outline: none; } .dm-fpane .dm-f input.hl { background: var(--hl-bg); border-color: var(--dm-warn); } .dm-fpane .dm-f input[readonly] { background: var(--in-ro); } .dm-fpane .dm-f input.n { text-align: right; } .dm-fpane .dm-f input.b { font-weight: 700; } .dm-fpane .dm-f textarea { height: auto; padding: 3px 6px; }
.dm-fpane .dm-f input:focus, .dm-fpane .dm-f select:focus, .dm-fpane .dm-f textarea:focus { border-color: var(--acc); box-shadow: 0 0 0 2px var(--acc-soft); }
.dm-fpane .dm-actbar { flex: none; }
.dm-payflt > .chks, .dm-stockflt > .chks { display: flex; flex-wrap: wrap; gap: 2px 18px; }
.dm-fgrid .dm-f.chks.one { align-items: flex-end; min-height: 40px; }
.dm-erp.dm-gate-wrap { background: radial-gradient(120% 80% at 50% 0%, #1a1548 0%, #07071a 70%); }
.dm-erp.dm-gate-wrap:not(.dm-dark) { background: radial-gradient(120% 80% at 50% 0%, #1b3f79 0%, #0c2246 70%); }