/* Illustrative screens use the actual OGNIWO CRM palette. */
.ogx{--ogx-ink:#26312a;--ogx-paper:#f5f6f1;--ogx-line:#dce3d5;--ogx-green:#546846;--ogx-orange:#f36d32;color:var(--ogx-ink);background:var(--ogx-paper);border:1px solid #c8d0c0;border-radius:14px;overflow:hidden;margin:36px 0;box-shadow:0 18px 60px #26312a10;text-align:left;font-size:14px;line-height:1.5;isolation:isolate}
.ogx *{box-sizing:border-box}.ogx [hidden]{display:none!important}
.ogx .ogx-top{display:flex;align-items:center;gap:22px;padding:17px 22px;background:#fffefa;border-bottom:1px solid var(--ogx-line)}
.ogx .ogx-top>strong{font-size:20px;letter-spacing:.08em;white-space:nowrap}.ogx-top>strong>span{color:#d6a642;font-size:13px}.ogx .ogx-top>p{margin:0;color:#65705e;font-size:12px;line-height:1.4}.ogx .ogx-avatar{margin-left:auto;display:flex;width:32px;height:32px;border-radius:50%;background:#e7eddf;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.ogx-layout{display:grid;grid-template-columns:190px minmax(0,1fr)}
.ogx .ogx-nav{background:#252e27;padding:20px 10px;display:flex;flex-direction:column;gap:7px;align-items:stretch;justify-content:flex-start;min-width:0}
.ogx .ogx-nav>button{display:block;text-align:left;min-height:44px;padding:12px 13px;border:1px solid transparent;background:transparent;color:#dce4d5;border-radius:6px;font:inherit;font-size:13px;line-height:1.3;cursor:pointer;white-space:normal}
.ogx .ogx-nav>button[aria-selected=true]{background:#edf1e7;color:#34422f;border-left:3px solid var(--ogx-orange);font-weight:650}
.ogx .ogx-nav>button:hover{background:#3e4a3e;color:white}.ogx .ogx-nav>button:focus-visible{outline:3px solid #f1b68b;outline-offset:1px}
.ogx-content{min-width:0;padding:26px}.ogx-content>[role=tabpanel]{outline-offset:-3px}.ogx .ogx-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}
.ogx .ogx-panel-head p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#66715f;margin:0 0 8px}
.ogx .ogx-panel-head h3{font-size:25px;line-height:1.15;margin:0 0 9px;letter-spacing:-.025em;color:#283229;max-width:none}
.ogx .ogx-panel-head div>span{font-size:13px;color:#66715f}.ogx .ogx-period{flex-shrink:0;border:1px solid var(--ogx-line);border-radius:5px;padding:6px 9px;font-size:10px;color:#626d5e}
.ogx .ogx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.ogx .ogx-metrics>div{padding:18px;border:1px solid var(--ogx-line);background:#fffefa;border-radius:10px;display:flex;flex-direction:column;gap:8px}
.ogx .ogx-metrics span{font-size:11px;color:#616d57;line-height:1.3}.ogx .ogx-metrics strong{font-size:27px;line-height:1.2;letter-spacing:-.03em;color:#34462d}.ogx .ogx-metrics small{font-size:10px;color:#6b7466;line-height:1.4}
.ogx .ogx-two{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}
.ogx .ogx-box{border:1px solid var(--ogx-line);border-radius:10px;padding:20px;background:#fffefa;margin-bottom:20px;min-width:0}
.ogx h4{font-size:15px;line-height:1.35;color:#35412e;margin:0 0 16px}.ogx p{font-size:13px;line-height:1.55;color:#5b6752;margin:10px 0}.ogx .ogx-legend{font-size:10px}.ogx svg{display:block;width:100%;height:auto}
.ogx .ogx-feed{padding:0;margin:0;list-style:none}.ogx .ogx-feed>li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf0e8}.ogx .ogx-feed>li:last-child{border-bottom:0}.ogx-feed strong{font-size:12px;line-height:1.35;display:block}.ogx .ogx-feed p{font-size:11px;line-height:1.5;margin:5px 0}.ogx-dot{width:8px;height:8px;background:#789166;border-radius:50%;flex-shrink:0;margin-top:5px}
.ogx .ogx-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--ogx-line);background:#fffefa;border-radius:10px;margin:18px 0}.ogx table{border-collapse:collapse;width:100%;min-width:540px;text-align:left;margin:0;background:transparent}
.ogx th{font-size:10px;font-weight:600;background:#edf1e7;color:#5c6954;padding:13px 14px;white-space:nowrap}.ogx td{padding:16px 14px;font-size:12px;border-top:1px solid #e5eadf;color:#34402e;line-height:1.4}
.ogx .ogx-badge{font-size:10px;line-height:1.4;display:inline-block;background:#edf2e6;border:1px solid #dfe7d4;color:#516746;padding:5px 8px;border-radius:5px;white-space:normal}
.ogx .ogx-chips{display:flex;flex-wrap:wrap;gap:10px}.ogx .ogx-chips>span{border:1px solid #dbe3d3;background:#f2f5ec;padding:10px 12px;border-radius:6px;font-size:11px}
.ogx .ogx-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ogx-kanban>section{min-width:0;border:1px solid var(--ogx-line);background:#eef2e8;border-radius:9px;padding:13px}.ogx-kanban h4{font-size:12px;display:flex;justify-content:space-between;gap:10px}.ogx-kanban h4 span{color:#7b886f}.ogx-kanban article{background:#fffefa;border:1px solid var(--ogx-line);border-radius:7px;padding:14px;margin:12px 0}.ogx-kanban small{font-size:10px;color:#7a876d;display:block;margin-bottom:10px}.ogx-kanban strong{font-size:13px;display:block;line-height:1.4}.ogx .ogx-kanban p{font-size:10px;margin-top:14px}
.ogx .ogx-voice{background:#fffefa;border:1px solid var(--ogx-line);border-radius:12px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.ogx .ogx-wave{font-size:28px;color:#778f63;letter-spacing:4px;max-width:100%;overflow:hidden;white-space:nowrap}.ogx-voice>strong{margin-top:16px}
.ogx button[data-ogx-action]{font:inherit;font-size:12px;font-weight:600;border:0;border-radius:6px;background:#e45e29;color:white;padding:12px 16px;min-height:44px;margin-top:12px;cursor:pointer;text-align:left;line-height:1.4}
.ogx button[data-ogx-action]:hover{background:#c84b1b}.ogx button[data-ogx-action]:focus-visible{outline:3px solid #34552c;outline-offset:3px}
.ogx .ogx-status{font-size:11px;color:#637457;margin:18px 0 0;min-height:1.5em}.ogx .ogx-rule-builder{max-width:580px;margin:auto}.ogx-rule-builder>.ogx-box{margin:8px 0}.ogx-rule-builder>span{display:block;text-align:center;color:#6e825b}.ogx .ogx-chat{padding:16px;border-radius:8px;background:#edf2e7;color:#33422b}
.ogx .ogx-foot{font-size:10px;color:#65705e;border-top:1px solid var(--ogx-line);padding:12px 22px;background:#fffefa}
.case-modes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.case-modes>article{border:1px solid #c8d7d2;border-radius:14px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;background:#fff}.case-modes>article:last-child{background:#edf3ef}.case-modes h3{font-size:26px;line-height:1.2;margin:12px 0 20px}.case-modes p{line-height:1.65}.case-modes .g-button{margin-top:auto;white-space:normal}
@media(max-width:1100px){.ogx-layout{grid-template-columns:155px minmax(0,1fr)}.ogx-content{padding:20px}.ogx .ogx-period{display:none}.ogx .ogx-metrics strong{font-size:24px}.ogx .ogx-two{grid-template-columns:1fr}.ogx .ogx-nav>button{font-size:12px}.ogx .ogx-kanban{gap:10px}.ogx-kanban>section{padding:10px}.ogx-kanban article{padding:10px}}
@media(max-width:760px){.ogx-layout{display:block}.ogx .ogx-nav{flex-direction:row;overflow-x:auto;gap:7px;padding:10px;scrollbar-width:thin}.ogx .ogx-nav>button{flex:0 0 auto;max-width:180px;border-left:1px solid transparent;white-space:nowrap}.ogx .ogx-nav>button[aria-selected=true]{border-left:1px solid transparent;border-bottom:3px solid var(--ogx-orange)}.ogx .ogx-top{padding:14px;gap:12px}.ogx .ogx-top>strong{font-size:16px}.ogx .ogx-top>p{font-size:10px}.ogx .ogx-avatar{display:none}.ogx-content{padding:16px}.ogx .ogx-panel-head h3{font-size:23px}.ogx .ogx-panel-head div>span{font-size:12px}.ogx .ogx-metrics{gap:8px}.ogx .ogx-metrics>div{padding:12px 9px}.ogx .ogx-metrics strong{font-size:19px}.ogx .ogx-metrics span{font-size:10px}.ogx .ogx-metrics small{font-size:9px}.ogx .ogx-box{padding:16px}.ogx .ogx-kanban{grid-template-columns:1fr}.ogx .ogx-voice{padding:18px}.ogx .ogx-foot{font-size:9px;padding:12px 15px}.case-modes{grid-template-columns:1fr;gap:18px}.case-modes>article{padding:24px}.case-modes h3{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.ogx [role=tabpanel]{animation:ogx-appear .18s ease}@keyframes ogx-appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}}
.case-modes a.g-button{color:#fff!important;background:#185b61;text-decoration:none!important;line-height:1.4}.case-modes a.g-button:hover{background:#10494e}