.demo-app{grid-template-columns:224px minmax(0,1fr);min-height:800px;font-family:'Segoe UI',sans-serif;background:#e9f0eb}.demo-app aside{background:#223129;color:#dde5de;padding:20px 12px}.demo-brand{padding:0 10px;color:white}.demo-brand .mark{background:#467158;color:white}.workspace-label{color:#92a198;margin:20px 12px 6px}.nav-section{color:#a8b9ae;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:17px 12px 6px}.demo-app button[role=tab]{color:#dde5de;padding:9px 14px;border-radius:16px;font-size:14px;min-height:36px;margin:2px 0}.demo-app button[role=tab][aria-selected=true]{background:#476b57;color:white}.demo-app button[role=tab]:hover{background:#2d4036}.nav-footer{margin-top:20px;border-top:1px solid #4c5e51;padding-top:12px}.nav-footer button{display:block;width:100%;background:transparent;border:0;color:#dde5de;text-align:left;padding:10px 14px;font-size:14px;border-radius:16px}.nav-footer button:hover{background:#476b57}.demo-label{color:#dde5de}.demo-label small{color:#a8b9ae}.demo-content{padding:25px;overflow:hidden}.demo-head h3{font-family:'Segoe UI',sans-serif;letter-spacing:0;font-size:26px}.demo-content table{background:#dcebe0;font-size:14px;white-space:nowrap}.demo-content th{background:#223129;color:white;font-size:13px;padding:13px 12px}.demo-content td{border-color:#bfd2c5}.crm-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:#f7faf8;padding:14px;margin-bottom:20px;border-radius:8px}.crm-toolbar button,.demo-content>button,.demo-content #demo-body>button,.management-actions button,.crm-form button{background:#dde8e0;color:#17231b;border:0;border-radius:18px;padding:9px 14px;font-size:14px}.crm-toolbar .crm-primary,.crm-form .crm-primary{background:#467158;color:white}.crm-toolbar label,.kanban label{font-size:12px;display:flex;flex-direction:column;gap:4px}.crm-toolbar input,.crm-toolbar select,.demo-content select,.crm-form input,.crm-form select{background:#e3eee6;border:1px solid #b9cebf;border-radius:5px;padding:8px;font:14px 'Segoe UI',sans-serif;color:#17231b;max-width:100%;min-height:36px}.crm-search{flex:1;min-width:170px}.crm-description{font-size:15px;color:#526158;margin-bottom:20px}.crm-hint{font-size:13px;color:#526158;margin:12px 0}.crm-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f7faf8;padding:20px;border-radius:8px;margin-bottom:20px}.crm-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;margin:0;min-width:0}.crm-form label:has(textarea){grid-column:1/-1}.crm-form textarea{background:#e3eee6;min-height:120px}.crm-form button{justify-self:start;align-self:end}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.kpi-grid>div{background:#f7faf8;padding:18px;border-radius:8px}.kpi-grid strong{display:block;font-size:28px}.kpi-grid small{font-size:14px;color:#526158}.kanban{display:grid;grid-template-columns:repeat(5,230px);gap:12px;overflow:auto;padding-bottom:16px}.kanban-column{background:#dde8e0;border-radius:7px;padding:12px}.kanban h4{font-size:14px;margin:0 0 15px}.kanban h4 small{float:right}.kanban article{background:#f7faf8;padding:13px;margin-bottom:12px;border-radius:6px;box-shadow:0 2px 5px #17231b08}.kanban article>button{border:0;padding:0;text-align:left;background:none;color:#17231b;font-size:14px}.kanban article p{font-size:14px;margin:6px 0}.kanban article small{font-size:12px;color:#526158;display:block;margin-bottom:12px}.management-actions{display:flex;flex-wrap:wrap;gap:12px}.agent-conversation{background:#e3eee6;border:1px solid #bfd2c5;border-radius:8px;padding:20px;min-height:220px;max-height:400px;overflow:auto;margin-bottom:20px}.agent-conversation p{margin:0 0 12px;white-space:pre-wrap}.demo-status{font-size:13px}.demo-app #template-preview{white-space:pre-wrap;padding:20px;margin-top:15px;background:#f7faf8;border-radius:8px}.demo-app #template-preview:empty{display:none}dialog .crm-form{padding:0}dialog .eyebrow{margin-bottom:16px}.demo-app .table-scroll{max-height:570px}.demo-app button:focus-visible,.demo-app select:focus-visible{outline:3px solid #97b879;outline-offset:2px}
@media(max-width:760px){.demo-app{grid-template-columns:1fr;min-height:0}.demo-app aside{padding:14px}.demo-app #demo-nav{display:block;max-height:240px;overflow:auto;column-count:2;column-gap:14px}.demo-app button[role=tab]{justify-content:start;font-size:14px;text-align:left;break-inside:avoid}.nav-section{break-after:avoid;margin-top:10px}.nav-footer{display:flex;gap:10px;margin-top:10px}.nav-footer button{font-size:14px;width:auto}.demo-content{padding:20px 14px}.crm-form{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.demo-app table{font-size:14px}.demo-app .table-scroll{max-height:440px}.demo-app .demo-status{font-size:13px}.demo-app aside .demo-label{display:none}}
.completed-total{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;background:#f7faf8;border-left:4px solid #467158;border-radius:8px;padding:20px;margin:20px 0}.completed-total strong{font-size:28px}.completed-total small{flex-basis:100%;color:#526158;font-size:13px}.demo-content h4{margin:24px 0 12px}
.app-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.app-kpis>div{padding:14px 12px;border-radius:0}.app-kpis small{text-transform:uppercase;font-size:12px;font-weight:700}.app-kpis strong{font-size:24px;white-space:nowrap}.dashboard-panel{background:#f7faf8;padding:16px 18px;margin-top:14px}.dashboard-panel h4{margin:0 0 12px}.dashboard-panel tbody tr:nth-child(even){background:#e3eee6}@media(max-width:1100px){.app-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.app-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kanban-column{background:var(--job-bg);border:2px solid transparent;min-height:300px}.kanban-column h4{color:var(--job-header)}.kanban-column h4 small{background:var(--job-soft);padding:2px 8px}.kanban-column article{background:#fff;border-radius:0;border-top:4px solid var(--job-accent);padding:12px;cursor:grab}.job-drag-area{touch-action:none;user-select:none}.job-drag-area strong{font-size:14px}.job-drag-area p{color:#526158;margin:4px 0}.job-employee{margin-top:10px}.job-actions{display:flex;gap:6px;margin-top:10px}.job-actions button{border:0;border-radius:16px;background:#dde8e0;color:#17231b;padding:7px 12px;font-size:14px}.job-actions button:disabled{opacity:.4;cursor:default}.kanban-column.drop-target{border-color:var(--job-accent);box-shadow:inset 0 0 0 2px var(--job-soft)}.kanban-column article.dragging{opacity:.45;cursor:grabbing}