﻿/* One button system for pages, dialogs, login and table actions. */
:root{--button-height:40px;--button-compact-height:32px;--button-radius:4px;--button-border:#b9c7d5;--button-danger:#a32032}
.btn,.clear-workspace .btn,.detail .btn,.login-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--button-height);padding:9px 14px;border:1px solid var(--button-border);border-radius:var(--button-radius);background:#fff;color:var(--ink);font:600 13px/1.4 Manrope,Inter,sans-serif;text-decoration:none;box-shadow:none;vertical-align:middle}
.btn:hover:not(:disabled),.clear-workspace .btn:hover:not(:disabled){background:#eaf0f5;border-color:#8299ad;color:var(--ink)}
.btn.primary,.clear-workspace .btn.primary,.detail .btn.primary,.login-form .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover:not(:disabled),.clear-workspace .btn.primary:hover:not(:disabled){background:#78101d;border-color:#78101d;color:#fff}
.btn.danger,.clear-workspace .btn.danger,.detail .btn.danger{background:#fff;color:var(--button-danger);border-color:#d69ba5}
.btn.danger:hover:not(:disabled),.clear-workspace .btn.danger:hover:not(:disabled){background:#fbedef;color:#871729;border-color:#b95b6a}
.btn.danger.primary,.clear-workspace .btn.danger.primary{background:var(--button-danger);border-color:var(--button-danger);color:#fff}
.btn.danger.primary:hover:not(:disabled){background:#801929;color:#fff;border-color:#801929}
.btn.ghost,.clear-workspace .btn.ghost{border-color:transparent;background:transparent;color:var(--ink)}
.btn.ghost:hover:not(:disabled),.clear-workspace .btn.ghost:hover:not(:disabled){background:#e7edf3;border-color:transparent}
.btn.compact,.clear-workspace .btn.compact,.detail .btn.compact{min-height:var(--button-compact-height);padding:5px 10px;font-size:13px}
.btn svg,.clear-workspace .btn svg,.detail .btn svg{width:16px;height:16px;flex:none;stroke-width:1.7}
.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.btn:disabled,.clear-workspace .btn:disabled{background:#e9edf1;color:#637180;border-color:#d4dde5;opacity:1;cursor:not-allowed}
.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
.clear-workspace .sidebar .btn.ghost{color:#fff;background:transparent;border-color:transparent}
.clear-workspace .sidebar .btn.ghost:hover{color:#fff;background:#1c3e60}
.clear-workspace .sidebar .btn:focus-visible{outline-color:#fff}
/* Tabs and report filters share an understated active underline. */
.audit-tabs,.finance-tabs,.travel-tabs,.moneer-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0;flex-wrap:wrap}
.audit-tabs .btn,.clear-workspace .audit-tabs .btn,.clear-workspace .finance-tabs [role=tab],.clear-workspace .travel-tab,.moneer-tabs button,.tab{min-height:40px;padding:10px 0;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--muted);font:500 13px/1.4 Manrope,Inter,sans-serif;text-decoration:none;margin-bottom:-1px}
.audit-tabs .btn[aria-selected=true],.clear-workspace .audit-tabs .btn[aria-selected=true],.clear-workspace .finance-tabs [aria-selected=true],.clear-workspace .travel-tab[aria-selected=true],.moneer-tabs button[aria-selected=true],.tab.active{background:transparent;border-bottom-color:var(--accent);color:var(--ink);font-weight:650}
.audit-tabs .btn:hover:not(:disabled),.clear-workspace .audit-tabs .btn:hover:not(:disabled),.clear-workspace .finance-tabs [role=tab]:hover,.clear-workspace .travel-tab:hover{background:transparent;color:var(--ink);border-bottom-color:#8f9fac}
.clear-workspace .quick-filter{min-height:40px;padding:8px 12px;border-radius:4px;font:500 13px/1.4 Manrope,Inter,sans-serif;background:transparent;border:1px solid var(--line);color:var(--muted)}
.clear-workspace .quick-filter.active,.clear-workspace .quick-filter.urgent.active,.clear-workspace .quick-filter.overdue.active{background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom:2px solid var(--accent)}
.clear-workspace .quick-filter:hover{background:#e7edf3;color:var(--ink)}
.table-request{font-family:Manrope,Inter,sans-serif}
@media(max-width:720px){.btn,.clear-workspace .btn,.btn.compact,.clear-workspace .btn.compact,.detail .btn,.detail .btn.compact{min-height:44px}.audit-tabs,.finance-tabs,.travel-tabs,.moneer-tabs{gap:18px}.clear-workspace .quick-filter{min-height:44px}.audit-tabs .btn,.clear-workspace .audit-tabs .btn{min-height:44px;padding:10px 0}}
.clear-workspace .btn.clear-nav-toggle,.clear-workspace .btn.clear-nav-close{display:none}
@media(max-width:720px){.clear-workspace .btn.clear-nav-toggle,.clear-workspace .btn.clear-nav-close{display:inline-flex}}
/* Report tools: visibly distinct from the old white outlined buttons. */
.clear-workspace .page-heading .btn:not(.primary):not(.danger):not(:disabled){min-height:42px;padding:10px 16px;background:#e2ebf3;border-color:#829bb3;border-radius:6px;color:#0b2645;font-weight:650;gap:10px}
.clear-workspace .page-heading .btn:not(.primary):not(.danger):hover:not(:disabled){background:#0b2645;border-color:#0b2645;color:#fff}
.clear-workspace .page-heading .btn svg{width:18px;height:18px}
@media(max-width:720px){.clear-workspace .page-heading .btn:not(.primary):not(.danger):not(:disabled){min-height:44px}}
