/* Стили демоверсии МОЁ erp: оформление + канбан */
:root{
 --erp-primary:#2563eb;
 --erp-bg:#eef4fb;
 --erp-surface:rgba(255,255,255,.90);
 --erp-surface-2:rgba(248,251,255,.80);
 --erp-border:#d8e3f0;
 --erp-text:#334155;
 --erp-text-muted:#64748b;
 --erp-primary-rgb:37,99,235;
 --erp-success-rgb:16,185,129;
 --erp-warning-rgb:245,158,11;
 --erp-danger-rgb:239,68,68;
 --erp-shadow-sm:0 0 0 1px rgba(30,41,59,.045),0 8px 20px rgba(30,41,59,.055);
 --bs-body-font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
 --bs-body-bg:var(--erp-bg);
 --bs-body-color:var(--erp-text);
 --bs-border-color:var(--erp-border);
}
html[data-theme='dark']{
 --erp-bg:#0b1220;
 --erp-surface:rgba(20,29,45,.90);
 --erp-surface-2:rgba(26,37,56,.78);
 --erp-border:#263449;
 --erp-text:#e8eef8;
 --erp-text-muted:#9fb0c7;
 --erp-shadow-sm:0 0 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.28);
 color-scheme:dark;
}
body{background:var(--erp-bg);color:var(--erp-text);overflow-x:hidden;letter-spacing:.0015em;text-rendering:optimizeLegibility}
.text-erp{color:var(--erp-text)!important}
.text-muted-erp{color:var(--erp-text-muted)!important}
.shell-main{min-height:100vh}
.shell-topbar{position:sticky;top:0;z-index:1020;height:3.25rem;background:rgba(238,244,251,.62);border-bottom:1px solid rgba(0,0,0,.05)}
html[data-theme='dark'] .shell-topbar{background:rgba(23,31,43,.76);border-color:rgba(255,255,255,.045)}
.topbar-inline-logo{display:inline-flex;align-items:center;gap:.7rem;margin-right:.85rem;color:var(--erp-text)}
.logo-mark{width:40px;height:40px;border-radius:.75rem;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.22);flex:0 0 40px;font-size:1.1rem}
.logo-text{font-size:1.16rem;font-weight:700;letter-spacing:.02em;color:var(--erp-text);white-space:nowrap}
.avatar-user{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#5b8def,#8cc6ff);display:grid;place-items:center;color:#fff;font-weight:700}
.theme-switch{display:flex;align-items:center;gap:.5rem}
.theme-switch .btn,.task-column-create,#connectDb{width:2.3rem;height:2.3rem;border-radius:50%;padding:0;display:grid;place-items:center}
#connectDb{color:#dc3545!important}
#connectDb[data-connected='true']{color:#16a34a!important}
#connectDb i{color:inherit!important}
.erp-btn-soft{background:var(--erp-surface-2);border:1px solid var(--erp-border);color:var(--erp-text);box-shadow:var(--erp-shadow-sm)}
.erp-btn-soft:hover{background:rgba(var(--erp-primary-rgb),.08);border-color:rgba(var(--erp-primary-rgb),.20);color:var(--erp-text)}
.btn i{font-size:1.08rem;opacity:.98}
html[data-theme='dark'] .btn i{color:#dfe8f7}
html[data-theme='dark'] #connectDb i{color:inherit!important}
.content-wrap{padding:.25rem;overflow-x:auto}
.content-wrap>.container,.content-wrap>.container-fluid{padding-left:.25rem!important;padding-right:.25rem!important}
.task-desktop-canvas{min-width:100%;overflow:visible}
.task-board-row{width:100%;min-width:100%;height:calc(100dvh - 4rem);max-height:calc(100dvh - 4rem)}
.task-board-col{flex:0 0 23%!important;min-width:350px!important;max-width:23%!important}
.card-shell{background:var(--erp-surface);color:var(--erp-text);border:1px solid rgba(255,255,255,.32);border-radius:1.15rem;overflow:hidden}
.card-shell .card-header{background:transparent;border-bottom:1px solid rgba(0,0,0,.04)}
html[data-theme='dark'] .card-shell{background:#182230;border-color:rgba(255,255,255,.04)}
html[data-theme='dark'] .card-shell .card-header{border-color:rgba(255,255,255,.04)}
.modal-content{background-color:#fff!important;color:var(--erp-text);border-color:var(--erp-border)}
html[data-theme='dark'] .modal-content{background-color:#182230!important;border-color:rgba(255,255,255,.04)}
.badge-soft-primary{background:rgba(var(--erp-primary-rgb),.14);color:var(--erp-primary)}
.badge-soft-success{background:rgba(var(--erp-success-rgb),.14);color:#10b981}
.badge-soft-warning{background:rgba(var(--erp-warning-rgb),.14);color:#f59e0b}
.badge-soft-danger{background:rgba(var(--erp-danger-rgb),.14);color:#ef4444}
.task-column{--column-rgb:37,99,235;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(var(--column-rgb),.13),rgba(var(--column-rgb),.055))}
.task-column-new{--column-rgb:37,99,235}
.task-column-work{--column-rgb:245,158,11}
.task-column-wait{--column-rgb:100,116,139}
.task-column-done{--column-rgb:16,185,129}
.task-column-red{--column-rgb:239,68,68}
.task-column-purple{--column-rgb:139,92,246}
.task-column-cyan{--column-rgb:14,165,233}
.task-column-orange{--column-rgb:249,115,22}
.task-column-pink{--column-rgb:236,72,153}
.task-column-teal{--column-rgb:20,184,166}
.task-column .card-header{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.62);border-top:3px solid rgba(var(--column-rgb),.60)}
.task-column .section-title{padding-left:.5rem;font-weight:700}
.task-column-add{width:1.7rem;height:1.7rem;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--erp-text-muted)!important;background:rgba(100,116,139,.10)!important;border-color:rgba(100,116,139,.16)!important;box-shadow:none!important}
.task-column .card-header::after{content:'';position:absolute;left:0;right:0;bottom:-16px;height:16px;pointer-events:none;background:linear-gradient(to bottom,rgba(15,23,42,.20),transparent);opacity:.72}
.task-column::after{content:'';position:absolute;left:0;right:0;bottom:0;height:28px;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(255,255,255,.70),rgba(255,255,255,.42) 34%,transparent)}
.task-column-body{min-height:0;flex:1 1 auto;overflow-y:auto;scrollbar-width:none;position:relative}
.task-column-body::-webkit-scrollbar{display:none}
html[data-theme='dark'] .task-column{background:linear-gradient(180deg,rgba(var(--column-rgb),.22),rgba(var(--column-rgb),.075))}
html[data-theme='dark'] .task-column .card-header{background:rgba(24,34,48,.68)}
html[data-theme='dark'] .task-column-add{background:rgba(148,163,184,.12)!important;border-color:rgba(148,163,184,.18)!important;color:#cbd5e1!important}
html[data-theme='dark'] .task-column .card-header::after{background:linear-gradient(to bottom,rgba(0,0,0,.46),transparent);opacity:.82}
html[data-theme='dark'] .task-column::after{background:linear-gradient(to top,rgba(24,34,48,.82),rgba(24,34,48,.52) 34%,transparent)}
.task-card{cursor:pointer;border-color:rgba(37,99,235,.12);box-shadow:none!important}
.task-card-description{white-space:pre-wrap;overflow-wrap:anywhere}
.task-drag-handle{cursor:grab;padding:.15rem;border-radius:.45rem}
.task-drag-handle:hover{background:rgba(100,116,139,.10);color:var(--erp-text)!important}
.task-drag-handle:active{cursor:grabbing}
@media(max-width:575.98px){.task-desktop-canvas{min-width:max-content}.task-board-row{width:max-content}.task-board-col{flex:0 0 90vw!important;min-width:300px!important;max-width:90vw!important}}
*,*::before,*::after{transition:none!important;animation:none!important}