@import "tailwindcss";

:root { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #172b4d; background:#f7f8fa; font-synthesis:none }
* { box-sizing:border-box } body { margin:0; min-width:320px } button,input,select,textarea { font:inherit } button { cursor:pointer }
.crm-shell { --bg:#f7f8fa; --surface:#fff; --surface-2:#f1f2f4; --text:#172b4d; --muted:#626f86; --border:#dfe1e6; --brand:#0c66e4; display:flex; min-height:100vh; background:var(--bg); color:var(--text) }
.crm-shell.dark { --bg:#101214; --surface:#1d2125; --surface-2:#22272b; --text:#b6c2cf; --muted:#9fadbc; --border:#38414a; --brand:#579dff }
.sidebar { width:232px; position:fixed; inset:0 auto 0 0; z-index:20; display:flex; flex-direction:column; color:#deebff; background:#0747a6; padding:16px 12px }
.dark .sidebar { background:#161a1d }.brand { display:flex; align-items:center; gap:10px; padding:4px 8px 24px; font-size:17px; font-weight:700 }.brand-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:7px; color:#0747a6; background:#fff }
.sidebar nav { display:flex; flex-direction:column; gap:3px }.sidebar nav a { display:flex; align-items:center; gap:12px; padding:9px 11px; border-radius:5px; color:#deebff; text-decoration:none; font-size:14px; font-weight:550 }.sidebar nav a span { width:18px; text-align:center }.sidebar nav a:hover,.sidebar nav a.router-link-active { background:rgba(255,255,255,.16); color:#fff }
.sidebar-footer { margin-top:auto; display:flex; align-items:center; gap:10px; padding:12px 8px; border-top:1px solid rgba(255,255,255,.18) }.sidebar-footer div:last-child { min-width:0; display:flex; flex-direction:column }.sidebar-footer strong { overflow:hidden; text-overflow:ellipsis; font-size:13px }.sidebar-footer small { opacity:.7 }.avatar { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:50%; color:#0747a6; background:#deebff; font-weight:800 }
.workspace { width:calc(100% - 232px); margin-left:232px }.topbar { height:56px; position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:16px; padding:0 28px; border-bottom:1px solid var(--border); background:color-mix(in srgb,var(--surface) 94%,transparent); backdrop-filter:blur(10px) }.top-search { display:flex; align-items:center; gap:7px; width:min(420px,45vw); padding:7px 10px; border:1px solid var(--border); border-radius:5px; color:var(--muted); background:var(--surface) }.top-search input { width:100%; border:0; outline:0; color:var(--text); background:transparent }.top-actions { margin-left:auto; display:flex; gap:6px }
.icon-button,.text-button,.page button,.toolbar button { border:0; border-radius:5px; padding:7px 10px; color:var(--text); background:transparent }.icon-button:hover,.text-button:hover,.page button:hover { background:var(--surface-2) }.mobile-only { display:none }
main { padding:28px }.page { max-width:1600px; margin:auto }.page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:24px }.page-heading small { color:var(--brand); font-weight:700; text-transform:uppercase; letter-spacing:.08em }.page-heading h1 { margin:5px 0 4px; font-size:28px; letter-spacing:-.025em }.page-heading p { margin:0; color:var(--muted) }.page-heading button { margin-left:6px; border:1px solid var(--border); background:var(--surface) }button.primary { color:white!important; border-color:#0c66e4!important; background:#0c66e4!important; font-weight:650 }
.metric-grid { display:grid; grid-template-columns:repeat(5,minmax(150px,1fr)); gap:14px; margin-bottom:20px }.metric-card { display:flex; flex-direction:column; min-height:138px; padding:18px; border:1px solid var(--border); border-radius:8px; background:var(--surface); box-shadow:0 1px 1px rgba(9,30,66,.04) }.metric-card.accent { border-top:3px solid var(--brand) }.metric-card small { color:var(--muted); font-weight:600 }.metric-card strong { margin:12px 0 5px; font-size:30px }.metric-card span { color:var(--muted); font-size:13px }.danger,.error { color:#ae2a19!important }
.panel { border:1px solid var(--border); border-radius:8px; background:var(--surface); box-shadow:0 1px 2px rgba(9,30,66,.06); overflow:hidden }.panel-title { display:flex; align-items:center; justify-content:space-between; padding:17px 20px; border-bottom:1px solid var(--border) }.panel-title h2,.panel h2 { margin:0; font-size:16px }.panel-title a { color:var(--brand); text-decoration:none; font-size:13px }
table { width:100%; border-collapse:collapse; font-size:13px }th { color:var(--muted); background:var(--surface-2); text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.04em }th,td { padding:11px 14px; border-bottom:1px solid var(--border); vertical-align:middle }tr:last-child td { border-bottom:0 }td strong,td small { display:block }td small { margin-top:3px; color:var(--muted) }.clickable { cursor:pointer }.clickable:hover td { background:color-mix(in srgb,var(--brand) 5%,var(--surface)) }.status { display:inline-flex; padding:3px 7px; border-radius:999px; font-size:11px; font-weight:750; text-transform:uppercase }.status.succeeded { color:#216e4e; background:#d7f5e5 }.status.failed { color:#ae2a19; background:#ffedeb }.status.running,.status.pending { color:#974f0c; background:#fff3d1 }
.toolbar { display:flex; gap:8px; margin-bottom:14px }.toolbar input,.toolbar select,.form input,.comment-form textarea { min-height:36px; padding:7px 10px; color:var(--text); border:1px solid var(--border); border-radius:5px; outline:none; background:var(--surface) }.toolbar input { width:min(380px,100%) }.toolbar input:focus,.form input:focus,.comment-form textarea:focus { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand) }
.export-link { display:inline-flex; align-items:center; padding:7px 10px; color:var(--brand); border:1px solid var(--border); border-radius:5px; background:var(--surface); text-decoration:none; font-size:13px }
.split { display:grid; grid-template-columns:1fr; gap:14px }.split.detailed { grid-template-columns:minmax(550px,1fr) 430px }.table-panel { overflow:auto }.detail-panel { position:relative; padding:22px; border:1px solid var(--border); border-radius:8px; background:var(--surface) }.detail-panel .close { position:absolute; right:12px; top:10px; font-size:22px }.detail-panel h2 { margin:5px 0 10px }.detail-panel h3 { margin:24px 0 10px; font-size:13px; color:var(--muted); text-transform:uppercase }.available { color:#216e4e }.unavailable { color:#ae2a19 }.lozenge { padding:3px 7px; border-radius:4px; color:var(--color); background:color-mix(in srgb,var(--color) 12%,transparent) }.window-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; margin-top:18px }.window-grid div { display:flex; flex-direction:column; padding:10px; border-radius:5px; background:var(--surface-2) }.window-grid small,.window-grid span,.external span { color:var(--muted); font-size:11px }.window-grid strong { margin:3px 0 }.external,.connection { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px; border:1px solid var(--border); border-radius:5px }.external strong { width:100% }.comment-form textarea { width:100%; min-height:82px; resize:vertical }.comment-form button { margin-top:7px }.comment { margin-top:12px; padding-left:12px; border-left:2px solid var(--border); font-size:13px }
.kanban { display:grid; grid-auto-columns:minmax(270px,1fr); grid-auto-flow:column; gap:12px; overflow:auto; align-items:start }.kanban-column { min-height:430px; padding:10px; border-radius:8px; background:var(--surface-2) }.kanban-column>header { display:flex; align-items:center; gap:8px; padding:5px 3px 13px; font-size:13px }.kanban-column>header small { margin-left:auto }.stage-dot { width:9px; height:9px; border-radius:50%; flex:none }.task-card { margin-bottom:8px; padding:13px; border:1px solid var(--border); border-radius:6px; background:var(--surface); box-shadow:0 1px 1px rgba(9,30,66,.1) }.task-card h3 { margin:8px 0 5px; font-size:14px }.task-card p { margin:0 0 14px; color:var(--muted); font-size:12px }.task-card footer { display:flex; justify-content:space-between; gap:7px; color:var(--muted); font-size:10px }.priority { color:#974f0c; text-transform:uppercase; font-size:10px; font-weight:750 }
.kanban-column.drag-target { outline:2px dashed var(--brand); outline-offset:-3px; background:color-mix(in srgb,var(--brand) 10%,var(--surface-2)) }.task-card[draggable=true] { cursor:grab }.task-card.dragging { opacity:.42; cursor:grabbing; transform:rotate(1deg) }
.kanban-add-card { width:100%; padding:9px!important; color:var(--muted)!important; text-align:left }.kanban-add-card:hover { color:var(--brand)!important; background:color-mix(in srgb,var(--brand) 7%,transparent)!important }.kanban-quick-create textarea { width:100%; min-height:66px; padding:10px; resize:vertical; color:var(--text); border:1px solid var(--brand); border-radius:6px; outline:none; background:var(--surface); box-shadow:0 2px 7px rgba(9,30,66,.14) }.kanban-quick-create>div { display:flex; align-items:center; gap:5px; margin-top:6px }
.task-card .priority { display:inline-flex; padding:3px 7px; border-radius:999px; background:#fff3d1 }.task-card .priority-high,.task-card .priority-highest { color:#ae2a19; background:#ffedeb }.task-card .priority-low,.task-card .priority-lowest { color:#0c66e4; background:#e9f2ff }.task-card footer { align-items:center }.task-deadline { padding:3px 6px; border-radius:4px; font-weight:650 }.deadline-overdue { color:#ae2a19; background:#ffedeb }.deadline-soon { color:#974f0c; background:#fff3d1 }.deadline-scheduled { color:#216e4e; background:#dcfff1 }.deadline-empty { padding-right:0; color:var(--muted) }
.report-builder { display:grid; grid-template-columns:2fr 1fr; gap:14px; margin-bottom:14px }.report-builder>div { padding:16px; border:1px solid var(--border); border-radius:8px; background:var(--surface) }.report-builder h3 { margin:0 0 10px; font-size:13px }.report-builder label { display:inline-flex; align-items:center; gap:5px; margin:0 12px 8px 0; color:var(--muted); font-size:12px }
.settings-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:14px }.settings-grid>.panel { padding:20px }.settings-grid h2:not(:first-child) { margin-top:28px }.connection { margin:12px 0 }.connection>div { display:flex; flex-direction:column; min-width:180px; margin-right:auto }.connection small { color:var(--muted) }.form { display:grid; gap:11px; margin-top:18px; padding-top:18px; border-top:1px solid var(--border) }.form label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:12px }.dictionary-row { display:flex; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid var(--border); font-size:13px }.dictionary-row small { margin-left:auto; color:var(--muted) }.notice { margin-bottom:14px; padding:10px 12px; color:#216e4e; border:1px solid #7ee2b8; border-radius:5px; background:#dcfff1 }.loading { padding:40px; color:var(--muted); text-align:center }
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split.detailed{grid-template-columns:1fr}.detail-panel{order:-1}.settings-grid{grid-template-columns:1fr}}

.user-telegram-row { justify-content:space-between; gap:16px }.user-telegram-row>div { min-width:0 }.user-telegram-row small { display:block; margin:3px 0 0 }.user-telegram-row label { color:var(--muted); font-size:11px }.user-telegram-row input,.alert-rule-form input,.alert-rule-form select { min-height:36px; color:var(--text); border:1px solid var(--border); background:var(--surface); border-radius:5px; padding:7px 10px }.alert-settings { margin-top:18px; padding:20px; overflow:visible }.alert-settings-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px }.alert-settings-heading p { margin:4px 0 0; color:var(--muted); font-size:13px }.alert-settings-heading>span { color:var(--muted); background:var(--surface-2); border-radius:999px; padding:5px 9px; font-size:11px }.alert-rule-form { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:11px; margin-top:18px; padding:16px; background:var(--surface-2); border-radius:7px }.alert-rule-form label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:11px }.alert-rule-form .wide { grid-column:span 2 }.alert-rule-list { margin-top:18px }.alert-rule-row { display:grid; grid-template-columns:10px minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:12px 2px; border-bottom:1px solid var(--border) }.alert-rule-row>div { display:flex; flex-direction:column; gap:3px }.alert-rule-row small { color:var(--muted); font-size:11px }.alert-rule-indicator { width:8px; height:8px; border-radius:50%; background:#22a06b }.alert-rule-indicator.inactive { background:#8590a2 }.empty-alerts { color:var(--muted); font-size:13px }.alert-settings .notice { margin-top:12px; margin-bottom:0 }
@media(max-width:1000px){.alert-rule-form{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:600px){.alert-rule-form{grid-template-columns:1fr}.alert-rule-form .wide{grid-column:auto}.alert-rule-row{grid-template-columns:10px minmax(0,1fr)}.user-telegram-row{align-items:flex-start;flex-direction:column}.user-telegram-row label,.user-telegram-row input{width:100%}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:10px 0 30px rgba(0,0,0,.25)}.workspace{width:100%;margin:0}.mobile-only{display:block}.topbar{padding:0 12px}main{padding:18px 12px}.page-heading{flex-direction:column}.metric-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.report-builder{grid-template-columns:1fr}.table-panel{max-width:calc(100vw - 24px)}.window-grid{grid-template-columns:1fr}}
.login-page { min-height:100vh; display:grid; place-items:center; padding:20px; color:#172b4d; background:linear-gradient(135deg,#0747a6,#0c66e4 50%,#579dff) }.login-card { width:min(420px,100%); padding:34px; border-radius:12px; background:white; box-shadow:0 24px 70px rgba(9,30,66,.35) }.login-brand { display:flex; align-items:center; gap:10px; margin-bottom:28px }.login-brand span { display:grid; place-items:center; width:30px; height:30px; border-radius:7px; color:white; background:#0c66e4; font-weight:800 }.login-card h1 { margin:0 0 7px; font-size:25px }.login-card>p { margin:0 0 24px; color:#626f86 }.login-form { display:flex; flex-direction:column; gap:7px }.login-form label { margin-top:8px; font-size:12px; font-weight:700 }.login-form input { height:42px; padding:8px 10px; border:1px solid #dfe1e6; border-radius:5px }.login-form input[type=submit] { margin-top:16px; color:white; border-color:#0c66e4; background:#0c66e4; font-weight:700; cursor:pointer }.login-alert { margin-bottom:12px; padding:9px; color:#ae2a19; border-radius:5px; background:#ffedeb }
.inline-create { display:flex; flex-wrap:wrap; gap:8px; margin:-10px 0 15px; padding:14px; border:1px solid var(--border); border-radius:8px; background:var(--surface) }.inline-create input,.task-create input,.task-create select { min-height:36px; padding:7px 10px; color:var(--text); border:1px solid var(--border); border-radius:5px; background:var(--surface) }
.merge-candidate { display:flex; align-items:center; justify-content:space-between; padding:8px; border-radius:5px; background:var(--surface-2); font-size:13px }.rich-editor trix-editor { min-height:100px; color:var(--text); border-color:var(--border); background:var(--surface) }.rich-editor .trix-button { background:white }.task-create { display:grid; gap:12px; margin-bottom:16px; padding:16px; overflow:visible }.task-create label { display:flex; flex-direction:column; gap:5px; color:var(--muted); font-size:12px }.form-row { display:grid; grid-template-columns:repeat(4,1fr); gap:10px }.task-card select { width:100%; margin-bottom:12px; padding:5px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }
.task-create-backdrop { position:fixed; z-index:90; inset:0; display:grid; place-items:center; padding:28px; background:rgba(9,30,66,.56); backdrop-filter:blur(2px) }.task-create-dialog { width:min(980px,calc(100vw - 56px)); max-height:calc(100vh - 56px); overflow:auto; border:1px solid var(--border); border-radius:11px; background:var(--surface); box-shadow:0 24px 80px rgba(9,30,66,.42) }.task-create-dialog>header { display:flex; align-items:center; justify-content:space-between; min-height:70px; padding:14px 22px; border-bottom:1px solid var(--border) }.task-create-dialog>header small { color:var(--brand); text-transform:uppercase; letter-spacing:.07em; font-size:10px; font-weight:750 }.task-create-dialog>header h2 { margin:3px 0 0; font-size:21px }.task-create-dialog>header>button { width:34px; height:34px; padding:0; font-size:23px }.task-create-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px }.task-create-layout>main { display:flex; flex-direction:column; gap:20px; padding:24px 28px 30px }.task-create-layout>aside { display:flex; flex-direction:column; gap:16px; padding:24px; border-left:1px solid var(--border); background:color-mix(in srgb,var(--surface-2) 45%,var(--surface)) }.task-create-layout label,.task-deadline-field { display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:11px; font-weight:650 }.task-create-layout label>span { margin-left:4px; font-weight:400 }.task-create-layout input,.task-create-layout select { min-height:38px; width:100%; padding:8px 10px; color:var(--text); border:1px solid var(--border); border-radius:5px; background:var(--surface); outline:none }.task-create-layout input:focus,.task-create-layout select:focus { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand) }.task-title-field input { min-height:46px; font-size:17px; font-weight:650 }.task-create-dialog .tiptap-editor .ProseMirror { min-height:210px; font-weight:400 }.task-create-dialog>footer { display:flex; justify-content:flex-end; gap:8px; padding:14px 22px; border-top:1px solid var(--border); background:var(--surface-2) }.deadline-picker { padding:10px; border:1px solid var(--border); border-radius:6px; background:var(--surface) }.deadline-fields { display:grid; grid-template-columns:minmax(0,1fr) 100px; gap:7px }.deadline-fields label { gap:4px; font-size:10px }.deadline-presets { display:flex; flex-wrap:wrap; gap:3px; margin-top:8px }.deadline-presets button { padding:4px 6px; color:var(--muted); background:var(--surface-2); font-size:10px }.deadline-picker>small { display:block; margin-top:8px; color:var(--text); font-size:10px; font-weight:500 }
.contact-row,.history-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; padding:8px 0; border-bottom:1px solid var(--border); font-size:12px }.contact-row small,.history-row span { color:var(--muted) }.contact-form { display:flex; gap:6px; margin-top:8px }.contact-form input,.contact-form select { min-width:0; padding:6px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }.history-row code { width:100%; overflow:auto; color:var(--muted); font-size:10px }
.month-calendar { overflow-x:auto }.calendar-toolbar { min-width:840px; display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:12px; text-transform:capitalize }.calendar-toolbar button { font-size:22px }.weekday-row,.calendar-grid { min-width:840px; display:grid; grid-template-columns:repeat(7,minmax(120px,1fr)); gap:1px; background:var(--border) }.weekday-row { margin-bottom:1px }.weekday-row span { padding:8px; color:var(--muted); background:var(--surface-2); text-align:center; font-size:11px; font-weight:750 }.calendar-grid section { min-height:132px; padding:8px; background:var(--surface) }.calendar-grid section.empty { background:color-mix(in srgb,var(--surface-2) 65%,var(--surface)) }.calendar-grid section.today { box-shadow:inset 0 0 0 2px var(--brand) }.calendar-grid header { margin-bottom:7px; color:var(--muted); font-size:12px; font-weight:750 }.calendar-grid article { display:flex; flex-direction:column; gap:3px; margin-bottom:5px; padding:6px; border-left:3px solid var(--brand); border-radius:3px; background:var(--surface-2); font-size:11px; cursor:pointer }.calendar-grid article span { color:var(--muted); font-size:9px }
.task-detail { position:fixed; z-index:30; top:70px; right:20px; bottom:20px; width:min(480px,calc(100vw - 40px)); padding:24px; overflow:auto; box-shadow:0 16px 50px rgba(9,30,66,.28) }.task-detail .close { position:absolute; top:10px; right:10px }.task-detail h2 { margin:5px 0 12px }.task-detail h3 { margin-top:24px; font-size:13px }.check-item { display:flex; gap:7px; padding:5px 0; font-size:13px }
@media(max-width:760px){.form-row{grid-template-columns:1fr}}

/* Jira-like entity dialogs */
.jira-modal-backdrop { position:fixed; z-index:60; inset:0; display:grid; place-items:center; padding:28px; background:rgba(9,30,66,.54); backdrop-filter:blur(2px) }
.jira-modal { width:min(1180px,calc(100vw - 56px)); height:min(820px,calc(100vh - 56px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border); border-radius:10px; background:var(--surface); box-shadow:0 24px 80px rgba(9,30,66,.42) }
.jira-modal-header { height:50px; flex:none; display:flex; align-items:center; justify-content:space-between; padding:0 18px; color:var(--muted); border-bottom:1px solid var(--border); font-size:12px }
.jira-modal-header .close { width:32px; height:32px; padding:0; font-size:24px; line-height:1 }
.jira-modal-layout { min-height:0; flex:1; display:grid; grid-template-columns:minmax(0,1fr) 330px; overflow:hidden }
.jira-main,.jira-sidebar { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:28px }.jira-main { min-width:0; scrollbar-gutter:stable }.jira-sidebar { padding:22px; border-left:1px solid var(--border); background:color-mix(in srgb,var(--surface-2) 45%,var(--surface)) }
.jira-title-input { width:100%; margin:0 0 8px; padding:4px 6px; color:var(--text); border:1px solid transparent; border-radius:4px; background:transparent; font-size:25px; font-weight:700; letter-spacing:-.02em }.jira-title-input:hover,.jira-title-input:focus { border-color:var(--border); outline:none; background:var(--surface) }
.jira-section { margin-top:28px }.jira-section>h3,.field-block>h3 { margin:0 0 11px; color:var(--muted); font-size:12px; font-weight:750; text-transform:uppercase; letter-spacing:.04em }.save-description { margin-top:9px }
.field-block { margin-bottom:18px; padding:14px; border:1px solid var(--border); border-radius:7px; background:var(--surface) }.field-block label { display:grid; grid-template-columns:92px 1fr; align-items:center; gap:8px; margin:8px 0; color:var(--muted); font-size:12px }.field-block select,.field-block input { min-width:0; width:100%; padding:6px 7px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }.field-readonly { display:grid; grid-template-columns:92px 1fr; gap:8px; margin:10px 0; font-size:12px }.field-readonly>span { color:var(--muted) }
.integration-block { display:flex; flex-direction:column; gap:4px; margin-top:8px; padding:10px; border-left:3px solid var(--brand); border-radius:4px; background:var(--surface-2); font-size:12px }.integration-block span { color:var(--muted) }
.dual-time { display:inline-flex; flex-wrap:wrap; gap:4px }.dual-time>span { color:var(--muted); font-size:.92em }
.linked-task,.entity-link-row { display:grid; grid-template-columns:minmax(120px,1fr) auto; gap:3px 10px; padding:8px 0; border-bottom:1px solid var(--border); font-size:12px }.linked-task a,.entity-link-row a { color:var(--brand); text-decoration:none; font-weight:650 }.linked-task span { color:var(--muted) }
.partner-task-picker { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:8px; margin-top:14px; padding-top:14px; border-top:1px solid var(--border) }.partner-task-picker input { width:100%; min-height:38px; padding:8px 10px; color:var(--text); border:1px solid var(--border); border-radius:5px; outline:none; background:var(--surface) }.partner-task-picker input:focus { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand) }.partner-task-picker>button { min-width:138px }.empty-related-tasks { padding:12px 0; color:var(--muted); font-size:12px }.create-task-hint { display:block; margin-top:6px; color:var(--muted) }
.entity-link-row { grid-template-columns:90px minmax(100px,1fr) auto 28px; align-items:center }.entity-link-row .link-kind,.entity-link-row small { color:var(--muted) }.entity-link-row button { padding:4px }
.partner-card-modal .jira-modal-layout { grid-template-columns:minmax(0,1fr) 350px }.partner-card-modal .jira-main { padding:30px 36px 42px }.partner-card-modal .jira-sidebar { padding:24px }.partner-card-modal .jira-title-input { margin-bottom:12px; font-size:24px; line-height:1.25 }.partner-card-modal .entity-tabs { margin-top:4px }.partner-card-modal .jira-section { margin-top:26px }.partner-card-modal .jira-section>h3,.partner-card-modal .jira-section>header h3,.partner-card-modal .field-block>h3 { font-size:11px; letter-spacing:.07em }.partner-card-modal .field-block { margin-bottom:16px; padding:16px }.partner-summary-section>header,.partner-comments>header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px }.partner-summary-section>header h3,.partner-comments>header h3 { margin:0; color:var(--muted); text-transform:uppercase }.partner-summary-section>header button { color:var(--brand); padding:4px 6px; font-size:11px }.partner-summary-view { position:relative; min-height:96px; padding:16px 18px 34px; border:1px solid var(--border); border-radius:7px; background:var(--surface); cursor:pointer; font-size:14px; line-height:1.58; transition:border-color .15s,background .15s }.partner-summary-view:hover,.partner-summary-view:focus { border-color:var(--brand); outline:none; background:color-mix(in srgb,var(--brand) 3%,var(--surface)) }.partner-summary-view p { margin:0; color:var(--muted) }.partner-summary-view .rich-content { margin:0 }.partner-summary-view>small { position:absolute; right:12px; bottom:9px; color:var(--muted); font-size:10px }.partner-summary-editor>div:last-child { display:flex; gap:7px; margin-top:9px }.partner-comments { padding:18px; border:1px solid var(--border); border-radius:8px; background:color-mix(in srgb,var(--surface-2) 26%,var(--surface)) }.partner-comments>header span { min-width:22px; padding:2px 7px; border-radius:999px; color:var(--muted); background:var(--border); text-align:center; font-size:10px }.partner-comments .tiptap-editor .ProseMirror { min-height:78px }.partner-comments .comment-form button { margin-top:8px }.partner-comment-list { margin-top:16px; border-top:1px solid var(--border) }.partner-comment-list>p { margin:14px 0 0; color:var(--muted); font-size:12px }.partner-comment { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; padding:14px 0; border-bottom:1px solid var(--border) }.partner-comment>div:last-child>header { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px }.partner-comment>div:last-child>header strong { color:var(--text); font-size:12px }.partner-comment .dual-time { margin-left:auto }.partner-comment .rich-content { margin-top:7px; font-size:13px; line-height:1.5 }
.partner-relations-section { margin-top:30px; padding:18px; border:1px solid var(--border); border-radius:8px; background:color-mix(in srgb,var(--surface-2) 28%,var(--surface)) }.relation-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }.relation-group>header { display:flex; align-items:center; justify-content:space-between; min-height:34px; padding:0 3px }.relation-group>header>div { display:flex; align-items:center; gap:7px }.relation-group>header strong { font-size:12px }.relation-group>header>small { color:var(--muted); font-size:11px }.relation-icon { display:grid; place-items:center; width:22px; height:22px; border-radius:5px; color:#0c66e4; background:#e9f2ff; font-size:10px; font-weight:800 }.relation-icon.task { color:#216e4e; background:#dcfff1 }.relation-list { overflow:hidden; border:1px solid var(--border); border-radius:6px; background:var(--surface) }.relation-row { display:grid; grid-template-columns:76px minmax(100px,1fr) 28px; align-items:center; gap:8px; min-height:48px; padding:8px 10px; border-bottom:1px solid var(--border); font-size:12px }.relation-row:last-child { border-bottom:0 }.relation-row a { min-width:0; overflow:hidden; color:var(--brand); font-weight:650; text-overflow:ellipsis; text-decoration:none; white-space:nowrap }.relation-row small { grid-column:2; min-width:0; overflow:hidden; margin-top:-6px; color:var(--muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap }.relation-row>button { grid-column:3; grid-row:1 / span 2; color:var(--muted); padding:3px }.relation-type { width:max-content; padding:3px 7px; border-radius:999px; color:#0c66e4; background:#e9f2ff; font-size:9px; font-weight:700 }.relation-type.task { color:#216e4e; background:#dcfff1 }.relation-create { margin-top:16px; padding-top:14px; border-top:1px solid var(--border) }.relation-type-tabs { display:flex; gap:4px; margin-bottom:9px }.relation-type-tabs button { color:var(--muted); padding:6px 9px; font-size:11px }.relation-type-tabs button.active { color:var(--brand); background:var(--surface); box-shadow:inset 0 0 0 1px var(--border) }.relation-picker { display:grid; grid-template-columns:120px minmax(180px,1fr) auto; gap:8px }.relation-picker select,.relation-picker input { width:100%; min-height:38px; padding:8px 10px; color:var(--text); border:1px solid var(--border); border-radius:5px; outline:none; background:var(--surface) }.relation-picker input:focus { border-color:var(--brand); box-shadow:0 0 0 1px var(--brand) }.relation-picker>button { min-width:130px }
.link-create,.quick-task { display:grid; grid-template-columns:110px minmax(160px,1fr) auto; gap:7px; margin-top:11px }.link-create select,.link-create input,.quick-task input,.quick-task select { min-width:0; width:100%; padding:7px 8px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }.quick-task { grid-template-columns:minmax(180px,1fr) 150px 180px auto }.entity-search { position:relative }.entity-results { position:absolute; z-index:5; top:calc(100% + 3px); left:0; right:0; padding:5px; border:1px solid var(--border); border-radius:5px; background:var(--surface); box-shadow:0 8px 24px rgba(9,30,66,.2) }.entity-results button { width:100%; display:flex; flex-direction:column; align-items:flex-start; padding:7px }.entity-results small { color:var(--muted) }
.comment .dual-time { margin-left:8px; font-size:11px }

/* TipTap rich text editor */
.tiptap-editor { overflow:hidden; border:1px solid var(--border); border-radius:6px; background:var(--surface) }.editor-toolbar { display:flex; flex-wrap:wrap; gap:2px; padding:6px; border-bottom:1px solid var(--border); background:var(--surface-2) }.editor-toolbar button { min-width:29px; padding:4px 6px; color:var(--text); border:0; border-radius:3px; background:transparent; font-size:11px }.editor-toolbar button:hover,.editor-toolbar button.active { color:var(--brand); background:var(--surface) }.editor-toolbar>span { width:1px; margin:2px 3px; background:var(--border) }.tiptap-editor .ProseMirror { min-height:120px; padding:12px; outline:none; color:var(--text) }.tiptap-editor .ProseMirror p:first-child { margin-top:0 }.tiptap-editor .ProseMirror p:last-child { margin-bottom:0 }.tiptap-editor .ProseMirror p.is-editor-empty:first-child::before { height:0; float:left; color:var(--muted); content:attr(data-placeholder); pointer-events:none }.tiptap-editor img { max-width:100%; height:auto }.tiptap-editor a { color:var(--brand) }

/* Reports */
.report-options-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 18px }.report-builder .report-options-list label { display:flex; align-items:flex-start; gap:7px; margin:0; padding:5px 2px; color:var(--text); font-size:12px }.report-options-list input { margin-top:2px }.report-result { position:relative; min-height:90px }.loader-overlay { position:absolute; z-index:4; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; border-radius:8px; background:color-mix(in srgb,var(--surface) 84%,transparent); backdrop-filter:blur(1px) }.spinner { width:30px; height:30px; border:3px solid var(--border); border-top-color:var(--brand); border-radius:50%; animation:spin .75s linear infinite }@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:900px){.jira-modal-backdrop{padding:0}.jira-modal{width:100vw;height:100vh;border:0;border-radius:0}.jira-modal-layout,.partner-card-modal .jira-modal-layout{grid-template-columns:1fr;overflow:auto}.jira-main,.jira-sidebar,.partner-card-modal .jira-main,.partner-card-modal .jira-sidebar{overflow:visible;padding:20px}.jira-sidebar{border-left:0;border-top:1px solid var(--border)}.quick-task,.relation-picker{grid-template-columns:1fr}.relation-groups{grid-template-columns:1fr}.relation-row{grid-template-columns:78px minmax(120px,1fr) 28px}.report-options-list{grid-template-columns:1fr}}

/* Compact expandable navigation */
.sidebar { width:64px; padding:14px 8px; transition:width .18s ease }.sidebar.expanded { width:232px }.workspace { width:calc(100% - 64px); margin-left:64px; transition:width .18s ease,margin-left .18s ease }.workspace.sidebar-expanded { width:calc(100% - 232px); margin-left:232px }.sidebar .brand { justify-content:center; padding:4px 0 24px }.sidebar.expanded .brand { justify-content:flex-start; padding-left:4px }.sidebar .nav-label { display:none }.sidebar.expanded .nav-label { display:flex }.sidebar nav a { justify-content:center; padding:10px }.sidebar.expanded nav a { justify-content:flex-start }.sidebar nav a span { width:22px; font-size:17px }.sidebar nav a b { font-size:14px; font-weight:550 }.sidebar-toggle { position:absolute; top:18px; right:-11px; width:22px; height:22px; display:grid; place-items:center; padding:0; color:#0747a6; border:1px solid #b3c7e6; border-radius:50%; background:white; font-weight:800 }.sidebar-footer { justify-content:center; padding:12px 4px }.sidebar.expanded .sidebar-footer { justify-content:flex-start; padding:12px 8px }

/* Partner list and filters */
.partner-browser { display:grid; grid-template-columns:220px minmax(0,1fr); gap:12px; align-items:start }.partner-filters { position:sticky; top:70px; padding:14px; overflow:visible }.partner-filters>header { display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid var(--border) }.partner-filters>header button { color:var(--brand); font-size:11px }.partner-filters section { margin-top:15px }.partner-filters h3 { margin:0 0 7px; color:var(--muted); font-size:10px; text-transform:uppercase }.partner-filters label { display:flex; align-items:center; gap:7px; padding:4px 0; font-size:12px }.partner-filters label small { margin-left:auto; color:var(--muted) }.partner-filters select { width:100%; padding:7px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }.partner-table { max-height:calc(100vh - 210px) }.table-panel thead { position:sticky; z-index:3; top:0 }.sortable { cursor:pointer; user-select:none }.sortable:hover { color:var(--brand) }.category-cell { display:inline-flex; align-items:center; gap:6px }.category-cell i { width:8px; height:8px; border-radius:50% }
.partner-table-wrap { min-width:0 }.partner-table-wrap .partner-table { border:0; border-radius:0; box-shadow:none }.pagination { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:9px 14px; color:var(--muted); border-top:1px solid var(--border); background:var(--surface); font-size:12px }.pagination>div { display:flex; align-items:center; gap:8px }.pagination strong { min-width:65px; color:var(--text); text-align:center }.pagination button:disabled { opacity:.4; cursor:default }
.partner-filters .multi-integration-filter { margin-top:8px; padding:7px 0 2px }.connection button:disabled { opacity:.4; cursor:not-allowed }

/* Click-to-edit fields and partner search */
.editable-field-row { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:start; gap:8px; margin:5px 0; color:var(--muted); font-size:12px }.inline-field { min-height:31px; display:flex; flex-direction:column; justify-content:center; padding:5px 7px; color:var(--text); border:1px solid transparent; border-radius:4px; cursor:pointer }.inline-field:hover,.inline-field:focus { border-color:var(--border); background:var(--surface-2); outline:none }.inline-field::after { content:"Нажмите, чтобы изменить"; display:none; margin-top:2px; color:var(--muted); font-size:9px }.inline-field:hover::after { display:block }.inline-field.editing,.inline-field:has(select) { padding:0; border-color:var(--brand); background:var(--surface) }.inline-field select { width:100%; min-height:31px; padding:5px 7px; color:var(--text); border:0; outline:none; background:transparent }.partner-picker { min-width:0; position:relative }.partner-picker .inline-field small { color:var(--muted); font-size:9px }.partner-picker-search { position:relative }.partner-picker-search>input { width:100%; min-height:32px; padding:6px 8px; color:var(--text); border:1px solid var(--brand); border-radius:4px; outline:none; background:var(--surface) }.partner-picker-results { position:absolute; z-index:20; top:calc(100% + 3px); left:0; right:0; min-width:260px; padding:5px; border:1px solid var(--border); border-radius:5px; background:var(--surface); box-shadow:0 9px 28px rgba(9,30,66,.24) }.partner-picker-results button { width:100%; display:flex; flex-direction:column; align-items:flex-start; padding:7px; text-align:left }.partner-picker-results small { color:var(--muted); font-size:10px }

/* Entity tabs and activity */
.entity-tabs { display:flex; gap:3px; margin-top:18px; border-bottom:1px solid var(--border) }.entity-tabs button { padding:8px 11px; border-radius:4px 4px 0 0; color:var(--muted) }.entity-tabs button.active { color:var(--brand); border-bottom:2px solid var(--brand); background:color-mix(in srgb,var(--brand) 7%,transparent) }.entity-tabs button span { padding:1px 5px; border-radius:10px; background:var(--surface-2); font-size:10px }.activity-feed { margin-top:18px }.activity-item { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; padding:13px 0; border-bottom:1px solid var(--border) }.activity-avatar { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#0747a6; background:#deebff; font-size:12px; font-weight:800 }.activity-item header { display:flex; flex-wrap:wrap; align-items:center; gap:5px; color:var(--muted); font-size:11px }.activity-item header strong { color:var(--text); font-size:12px }.activity-item header .dual-time { margin-left:auto }.activity-item code { display:block; margin-top:8px; padding:8px; overflow:auto; border-radius:4px; color:var(--muted); background:var(--surface-2); font-size:10px }.rich-content { margin-top:8px; font-size:13px }.rich-content img { max-width:260px; max-height:180px; object-fit:cover; border-radius:5px; cursor:zoom-in }

/* Image preview and full-size lightbox */
.editor-content-wrap { position:relative }.editor-uploading { position:absolute; right:8px; bottom:8px; padding:4px 7px; color:white; border-radius:4px; background:var(--brand); font-size:10px }.tiptap-editor .ProseMirror img { max-width:min(100%,420px); max-height:260px; object-fit:contain; padding:3px; border:1px solid var(--border); border-radius:6px; cursor:zoom-in; background:var(--surface-2) }.image-lightbox { position:fixed; z-index:120; inset:0; display:flex; align-items:center; justify-content:center; padding:50px 80px; background:rgba(5,13,25,.92) }.image-lightbox figure { max-width:100%; max-height:100%; display:flex; flex-direction:column; align-items:center; gap:10px; margin:0 }.image-lightbox figure img { max-width:100%; max-height:calc(100vh - 120px); object-fit:contain }.image-lightbox figcaption { color:#dfe1e6; font-size:12px }.image-lightbox a { margin-left:10px; color:#85b8ff }.image-lightbox button { position:absolute; color:white; border:0; background:rgba(255,255,255,.08); font-size:38px }.lightbox-close { top:15px; right:20px; width:42px; height:42px }.lightbox-prev { left:20px }.lightbox-next { right:20px }

/* Report column/group tabs and presets */
.report-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:start; gap:14px }.report-config { position:sticky; top:70px; padding:0 16px 16px }.report-config-header { margin:0 -16px 14px; padding:16px; border-bottom:1px solid var(--border); background:color-mix(in srgb,var(--surface-2) 55%,var(--surface)) }.report-config-header div { display:flex; flex-direction:column; gap:3px }.report-config-header small { color:var(--muted); font-size:10px }.preset-bar,.report-option-tools { display:flex; align-items:center; gap:7px }.preset-bar { flex-wrap:wrap; padding-bottom:12px }.preset-bar select { min-width:0; flex:1 1 150px }.preset-bar select,.report-option-tools input { min-height:34px; padding:6px 8px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }.report-config-tabs { display:flex; border-bottom:1px solid var(--border) }.report-config-tabs button { flex:1; padding:9px 8px; color:var(--muted); border-radius:4px 4px 0 0 }.report-config-tabs button.active { color:var(--brand); border-bottom:2px solid var(--brand); background:var(--surface-2) }.report-config-tabs span { margin-left:4px; padding:1px 5px; border-radius:10px; background:var(--border); font-size:10px }.selected-report-options { max-height:245px; display:flex; flex-direction:column; gap:5px; padding:12px 4px 12px 0; overflow:auto; border-bottom:1px solid var(--border) }.selected-report-options>small { margin-bottom:2px; color:var(--muted); font-size:10px }.selected-report-option { min-height:34px; display:grid; grid-template-columns:18px minmax(0,1fr) 24px; align-items:center; gap:5px; padding:5px 5px 5px 8px; border:1px solid var(--border); border-radius:5px; background:var(--surface); font-size:12px; cursor:grab; box-shadow:0 1px 1px rgba(9,30,66,.05) }.selected-report-option:active { cursor:grabbing }.selected-report-option .drag-handle { color:var(--muted); letter-spacing:-3px }.selected-report-option button { padding:2px; color:var(--muted) }.report-option-tools { flex-wrap:wrap; padding:12px 0 }.report-option-tools input { width:100% }.report-options-list.vertical { grid-template-columns:1fr; max-height:calc(100vh - 520px); min-height:140px; overflow:auto; padding-right:6px }.report-options-list.vertical label { border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent) }.report-options-list.vertical label.selected { color:var(--brand); background:color-mix(in srgb,var(--brand) 5%,transparent) }.report-result { min-width:0 }.report-result .table-panel { max-height:65vh }
.report-layout { grid-template-columns:minmax(0,1fr) 400px; gap:20px }.report-config { padding:0 20px 20px }.report-config-header { margin:0 -20px 18px; padding:20px }.report-config-header small { margin-top:2px; font-size:11px }.report-config-tabs button { padding:12px 10px }.report-option-tools { gap:9px; padding:16px 0 12px }.report-option-tools input { min-height:40px }.report-options-list.vertical.unified { max-height:calc(100vh - 360px); min-height:260px; display:flex; flex-direction:column; gap:7px; padding:2px 6px 2px 0 }.report-options-list.vertical.unified label { min-height:43px; display:grid; grid-template-columns:20px 20px minmax(0,1fr); align-items:center; gap:8px; margin:0; padding:8px 10px; color:var(--muted); border:1px solid var(--border); border-radius:6px; background:var(--surface); font-size:13px; transition:border-color .15s,background .15s,opacity .15s }.report-options-list.vertical.unified label.selected { color:var(--text); border-color:color-mix(in srgb,var(--brand) 45%,var(--border)); background:color-mix(in srgb,var(--brand) 7%,var(--surface)); cursor:grab }.report-options-list.vertical.unified label.selected:active { cursor:grabbing }.report-options-list.vertical.unified label.dragging { opacity:.45 }.report-options-list.vertical.unified .drag-handle { color:var(--muted); letter-spacing:-3px }.report-options-list.vertical.unified .drag-handle.disabled { opacity:.2 }.report-options-list.vertical.unified input { margin:0 }

.category-priority-row label { display:flex; align-items:center; gap:6px; margin-left:auto; color:var(--muted); font-size:11px }.category-priority-row input { width:65px; padding:5px; color:var(--text); border:1px solid var(--border); border-radius:4px; background:var(--surface) }

@media(max-width:1100px){.report-layout{grid-template-columns:1fr}.report-config{position:static}.report-options-list.vertical{max-height:330px}}
@media(max-width:760px){.sidebar{width:232px}.sidebar.open .nav-label{display:flex}.sidebar.open .brand{justify-content:flex-start}.sidebar.open nav a{justify-content:flex-start}.sidebar-toggle{display:none}.workspace,.workspace.sidebar-expanded{width:100%;margin:0}.partner-browser{grid-template-columns:1fr}.partner-filters{position:static}.partner-table{max-height:none}.editable-field-row{grid-template-columns:85px minmax(0,1fr)}.image-lightbox{padding:55px 12px}.lightbox-prev{left:4px}.lightbox-next{right:4px}.preset-bar,.report-option-tools{flex-wrap:wrap;justify-content:flex-start}.report-option-tools input{width:100%}}
@media(max-width:760px){.partner-task-picker{grid-template-columns:1fr}.partner-task-picker>button{width:100%}}
@media(max-width:760px){.task-create-backdrop{padding:0}.task-create-dialog{width:100vw;max-height:100vh;height:100vh;border:0;border-radius:0}.task-create-layout{grid-template-columns:1fr}.task-create-layout>main,.task-create-layout>aside{padding:20px}.task-create-layout>aside{border-left:0;border-top:1px solid var(--border)}.deadline-fields{grid-template-columns:1fr 110px}}

/* Dashboard freshness and partner metric chart */
.dashboard-freshness { display:block; margin-top:10px; color:var(--muted)!important; font-size:11px!important; font-weight:500!important; letter-spacing:0!important; text-transform:none!important }.dashboard-freshness.incomplete { color:#974f0c!important }.dashboard-refresh-message { display:block; margin-top:5px; color:var(--brand)!important; font-size:11px!important; font-weight:500!important; letter-spacing:0!important; text-transform:none!important }.dashboard-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px }.dashboard-actions button { margin-left:0 }
.partner-metrics-chart { margin:0 }.partner-metrics-chart header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px }.partner-metrics-chart h3 { margin:0 0 5px; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.04em }.chart-legend,.chart-periods { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:11px }.chart-legend span { display:inline-flex; align-items:center; gap:4px }.chart-legend span::before { width:8px; height:8px; border-radius:50%; content:"" }.chart-legend .registrations::before,.chart-line.registrations,.chart-dot.registrations { color:#0c66e4; stroke:#0c66e4; fill:#0c66e4 }.chart-legend .first-deposits::before,.chart-line.first-deposits,.chart-dot.first-deposits { color:#216e4e; stroke:#216e4e; fill:#216e4e }.chart-periods { justify-content:flex-end }.chart-periods button { padding:4px 7px!important; color:var(--muted); font-size:11px }.chart-periods button.active { color:white!important; background:var(--brand)!important }.partner-metrics-chart svg { width:100%; height:auto; overflow:visible }.partner-metrics-chart text { fill:var(--muted); font-size:10px }.chart-grid { stroke:var(--border); stroke-width:1 }.chart-line { fill:none!important; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round }.chart-dot { stroke:var(--surface)!important; stroke-width:1.5 }.single-day-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:8px }.single-day-metrics div { display:flex; flex-direction:column; padding:12px; border-radius:6px; background:var(--surface-2) }.single-day-metrics small { color:var(--muted); font-size:11px }.single-day-metrics strong { margin-top:3px; font-size:22px }
@media(max-width:760px){.partner-metrics-chart header{flex-direction:column}.chart-periods{justify-content:flex-start}}

/* Global grouped search */
.global-search{position:relative}.global-search.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.global-search-results{position:absolute;z-index:60;top:calc(100% + 8px);left:0;width:min(520px,calc(100vw - 24px));max-height:440px;padding:7px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 14px 40px rgba(9,30,66,.24)}.global-search-results section+section{margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}.global-search-results header{display:flex;justify-content:space-between;padding:6px 8px;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.global-search-results header span{padding:1px 5px;border-radius:999px;background:var(--surface-2)}.global-search-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:9px 10px;border:0;border-radius:5px;color:var(--text);background:transparent;text-align:left}.global-search-results button:hover{background:var(--surface-2)}.global-search-results button small{margin-top:2px;color:var(--muted)}.global-search-empty{padding:18px;color:var(--muted);text-align:center;font-size:12px}

/* Partner filters and full-window card */
.mobile-filter-toggle{display:none}.jira-modal-header>div{display:flex;align-items:center;gap:4px}.window-toggle{font-size:19px!important}.jira-modal-backdrop.full-window{padding:0}.jira-modal-backdrop.full-window .jira-modal{width:100vw;height:100vh;max-width:none;max-height:none;border:0;border-radius:0}.partner-comments>header{display:flex;align-items:center;gap:8px}.partner-comments>header>span{color:var(--muted);font-size:11px}.partner-comments .comment-open-button{margin-left:auto;color:var(--brand)}.partner-comments .comment-form>div:last-child{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}

/* Dashboard drill-down and comparisons */
.metric-grid a.metric-card{color:inherit;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.metric-grid a.metric-card:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));transform:translateY(-1px);box-shadow:0 5px 14px rgba(9,30,66,.1)}.metric-trend{margin-top:auto!important;padding-top:6px;font-weight:650}.metric-trend.positive{color:#216e4e}.metric-trend.negative{color:#ae2a19}.metric-trend.neutral{color:var(--muted)}

/* Report filters */
.report-config-tabs button{min-width:0}.report-filter-list{display:flex;flex-direction:column;gap:13px;padding-top:16px}.report-filter-list label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.report-filter-list input,.report-filter-list select{width:100%;min-height:39px;padding:7px 9px;color:var(--text);border:1px solid var(--border);border-radius:5px;background:var(--surface)}.report-date-range{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-filter-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:5px}.report-partner-link{color:var(--brand);font-weight:650;text-decoration:none}.report-partner-link:hover{text-decoration:underline}

/* Sectioned settings */
.settings-nav{display:flex;gap:4px;margin:-7px 0 18px;padding:4px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.settings-nav a{padding:9px 13px;border-radius:5px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}.settings-nav a:hover{background:var(--surface-2)}.settings-nav a.active{color:white;background:var(--brand)}.settings-section{padding:22px}.settings-section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.settings-section>header p{margin:5px 0 0;color:var(--muted);font-size:13px}.settings-create-form{grid-template-columns:repeat(2,minmax(180px,1fr));padding:18px;margin:0 0 18px;background:var(--surface-2);border:0;border-radius:7px}.settings-create-form button{align-self:end;min-height:38px}.connection-list{display:flex;flex-direction:column;gap:10px;padding-top:18px}.connection-card{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;padding:15px;border:1px solid var(--border);border-radius:7px}.connection-main{display:flex;flex-direction:column}.connection-main small{margin-top:3px;color:var(--muted)}.connection-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.connection-actions button{border:1px solid var(--border);background:var(--surface)}.connection-actions button:disabled{opacity:.45;cursor:not-allowed}.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:20px}.directory-grid h3{margin:0 0 9px;font-size:14px}.settings-alert-page{margin-top:0}

@media(max-width:760px){.top-search{width:100%;min-width:0}.top-actions{flex:none}.global-search-results{position:fixed;top:55px;left:12px;right:12px;width:auto}.mobile-filter-toggle{width:100%;display:flex!important;align-items:center;justify-content:center;gap:7px;margin-bottom:10px!important;border:1px solid var(--border)!important;background:var(--surface)!important}.mobile-filter-toggle span{padding:1px 6px;border-radius:999px;color:white;background:var(--brand);font-size:10px}.partner-filters{display:none}.partner-filters.open{display:block}.partner-browser:has(.partner-filters:not(.open)){display:block}.partner-browser:has(.partner-filters:not(.open)) .partner-table-wrap{width:100%}.report-date-range,.directory-grid,.settings-create-form{grid-template-columns:1fr}.settings-section{padding:16px}.settings-section>header{flex-direction:column}.connection-card{grid-template-columns:1fr}.connection-card>.status{justify-self:start}.settings-nav{margin-top:-12px}}

/* Russian labels for status and priority codes */
.panel table .status,.task-card .priority{font-size:0}.panel table .status::after,.task-card .priority::after{font-size:11px}.panel table .status.succeeded::after{content:"Готово"}.panel table .status.failed::after{content:"Ошибка"}.panel table .status.running::after{content:"Выполняется"}.panel table .status.pending::after{content:"Ожидает"}.task-card .priority::after{font-size:10px}.task-card .priority-lowest::after{content:"Самый низкий"}.task-card .priority-low::after{content:"Низкий"}.task-card .priority-medium::after{content:"Средний"}.task-card .priority-high::after{content:"Высокий"}.task-card .priority-highest::after{content:"Критический"}

/* Large task deadline calendar */
.deadline-picker.large-calendar{position:relative}.deadline-date-trigger{width:100%;min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:10px 12px!important;border:1px solid var(--border)!important;background:var(--surface)!important;text-align:left}.deadline-date-trigger strong{font-size:13px}.deadline-date-trigger.empty strong{color:var(--muted);font-weight:500}.deadline-calendar-popover{position:absolute;z-index:80;top:54px;right:0;width:350px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 16px 42px rgba(9,30,66,.26)}.deadline-calendar-popover>header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:10px}.deadline-calendar-popover>header strong{text-align:center;text-transform:capitalize}.deadline-calendar-popover>header button{height:38px;font-size:23px}.deadline-weekdays,.deadline-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.deadline-weekdays span{padding:5px 0;color:var(--muted);text-align:center;font-size:11px;font-weight:700}.deadline-calendar-grid>span{min-height:40px}.deadline-calendar-grid button{width:100%;height:40px;padding:0!important;border-radius:7px!important;font-size:13px;font-weight:650}.deadline-calendar-grid button:hover{color:var(--brand);background:var(--surface-2)}.deadline-calendar-grid button.today{box-shadow:inset 0 0 0 1px var(--brand)}.deadline-calendar-grid button.selected{color:white!important;background:var(--brand)!important}.deadline-time-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px}.deadline-time-row label{max-width:130px}.deadline-time-row input{min-height:42px!important}.deadline-time-row small{padding-bottom:8px;color:var(--muted);font-size:10px}.deadline-picker.large-calendar .deadline-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.deadline-picker.large-calendar .deadline-presets button{border:1px solid var(--border);background:var(--surface)}

/* Partner extended filters and CRM traffic fields */
.partner-list-actions{justify-content:flex-end}.partner-text-filters label{flex-direction:column;align-items:flex-start!important;gap:4px!important;color:var(--muted);font-size:10px!important}.partner-text-filters input{width:100%;min-height:34px;padding:6px 8px;color:var(--text);border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:12px}.partner-text-filters>button{width:100%;margin-top:5px}.partner-filters{max-height:calc(100vh - 76px);overflow:auto}.partner-taxonomy .multi-picker{position:relative;margin:6px 0}.multi-picker summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid transparent;border-radius:5px;cursor:pointer;list-style:none;font-size:11px}.multi-picker summary::-webkit-details-marker{display:none}.multi-picker summary:hover,.multi-picker[open] summary{border-color:var(--border);background:var(--surface-2)}.multi-picker summary span{color:var(--muted)}.multi-picker summary strong{font-size:11px;font-weight:600}.multi-picker>div{max-height:240px;padding:7px;overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:0 6px 18px rgba(9,30,66,.12)}.multi-picker>div>input{width:100%;min-height:34px;margin-bottom:5px;padding:6px 8px;color:var(--text);border:1px solid var(--border);border-radius:4px;background:var(--surface)}.multi-picker label{display:flex;align-items:center;gap:7px;padding:6px;border-radius:4px;font-size:11px}.multi-picker label:hover{background:var(--surface-2)}.multi-picker label span{min-width:26px;color:var(--brand);font-weight:700}

/* Simple partner change diff and comments at the bottom */
.partner-card-modal .jira-main{display:flex;flex-direction:column}.partner-card-modal .partner-comments{order:50;margin-top:22px}.history-diff{display:flex;flex-direction:column;gap:6px;margin-top:9px}.history-diff>div{display:grid;grid-template-columns:130px minmax(90px,1fr) 18px minmax(90px,1fr);align-items:center;gap:7px;padding:7px 9px;border-radius:5px;background:var(--surface-2);font-size:11px}.history-diff>div>strong{font-size:11px}.diff-old{color:#ae2a19;text-decoration:line-through}.diff-arrow{color:var(--muted);text-align:center}.diff-new{color:#216e4e;font-weight:650}

@media(max-width:760px){.deadline-calendar-popover{position:fixed;top:72px;left:12px;right:12px;width:auto}.deadline-calendar-grid button{height:44px}.deadline-calendar-grid>span{min-height:44px}.history-diff>div{grid-template-columns:1fr 18px 1fr}.history-diff>div>strong{grid-column:1/-1}.partner-filters{max-height:none}}

.task-detail-deadline{display:flex;flex-direction:column;gap:7px;margin:12px 0;padding-top:12px;border-top:1px solid var(--border)}.task-detail-deadline>span{color:var(--muted);font-size:11px}.task-detail-deadline>.primary{align-self:flex-end;margin-top:2px}.task-detail-deadline .deadline-calendar-popover{right:0;width:350px}

.task-list-view{display:flex;flex-direction:column;gap:12px}.task-list-filters{display:flex;align-items:flex-end;gap:10px;padding:14px;overflow:visible}.task-list-filters>label{width:min(380px,100%);display:flex;flex-direction:column;gap:5px}.task-list-filters>label>span{color:var(--muted);font-size:11px;font-weight:650}.task-list-filters .partner-picker .inline-field{min-height:38px;border-color:var(--border);background:var(--surface)}.task-list-filters .partner-picker-results{z-index:30}.task-list-table{overflow:visible}.task-list-table table{display:table}.task-list-table .pagination{border-radius:0 0 8px 8px}@media(max-width:760px){.task-list-filters{align-items:stretch;flex-direction:column}.task-list-filters>label{width:100%}.task-list-table{overflow:auto}.task-list-table .pagination{position:sticky;left:0;min-width:360px}}

/* Extended partner table */
.partner-table table{min-width:1380px}.partner-table .number-column{text-align:right;white-space:nowrap}.partner-table .compact-list-cell{display:block;max-width:150px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.partner-table td.number-column strong{font-variant-numeric:tabular-nums}

/* Dashboard two-column overview */
.dashboard-overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:start;gap:18px}.dashboard-left-column{min-width:0;display:flex;flex-direction:column;gap:18px}.dashboard-indicators .panel-title>small,.dashboard-tasks .panel-title small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.dashboard-metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metric-row{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;color:var(--text);border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none}.dashboard-metric-row:nth-child(2n){border-right:0}.dashboard-metric-row:nth-last-child(-n+2){border-bottom:0}.dashboard-metric-row:hover{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.dashboard-metric-row>span{display:flex;flex-direction:column;gap:5px}.dashboard-metric-row small{color:var(--muted);font-size:11px;font-weight:650}.dashboard-metric-row b{color:var(--muted);font-size:10px;font-weight:550}.dashboard-metric-row>strong{font-size:24px;text-align:right;white-space:nowrap}.dashboard-metric-row>strong em{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-style:normal;font-weight:550}.dashboard-metric-row.bonus{background:color-mix(in srgb,#22a06b 6%,var(--surface))}.dashboard-chart-panel{padding:18px;overflow:visible}.dashboard-ftd-chart>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.dashboard-ftd-chart>header>div:first-child{display:flex;flex-direction:column;gap:3px}.dashboard-ftd-chart>header small{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-ftd-chart>header strong{font-size:25px}.dashboard-ftd-chart>header span{color:var(--muted);font-size:10px}.dashboard-ftd-chart svg{width:100%;height:auto;overflow:visible}.dashboard-ftd-chart svg text{fill:var(--muted);font-size:10px}.ftd-sum-line{fill:none;stroke:#22a06b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ftd-sum-area{fill:#22a06b;opacity:.09;stroke:none}.ftd-sum-dot{fill:#22a06b;stroke:var(--surface);stroke-width:2}.dashboard-single-ftd{display:flex;flex-direction:column;padding:24px;border-radius:7px;background:var(--surface-2)}.dashboard-single-ftd small{color:var(--muted)}.dashboard-single-ftd strong{margin-top:5px;font-size:28px}.dashboard-tasks{position:sticky;top:74px}.dashboard-tasks .panel-title{align-items:flex-start}.dashboard-task-list{display:flex;flex-direction:column}.dashboard-task-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 17px;color:var(--text);border-bottom:1px solid var(--border);text-decoration:none}.dashboard-task-row:last-child{border-bottom:0}.dashboard-task-row:hover{background:var(--surface-2)}.dashboard-task-row>div{min-width:0;display:flex;flex-direction:column;gap:4px}.dashboard-task-row strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.dashboard-task-row small{color:var(--muted);font-size:10px}.dashboard-task-row .dual-time{flex:none;color:var(--muted);font-size:10px}.task-period{width:max-content;padding:2px 6px;color:var(--brand);border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));font-size:9px;font-weight:750}.dashboard-empty-tasks{padding:30px;color:var(--muted);text-align:center;font-size:12px}.dashboard-imports{margin-top:18px}

@media(max-width:1050px){.dashboard-overview-grid{grid-template-columns:1fr}.dashboard-tasks{position:static}.dashboard-metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dashboard-metric-list{grid-template-columns:1fr}.dashboard-metric-row,.dashboard-metric-row:nth-child(2n),.dashboard-metric-row:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border)}.dashboard-metric-row:last-child{border-bottom:0}.dashboard-ftd-chart>header{flex-direction:column}.dashboard-task-row{flex-direction:column}.dashboard-task-row .dual-time{align-self:flex-start}}

.report-filter-list .report-relevance-filter{display:flex;flex-direction:row;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);cursor:pointer}.report-filter-list .report-relevance-filter input{width:16px;min-height:16px;margin-top:2px;accent-color:var(--brand)}.report-relevance-filter span{display:flex;flex-direction:column;gap:2px}.report-relevance-filter strong{color:var(--text);font-size:12px}.report-relevance-filter small{color:var(--muted);font-size:10px;line-height:1.35}

.player-range-import{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(140px,.65fr) minmax(160px,.75fr) 140px 140px auto;align-items:end;gap:12px;margin-bottom:14px;padding:16px;overflow:visible}.player-range-import-copy{align-self:center;display:flex;flex-direction:column;gap:3px}.player-range-import-copy small{color:var(--muted);font-size:11px;line-height:1.4}.player-range-import label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;font-weight:650}.player-range-import input,.player-range-import select{min-height:38px;padding:7px 9px;color:var(--text);border:1px solid var(--border);border-radius:5px;background:var(--surface)}.player-range-import button{min-height:38px}.partner-table table{min-width:1500px}@media(max-width:1100px){.player-range-import{grid-template-columns:1fr 1fr}.player-range-import-copy{grid-column:1/-1}}@media(max-width:620px){.player-range-import{grid-template-columns:1fr}}
