.navigation-group{margin-bottom:12px}.navigation-group-title{font-family:inherit!important;font-size:9px!important;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#98acbd;margin:16px 10px 8px}.nav .navigation-group button{width:100%;gap:9px;font-size:11px;min-height:39px;padding:10px;border-radius:6px;margin-bottom:3px}.nav-item-title{flex:1;text-align:left;min-width:0;white-space:nowrap}.nav-task-count{font-size:9px;min-width:18px;background:#ffffff13;border-radius:4px;text-align:center;padding:2px 4px;color:#b9cddd}.nav .active .nav-task-count{color:white;background:#ffffff25}.task-queue-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}.task-queue-summary>div{background:white;border:1px solid var(--line);border-radius:8px;padding:18px 22px}.task-queue-summary small{font-size:10px;color:#8294a5}.task-queue-summary strong{display:block;font-size:25px;color:#304d68;margin-top:8px}.task-queue-filters{display:flex;gap:7px;margin:20px 0 16px}.task-queue-filters button{padding:8px 13px;background:white;border:1px solid var(--line);border-radius:6px;font-size:11px;color:#7d8e9f;cursor:pointer}.task-queue-filters button[aria-pressed=true]{background:#e7eef6;color:#315675;border-color:#c5d5e5}.task-handoff{padding:15px 19px;border-left:3px solid #416989;background:#eaf0f7;margin:18px 0 24px;border-radius:0 6px 6px 0}.task-handoff strong{font-size:12px;color:#365874}.task-handoff p{font-size:11px;color:#72889f;margin:6px 0 0}.task-progress .flow-node{min-width:130px;min-height:156px}.task-progress .flow-node em{font-style:normal;display:block;font-size:10px;color:#66829c;margin-top:9px}.task-progress .flow-node b{font-size:8px;font-weight:400;color:#8da0b2;display:block;margin-top:4px}.task-progress .flow-node i{font-size:8px;font-style:normal;color:#3d719f;display:block;margin-top:8px}.specialist-task .task-customer{font-size:10px;color:#8a9cac;margin-top:7px}.selected-work .collection-heading>div>small{font-size:9px;color:#8698aa;letter-spacing:1px}.selected-work .collection-heading h2{margin-top:6px}
@media(max-width:650px){.task-queue-summary{gap:8px}.task-queue-summary>div{padding:14px 10px}.task-queue-summary small{font-size:9px}.task-queue-summary strong{font-size:22px}.task-queue-filters{gap:5px}.task-queue-filters button{font-size:10px;padding:7px 9px}}
.workflow-ribbon.task-progress{grid-template-columns:repeat(9,minmax(130px,1fr))}