/* Only ACC forms and notices; shell and demo pages use original CRM styles. */
.acc-card{background:var(--tblr-bg-surface,#fff);border:1px solid var(--tblr-border-color,#e6e7e9);border-radius:6px;padding:20px;margin:18px 0}
.acc-workspace>h1{font-size:24px;margin:0 0 6px}.acc-workspace>p{color:var(--tblr-secondary,#667382)}
.acc-card h2{font-size:16px;font-weight:600;margin:0 0 18px}.acc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.acc-card label{display:block;margin-bottom:12px;font-weight:500}.acc-card input:not([type=checkbox]),.acc-card select{display:block;width:100%;padding:9px 12px;border:1px solid var(--tblr-border-color,#dce1e7);border-radius:5px;margin-top:6px;background:var(--tblr-bg-forms,#fff);color:inherit;box-sizing:border-box}
.acc-card button{padding:8px 12px;border:1px solid var(--tblr-border-color,#dce1e7);border-radius:5px;background:var(--tblr-bg-surface,#fff);color:inherit;cursor:pointer}.acc-card .acc-primary{background:#066fd1;color:white;border-color:#066fd1}.acc-card .acc-danger{color:#d63939}
.acc-error{background:#fee9e7;color:#9f251c;padding:12px;border-radius:5px}.acc-success{background:#e7f6ed;color:#256c43;padding:12px;border-radius:5px}.acc-notice{margin:16px 18px}.acc-table{overflow:auto}.acc-table table{width:100%;border-collapse:collapse}.acc-table th,.acc-table td{text-align:left;padding:12px;border-bottom:1px solid var(--tblr-border-color,#e6e9ed)}.acc-table th{background:var(--tblr-bg-surface-secondary,#fafafa);font-size:12px;color:var(--tblr-secondary,#667382)}.acc-inline{display:inline-block;margin-left:8px}.acc-table small{display:block;color:var(--tblr-secondary,#667382)}.acc-avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;vertical-align:middle}.acc-check input{width:auto;accent-color:#066fd1}
.acc-login{min-height:100vh;display:grid;place-items:center}.acc-login .acc-card{width:min(380px,90vw);box-sizing:border-box}.acc-login h1{font-size:28px}.acc-demo-notice{margin:0;padding:8px 18px;background:#fff8e5;color:#8a6514;font-size:12px}
@media(max-width:700px){.acc-form{grid-template-columns:1fr}.acc-card{padding:16px}}

.dashboard-content .acc-card{padding:20px}.acc-card .acc-table table{margin-bottom:0}

/* Keep the CRM topbar controls aligned even with long profile names. */
.topbar{justify-content:flex-start;gap:0;min-width:0;flex-wrap:nowrap}
.topbar .breadcrumbs{min-width:0;margin-right:16px}.topbar .breadcrumbs ol{flex-wrap:nowrap}.topbar .breadcrumbs li:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.topbar .menu-search-box{flex-shrink:0;margin-left:auto;margin-bottom:0}.topbar>.theme-toggle{flex-shrink:0}.topbar>.profile-menu{flex-shrink:0}
.topbar .profile-toggle>span:last-child{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown form{margin:0}.profile-dropdown form .logout-button{width:100%}
@media(min-width:701px) and (max-width:1000px){.topbar .menu-search-box input{width:100px}.topbar .profile-toggle>span:last-child{max-width:100px}.topbar .menu-search-box kbd{display:none}}

/* Let the topbar search field inherit the surrounding background. */
.topbar .menu-search-box,
html[data-theme="dark"] .topbar .menu-search-box {
  background: transparent;
  color: inherit;
}

/* Match CRM sidebar hover and active colors explicitly. */
body:not(.sidebar-collapsed) .sidebar .sidebar-nav > .nav-link:hover,
body:not(.sidebar-collapsed) .sidebar .sidebar-nav > .nav-link.active,
body:not(.sidebar-collapsed) .sidebar .nav-group > .nav-link:hover,
body:not(.sidebar-collapsed) .sidebar .nav-group > .nav-link.active {
  background: var(--color-primary);
  color: #fff;
}
body:not(.sidebar-collapsed) .sidebar .sidebar-nav > .nav-link:hover .menu-icon,
body:not(.sidebar-collapsed) .sidebar .sidebar-nav > .nav-link.active .menu-icon,
body:not(.sidebar-collapsed) .sidebar .nav-group > .nav-link:hover .menu-icon,
body:not(.sidebar-collapsed) .sidebar .nav-group > .nav-link.active .menu-icon {
  color: #fff;
}
body:not(.sidebar-collapsed) .sidebar .subnav .nav-link:hover,
body:not(.sidebar-collapsed) .sidebar .subnav .nav-link.active {
  background: rgb(6 111 209 / 40%);
  color: inherit;
}
body:not(.sidebar-collapsed) .sidebar .subnav .nav-link:hover .menu-icon,
body:not(.sidebar-collapsed) .sidebar .subnav .nav-link.active .menu-icon {
  color: inherit;
}
html[data-theme="dark"] body:not(.sidebar-collapsed) .sidebar .subnav .nav-link:hover,
html[data-theme="dark"] body:not(.sidebar-collapsed) .sidebar .subnav .nav-link.active {
  background: rgb(6 111 209 / 25%);
  color: #fff;
}