.ai-page{max-width:1220px;margin:0 auto;padding:28px 28px 64px;color:#142033}
.ai-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.ai-header h2{margin:3px 0 5px;font-size:26px;letter-spacing:0}.ai-header p,.ai-config-heading p{margin:0;color:#64748b;font-size:13px}
.ai-eyebrow{color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}
.ai-header-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-primary{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}
.ai-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}
.ai-kpi{min-height:76px;border:1px solid #dce5ef;background:#fff;border-radius:7px;padding:11px;display:flex;align-items:center;gap:9px;text-align:left;color:#64748b;cursor:pointer}
.ai-kpi:hover,.ai-kpi.active{border-color:#0f766e;background:#f0fdfa}.ai-kpi i{width:25px;height:25px;border-radius:6px;background:#edf5f8;display:grid;place-items:center;color:#0f766e}
.ai-kpi span{display:flex;min-width:0;flex-direction:column}.ai-kpi strong{font-size:20px;color:#142033;line-height:1.1}.ai-kpi small{font-size:10px;line-height:1.25;margin-top:4px}
.ai-filter-band{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(6,minmax(120px,1fr)) auto;gap:10px;align-items:end;background:#f7fafc;border:1px solid #dce5ef;border-radius:7px;padding:14px;margin-bottom:14px}
.ai-filter-band label,.ai-form-grid label{display:flex;min-width:0;flex-direction:column;gap:5px}.ai-filter-band label>span,.ai-form-grid label>span{font-size:10px;font-weight:800;color:#66758a;text-transform:uppercase}
.ai-filter-band input,.ai-filter-band select,.ai-form-grid input,.ai-form-grid select,.ai-form-grid textarea{width:100%;min-height:38px;border:1px solid #cfdbe8;border-radius:6px;background:#fff;padding:8px 10px;color:#1f2937;font:inherit;font-size:12px}
.ai-search>div{position:relative}.ai-search i{position:absolute;left:11px;top:12px;color:#94a3b8}.ai-search input{padding-left:32px}
.ai-filter-actions{display:flex;gap:7px}.ai-icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cfdbe8;border-radius:6px;background:#fff;color:#526277;cursor:pointer}.ai-icon-button:hover{border-color:#0f766e;color:#0f766e}
.ai-register{border:1px solid #dce5ef;border-radius:7px;background:#fff;overflow:hidden}.ai-register-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #e7edf4}
.ai-register-heading h3,.ai-config-heading h3{margin:0 0 3px;font-size:15px}.ai-register-heading p{margin:0;color:#64748b;font-size:11px;text-transform:capitalize}
.ai-table-scroll{overflow:auto}.ai-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.ai-table th{padding:10px 11px;background:#f7fafc;color:#64748b;text-transform:uppercase;font-size:9px;text-align:left}
.ai-table th:nth-child(1){width:22%}.ai-table th:nth-child(2){width:10%}.ai-table th:nth-child(3){width:13%}.ai-table th:nth-child(4){width:14%}.ai-table th:nth-child(5){width:12%}.ai-table th:nth-child(6){width:12%}.ai-table th:nth-child(7){width:9%}.ai-table th:nth-child(8){width:8%}
.ai-table td{padding:11px;border-top:1px solid #e8eef5;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.ai-table tr.overdue{background:#fffafa}.ai-table td small{display:block;color:#8492a6;font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ai-action-link{border:0;background:none;padding:0;color:#1458c0;font-weight:700;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-action-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chip,.ai-priority{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:700;color:var(--chip);background:color-mix(in srgb,var(--chip) 10%,white);white-space:nowrap}
.ai-priority{color:var(--priority);background:color-mix(in srgb,var(--priority) 10%,white)}.ai-due small{color:#dc2626!important;font-weight:700}.ai-inline-select{width:100%;height:30px;border:1px solid #d5dfeb;border-radius:5px;background:#fff;font-size:11px}
.ai-row-actions{display:flex;gap:4px}.ai-row-actions button{width:28px;height:28px;border:1px solid #d5dfeb;border-radius:5px;background:#fff;color:#526277;cursor:pointer}.ai-row-actions button:hover{color:#0f766e;border-color:#0f766e}
.ai-pagination{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-top:1px solid #e8eef5;color:#64748b;font-size:11px}.ai-pagination div{display:flex;align-items:center;gap:7px}.ai-pagination button{width:30px;height:28px;border:1px solid #d5dfeb;border-radius:5px;background:#fff;color:#526277}.ai-pagination button:disabled{opacity:.4}
.ai-empty,.ai-loading{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#64748b}.ai-empty i,.ai-loading i{font-size:25px;color:#0f766e}.ai-empty strong{color:#142033}.ai-empty span{font-size:12px}.ai-inline-loading{padding:48px;text-align:center;color:#64748b}
.ai-dialog{width:min(760px,94vw)}.ai-dialog header{display:flex;justify-content:space-between;align-items:flex-start}.ai-dialog header h3{margin:0 0 4px}.ai-dialog header p{margin:0;color:#64748b;font-size:12px}.ai-dialog-body{padding:18px 0}.ai-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ai-form-grid .wide{grid-column:1/-1}.ai-form-grid textarea{min-height:90px;resize:vertical}.ai-dialog footer{display:flex;justify-content:flex-end;gap:8px}
.ai-legacy-return{display:flex;align-items:center;gap:12px;max-width:1070px;margin:18px auto 0;color:#64748b;font-size:12px}.ai-config-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ai-config-table{min-width:1050px}
@media(max-width:1100px){.ai-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-filter-band{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-search{grid-column:span 2}.ai-filter-actions{justify-content:flex-end}}
@media(max-width:700px){.ai-page{padding:18px 14px 90px}.ai-header{align-items:flex-start;flex-direction:column}.ai-header-actions{width:100%}.ai-header-actions button{flex:1}.ai-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-filter-band{grid-template-columns:1fr 1fr}.ai-search{grid-column:1/-1}.ai-filter-actions{grid-column:1/-1}.ai-filter-actions .button{flex:1}.ai-table{min-width:920px}.ai-form-grid{grid-template-columns:1fr}.ai-form-grid .wide{grid-column:auto}.ai-pagination{align-items:flex-start;gap:10px;flex-direction:column}}