:root{--control-height:34px;--control-height-compact:30px;--control-height-small:28px;--control-font-size:12px;--control-font-size-small:11px;--control-radius:4px}.button{min-height:var(--control-height);border-radius:var(--control-radius);padding:7px 12px;font-weight:600;letter-spacing:0;line-height:1.2;white-space:nowrap}.button,.button.compact{font-size:var(--control-font-size)}.button.compact{min-height:var(--control-height-compact);padding:5px 10px}.button.small{min-height:var(--control-height-small);padding:5px 9px;font-size:var(--control-font-size-small)}.button>svg,.mini-link>svg,.text-link>svg{flex:0 0 auto}.button>svg{width:14px;height:14px}.button.small>svg{width:13px;height:13px}.text-link{font-size:var(--control-font-size);font-weight:600;letter-spacing:0;line-height:1.45}.text-link.subtle{font-weight:500}.mini-link{min-height:var(--control-height-small);padding:4px 8px;font-size:var(--control-font-size-small);font-weight:600;letter-spacing:0;line-height:1.2}.icon-button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;cursor:pointer}.button:focus-visible,.icon-button:focus-visible,.mini-link:focus-visible,.text-link:focus-visible{outline:2px solid rgba(196,30,58,.34);outline-offset:2px}.filter-actions{display:inline-flex;align-items:center;gap:8px}.filter-actions>.button{flex:0 0 auto}.billing-month-actions .button,.employee-save-inline .button,.filter-bar .button,.revenue-filter-bar .button{min-height:var(--control-height);padding:7px 12px;font-size:var(--control-font-size)}.client-tab-button,.view-toggle a{min-height:var(--control-height-compact);padding:6px 10px;font-size:var(--control-font-size);font-weight:600;letter-spacing:0;line-height:1.2}.view-mode-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px;border:1px solid var(--border);border-radius:6px;padding:10px 12px;background:#fff}.view-mode-toolbar>div{display:grid;gap:2px}.view-mode-toolbar strong{font-size:12px}.view-mode-toolbar span{color:var(--text2);font-size:11px}@media (max-width:900px){.view-mode-toolbar{display:grid;align-items:stretch}}@media (max-width:680px){.filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.filter-actions>.button{width:100%}}