/* Audited shared UI refinements. Business state, permissions and routing are untouched. */
:root[data-theme] {--font-heading:var(--ui-font);--gray-light:var(--ui-soft);--surface-2:var(--ui-soft);--surface-3:var(--ui-border);--border-soft:var(--ui-border);}
:is(#consoleApp,#consoleOverlayRoot) i[data-panel-icon] {display:inline-flex;align-items:center;justify-content:center;font-style:normal!important;line-height:1!important;vertical-align:middle;flex-shrink:0;}
:is(#consoleApp,#consoleOverlayRoot) i[data-panel-icon]::before {display:none!important;content:none!important;}
:is(#consoleApp,#consoleOverlayRoot) .panel-svg {display:block!important;width:20px!important;height:20px!important;flex:0 0 20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;transform:none!important;}
:is(#consoleApp,#consoleOverlayRoot) .panel-svg[stroke='none'] {fill:currentColor;stroke:none;}
#consoleApp .sidebar :is(.menu-icon,.nav-group-icon) {display:grid!important;place-items:center!important;width:24px!important;height:24px!important;flex:0 0 24px!important;border:0!important;border-radius:0!important;}
#consoleApp .nav-group-icon>i {border:0!important;background:transparent!important;box-shadow:none!important;}
#consoleApp .nav-pin.active .panel-svg {fill:currentColor;}
#consoleApp :is(.dashboard-kpi-open,.dashboard-hero-tags,.dashboard-eyebrow,.dashboard-workspace>header>a) .panel-svg {width:14px!important;height:14px!important;flex-basis:14px;}
#consoleApp .dashboard-hero-tags .is-live .panel-svg {width:8px!important;height:8px!important;flex-basis:8px;fill:currentColor;}
#consoleApp :is(.nav-pin,.nav-group-chevron,.navigation-mode-switch,.sidebar-filter,.topbar-search) .panel-svg {width:16px!important;height:16px!important;flex-basis:16px;}
#consoleApp .sidebar .menu-copy strong {font-size:14px!important;line-height:1.45!important;}
#consoleApp .sidebar .nav-group-copy strong {font-size:13px!important;line-height:1.5!important;}
#consoleApp .sidebar-favorites {padding:0 12px 12px!important;border-bottom:1px solid var(--ui-border)!important;margin:0 0 12px!important;max-height:min(32vh,250px);overflow:auto;flex-shrink:0;}
#consoleApp .sidebar-favorites .menu-item {min-height:42px!important;padding:8px 10px!important;}
#consoleApp .sidebar-foot {background:var(--ui-soft)!important;}
#consoleApp .sidebar-compact-menu {min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;}
#consoleApp .sidebar-menu {overscroll-behavior:contain;}
#consoleApp .sidebar [hidden] {display:none!important;}
#consoleApp .sidebar-collapse:hover {background:var(--ui-soft)!important;color:var(--ui-brand-text)!important;}
#consoleApp .content {font-size:14px!important;line-height:1.5!important;}
#consoleApp .content :where(button,input,select,textarea,h1,h2,h3,h4,p,span,small,strong,b,label,td,th,dt,dd,a,em,time) {font-family:var(--ui-font)!important;font-synthesis:none;}
#consoleApp .content :where(h1,h2,h3,h4,strong,b) {font-weight:600!important;}
#consoleApp .content :where(button,label,th) {font-weight:500!important;}
#consoleApp .content :where(small,.sub,.page-subtitle,time) {font-size:12px!important;line-height:1.5!important;}
#consoleApp .page-header {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:0 0 18px!important;margin:0 0 20px!important;border-bottom:1px solid var(--ui-border)!important;}
#consoleApp .page-header>div {min-width:0;}
#consoleApp .page-header h1 {font-size:24px!important;line-height:1.3!important;letter-spacing:-.025em!important;color:var(--ui-text)!important;margin:0 0 6px!important;}
#consoleApp .page-subtitle {font-size:13px!important;color:var(--ui-muted)!important;max-width:760px;}
#consoleApp .page-actions {display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end;}
#consoleApp :is(.btn,.icon-btn) {box-shadow:none!important;}
#consoleApp .btn:not(.primary):not(.danger):not(.success) {background:var(--ui-card)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;}
#consoleApp .btn:not(:disabled):hover {border-color:var(--ui-brand)!important;}
#consoleApp :is(button,input,select,textarea):disabled {cursor:not-allowed;opacity:.6;}
#consoleApp .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=hidden]),select,textarea) {font-size:14px!important;font-weight:400!important;min-height:42px!important;line-height:1.45!important;border-color:var(--ui-border)!important;border-radius:7px!important;color:var(--ui-text)!important;background-color:var(--ui-card)!important;max-width:100%;box-sizing:border-box;}
#consoleApp .content :is(input,textarea)::placeholder {color:var(--ui-muted)!important;opacity:1!important;font-weight:400!important;}
#consoleApp .content :is(input,select,textarea):focus {outline:2px solid var(--ui-brand)!important;outline-offset:2px;box-shadow:none!important;}
#consoleApp .field>span {font-size:12px!important;font-weight:500!important;line-height:1.5!important;text-transform:none!important;letter-spacing:0!important;color:var(--ui-muted)!important;}
#consoleApp :is(.card,.table-card) {border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-card)!important;box-shadow:var(--ui-shadow)!important;}
#consoleApp .card-head {padding:16px!important;border-color:var(--ui-border)!important;gap:12px;}
#consoleApp .card-head h3 {font-size:15px!important;line-height:1.4!important;color:var(--ui-text)!important;}
#consoleApp .stat-card {padding:18px!important;min-width:0!important;}
#consoleApp .stat-value {font-size:26px!important;line-height:1.25!important;letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
#consoleApp .stat-label {font-size:13px!important;line-height:1.5!important;color:var(--ui-muted)!important;}
#consoleApp .stat-icon {background:var(--ui-brand-soft)!important;color:var(--ui-brand-text)!important;box-shadow:none!important;}
#consoleApp .table-wrap {max-width:100%;overflow:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin;}
#consoleApp .content table {font-variant-numeric:tabular-nums;}
#consoleApp .content th {font-size:12px!important;text-transform:none!important;letter-spacing:0!important;line-height:1.5!important;color:var(--ui-muted)!important;background:var(--ui-soft)!important;}
#consoleApp .content td {font-size:13px!important;line-height:1.5!important;border-color:var(--ui-border)!important;}
#consoleApp .content :is(.tabs,.member-tabs) {max-width:100%;overflow-x:auto;scrollbar-width:thin;}
#consoleApp .content :is(.tabs,.member-tabs)>button {font-size:13px!important;min-height:42px!important;flex-shrink:0;}
#consoleApp .content :is(.tabs,.member-tabs)>button.active {color:var(--ui-brand-text)!important;border-bottom-color:var(--ui-brand)!important;background:var(--ui-brand-soft)!important;}
#consoleApp .content :is(.empty,.empty-state) {padding:32px 20px!important;min-height:150px!important;color:var(--ui-muted)!important;font-size:14px!important;text-align:center;}
/* Dense operational modules: keep numeric emphasis, repair undersized supporting copy. */
#consoleApp :is(.operation-queue-page,.ops-page,.auto-risk-page,.m360-workspace,.online-users-page,.campaign-center-page,.audit-page) :is(span,p,small,em,time,dt,dd) {font-size:12px!important;line-height:1.5!important;}
#consoleApp :is(.operation-queue-page,.ops-page,.auto-risk-page,.m360-workspace,.online-users-page,.campaign-center-page,.audit-page) :is(button,label) {font-size:13px!important;}
#consoleApp :is(.operation-queue-page,.ops-page,.auto-risk-page,.m360-workspace,.audit-page) :is(strong,b) {font-size:14px;}
#consoleApp .campaign-hero {padding:20px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-card)!important;box-shadow:none!important;gap:20px!important;}
#consoleApp .campaign-hero h2 {font-size:22px!important;line-height:1.35!important;max-width:600px;}
#consoleApp .campaign-hero p {font-size:13px!important;line-height:1.6!important;}
#consoleApp .campaign-live-stats span {padding:12px!important;border:0!important;border-left:1px solid var(--ui-border)!important;border-radius:0!important;background:transparent!important;}
#consoleApp .campaign-live-stats b {font-size:24px!important;}
#consoleApp :is(.campaign-flow,.campaign-builder,.campaign-section,.campaign-upload-card) {border-color:var(--ui-border)!important;border-radius:10px!important;box-shadow:none!important;}
#consoleApp :is(.campaign-flow>span>b,.campaign-builder-head>div:first-child>i) {color:var(--ui-brand-text)!important;background:var(--ui-brand-soft)!important;}
#consoleApp .campaign-upload-card {background:var(--ui-soft)!important;}
#consoleApp .campaign-upload-card:hover {border-color:var(--ui-brand)!important;}
#consoleApp .campaign-upload-preview {background:var(--ui-card)!important;border:1px solid var(--ui-border)!important;color:var(--ui-muted)!important;}
#consoleApp .campaign-upload-card em {min-height:42px!important;}
#consoleApp :is(.campaign-page-choices,.campaign-toggle-row) input:checked+span {border-color:var(--ui-brand)!important;background:var(--ui-brand-soft)!important;}
#consoleApp .campaign-toggle-row strong {font-size:13px!important;}
#consoleApp .campaign-toggle-row small {font-size:12px!important;}
#consoleApp :is(.m360-detail-loading,.m360-empty,.auto-risk-empty,.auto-risk-loading) {gap:10px!important;min-height:240px!important;padding:28px 20px!important;}
#consoleApp .m360-directory-loading {font-size:13px!important;}
/* Queue and system sections live directly under .content, not a page wrapper. */
#consoleApp :is(.oq-hero,.oq-workspace) :is(span,small,p,b) {font-size:12px!important;line-height:1.5!important;}
#consoleApp :is(.oq-result-head,.operations-error-summary) strong {font-size:13px!important;}
#consoleApp :is(.oq-hero-copy>span,.operations-error-empty>span) {font-size:12px!important;}
#consoleApp .oq-hero {padding:20px!important;background:var(--ui-card)!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;box-shadow:none!important;}
#consoleApp .oq-hero-copy h2 {font-size:20px!important;line-height:1.35!important;}
#consoleApp .oq-kpis {border-color:var(--ui-border)!important;background:var(--ui-card)!important;}
#consoleApp .oq-kpis>div {padding:12px!important;}
#consoleApp .oq-kpis strong {font-size:22px!important;font-variant-numeric:tabular-nums;}
#consoleApp .oq-toolbar {flex-wrap:wrap!important;gap:12px!important;}
#consoleApp .oq-type-filters {display:flex!important;flex-wrap:wrap!important;gap:4px!important;min-width:0!important;}
#consoleApp .oq-type-filters>button {min-height:42px!important;font-size:13px!important;gap:7px!important;}
#consoleApp .oq-type-filters>button.active {color:var(--ui-brand-text)!important;background:var(--ui-brand-soft)!important;}
#consoleApp .oq-empty {display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;min-height:240px!important;padding:32px 20px!important;}
#consoleApp .oq-empty strong {font-size:14px!important;margin:0!important;}
#consoleApp .oq-empty>i .panel-svg {width:28px!important;height:28px!important;}
#consoleApp :is(.operations-overview-strip,.operations-error-center,.operations-notification-center,.operations-whatsapp-panel) {background:var(--ui-card)!important;border-color:var(--ui-border)!important;box-shadow:none!important;border-radius:10px!important;}
#consoleApp .operations-overview-strip strong {font-size:18px!important;}
#consoleApp .operations-error-empty {font-size:13px!important;gap:12px!important;}
#consoleApp .operations-notification-center small {font-size:12px!important;}
#consoleApp .online-users-page label>span,#consoleApp .online-filters label>span {font-size:12px!important;}
#consoleApp .presence-toolbar span {font-size:12px!important;line-height:1.5!important;}
#consoleApp .ticket-settlement-mode strong {font-size:13px!important;line-height:1.5!important;}
#consoleApp .content>.metrics {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:20px!important;}
#consoleApp .mini-stat {min-width:0!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;padding:16px!important;background:var(--ui-card)!important;}
#consoleApp .mini-stat>span {font-size:12px!important;color:var(--ui-muted)!important;text-transform:none!important;letter-spacing:0!important;}
#consoleApp .mini-stat>strong {font-size:22px!important;color:var(--ui-text)!important;font-variant-numeric:tabular-nums;}
#consoleApp .content :is(.tabs,.table-wrap) {background:var(--ui-card)!important;border-color:var(--ui-border)!important;}
#consoleApp .content :is(.tabs,.member-tabs)>button:not(.active) {color:var(--ui-muted)!important;}
#consoleApp .content .sub {color:var(--ui-muted)!important;}
#consoleApp .content .tabs button b {color:var(--ui-brand-text)!important;background:var(--ui-brand-soft)!important;}
#consoleApp .oq-controls {display:flex!important;flex:1 1 380px!important;min-width:0!important;gap:8px!important;}
#consoleApp .oq-controls>label {flex:1 1 240px!important;min-width:0!important;width:auto!important;}
#consoleApp .oq-controls input {width:100%!important;min-width:0!important;padding-left:36px!important;}
#consoleApp .oq-controls select {flex:0 1 210px!important;min-width:140px!important;}
:root[data-theme='dark'] #consoleApp .operations-choice {background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;}
:root[data-theme='dark'] #consoleApp .operations-notification-grid>div {background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;}
:root[data-theme='dark'] #consoleApp :is(.operations-technical,.operations-notification-center section,.operations-notification-center article,.operations-checkbox,.wa-simple-step,.wa-simple-events,.wa-simple-event,.wa-simple-status.is-muted,.wa-code-help,.casino-page-actions,.casino-action-row,.casino-page-actions-help,.support-filter-panel,.support-filter-option) {background:var(--ui-card)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;}
:root[data-theme='dark'] #consoleApp :is(.wa-simple-step,.wa-simple-event,.casino-action-row,.casino-page-actions-help,.support-filter-panel) :is(strong,b,span,label,p,small) {color:var(--ui-text)!important;}
:root[data-theme='dark'] #consoleApp :is(.auto-risk-scan-result.is-clean,.notification-console-state) {background:var(--success-light)!important;color:var(--success)!important;border-color:var(--ui-border)!important;}
:root[data-theme='dark'] #consoleApp .auto-risk-scan-result.is-clean :is(strong,span,p) {color:var(--ui-text)!important;}
#consoleOverlayRoot .drawer {font-family:var(--ui-font)!important;background:var(--ui-card)!important;color:var(--ui-text)!important;max-width:100vw!important;}
#consoleOverlayRoot .drawer :is(input,select,textarea,button,label,h2,h3,p,span,small,strong,b) {font-family:var(--ui-font)!important;}
#consoleOverlayRoot .drawer :is(h2,h3,strong,b) {font-weight:600!important;}
#consoleOverlayRoot .drawer-head {padding:20px!important;background:var(--ui-card)!important;gap:12px!important;border-color:var(--ui-border)!important;}
#consoleOverlayRoot .drawer-head h2 {font-size:20px!important;line-height:1.35!important;}
#consoleOverlayRoot .drawer-head p {font-size:13px!important;line-height:1.5!important;color:var(--ui-muted)!important;}
#consoleOverlayRoot .drawer .field>span {font-size:12px!important;line-height:1.5!important;text-transform:none!important;font-weight:500!important;color:var(--ui-muted)!important;}
#consoleOverlayRoot .drawer :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {font-size:14px!important;font-weight:400!important;min-height:42px!important;max-width:100%;background-color:var(--ui-card)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;}
#consoleOverlayRoot .drawer-foot {background:var(--ui-card)!important;border-color:var(--ui-border)!important;padding:12px 20px max(12px,env(safe-area-inset-bottom))!important;}
#consoleOverlayRoot .btn {min-height:42px!important;border-radius:7px!important;font-size:14px!important;}
#consoleOverlayRoot .btn.primary {background:var(--ui-brand)!important;border-color:var(--ui-brand)!important;color:#fff!important;}
#consoleOverlayRoot .drawer-routebar {background:var(--ui-soft)!important;border-color:var(--ui-border)!important;}
#consoleOverlayRoot .drawer-routebar i {color:var(--ui-brand-text)!important;}
#consoleOverlayRoot :is(button,a,input,select,textarea):focus-visible {outline:2px solid var(--ui-brand)!important;outline-offset:2px!important;}
@media(max-width:992px) {
 #consoleApp .content>.metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 #consoleApp .sidebar.open .sidebar-favorites {max-height:160px;}
 #consoleApp .page-header {flex-wrap:wrap!important;}
 #consoleApp .page-actions {justify-content:flex-start!important;}
}
@media(max-width:600px) {
 #consoleOverlayRoot .drawer-head {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;padding:16px!important;}
 #consoleOverlayRoot .drawer-head-main {flex:1!important;min-width:0!important;}
 #consoleOverlayRoot .drawer-head h2 {font-size:18px!important;}
 #consoleOverlayRoot .drawer-close-btn {width:42px!important;min-width:42px!important;flex:0 0 42px!important;align-self:flex-start!important;}
 #consoleApp .page-header {gap:12px!important;margin-bottom:16px!important;padding-bottom:16px!important;}
 #consoleApp .page-header h1 {font-size:22px!important;overflow-wrap:anywhere;}
 #consoleApp .page-actions {width:100%;display:flex!important;}
 #consoleApp .page-actions .btn {flex:1 1 140px!important;white-space:normal!important;}
 #consoleApp .campaign-hero {padding:16px!important;gap:16px!important;}
 #consoleApp .campaign-live-stats {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 #consoleApp .campaign-live-stats span {min-width:0!important;padding:8px!important;}
 #consoleApp .campaign-hero h2 {font-size:20px!important;}
 #consoleApp .campaign-flow {padding:12px!important;gap:12px!important;}
 #consoleApp .campaign-flow>span {grid-template-columns:28px minmax(0,1fr)!important;column-gap:8px!important;}
 #consoleApp .campaign-flow>span>b {width:28px!important;height:28px!important;}
 #consoleApp .campaign-flow :is(strong,small) {white-space:normal!important;}
 #consoleApp .campaign-toggle-row label>span {padding-left:40px!important;}
 #consoleApp .stat-card {padding:14px!important;}
 #consoleApp .stat-value {font-size:24px!important;}
 #consoleApp .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 #consoleApp .metric-grid .stat-card {min-height:154px!important;padding:12px!important;}
 #consoleApp .metric-grid .stat-value {font-size:20px!important;}
 #consoleApp .metric-grid .stat-label {font-size:12px!important;}
 #consoleApp .metric-grid .stat-icon {width:30px!important;height:30px!important;}
 #consoleApp .metric-grid .badge-trend {font-size:12px!important;padding:2px 6px!important;}
 #consoleApp .oq-controls {flex-wrap:wrap!important;width:100%!important;flex-basis:100%!important;}
 #consoleApp .oq-controls>label,#consoleApp .oq-controls select {flex:1 1 100%!important;width:100%!important;}
 #consoleApp .oq-type-filters {width:100%!important;overflow:visible!important;}
 #consoleApp .oq-type-filters>button {flex:1 1 95px!important;justify-content:center!important;}
 #consoleApp .oq-hero {padding:16px!important;}
 #consoleApp .oq-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
 #consoleApp .operations-overview-strip {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 #consoleApp .operations-overview-strip>div:first-child {grid-column:1/-1!important;}
 #consoleApp .operations-overview-strip>div {min-width:0!important;min-height:84px!important;padding:14px!important;}
 #consoleApp .m360-workspace {min-height:0!important;}
 #consoleApp .m360-detail-loading {min-height:220px!important;}
}