/* CANAMERICA CARE: readable operational surfaces and accessible navigation. */
:root {
  --ui-bg: #f2f4f7;
  --ui-surface: #fff;
  --ui-soft: #f5f7fa;
  --ui-ink: #182f45;
  --ui-muted: #526579;
  --ui-line: #d5dce5;
  --ui-focus: #0d63ad;
  --ui-link: #0d63ad;
  --ui-positive: #24643d;
}
body { background: var(--ui-bg); color: var(--ui-ink); font-size: 15px; line-height: 1.5; }
button,input,select,textarea { font-family: inherit; }
:focus-visible { outline: 3px solid var(--ui-focus); outline-offset: 3px; }
input,textarea { caret-color: var(--ui-link); }
::selection { background: #cde5fa; color: #102c48; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 300; padding: 12px 20px; background: var(--ui-surface); color: var(--ui-link); border-radius: 8px; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.app { grid-template-columns: 248px minmax(0,1fr); }
.sidebar { height: 100dvh; }
.sidebar .brand-wrap { height: 96px; margin-bottom: 12px; flex-shrink: 0; }
.sidebar nav { min-height: 0; flex: 1; scroll-padding-bottom: 16px; }
.sidebar .nav { font-size: 14px; min-height: 44px; padding: 10px 12px; }
.sidebar .nav-section { font-size: 11px; letter-spacing: .06em; padding-top: 20px; }
.sidebar .nav:focus-visible { outline-color: #b4ddff; outline-offset: -2px; }
.sidebar .side-bottom { flex-shrink: 0; }
.sidebar .sidebar-credit,.sidebar .version { color: #bdcfdf; font-size: 11px; }
.sidebar .nav-icon svg,.navigation-toggle svg,.canamerica-notification-bell svg { width: 22px; height: 22px; }
.topbar { min-height: 80px; height: auto; padding: 16px 28px; gap: 16px; background: var(--ui-surface); border-color: var(--ui-line); }
.topbar h1 { margin: 0; font-size: 26px; line-height: 1.25; font-weight: 650; }
.topbar .eyebrow { display: none; }
.top-actions { gap: 12px; }
.account-trigger { background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); box-shadow: none; min-height: 44px; }
.account-trigger-text strong { font-size: 14px; }
.account-trigger-text span { color: var(--ui-muted); font-size: 12px; }
.account-dropdown { background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); max-height: calc(100dvh - 100px); overflow-y: auto; }
.account-dropdown-head span { color: var(--ui-muted); font-size: 13px; }
.account-language-label { color: var(--ui-ink); font-size: 14px; }
.ca-grid-tools .ca-grid-hint,.ca-grid-tools .ca-grid-count { color: var(--ui-muted); font-size: 12px; }
.table-wrap { background: var(--ui-surface); }
.account-dropdown button[role=menuitem] { min-height: 44px; font-size: 14px; color: var(--ui-ink); }
.account-dropdown button[role=menuitem]:hover { background: var(--ui-soft); }
.content { padding: 24px 28px 32px; }
.page-head { gap: 16px; margin-bottom: 24px; }
.page-head.page-head-single-title .page-head-copy p { color: var(--ui-muted); font-size: 15px; max-width: 70ch; }
.btn { border-radius: 6px; min-height: 44px; font-size: 14px; padding: 10px 16px; }
.btn.sm { min-height: 36px; font-size: 13px; }
.btn.ghost,.btn.secondary { background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); }
.btn.ghost:hover:not(:disabled),.btn.secondary:hover:not(:disabled) { background: var(--ui-soft); }
.icon-btn,.canamerica-notification-bell { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--ui-link); background: var(--ui-surface); border: 1px solid var(--ui-line); box-shadow: none; }
.navigation-toggle { display: none; }
.card,.settings-card,.session-card { background: var(--ui-surface); border-color: var(--ui-line); box-shadow: none; }
.card-head,.ops-panel-head { border-color: var(--ui-line); }
.card-head h4,.ops-panel-head h2 { font-size: 16px; font-weight: 650; color: var(--ui-ink); }
.ops-kpi-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; margin-bottom: 24px; background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: 12px; overflow: hidden; }
.ops-kpi { padding: 20px 16px; min-height: 150px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ops-kpi+.ops-kpi { border-left: 1px solid var(--ui-line); }
.ops-kpi-label { color: var(--ui-muted); font-size: 13px; font-weight: 600; min-height: 39px; line-height: 1.4; }
.ops-kpi strong { font-size: 30px; font-weight: 650; margin: 8px 0; color: var(--ui-ink); font-variant-numeric: tabular-nums; }
.ops-kpi>span { color: var(--ui-muted); font-size: 13px; line-height: 1.5; }
button.ops-kpi { transition: background-color 160ms ease, border-color 160ms ease; }
button.ops-kpi:hover { transform: none; background: var(--ui-soft); box-shadow: none; }
button.ops-kpi:focus-visible { outline-offset: -4px; }
.ops-dashboard-primary { gap: 20px; margin-bottom: 20px; grid-template-columns: minmax(0,1.6fr) minmax(280px,1fr); }
.ops-dashboard-secondary { gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.ops-panel-head { min-height: 76px; padding: 16px 20px; flex-wrap: wrap; }
.ops-panel-head>div>span { color: var(--ui-muted); font-size: 13px; margin-top: 4px; }
.ops-activity-chart { height: 200px; padding: 20px; }
.ops-activity-chart:has(>.ops-empty) { height: auto; min-height: 140px; }
.ops-empty { color: var(--ui-muted); font-size: 14px; padding: 36px 20px; text-align: center; }
.ops-chart-legend { color: var(--ui-muted); font-size: 12px; }
.ops-chart-hour { color: var(--ui-muted); font-size: 11px; }
.ops-pipeline-list { padding: 8px 16px 12px; }
.ops-pipeline-row { min-height: 40px; color: var(--ui-ink); padding: 10px 8px; font-size: 14px; border-radius: 6px; }
.ops-pipeline-row:hover { background: var(--ui-soft); }
.ops-pipeline-row strong { color: var(--ui-ink); font-variant-numeric: tabular-nums; }
.ops-dashboard-footer { font-size: 13px; color: var(--ui-muted); margin-top: 20px; }
.ops-dashboard-footer strong { color: var(--ui-ink); }
.ops-channel-head span,.ops-channel-split,.ops-load-name { color: var(--ui-muted); font-size: 13px; }
.muted,.small.muted { color: var(--ui-muted); }
.data-table td { color: var(--ui-ink); font-size: 14px; }
.data-table th { color: var(--ui-muted); background: var(--ui-soft); font-size: 12px; }
.data-table tbody tr:nth-child(even),.data-table tbody tr:hover { background: var(--ui-soft); }
.empty { color: var(--ui-muted); }
.empty h4 { color: var(--ui-ink); }
.empty p { font-size: 14px; }
.modal-backdrop { --cc-modal-backdrop: rgb(8 24 40 / 62%); padding: 24px; background: rgb(8 24 40 / 62%); }
.modal { --cc-panel-bg: var(--ui-surface); --cc-modal-border: var(--ui-line); max-height: calc(100dvh - 48px); background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); }
.modal-head,.modal-actions { flex-shrink: 0; padding: 20px 24px; background: var(--ui-surface); border-color: var(--ui-line); gap: 16px; }
.modal-head h3 { color: var(--ui-ink); font-size: 22px; overflow-wrap: anywhere; }
.modal-head .eyebrow { color: var(--ui-link); font-size: 12px; }
.modal-head .icon-btn { flex-shrink: 0; color: var(--ui-link); background: var(--ui-surface); }
.modal-body { padding: 24px; min-height: 0; overscroll-behavior: contain; scroll-padding: 16px; }
.modal-actions { background: var(--ui-soft); flex-wrap: wrap; }
.modal .card-head { background: var(--ui-soft); }
.modal .card-head::before { display: none; }
.modal .card-head h4 { color: var(--ui-ink); }
label,.login-card label { font-size: 14px; font-weight: 600; color: var(--ui-ink); }
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea { font-size: 15px; color: var(--ui-ink); background: var(--ui-surface); border-color: #8c9daf; min-height: 44px; }
input::placeholder,textarea::placeholder { color: var(--ui-muted); opacity: 1; }
.form-grid { gap: 20px; }
.login-shell { min-height: 100dvh; }
.login-card { background: var(--ui-surface); padding: 36px; }
.login-card h1 { font-size: 28px; color: var(--ui-ink); }
.login-card p { font-size: 15px; color: var(--ui-muted); }
.login-card .eyebrow { color: var(--ui-link); }
.login-logo { max-width: 100%; }
.login-brand { background: #fff; border-radius: 8px; padding: 8px; }
.login-card label { margin-top: 20px; }
.login-card .btn { margin-top: 24px; min-height: 48px; }
.login-card input { font-size: 16px; min-height: 48px; }
.login-card .error { margin-top: 16px; font-size: 14px; }
.health-pill { color: var(--ui-positive); }
.navigation-scrim { position: fixed; inset: 0; z-index: 19; background: rgb(8 24 40 / 62%); border: 0; }
@media(min-width:1600px) { .ops-kpi-grid { grid-template-columns: repeat(6,minmax(0,1fr)); } }
@media(max-width:1100px) {
  .app { grid-template-columns: minmax(0,1fr); }
  .navigation-toggle { display: inline-flex; flex-shrink: 0; }
  .topbar>div:first-of-type { margin-right: auto; min-width: 0; }
  .sidebar { display: none; }
  .sidebar.navigation-open { display: flex; position: fixed; inset: 0 auto 0 0; width: min(320px,85vw); height: 100dvh; z-index: 20; padding: 16px; border-top: 0; }
  .sidebar.navigation-open nav { display: block; overflow-y: auto; }
  .sidebar.navigation-open .brand-wrap { display: flex; height: 96px; padding: 12px; }
  .sidebar.navigation-open .side-logo { width: 100%; max-width: 190px; height: auto; max-height: 72px; object-fit: contain; }
  .sidebar.navigation-open .nav { justify-content: flex-start; margin: 3px 0; }
  .sidebar.navigation-open .nav span:not(.nav-icon):not(.nav-count) { display: inline; }
  .sidebar.navigation-open .nav-section,.sidebar.navigation-open .side-bottom,.sidebar.navigation-open .version { display: block; }
  .sidebar.navigation-open .nav-icon { margin: 0; }
  .sidebar.navigation-open #mainNav .solicitacoes-hub-nav-label { display: inline; }
  .sidebar.navigation-open #mainNav .solicitacoes-hub-nav { justify-content: flex-start; }
  .ops-dashboard-primary,.ops-dashboard-secondary { grid-template-columns: 1fr; }
  .health-pill { display: none; }
}
@media(max-width:700px) {
  .topbar { padding: 12px 16px; gap: 12px; min-height: 76px; }
  .topbar h1 { font-size: 20px; }
  .topbar .eyebrow { display: none; }
  .top-actions { gap: 8px; }
  .account-trigger-text,.account-chevron { display: none; }
  .account-trigger { padding: 4px; }
  .content { padding: 20px 16px 32px; }
  .page-head { align-items: flex-start; }
  .page-head .actions { flex-wrap: wrap; }
  .ops-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin-bottom: 20px; }
  .ops-kpi { padding: 16px; min-height: 140px; }
  .ops-kpi:nth-child(2n+1) { border-left: 0; }
  .ops-kpi:nth-child(n+3) { border-top: 1px solid var(--ui-line); }
  .ops-kpi-label { min-height: 42px; line-height: 1.4; }
  .ops-kpi strong { font-size: 28px; }
  .ops-kpi>span { font-size: 12px; }
  .ops-panel-head { padding: 16px; }
  .ops-pipeline-row { min-height: 48px; }
  .ops-activity-chart { padding: 16px; }
  .ops-dashboard-footer { justify-content: flex-start; gap: 12px; flex-wrap: wrap; }
  .modal-backdrop { padding: 12px; }
  .modal { max-height: calc(100dvh - 24px); }
  .modal-head,.modal-body,.modal-actions { padding: 16px; }
  .modal-head h3 { font-size: 20px; }
  .modal-actions>.btn { flex: 1; }
  .form-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea { font-size: 16px; }
  .login-shell { padding: 20px; }
  .login-card { padding: 24px; }
  .btn.sm { min-height: 44px; }
  .account-dropdown { position: fixed; top: 80px; left: 16px; right: 16px; width: auto; max-width: none; }
}
@media(prefers-color-scheme:dark) {
  :root { color-scheme: dark; --ui-bg: #0e1c2b; --ui-surface: #172a3c; --ui-soft: #21394f; --ui-ink: #eef5fc; --ui-muted: #b7c9da; --ui-line: #47617a; --ui-focus: #8fcdff; --ui-link: #8fcdff; --ui-positive: #a4e2ba; --ca-ink: #eef5fc; --ca-muted: #b7c9da; --ca-bg: #0e1c2b; --ca-border: #47617a; }
  .topbar { background: var(--ui-surface) !important; }
  .login-card { border-color: var(--ui-line); border-top-color: var(--ca-red); }
  .account-trigger:hover,.account-trigger[aria-expanded=true] { background: var(--ui-soft); }
  .account-dropdown label,.account-dropdown strong,.account-dropdown-head { color: var(--ui-ink); }
  .detail-box,.note,.ca-grid-tools { background: var(--ui-soft); color: var(--ui-ink); border-color: var(--ui-line); }
  .detail-box span { color: var(--ui-muted); }
  .health-pill { background: #173c2e; border-color: #40775b; }
  .badge,.status-pill { color: #d3eaff; background: #254663; }
  .btn.danger,.error { color: #ffb6be; }
  .btn.danger { background: #472733; border-color: #8c5261; }
  .solicitacoes-hub-shell,.solicitacoes-channel-tab,.solicitacoes-subtab { background: var(--ui-surface); color: var(--ui-ink); border-color: var(--ui-line); }
  .solicitacoes-channel-tab.active,.btn.primary { color: #fff; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
.navigation-close { display: none; }
@media(max-width:1100px) {
  .navigation-open .navigation-close { display: block; margin-bottom: 12px; background: #1b3c5c; color: #fff; border: 1px solid #aac1d7; }
}
@media(max-width:700px) {
  /* Empty table copy stays readable inside the independently scrollable grid. */
  .data-table .empty { width: calc(100vw - 68px); max-width: 100%; margin: 0; padding: 32px 16px; }
}
.modal .profile-account-head { background: var(--ui-soft); border-color: var(--ui-line); }
.modal .profile-account-head .profile-avatar-actions>span { color: var(--ui-muted); font-size: 13px; line-height: 1.5; }
/* Enterprise workspace: a continuous summary and a clear operational reading order. */
.sidebar { --nav-text: #f0f6fc; --nav-muted: #d2e4f4; --nav-selected: #084e87; --nav-hover: #1c5689; background: linear-gradient(180deg, #0d63ad 0%, #164c7b 48%, #102c48 100%) !important; border-right: 1px solid #194a74; box-shadow: none; padding: 20px 16px 16px; }
.sidebar .brand-wrap { background: #fff; border: 0; border-radius: 8px; height: 88px; margin: 0 0 20px; padding: 8px 12px; }
.sidebar .nav { color: var(--nav-text); min-height: 42px; padding: 9px 12px; border-radius: 6px; font-weight: 500; }
.sidebar .nav:hover { background: var(--nav-hover); color: #fff; }
.sidebar .nav.active { background: #fff; color: var(--nav-selected); border-color: transparent; box-shadow: none; }
.sidebar .nav.active::before { display: none; }
.sidebar .nav-icon,.sidebar .nav.active .nav-icon { color: currentColor; }
.sidebar .nav-section { color: var(--nav-muted); padding: 16px 12px 6px; font-size: 10px; letter-spacing: .06em; }
.sidebar #mainNav .solicitacoes-hub-nav { border: 0; background: transparent; }
.sidebar #mainNav .solicitacoes-hub-nav.active { background: #fff; color: var(--nav-selected); border-color: transparent; }
.sidebar .side-bottom { border-top: 1px solid #688daf; padding-top: 12px; }
.sidebar .sidebar-credit,.sidebar .version { color: var(--nav-muted); font-size: 10px; font-weight: 400; }
.sidebar .nav:focus-visible { outline-color: #fff; }
.sidebar .nav.active:focus-visible { outline-color: var(--nav-selected); }
.sidebar nav { scrollbar-color: #abc9e3 transparent; }
.account-trigger { border: 0; padding: 4px 8px; border-radius: 6px; }
.account-trigger .avatar { border-radius: 50%; }
.topbar { min-height: 80px; padding: 16px 32px; }
.content { padding: 28px 32px 32px; max-width: 1800px; }
.page-head.page-head-single-title { margin-bottom: 24px; }
.page-head.page-head-single-title .page-head-copy p { font-size: 14px; }
.ops-dashboard-workspace { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.ops-activity-panel { grid-column: span 2; display: flex; flex-direction: column; }
.ops-activity-panel .ops-activity-chart:has(>.ops-empty) { flex: 1; align-items: center; justify-content: center; min-height: 220px; }
.ops-activity-panel .ops-empty { padding: 24px; }
.ops-panel-head h2 { margin: 0; font-size: 16px; line-height: 1.35; letter-spacing: -.01em; }
.ops-panel-head>div>span { font-size: 12px; }
.ops-chart-legend { font-size: 12px; }
.ops-dashboard-footer { padding: 16px 0 0; margin-top: 20px; border-top: 1px solid var(--ui-line); }
.ops-channels-panel .ops-empty,.ops-branches-panel .ops-empty,.ops-assignees-panel .ops-empty { min-height: 140px; display: flex; align-items: center; justify-content: center; }
.ops-pipeline-row+.ops-pipeline-row { border-top: 1px solid var(--ui-line); border-radius: 0; }
.ops-pipeline-row .badge { border: 0; background: transparent; color: var(--ui-ink); padding: 0; font-size: 13px; font-weight: 500; }
.ops-pipeline-row strong { background: var(--ui-soft); border: 1px solid var(--ui-line); border-radius: 4px; min-width: 28px; padding: 2px 6px; text-align: center; font-size: 12px; }
.card,.settings-card,.session-card { border-radius: 10px; }
.modal-head { padding: 24px; }
.modal-head .eyebrow { color: var(--ui-muted); font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.modal-actions { background: var(--ui-surface); }
.login-shell { background: var(--ui-bg); padding: 32px; }
.login-card { width: min(920px,100%); display: grid; grid-template-columns: 1fr 1fr; padding: 0; border: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 60px rgb(9 30 52 / 12%); }
.login-identity { display: flex; flex-direction: column; justify-content: center; padding: 48px; background: #102c48; color: #fff; }
.login-identity .login-brand { flex-shrink: 0; height: auto; min-height: 100px; padding: 16px; margin-bottom: 32px; border-radius: 8px; }
.login-identity .login-logo { width: 100%; height: auto; max-height: 86px; object-fit: contain; }
.login-identity .eyebrow { color: #bfd1e3; font-size: 11px; margin-bottom: 12px; letter-spacing: .06em; }
.login-identity h1 { color: #fff; font-size: 32px; font-weight: 650; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 16px; }
.login-identity p { color: #c5d4e0; font-size: 16px; line-height: 1.6; margin: 0; }
#loginForm { padding: 48px; align-self: center; }
#loginForm label:first-child { margin-top: 0; }
#loginForm input { margin-bottom: 4px; }
@media(max-width:1280px) and (min-width:701px) {
  .ops-kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ops-kpi:nth-child(4) { border-left: 0; }
  .ops-kpi:nth-child(n+4) { border-top: 1px solid var(--ui-line); }
}
@media(max-width:1100px) {
  .ops-dashboard-workspace { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ops-activity-panel { grid-column: span 2; }
  .navigation-open .navigation-close { background: var(--nav-hover); color: #fff; border-color: #abc9e3; }
}
@media(max-width:700px) {
  .content { padding: 20px 16px 28px; }
  .topbar { padding: 12px 16px; min-height: 72px; }
  .topbar h1 { font-size: 20px; }
  .ops-dashboard-workspace { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .ops-activity-panel { grid-column: auto; }
  .ops-activity-panel .ops-activity-chart:has(>.ops-empty) { min-height: 140px; }
  .ops-panel-head { min-height: 70px; }
  .ops-pipeline-row { min-height: 44px; }
  .login-shell { padding: 20px; }
  .login-card { display: block; }
  .login-identity { padding: 28px; }
  .login-identity .login-brand { margin-bottom: 24px; min-height: 84px; padding: 12px; }
  .login-identity h1 { font-size: 26px; margin-bottom: 12px; }
  .login-identity p { font-size: 14px; }
  #loginForm { padding: 28px; }
  .login-card .btn { margin-top: 20px; }
}
.sidebar #mainNav .solicitacoes-hub-nav { color: var(--nav-text); }
.sidebar #mainNav .solicitacoes-hub-nav:hover { background: var(--nav-hover); color: #fff; }
.sidebar #mainNav .solicitacoes-hub-nav .nav-icon { color: currentColor; }
.ops-kpi-grid .ops-kpi { border-radius: 0; }
.ops-pipeline-list { gap: 0; }
.sidebar #mainNav .solicitacoes-hub-nav.active { color: var(--nav-selected); }
.sidebar #mainNav .solicitacoes-hub-nav.active:hover { background: #fff; color: var(--nav-selected); }

/* Fluid, centred shell and consistent internal composition. */
.app { width: 100%; max-width: 1920px; margin-inline: auto; }
#appView main { min-width: 0; }
.content { width: 100%; max-width: none; margin-inline: auto; box-sizing: border-box; }
.performance-report-page { padding-inline: 0; }
.report-filter-card { padding: 20px; margin-bottom: 20px; }
.report-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.report-filter-grid:has(.report-custom-date:not(.hidden)) { grid-template-columns: repeat(4,minmax(0,1fr)); }
.performance-report-page .report-kpi-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
.report-kpi-grid .kpi { padding: 20px 16px; min-width: 0; display: flex; flex-direction: column; }
.report-kpi-grid .kpi-top { align-items: flex-start; min-height: 42px; font-size: 13px; font-weight: 600; color: var(--ui-muted); }
.report-kpi-grid .kpi>span { font-size: 13px; color: var(--ui-muted); line-height: 1.5; }
.report-kpi-grid strong { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.report-section { padding: 20px; margin-top: 20px; }
.report-method-note { padding: 16px 20px; font-size: 13px; background: var(--ui-soft); color: var(--ui-muted); border-color: var(--ui-line); }
.toolbar { gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.toolbar>input { flex: 1 1 260px; min-width: 0; }
.toolbar .actions,.page-head .actions,.form-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.card-body { padding: 20px; }
.field { min-width: 0; }
.form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.form-section-title { margin: 12px 0 -4px; padding-top: 20px; border-top: 1px solid var(--ui-line); font-size: 15px; font-weight: 650; color: var(--ui-ink); line-height: 1.4; }
.form-section-title:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.form-grid .check-row { align-self: end; min-height: 44px; padding-top: 0; align-items: center; }
.modal .note { font-size: 13px; line-height: 1.6; }
.scope-section-head p,.scope-assignment-row .small { font-size: 13px; }
#newUserRoleChoices,#newUserLanguageChoices,#newUserBranchChoices,#newUserBranchRoleChoices { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 12px !important; }
#newUserRoleChoices .btn,#newUserLanguageChoices .btn,#newUserBranchChoices .btn,#newUserBranchRoleChoices .btn { text-align: left; min-height: 44px; }
@media(min-width:1921px) { .app { border-inline: 1px solid var(--ui-line); } }
@media(max-width:1100px) {
 .performance-report-page .report-kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .report-filter-grid:has(.report-custom-date:not(.hidden)) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 .performance-report-page .report-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .report-filter-grid,.report-filter-grid:has(.report-custom-date:not(.hidden)),.form-grid { grid-template-columns: minmax(0,1fr); }
 .report-filter-card,.report-section,.card-body { padding: 16px; }
 .report-kpi-grid .kpi { padding: 16px 12px; }
 .form-section-title { padding-top: 16px; margin-top: 8px; }
 .form-actions>.btn { flex: 1 1 140px; }
 .toolbar>input { flex-basis: 100%; width: 100%; }
}

.report-kpi-grid .kpi-top span,.chat-room-meta span,.chat-room-preview,.chat-directory-empty { color: var(--ui-muted); }
.report-method-note strong,.branding-color-control label { color: var(--ui-ink); }
@media(prefers-color-scheme:dark) {
 .branding-asset-card { background: var(--ui-soft); border-color: var(--ui-line); }
 .branding-kicker { color: var(--ui-link); }
 .chat-layout,.chat-conversation-card,.chat-conversation-head,.chat-messages-v2,.chat-compose,.chat-sidebar,.inbox-shell,.conversation-list,.conversation-list-head { background: var(--ui-surface); border-color: var(--ui-line); }
 .conversation-pane,.chat-room-v2.active { background: var(--ui-soft); border-color: var(--ui-line); }
 .chat-room-v2,.chat-room-title,.chat-room-v2.active .chat-room-title { color: var(--ui-ink); }
}

.chat-room-meta,.chat-room-preview,.chat-conversation-head span,.chat-directory-empty,.branding-asset-copy>span { font-size: 13px; color: var(--ui-muted); }
@media(prefers-color-scheme:dark) {
 /* Legacy conversation renderers also set inline backgrounds. */
 .whatsapp-inbox-v2,.whatsapp-inbox-v2 .conversation-list,.whatsapp-inbox-v2 .conversation-pane,
 .chat-layout-v2,.chat-layout-v2 .chat-messages-v2,.chat-layout-v2 .chat-rooms-toolbar,.chat-layout-v2 .chat-form-v2 { background: var(--ui-surface) !important; border-color: var(--ui-line); }
 .chat-layout-v2 .room.chat-room-v2.active { background: var(--ui-soft) !important; }
 .chat-layout-v2 .chat-room-meta span,.chat-layout-v2 .chat-conversation-head span,.branding-asset-copy>span { color: var(--ui-muted) !important; }
}

@media(prefers-color-scheme:dark) { .chat-layout-v2 .chat-room-name { color: var(--ui-ink); } }

/* WhatsApp workbench: queue navigation, conversation list and message canvas. */
.sidebar .nav:hover .nav-icon { color: #bfe4ff; }
.sidebar .nav.active:hover .nav-icon { color: #c92735; }
.sidebar #mainNav .solicitacoes-hub-nav:hover .nav-icon { color: #bfe4ff; }
.sidebar #mainNav .solicitacoes-hub-nav.active:hover .nav-icon { color: #c92735; }
.solicitacoes-hub-shell { box-shadow: none; padding: 0; background: var(--ui-surface); border-radius: 10px; overflow: hidden; }
.solicitacoes-channel-tabs { padding: 12px 16px 0; gap: 8px; border-bottom: 1px solid var(--ui-line); }
.solicitacoes-channel-tab { border: 0; border-radius: 6px 6px 0 0; min-height: 44px; background: transparent; color: var(--ui-muted); font-size: 14px; box-shadow: none; }
.solicitacoes-channel-tab.active { background: var(--ui-soft); color: var(--ui-link); border-bottom: 3px solid var(--ui-link); box-shadow: none; }
.solicitacoes-request-tabs { padding: 12px 16px; gap: 8px; }
.solicitacoes-subtab { min-height: 44px; font-size: 13px; background: var(--ui-surface); color: var(--ui-muted); border-color: var(--ui-line); }
.solicitacoes-subtab.active { color: var(--ui-link); background: var(--ui-soft); border-color: var(--ui-link); }
.inbox-shell.whatsapp-inbox-v2 { grid-template-columns: 184px 320px minmax(0,1fr); border: 1px solid var(--ui-line); box-shadow: none; background: var(--ui-surface); }
.whatsapp-inbox-v2 .inbox-filters { background: var(--ui-soft); padding: 16px 12px; border-color: var(--ui-line); }
.whatsapp-inbox-v2 .inbox-filters h4,.whatsapp-inbox-v2 .inbox-filters h4.inbox-store-heading { background: linear-gradient(180deg, #0d63ad 0%, #164c7b 100%) !important; border: 0 !important; color: #fff !important; border-radius: 6px; padding: 10px 12px; margin: 24px 0 8px; font-size: 12px !important; font-weight: 600; letter-spacing: 0; line-height: 1.5; }
.whatsapp-inbox-v2 .inbox-filters h4:first-child { margin-top: 0; }
.whatsapp-inbox-v2 .queue-btn { min-height: 44px; padding: 10px 8px; gap: 8px; font-size: 13px; color: var(--ui-ink); border-radius: 6px; }
.whatsapp-inbox-v2 .queue-btn:hover { background: var(--ui-surface); }
.whatsapp-inbox-v2 .queue-btn.active { background: var(--ui-surface); border-color: var(--ui-link); color: var(--ui-link); }
.whatsapp-inbox-v2 .queue-btn>span:last-child:not(.queue-label) { color: var(--ui-muted) !important; background: var(--ui-soft) !important; border: 1px solid var(--ui-line); font-size: 12px; font-variant-numeric: tabular-nums; min-width: 24px; }
.whatsapp-inbox-v2 .conversation-list { background: var(--ui-surface); border-color: var(--ui-line); }
.care-inbox-list-title { margin: 0; padding: 20px 20px 8px; font-size: 18px; font-weight: 650; color: var(--ui-ink); }
.whatsapp-inbox-v2 .conversation-search { padding: 8px 20px 16px; border-color: var(--ui-line); }
.whatsapp-inbox-v2 .conversation-empty { padding: 40px 20px; font-size: 14px; }
.whatsapp-inbox-v2 .conversation-item { padding: 16px; border-color: var(--ui-line); background: var(--ui-surface); }
.whatsapp-inbox-v2 .conversation-item.active { background: var(--ui-soft); }
.whatsapp-inbox-v2 .conv-name { color: var(--ui-ink); font-size: 14px; font-weight: 600; }
.whatsapp-inbox-v2 .conv-preview,.whatsapp-inbox-v2 .conv-time { color: var(--ui-muted); font-size: 13px; }
.whatsapp-inbox-v2 #conversationPane { background: var(--ui-soft) !important; }
.whatsapp-inbox-v2 #conversationPane>.empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; padding: 32px; }
.care-inbox-empty-icon { width: 64px; height: 64px; display: grid; place-items: center; background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: 16px; color: var(--ui-link); margin-bottom: 20px; }
.care-inbox-empty-icon svg { width: 32px; height: 32px; }
.whatsapp-inbox-v2 #conversationPane>.empty h4 { font-size: 22px; font-weight: 650; margin: 0 0 12px; }
.whatsapp-inbox-v2 #conversationPane>.empty p { max-width: 40ch; margin: 0; line-height: 1.6; }
.whatsapp-inbox-v2 #conversationPane .conv-header { background: var(--ui-surface); border-color: var(--ui-line); padding: 16px; }
.whatsapp-inbox-v2 #conversationPane .conv-header-customer h4 { font-size: 18px; color: var(--ui-ink); }
.whatsapp-inbox-v2 #conversationPane .conv-header-customer p { font-size: 13px; color: var(--ui-muted); }
.whatsapp-inbox-v2 #conversationPane .composer.care-composer { background: var(--ui-surface); border-color: var(--ui-line) !important; }
.care-queue-disclosure { margin: 0 20px 12px; position: relative; }
.care-queue-disclosure summary { cursor: pointer; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ui-line); border-radius: 6px; color: var(--ui-link); background: var(--ui-soft); font-size: 14px; font-weight: 600; }
.whatsapp-inbox-v2 .care-queue-disclosure .inbox-filters { display: block; position: absolute; top: calc(100% + 4px); left: 0; right: 0; height: auto; max-height: min(360px,50dvh); overflow-y: auto; z-index: 8; border: 1px solid var(--ui-line); border-radius: 8px; box-shadow: 0 8px 24px rgb(8 24 40 / 16%); }
@media(max-width:1350px) and (min-width:1101px) { .inbox-shell.whatsapp-inbox-v2 { grid-template-columns: 168px 280px minmax(0,1fr); } }
@media(max-width:1100px) {
 .inbox-shell.whatsapp-inbox-v2 { grid-template-columns: 300px minmax(0,1fr); }
 .whatsapp-inbox-v2>.conversation-list { overflow: visible; display: flex; flex-direction: column; }
 .whatsapp-inbox-v2 .conversation-items { min-height: 0; overflow-y: auto; flex: 1; }
}
@media(max-width:700px) {
 .solicitacoes-channel-tabs { padding-inline: 12px; }
 .solicitacoes-request-tabs { padding: 12px; }
 .inbox-shell.whatsapp-inbox-v2 { grid-template-columns: minmax(0,1fr); grid-template-rows: 240px minmax(0,1fr); min-height: 480px; }
 .whatsapp-inbox-v2>.conversation-list { max-height: none; }
 .care-inbox-list-title { padding: 16px 16px 8px; font-size: 16px; }
 .care-queue-disclosure { margin-inline: 16px; margin-bottom: 8px; }
 .whatsapp-inbox-v2 .conversation-search { padding: 0 16px 12px; }
 .whatsapp-inbox-v2 .conversation-empty { padding: 20px 16px; }
 .whatsapp-inbox-v2 #conversationPane>.empty { padding: 24px 16px; }
 .whatsapp-inbox-v2 #conversationPane>.empty h4 { font-size: 20px; }
}

.whatsapp-inbox-v2 .conversation-search { background: var(--ui-surface) !important; }
.whatsapp-inbox-v2 .conversation-item:focus-visible { outline-offset: -4px; }