#page-cases .toolbar-head{align-items:flex-start;gap:16px}
#page-cases .toolbar-head>.primary-btn{flex-shrink:0}
.case-status-tabs{display:flex;flex-wrap:wrap;gap:8px;min-width:0;flex:1}
.case-status-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid #dce5f5;border-radius:12px;padding:9px 12px;background:#f7faff;color:#244775;font:inherit;font-size:12px;cursor:pointer}
.case-status-tab b{min-width:22px;padding:2px 6px;border-radius:8px;background:#e5edfc;font-size:11px;text-align:center}
.case-status-tab[aria-pressed="true"]{background:#1748a5;border-color:#1748a5;color:#fff}
.case-status-tab[aria-pressed="true"] b{background:rgba(255,255,255,.2)}
.case-clickable{cursor:pointer}
.case-clickable:hover{background:#f1f6ff}
.case-clickable:focus-visible,.case-status-tab:focus-visible{outline:2px solid #1748a5;outline-offset:-2px}
#page-cases .case-manage-col,#page-cases .case-manage-cell{min-width:270px;width:270px}
#page-cases .case-quote-btn{white-space:nowrap;color:#a54a08;background:#fff3e6;border-color:#ffcf9e}
#page-cases .card-actions{flex-wrap:wrap}
.field input.appointment-datetime{width:100%;min-width:0;max-width:100%;box-sizing:border-box;font-size:13px}
@media(max-width:640px){#page-cases .toolbar-head{flex-wrap:wrap}.case-status-tabs{flex-basis:100%}.case-status-tab{padding:8px 10px}}