:root{--bg: oklch(.985 .004 90);--surface: oklch(1 0 0);--surface-2: oklch(.975 .004 90);--line: oklch(.91 .005 85);--line-soft: oklch(.945 .004 85);--ink: oklch(.2 .012 75);--ink-2: oklch(.38 .012 75);--ink-3: oklch(.55 .01 75);--ink-4: oklch(.72 .008 75);--accent: oklch(.42 .13 250);--accent-2: oklch(.95 .03 250);--role-client: oklch(.45 .12 250);--role-supplier: oklch(.55 .13 55);--role-employee: oklch(.34 .02 80);--st-open: oklch(.55 .01 75);--st-progress: oklch(.55 .13 55);--st-review: oklch(.5 .14 285);--st-verified: oklch(.5 .12 165);--st-closed: oklch(.45 .05 165);--risk-critical: oklch(.52 .16 25);--risk-major: oklch(.55 .13 55);--risk-minor: oklch(.55 .01 75);--radius: 6px;--radius-lg: 10px;--density-pad-row: 14px;--density-pad-cell: 12px;--font-ui: "Geist", "Helvetica Neue", Arial, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--shadow-panel: 0 1px 2px oklch(.2 .012 75 / .04), 0 8px 24px oklch(.2 .012 75 / .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);font-feature-settings:"cv11","ss01","ss03";background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100vh}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfcdca;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#afaeaa;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.login-wrap{height:100%;display:grid;grid-template-columns:1fr 1.1fr;background:var(--bg)}.login-left{padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--surface)}.login-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.login-mark{width:22px;height:22px;border-radius:5px;background:var(--ink);position:relative;display:inline-block}.login-mark:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.5px solid var(--bg);border-radius:2px;transform:rotate(45deg)}.login-form{max-width:380px;width:100%;align-self:center;margin:auto 0}.login-form h1{font-size:26px;font-weight:600;margin:0 0 6px;letter-spacing:-.018em}.login-form .sub{color:var(--ink-3);margin:0 0 28px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--ink-3);font-weight:500}.field input{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);outline:none;transition:border-color .12s,box-shadow .12s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #004f8a1f;box-shadow:0 0 0 3px oklch(.42 .13 250 / .12)}.login-error{background:#ffedeb;background:oklch(.96 .04 25);border:1px solid oklch(.88 .08 25);color:#7f2021;padding:8px 12px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.login-info{background:#eef6ff;background:oklch(.97 .025 250);border:1px solid oklch(.9 .05 250);color:#002f56;color:oklch(.3 .1 250);padding:8px 12px;border-radius:var(--radius);font-size:12.5px;margin-bottom:12px}.btn{height:38px;padding:0 16px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover{background:#080503}.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.55;cursor:not-allowed}.login-demo{margin-top:24px;padding-top:18px;border-top:1px dashed var(--line)}.login-demo .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);margin-bottom:8px}.demo-row{display:flex;flex-direction:column;gap:8px}.demo-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .12s,border-color .12s,box-shadow .12s;width:100%}.demo-account:hover{background:var(--surface-2);border-color:#bfb6aa;box-shadow:0 1px 2px #1915100f}.demo-account .demo-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.demo-account .avatar{flex-shrink:0}.demo-account .who{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-account .name{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-account .sub{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-account .go{flex-shrink:0;width:26px;height:26px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:background .12s,color .12s,border-color .12s,transform .12s}.demo-account:hover .go{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translate(2px)}.login-right{padding:48px 56px;background:linear-gradient(180deg,transparent 60%,oklch(.2 .012 75 / .04)),#f3f2ee;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(oklch(.2 .012 75 / .05) 1px,transparent 1px),linear-gradient(90deg,oklch(.2 .012 75 / .05) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);pointer-events:none}.login-right-inner{position:relative;max-width:520px}.login-right h2{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}.login-right p{color:var(--ink-2);font-size:15px;margin:0 0 28px;max-width:460px}.features{display:grid;grid-template-columns:1fr;gap:14px}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}.feature .ic{width:28px;height:28px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-2)}.feature h4{margin:0 0 2px;font-size:13.5px;font-weight:600}.feature p{margin:0;font-size:12.5px;color:var(--ink-3)}.login-footer{position:relative;font-size:12px;color:var(--ink-4);display:flex;justify-content:space-between}.app{height:100%;display:grid;grid-template-rows:52px 1fr;background:var(--bg)}.topbar{border-bottom:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:220px 1fr auto;align-items:center;padding:0 16px;gap:16px}.top-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.mark-sm{width:18px;height:18px;border-radius:4px;background:var(--ink);position:relative}.mark-sm:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1.2px solid var(--bg);border-radius:1.5px;transform:rotate(45deg)}.top-context{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:13px}.crumb-sep{color:var(--ink-4)}.crumb-strong{color:var(--ink);font-weight:500}.top-right{display:flex;align-items:center;gap:10px}.lang-pill{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:11.5px;font-family:var(--font-mono)}.lang-pill button{border:0;background:transparent;padding:3px 8px;border-radius:999px;cursor:pointer;color:var(--ink-3)}.lang-pill button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #19151014}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);cursor:pointer}.avatar{width:24px;height:24px;border-radius:999px;color:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.avatar.client{background:var(--role-client)}.avatar.supplier{background:var(--role-supplier)}.avatar.employee{background:var(--role-employee)}.user-chip .who{display:flex;flex-direction:column;line-height:1.1}.user-chip .name{font-size:12.5px;font-weight:500}.user-chip .role{font-size:11px;color:var(--ink-3)}.user-chip-btn{background:transparent;border:1px solid transparent;cursor:pointer;padding:4px 8px 4px 4px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font:inherit;color:inherit}.user-chip-btn:hover,.user-chip-btn.open{background:var(--surface-2);border-color:var(--line)}.user-chip-btn .who{display:flex;flex-direction:column;line-height:1.1;align-items:flex-start}.user-chip-btn .who .name{font-size:12.5px;font-weight:500}.user-chip-btn .who .role{font-size:11px;color:var(--ink-3)}.user-chip-btn .caret{color:var(--ink-3);font-size:10px;margin-left:2px}.user-popover{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #1915102e;z-index:1000;padding:6px;isolation:isolate}.user-popover .up-head{display:flex;align-items:center;gap:10px;padding:10px 10px 8px}.user-popover .up-name{font-size:13px;font-weight:600;color:var(--ink)}.user-popover .up-role{font-size:11.5px;color:var(--ink-3)}.user-popover .up-sep{height:1px;background:var(--line);margin:4px 0}.user-popover .up-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:0;cursor:pointer;font-size:13px;color:var(--ink);border-radius:5px;text-align:left}.user-popover .up-item:hover{background:var(--surface-2)}.user-popover .up-item .up-ic{color:var(--ink-3);width:14px;display:inline-block;text-align:center}.body{display:grid;grid-template-columns:220px 1fr;min-height:0}.sidebar{border-right:1px solid var(--line);background:var(--surface);padding:12px 8px;overflow:auto}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);padding:12px 10px 6px}.nav-item{width:100%;text-align:left;background:transparent;border:0;padding:7px 10px;border-radius:6px;cursor:pointer;color:var(--ink-2);display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;min-width:0}.nav-item>span:nth-child(2){min-width:0;display:flex;align-items:center}.nav-item .status-pill{width:max-content;max-width:none;white-space:nowrap}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:#f0eae3;color:var(--ink);font-weight:500}.nav-item .count{font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.nav-item.active .count{color:var(--ink-2)}.kpi-card{margin:16px 4px 0;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.kpi-card .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4)}.kpi-row{display:flex;gap:16px;margin-top:6px;align-items:baseline}.kpi-num{font-size:22px;font-weight:600;letter-spacing:-.02em;font-feature-settings:"tnum"}.kpi-delta{font-size:11.5px;color:var(--ink-3);font-family:var(--font-mono)}.main{overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-height:0}.main-head{padding:14px 22px 10px;border-bottom:1px solid var(--line-soft);background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:14px}.main-title{font-size:18px;font-weight:600;letter-spacing:-.015em;display:flex;align-items:baseline;gap:10px}.main-title .meta{font-size:12px;font-family:var(--font-mono);color:var(--ink-3);font-weight:400;letter-spacing:0}.filters{display:flex;align-items:center;gap:8px}.filter-chip{height:28px;padding:0 10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;font-size:12.5px;cursor:pointer;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.filter-chip:hover{background:var(--surface-2)}.filter-chip.active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.search-input{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);outline:none;width:220px;font-size:12.5px}.search-input:focus{border-color:var(--accent)}.sort-toggle{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:11.5px}.sort-toggle .lbl{color:var(--ink-3);padding:0 6px 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.sort-toggle .sort-opt{border:0;background:transparent;padding:3px 10px;border-radius:999px;cursor:pointer;color:var(--ink-3);font-size:12px}.sort-toggle .sort-opt.on{background:var(--ink);color:var(--bg)}.sort-toggle .sort-opt:not(.on):hover{color:var(--ink);background:var(--surface)}.msg-translate-bar{margin-top:6px;display:flex;align-items:center;gap:8px}.msg-translate-bar .tr-status{font-size:11.5px;color:var(--ink-3);font-style:italic}.msg-translate-bar .tr-toggle{background:transparent;border:1px dashed var(--line);color:var(--ink-3);border-radius:999px;padding:2px 10px;font-size:11px;cursor:pointer;font-family:inherit}.msg-translate-bar .tr-toggle:hover{color:var(--ink);border-color:var(--ink-3);border-style:solid}.tr-status{font-size:11.5px;color:var(--ink-3);font-style:italic;margin-top:4px}.list-wrap{overflow:auto}.item-row{display:grid;grid-template-columns:48px 100px minmax(240px,1fr) 110px 140px 90px;border-bottom:1px solid var(--line-soft);padding:var(--density-pad-row) 22px;cursor:pointer;align-items:center;gap:12px;min-width:0;background:transparent;transition:background .08s;width:100%;text-align:left;border-left:0;border-right:0;border-top:0}.item-row:hover{background:#f7f5f1}.item-row.selected{background:#f2ece4}.item-row .no{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-3)}.risk-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2);text-transform:lowercase;font-feature-settings:"tnum"}.risk-dot{width:7px;height:7px;border-radius:999px;background:var(--ink-4)}.risk-critical .risk-dot{background:var(--risk-critical)}.risk-major .risk-dot{background:var(--risk-major)}.risk-minor .risk-dot{background:var(--risk-minor)}.item-desc{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;min-width:0;word-break:break-word}.item-desc .sub{color:var(--ink-3);font-size:12.5px}.deadline{font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.deadline.overdue{color:#ac3031}.deadline .rel{font-size:11px;color:var(--ink-3);margin-left:4px}.deadline.overdue .rel{color:#ac3031}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;width:max-content;max-width:100%;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:500;background:#f3f2ee;color:var(--ink-2);border:1px solid var(--line)}.status-pill .sd{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.75;flex-shrink:0}.status-open{color:var(--st-open);background:#f7f5f1}.status-in_progress{color:var(--st-progress);background:#fff2ea;background:oklch(.97 .03 55);border-color:#fed4b9}.status-review{color:var(--st-review);background:#f4f4ff;background:oklch(.97 .03 285);border-color:#dadaff;border-color:oklch(.9 .06 285)}.status-verified{color:var(--st-verified);background:#dafbeb;border-color:#b3e5ce}.status-closed{color:var(--st-closed);background:#e6f6ee;border-color:#c0e0d1}.status-returned,.status-rejected{color:#940015;color:oklch(.42 .18 25);background:#ffedeb;background:oklch(.96 .04 25);border-color:#ffbab3;border-color:oklch(.85 .1 25);font-weight:600}.add-action-cta{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:center;width:100%;padding:16px 18px;border:1.5px dashed oklch(.78 .04 75);border-radius:8px;background:#fdf9f4;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.add-action-cta:hover{background:#faf4ec;border-color:var(--accent)}.add-action-cta .ic{width:36px;height:36px;border-radius:999px;background:var(--accent);color:var(--bg);display:grid;place-items:center;font-size:22px;font-weight:500;line-height:1}.add-action-cta .lbls{display:grid;gap:3px}.add-action-cta .ttl{font-size:14.5px;font-weight:600;color:var(--ink)}.add-action-cta .sub{font-size:12px;color:var(--ink-3);line-height:1.45}.comm-cell{display:flex;gap:6px;align-items:center;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}.badge-priv{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:10.5px;border-radius:4px;background:#e9eaf9;color:#433e7b;font-family:var(--font-mono);border:1px solid oklch(.88 .04 285)}.badge-priv.us{background:#edebe7;color:var(--ink-2);border-color:var(--line)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1915102e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fade .15s ease}.detail-panel{position:fixed;top:0;right:0;height:100vh;width:min(720px,90vw);background:var(--surface);box-shadow:var(--shadow-panel);z-index:51;display:grid;grid-template-rows:auto auto 1fr;animation:slide-in .2s cubic-bezier(.2,.7,.2,1)}.detail-panel-inner{display:grid;grid-template-rows:1fr auto;min-height:0;overflow:hidden}@keyframes slide-in{0%{transform:translate(20px);opacity:.5}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.detail-head{padding:18px 22px 12px;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.detail-no{font-family:var(--font-mono);color:var(--ink-3);font-size:12.5px}.detail-title{font-size:17px;font-weight:600;letter-spacing:-.012em;margin:4px 0 8px;line-height:1.35}.detail-meta{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--ink-3);flex-wrap:wrap}.detail-meta .dl{font-family:var(--font-mono)}.detail-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.detail-tabs{display:flex;gap:0;border-bottom:1px solid var(--line-soft);padding:0 22px;background:var(--surface);position:relative}.tab{background:transparent;border:0;padding:10px 14px 11px;cursor:pointer;color:var(--ink-3);font-size:13px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:8px;position:relative}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--ink)}.tab .badge{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-3);border-radius:999px;padding:0 7px;font-size:11px;font-family:var(--font-mono);height:18px;display:inline-flex;align-items:center}.tab.lock:before{content:"";width:10px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M5 7V5a3 3 0 1 1 6 0v2h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1zm1 0h4V5a2 2 0 1 0-4 0v2z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M5 7V5a3 3 0 1 1 6 0v2h1a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1zm1 0h4V5a2 2 0 1 0-4 0v2z'/></svg>") center/contain no-repeat}.detail-body{overflow:auto;padding:18px 22px 8px;display:grid;grid-template-rows:auto 1fr;min-height:0}.obs-block{margin:0 0 18px}.draft-badge{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:3px;background:#fef3c7;color:#92400e;border:1px solid #fcd34d;margin-right:8px;vertical-align:middle}.status-pill.status-draft{background:#fef3c7;color:#92400e;border-color:#fcd34d}.item-row.draft .item-desc{color:var(--ink-2)}.item-row.draft{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(252,211,77,.06) 8px 9px)}.draft-screen{padding:56px 36px 36px;max-width:560px;margin:0 auto;text-align:center}.draft-screen-icon{font-size:38px;margin-bottom:14px;opacity:.9}.draft-screen h3{font-size:20px;font-weight:600;margin:0 0 10px;color:var(--ink)}.draft-screen p{font-size:13.5px;line-height:1.55;color:var(--ink-2);margin:0 0 8px}.draft-screen p.muted{color:var(--ink-3);font-size:12.5px}.draft-screen-preview{margin:26px 0 28px;padding:16px 18px;background:#fffbeb;border:1px dashed #fcd34d;border-radius:8px;text-align:left}.draft-screen-preview .block-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#92400e;margin-bottom:6px}.draft-screen-preview .obs-text{font-size:14px;line-height:1.55;color:var(--ink)}.draft-screen-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.section-divider{position:relative;margin:22px 0 14px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--line)}.block-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);margin-bottom:6px}.obs-text{font-size:14px;color:var(--ink);white-space:pre-wrap;line-height:1.55}.obs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.obs-grid>div{min-width:0}.thread-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:12px;margin-bottom:12px}.thread-banner.priv-cu{background:#eef6ff;background:oklch(.97 .025 250);color:#002f56;color:oklch(.3 .1 250);border:1px solid oklch(.9 .05 250)}.thread-banner.priv-us{background:#f7f5f1;color:var(--ink-2);border:1px solid var(--line)}.thread{display:flex;flex-direction:column;gap:14px;padding-bottom:16px}.msg{display:grid;grid-template-columns:32px 1fr;gap:10px}.msg .av{width:28px;height:28px;font-size:11.5px;margin-top:2px}.msg-bubble{background:var(--surface);border:1px solid var(--line-soft);padding:10px 12px;border-radius:8px;min-width:0}.msg-bubble.priv{background:#f4f4fd99;border-color:#dbdbf8;border-style:dashed}.msg-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;font-size:12.5px}.msg-name{font-weight:600}.msg-role{color:var(--ink-3);font-size:11.5px}.msg-time{color:var(--ink-4);font-size:11px;font-family:var(--font-mono);margin-left:auto}.msg-vis-tag{font-size:10.5px;padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.msg-vis-tag.priv-cu{background:#ddedff;color:#003c6b;color:oklch(.35 .12 250)}.msg-vis-tag.priv-us{background:#edebe7;color:var(--ink-2)}.msg-text{font-size:13.5px;color:var(--ink);white-space:pre-wrap;line-height:1.5}.msg-system{font-style:italic;color:var(--ink-3)}.msg-attach{margin-top:8px;display:flex;gap:6px;padding:8px 10px;border:1px dashed var(--line);border-radius:6px;color:var(--ink-3);font-size:12px;align-items:center;background:var(--surface-2);width:fit-content}.msg-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.msg-att-image{display:block;width:140px;height:100px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);flex-shrink:0}.msg-att-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s}.msg-att-image:hover img{transform:scale(1.04)}.msg-att-file{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12.5px;color:var(--ink);text-decoration:none;max-width:320px}.msg-att-file:hover{background:var(--surface-2);border-color:#cfcdca}.msg-att-file .msg-att-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.msg-att-file .msg-att-size{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);flex-shrink:0}.composer-root{display:flex;flex-direction:column;gap:8px;position:relative;border-radius:8px;transition:box-shadow .15s,background .15s}.composer-root.drag-over{background:#e8f3ff8c;background:oklch(.96 .025 250 / .55);box-shadow:0 0 0 2px var(--accent) inset}.composer-root.drag-over:after{content:"Отпустите, чтобы прикрепить файл";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--accent);background:#e2f0ffd9;background:oklch(.95 .03 250 / .85);border:2px dashed var(--accent);border-radius:8px;pointer-events:none}.composer-hint{font-size:11px;color:var(--ink-4);margin-left:8px}.composer-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.composer-att{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px;max-width:280px}.composer-att.uploading{opacity:.6}.composer-att .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.composer-att .size{color:var(--ink-3);font-family:var(--font-mono);font-size:11px}.composer-att .rm{border:0;background:transparent;cursor:pointer;color:var(--ink-3);width:18px;height:18px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center}.composer-att .rm:hover{background:var(--surface);color:var(--ink)}.composer{border-top:1px solid var(--line-soft);padding:12px 22px 16px;background:var(--surface);display:grid;gap:8px}.channel-tabs{display:flex;gap:6px;align-items:center;font-size:12px}.channel-tabs .lbl{color:var(--ink-3);margin-right:6px}.channel-tabs button{height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-2);font-size:11.5px;display:inline-flex;align-items:center;gap:6px}.channel-tabs button:hover{background:var(--surface-2)}.channel-tabs button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.channel-tabs button.on.priv-cu{background:var(--role-client);border-color:var(--role-client)}.channel-tabs button.on.priv-us{background:#2b2a46;border-color:#2b2a46}.composer textarea{border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:70px;background:var(--surface);resize:vertical;outline:none;font-size:13.5px;line-height:1.5}.composer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #004f8a1a;box-shadow:0 0 0 3px oklch(.42 .13 250 / .1)}.composer-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-row .left{display:flex;gap:6px}.status-bar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface-2);margin-bottom:16px}.status-bar .lbl{font-size:12px;color:var(--ink-3)}.status-options{display:flex;gap:6px;flex-wrap:nowrap}.status-opt{white-space:nowrap;border:1px solid var(--line);background:var(--surface);padding:4px 10px;border-radius:999px;cursor:pointer;font-size:12px;color:var(--ink-2)}.status-opt:hover:not(:disabled){background:#f3f2ee}.status-opt.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}.status-opt:disabled{opacity:.45;cursor:not-allowed}.general-wrap{padding:16px 22px 24px;overflow:auto;height:100%}.general-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:880px;margin:0 auto;display:grid;grid-template-rows:auto auto 1fr auto;min-height:calc(100vh - 140px)}.general-card .head{padding:16px 18px 12px;border-bottom:1px solid var(--line-soft)}.general-card .head h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.general-card .head p{margin:4px 0 0;font-size:12.5px;color:var(--ink-3)}.general-card .channel-tabs-row{padding:10px 18px;border-bottom:1px solid var(--line-soft)}.general-card .thread-area{padding:16px 18px;overflow:auto}.general-card .composer{border-top:1px solid var(--line-soft);padding:12px 18px 16px}.empty{text-align:center;color:var(--ink-3);padding:40px 16px;font-size:13px}.empty h4{margin:0 0 6px;color:var(--ink);font-weight:600}.picker-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg)}.picker-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:720px;width:100%;padding:28px 30px;box-shadow:var(--shadow-panel)}.picker-card h2{font-size:22px;font-weight:600;margin:0 0 6px;letter-spacing:-.015em}.picker-card .sub{color:var(--ink-3);margin:0 0 22px;font-size:13.5px}.audit-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--surface);margin-bottom:8px;transition:background .12s,border-color .12s;text-align:left;width:100%}.audit-row:hover{background:var(--surface-2);border-color:#cfcdca}.audit-row .ttl{font-weight:600;font-size:15px;margin:0 0 4px}.audit-row .meta{font-size:12.5px;color:var(--ink-3)}.audit-row .role-pill{font-size:11px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-family:var(--font-mono)}@media(max-width:1280px){.item-row{grid-template-columns:44px 90px minmax(220px,1fr) 110px 80px}.item-row .deadline{display:none}}.mobile-nav-btn,.mobile-nav-close,.sidebar-backdrop{display:none}@media(max-width:900px){html,body,#root{width:100%;overflow-x:hidden}.app{overflow-x:hidden}.login-wrap{grid-template-columns:1fr}.login-right{display:none}.login-left{padding:28px 22px}.login-form h1{font-size:24px}.topbar{grid-template-columns:auto 1fr auto;padding:0 8px;gap:6px;min-height:52px}.topbar .top-context{display:none}.top-right{gap:4px}.lang-pill button{padding:3px 7px;font-size:10.5px}.user-chip-btn{padding:3px 8px 3px 3px}.user-chip-btn .who,.user-chip-btn .caret{display:none}.top-brand{gap:6px;min-width:0}.top-brand>span:not(.mark-sm):not(.mobile-nav-btn){font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:18px;color:var(--ink);padding:0;flex-shrink:0}.mobile-nav-btn:hover{background:var(--surface-2)}.body{grid-template-columns:1fr;position:relative}.sidebar{position:fixed;top:52px;bottom:0;left:0;width:280px;max-width:86vw;z-index:60;transform:translate(-110%);transition:transform .22s cubic-bezier(.2,.7,.2,1);box-shadow:4px 0 24px #1915102e;padding-top:32px}.mobile-nav-open .sidebar{transform:translate(0)}.mobile-nav-close{display:inline-flex;position:absolute;top:8px;right:8px;width:26px;height:26px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--surface);border-radius:999px;cursor:pointer;color:var(--ink-2);font-size:12px;padding:0}.sidebar-backdrop{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#19151066;z-index:59;opacity:0;pointer-events:none;transition:opacity .18s}.mobile-nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main{width:100%;min-width:0}.main-head{padding:10px 12px;gap:8px;flex-wrap:wrap;align-items:stretch}.main-title{font-size:16px;flex:1 1 100%}.main-title .meta{font-size:11.5px}.filters{width:100%;flex-wrap:wrap;gap:6px}.filters>.btn{order:-1}.search-input{width:100%;flex:1 1 100%;order:99}.sort-toggle .lbl{display:none}.sort-toggle{padding:2px}.sort-toggle .sort-opt{padding:3px 9px}.filter-chip{white-space:nowrap}.item-row{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:"no   risk    status" "desc desc    desc" "meta meta    comm";column-gap:10px;row-gap:4px;padding:12px 14px;width:100%;min-width:0}.item-row .no{grid-area:no;font-size:11.5px}.item-row .risk-tag{grid-area:risk;font-size:10.5px;padding:1px 0}.item-row .item-desc{grid-area:desc;width:100%;font-size:14px;font-weight:500;line-height:1.4;-webkit-line-clamp:3;margin-top:2px}.item-row .status-pill{grid-area:status;justify-self:end}.item-row .deadline{grid-area:meta;display:inline-flex!important;align-items:center;font-size:11px;color:var(--ink-3);margin-top:2px}.item-row .deadline .rel{display:none}.item-row .comm-cell{grid-area:comm;justify-self:end;font-size:11.5px;color:var(--ink-3)}.detail-panel{width:100vw!important;max-width:100vw;height:100vh;height:100dvh;display:block!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.detail-head{padding:12px 14px 8px;grid-template-columns:1fr auto;gap:8px}.detail-panel-inner,.detail-body{display:block;overflow:visible;min-height:0}.detail-panel-inner>.composer{position:static}.detail-title{font-size:15px;line-height:1.3}.detail-meta{gap:10px;font-size:11.5px}.detail-body{padding:12px 14px 6px}.detail-tabs{padding:0 10px;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-tabs::-webkit-scrollbar{display:none}.tab{padding:9px 10px 10px;font-size:12.5px;flex-shrink:0}.status-bar{padding:10px 12px;flex-wrap:wrap;gap:8px}.status-options{flex-wrap:wrap;gap:4px}.status-opt{font-size:11px;padding:3px 9px}.composer{padding:10px 14px 12px}.composer textarea{min-height:60px;font-size:16px}.composer-row{flex-wrap:wrap;gap:8px}.composer-hint{display:none}.channel-tabs{flex-wrap:wrap;gap:4px}.channel-tabs button{font-size:11px;padding:4px 9px}.msg{grid-template-columns:28px 1fr;gap:8px}.msg .av{width:26px;height:26px;font-size:11px}.msg-bubble{padding:8px 10px;font-size:13px}.msg-att-image{width:100px;height:80px}.general-wrap{padding:0}.general-card{border:0;border-radius:0;max-width:none;min-height:calc(100vh - 52px)}.general-card .head{padding:12px 14px}.general-card .channel-tabs-row{padding:8px 14px}.general-card .thread-area{padding:12px 14px}.kpi-card{margin:12px 6px}.obs-grid,.features{grid-template-columns:1fr}}@media(max-width:520px){.topbar{padding:0 6px}.top-brand>span:not(.mark-sm):not(.mobile-nav-btn){display:none}.lang-pill{padding:2px}.lang-pill button{padding:3px 6px;font-size:10px}.item-row{padding:11px 12px}.item-row .item-desc{font-size:13.5px}.main-head{padding:8px 10px}.filter-chip{font-size:11.5px;height:26px;padding:0 8px}.sort-toggle .sort-opt{font-size:11px;padding:2px 8px}}