.java-crm-task-routing{display:grid;gap:16px}.java-crm-task-routing .tr-tabs{display:flex;gap:8px;border-bottom:1px solid #CBDDE7}.tr-tabs>button{min-height:40px;padding:8px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#66788c}.tr-tabs>button[aria-pressed=true]{color:#426C84;border-color:#426C84}.tr-filters,.tr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tr-filters{padding:16px;background:#fff;border:1px solid #EAF2F6;border-radius:8px}.tr-filters label,.tr-grid label,.tr-dialog label{display:grid;gap:6px;font-size:13px;color:#52647b}.tr-toolbar,.tr-form-actions,.tr-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tr-toolbar{justify-content:space-between;margin:12px 0}.tr-form-actions{grid-column:1/-1;justify-content:flex-end;margin-top:14px}.tr-table{overflow:auto;background:white;border:1px solid #EAF2F6;border-radius:8px}.tr-table small,.tr-target small{display:block;color:#8390a2;margin:4px 0}.tr-table .table th,.tr-table .table td{padding:10px 12px}.tr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tr-summary div{display:grid;gap:6px}.tr-summary small{color:#7b8ba2}.tr-backdrop{position:fixed;inset:0;background:#0d203466;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.tr-dialog{width:min(840px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:10px;padding:20px;box-shadow:0 16px 60px #12284040}.tr-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:#fff;z-index:1;padding:8px 0 14px;border-bottom:1px solid #EAF2F6}.tr-dialog h2{font-size:18px;margin:0}.tr-dialog fieldset{border:0;margin:0;padding:16px 0 0;min-width:0}.tr-dialog .tr-table{max-height:320px}.tr-dialog .input,.tr-dialog .select,.tr-dialog .btn{min-height:40px}.tr-dialog .textarea{height:128px}.tr-target,.tr-owner-grid>div{border:1px solid #EAF2F6;border-radius:8px;padding:12px;margin:10px 0}.tr-owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tr-owner-grid>div{display:grid;gap:8px}.tr-preview{padding-top:12px}@media(max-width:700px){.tr-grid,.tr-filters,.tr-owner-grid{grid-template-columns:1fr}.tr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-backdrop{padding:8px}.tr-dialog{padding:14px;max-height:95vh}}

/* Keep reference-style filters compact so the task table remains visible. */
.java-crm-task-routing .tr-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;padding:12px 16px}
.java-crm-task-routing .tr-filters label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.java-crm-task-routing .tr-filters .input,.java-crm-task-routing .tr-filters .select{min-width:0;min-height:32px;padding:5px 8px;flex:1;font-size:12px}
.java-crm-task-routing .tr-filter-more{grid-column:1/-1}
.java-crm-task-routing .tr-filter-more summary{display:inline-block;cursor:pointer;color:#52647b;font-size:12px;padding:4px 0}
.java-crm-task-routing .tr-filter-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;margin-top:8px}
.java-crm-task-routing .tr-filters .tr-form-actions{margin-top:0;justify-content:flex-end}
.java-crm-task-routing .tr-filters .btn{min-height:32px;padding:5px 12px;font-size:12px}
@media(max-width:1100px){.java-crm-task-routing .tr-filters,.java-crm-task-routing .tr-filter-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.java-crm-task-routing .tr-filters,.java-crm-task-routing .tr-filter-extra{grid-template-columns:1fr}}