:root { --text-primary:#29394d; --text-secondary:#506177; --text-muted:#5d7088; --border-subtle:#e3e9f0; --surface-muted:#f5f7fa; --accent:#4f5ddd; --purple:#4f5ddd; --purple-light:#eef0ff; --bg:#f5f7fc; }
.modal-detail-pages { display:flex; justify-content:center; align-items:center; gap:16px; padding:18px 0 0; }
.auth-switch { display:block; width:100%; margin:20px 0 0; border:0; background:transparent; color:#4654bd; font-size:14px; cursor:pointer; min-height:44px; }
.auth-success { padding:12px 14px; background:#e9f6ef; border:1px solid #cde8da; color:#176650!important; border-radius:8px; font-size:13px; line-height:1.6; }
.accounts-panel { margin-top:24px; }
.accounts-panel>h2,.accounts-panel>p { margin:20px 24px; }
.accounts-content { padding:4px 24px 24px; }
.accounts-content h3 { font-size:15px; margin:22px 0 14px; }
.account-chips { display:flex; flex-wrap:wrap; gap:9px; }
.account-chips span { background:#eef0ff; color:#414fb9; padding:9px 13px; border-radius:8px; font-size:13px; }
.page-heading p,.panel-head p,.stat-top,.stat-foot,.item-sub,td .item-sub,.customer-code,.table-footer,.result-count,.pagination-info,.pagination-info label,.detail-info dt,.detail-info dd,.command-caption,.command-result small,.command-footer,.chart-legend,.chart-note { color:var(--text-muted); }
.badge { color:#176650; background:#e9f6ef; }
.badge.gray { color:#4b5e74; background:#edf1f5; }
.badge.purple { color:#5650a0; background:#f0edfc; }
.badge.orange { color:#7a591f; background:#fff2d8; }
.badge.red { color:#96384c; background:#faecf0; }
.list-tools .filters button { color:#53677e; }
.list-tools .filters button.selected { color:#3f4cbd; background:#eef0ff; border-color:#d9defb; }
.briefing-copy h2 { color:#4b5367; }
.briefing-copy p,.briefing-copy .eyebrow { color:#66677c; }
.days small,.renewal-item .item-sub,.activity-row p,.activity-end small { color:#60738b; }
.is-upcoming .days strong { color:#7c5b21; }
.is-expired .days strong { color:#9d3c51; }
.detail-info a,.text-link { color:#4654bd; }
input::placeholder,textarea::placeholder { color:#6e7e92; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #a3acf2; outline-offset:3px; }
h1:focus { outline:none; }
.nav-group { display:grid; gap:5px; }
.nav-group-label { font-size:10px; letter-spacing:1px; padding:17px 13px 6px; color:#65748a; }
#nav { gap:3px; }
#nav button { min-height:40px; }
.daily-operations { border:1px solid #dfe4f5; border-radius:12px; background:linear-gradient(115deg,#ffffff 35%,#f2f4ff); padding:23px; margin-bottom:22px; }
.daily-title>span { color:#5261bd; font-size:10px; letter-spacing:1.3px; }
.daily-title h2 { font-size:21px; margin:7px 0; color:#2e415a; }
.daily-title p { font-size:13px; color:#5c7089; margin:0 0 19px; }
.daily-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.daily-actions>button { display:flex; flex-direction:column; gap:9px; align-items:flex-start; text-align:left; background:#f7f9fc; border:1px solid #e7ecf3; border-radius:9px; padding:17px; color:#4a607b; }
.daily-actions>button:hover { background:#edf2f8; border-color:#c5d2e3; }
.daily-actions>button:nth-child(1) { background:#eef1ff; border-color:#dfe4fc; color:#4654b4; }
.daily-actions>button:nth-child(2) { background:#edf7f5; border-color:#dbece7; color:#226b5e; }
.daily-actions>button:nth-child(3) { background:#fff6e8; border-color:#f3e7cf; color:#875d21; }
.daily-actions>button:nth-child(4) { background:#f4f0fb; border-color:#e7e0f4; color:#685194; }
.daily-actions>button:hover { box-shadow:0 4px 14px #344a7a12; transform:translateY(-2px); }
.daily-actions>button { transition:transform .15s ease,box-shadow .15s ease; }
.daily-actions strong { font-size:28px; font-weight:650; letter-spacing:-.5px; }
.daily-actions span { font-size:12px; line-height:1.5; }
.daily-actions b { font-size:11px; font-weight:500; margin-top:2px; }
.view-controls { display:flex; align-items:center; gap:9px; }
.saved-view-tools { display:flex; align-items:center; gap:8px; }
.saved-view-tools>select { max-width:220px; padding:8px; font-size:12px; }
.saved-view-tools .btn { white-space:nowrap; }
#modal[open] { display:flex; flex-direction:column; max-height:90vh; max-height:90dvh; overflow:hidden; }
#modal.subscription-mode { width:min(860px,calc(100vw - 32px)); }
#modal.subscription-mode .form-grid { column-gap:24px; }
#modal-content { display:flex; flex-direction:column; min-height:0; max-height:calc(90vh - 2px); max-height:calc(90dvh - 2px); width:100%; }
#modal-content>#modal-form { display:flex; flex-direction:column; min-height:0; max-height:inherit; }
#modal .modal-header,#modal .modal-actions { flex-shrink:0; background:white; }
#modal .modal-body { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:23px 27px; }
#modal .modal-actions { min-height:72px; align-items:center; border-top:1px solid #dfe6ef; padding:16px 24px; }
#modal .modal-actions .btn { min-height:40px; }
#modal .modal-header h2 { line-height:1.5; }
.field-error { display:block; margin-top:7px; font-size:12px; line-height:1.5; color:#a32d44; font-weight:400; }
[aria-invalid="true"] { border-color:#b24b60!important; background:#fffafb; }
.error { color:#9e2941!important; }
.sale-calculator { border:1px solid #dce5ef; background:#f4f7fb; padding:17px; border-radius:9px; margin-top:20px; }
.sale-calculator>span { font-size:10px; letter-spacing:1px; color:#63758c; }
.sale-calculator>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sale-calculator p { font-size:12px; line-height:1.6; color:#596e88; }
.sale-calculator strong { display:block; font-size:18px; margin-top:7px; color:#364e6b; font-weight:600; }
.sale-calculator small { font-size:11px; line-height:1.8; color:#5f728a; }
.payment-balance { display:flex; justify-content:space-between; gap:12px; border:1px solid #e0e7f0; background:#f7f9fc; padding:16px; border-radius:9px; margin-bottom:22px; }
.payment-balance>span { font-size:12px; color:#5a6f88; }
.payment-balance strong { display:block; font-size:17px; margin-top:9px; color:#364e6a; }
.audit-summary { white-space:normal; min-width:240px; line-height:1.8; }
.ledger-start { display:flex; justify-content:center; padding:0 20px 30px; }
.panel>span { display:block; padding:0 20px 15px; font-size:13px; color:#52677f; }
.heading-actions { flex-wrap:wrap; }
.detail-tabs button { min-height:42px; }
.info-box { color:#536a86; line-height:1.8; }
.command-trigger { color:#5a6f88; }
/* Brand accents stay on actions, selection and meaningful status. */
.btn.primary { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 4px 10px #4f5ddd20; }
.btn.primary:hover { background:#414fc6; border-color:#414fc6; }
#nav button.active { background:#eef0ff; color:#414fb9; }
#nav button.active .nav-icon { color:#4f5ddd; }
#nav button:hover { background:#f3f5ff; color:#414fb9; }
.nav-count { background:#e1e6ff; color:#4050b4; }
.workspace { background:#f6f7ff; border-color:#e8ebfa; }
.workspace-avatar,.profile-avatar,.top-avatar { background:#edf0ff; color:#4f5bb6; }
.workspace-check { color:#23816e; }
.stat-icon,.stat-icon.blue { background:#edf0ff; color:#5262c7; }
.stat-icon.green,.activity-icon.green { background:#e8f5f0; color:#247d67; }
.stat-icon.orange { background:#fff3df; color:#a57428; }
.activity-icon { background:#edf0ff; color:#5262c7; }
.avatar,.avatar.tone1,.avatar.tone2,.avatar.tone3 { background:#eef1fc; color:#4b60a3; }
.avatar.tone2 { background:#eaf5f2; color:#327964; }
.quick-actions>button:hover { border-color:#cbd3f5; background:#f5f7ff; color:#414fb9; }
.quick-actions svg { color:#5b6ab8; }
.detail-tabs button.selected { color:#414fb9; background:#f0f2ff; border-color:#d8def8; }
.detail-tabs span { background:#e6eaff; color:#4556ae; }
nav.page-buttons button[aria-current="page"] { color:#414fb9; background:#eef0ff; border-color:#d8def8; }
.sale-calculator { border-color:#dce3fa; background:#f3f5ff; }
.sale-calculator>span { color:#5261b5; }
.sale-calculator strong { color:#4152a5; }
.payment-balance { background:#f0f8f5; border-color:#dcece4; }
.payment-balance strong { color:#246b57; }
input:focus,select:focus,textarea:focus { border-color:#8f9ae3; box-shadow:0 0 0 3px #4f5ddd0c; }
@media(prefers-reduced-motion:reduce) { .daily-actions>button { transition:none; } .daily-actions>button:hover { transform:none; } }
@media(max-width:1050px) { .daily-actions { grid-template-columns:repeat(2,minmax(0,1fr)); } .toolbar { flex-wrap:wrap; } .saved-view-tools>select { max-width:170px; } }
@media(max-width:650px) {
 .daily-operations { padding:18px; }
 .daily-title h2 { font-size:20px; }
 .daily-actions { gap:10px; }
 .daily-actions>button { padding:14px; min-height:130px; }
 .daily-actions strong { font-size:26px; }
 .view-controls { width:100%; }
 .saved-view-tools { flex:1; justify-content:space-between; }
 .saved-view-tools>select { max-width:175px; }
 .list-tools .toolbar { flex-wrap:wrap; }
 .list-tools .search-box { flex-basis:100%; }
 .btn,.btn.small,.text-link,.icon-button,.filters button,nav.page-buttons button { min-height:44px; }
 nav.page-buttons button { min-width:36px; }
 #modal .modal-header { padding:17px 19px; }
 #modal .modal-body { padding:20px 18px; }
 #modal .modal-actions { padding:13px 16px; gap:8px; }
 #modal .modal-actions .btn { min-height:44px; }
 .sale-calculator>div { grid-template-columns:1fr; gap:0; }
 .sale-calculator p { display:flex; justify-content:space-between; align-items:center; margin:8px 0; }
 .sale-calculator strong { margin:0; font-size:17px; }
 .payment-balance { gap:9px; padding:14px; }
 .payment-balance>span { font-size:11px; }
 .payment-balance strong { font-size:15px; }
 .table-wrap { overflow:visible; }
 .responsive-table,.responsive-table tbody { display:block; width:100%; white-space:normal; }
 .responsive-table thead { position:absolute; height:1px; width:1px; overflow:hidden; clip:rect(0,0,0,0); }
 .responsive-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 17px; padding:18px; border-bottom:1px solid #e1e8f1; }
 .responsive-table tbody tr:last-child { border-bottom:0; }
 .responsive-table td { display:flex; flex-direction:column; align-items:flex-start; gap:5px; padding:0; border:0; min-width:0; overflow-wrap:anywhere; font-size:14px; }
 .responsive-table td:before { content:attr(data-label); color:#5c7089; font-size:10px; letter-spacing:.4px; line-height:1.6; }
 .responsive-table td:first-child,.responsive-table td:last-child { grid-column:1/-1; }
 .responsive-table td:first-child { padding-bottom:6px; }
 .responsive-table td[colspan] { grid-column:1/-1; }
 .responsive-table td[colspan]:before { display:none; }
 .responsive-table .empty { padding:20px 0; width:100%; }
 .responsive-table .action-group { flex-wrap:wrap; gap:14px; width:100%; }
 .responsive-table .item-sub { margin-top:3px; }
 .responsive-table .audit-summary,.responsive-table .import-message { min-width:0; }
 .responsive-table .customer-cell { text-align:left; }
}

.auth-story h1 { color:#f5f6ff; }