/* ChatPion Obsidian Editorial — dark executive operations system.
 * Dependency-free, deliberately restrained, and loaded after legacy CSS.
 */
@font-face {
  font-family: "ChatPion UI";
  src: url("../fonts/nunito-v9-latin-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "ChatPion UI";
  src: url("../fonts/nunito-v9-latin-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --cp-color-bg: #080808;
  --cp-color-bg-soft: #0d0d0d;
  --cp-color-ink: #0a0a0a;
  --cp-color-ink-soft: #111111;
  --cp-color-surface: #121212;
  --cp-color-surface-soft: #181818;
  --cp-color-surface-raised: #202020;
  --cp-color-primary: #d8c7a1;
  --cp-color-primary-hover: #f0dfba;
  --cp-color-champagne: #d8c7a1;
  --cp-color-accent: #9bb7b4;
  --cp-color-text: #f4f0e8;
  --cp-color-muted: #aaa49b;
  --cp-color-subtle: #77736d;
  --cp-color-border: #2b2b2b;
  --cp-color-border-strong: #424242;
  --cp-color-success: #9eb89d;
  --cp-color-warning: #d2ae76;
  --cp-color-danger: #c48686;
  --cp-focus-ring: 0 0 0 2px #080808, 0 0 0 4px rgba(216, 199, 161, .82);
  --cp-radius-sm: 4px;
  --cp-radius-md: 8px;
  --cp-radius-lg: 12px;
  --cp-shadow-sm: 0 4px 18px rgba(0, 0, 0, .22);
  --cp-shadow-md: 0 18px 50px rgba(0, 0, 0, .40);
  --cp-space-1: 4px;
  --cp-space-2: 8px;
  --cp-space-3: 12px;
  --cp-space-4: 16px;
  --cp-space-5: 20px;
  --cp-space-6: 24px;
  --cp-space-8: 32px;
  --cp-transition-fast: 140ms ease-out;
  --cp-transition-standard: 180ms ease-out;
}

html { background: var(--cp-color-bg); }
html:has(.cp-login-screen),
body:has(.cp-login-screen) {
  background: var(--cp-color-bg) !important;
  min-height: 100vh;
}
body.cp-app-shell,
body:has(.cp-login-screen) {
  color: var(--cp-color-text);
  font-family: "ChatPion UI", Nunito, ui-sans-serif, system-ui, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
}
body.cp-app-shell a,
.cp-login-screen a { color: var(--cp-color-primary); }
body.cp-app-shell a:hover,
.cp-login-screen a:hover { color: var(--cp-color-primary-hover); }
body.cp-app-shell :focus-visible,
.cp-login-screen :focus-visible { outline: 0; box-shadow: var(--cp-focus-ring); }
body.cp-app-shell ::selection,
body:has(.cp-login-screen) ::selection { color: var(--cp-color-bg); background: var(--cp-color-primary); }
body.cp-app-shell ::-webkit-scrollbar { width: 9px; height: 9px; }
body.cp-app-shell ::-webkit-scrollbar-track { background: var(--cp-color-bg); }
body.cp-app-shell ::-webkit-scrollbar-thumb { background: #45433f; border: 2px solid var(--cp-color-bg); background-clip: padding-box; border-radius: 999px; }

.cp-app-shell .main-wrapper,
.cp-app-shell .main-content.cp-main-content,
.cp-app-shell .main-content.cp-main-content .section,
.cp-app-shell .main-content.cp-main-content .section-body {
  background: var(--cp-color-bg) !important;
}
.cp-app-shell .main-sidebar.cp-sidebar { width: 250px !important; }
.cp-app-shell .main-content.cp-main-content { padding-left: 280px !important; padding-right: 30px; }
.cp-app-shell .main-footer { padding-left: 280px; }
body.sidebar-mini.cp-app-shell .main-sidebar.cp-sidebar { width: 65px !important; }
body.sidebar-mini.cp-app-shell .main-content.cp-main-content { padding-left: 90px !important; }
body.sidebar-mini.cp-app-shell .main-footer { padding-left: 90px; }
body.sidebar-gone.cp-app-shell .main-content.cp-main-content { padding-left: 30px !important; }
body.sidebar-gone.cp-app-shell .main-footer { padding-left: 30px; }

.cp-app-shell h1, .cp-app-shell h2, .cp-app-shell h3,
.cp-app-shell .section-header h1, .cp-app-shell .section-title,
.cp-login-screen h1, .cp-login-screen h2, .cp-login-screen h3,
.cp-login-screen .card-header h4 {
  color: var(--cp-color-text);
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  font-weight: 400;
  letter-spacing: -.025em;
}
.cp-app-shell .section-header h1 { font-size: 2rem; }
.cp-app-shell .section-title { font-size: 1.35rem; }
.cp-app-shell .main-content .section-header { margin-bottom: 30px; }
.cp-app-shell .section-header > h1 > i,
.cp-app-shell .section-title > i,
.cp-app-shell .card-header h4 > i,
.cp-app-shell .section-header-button .btn > i { display: none !important; }

/* Login is the public expression of the same world. */
.cp-login-screen { max-width: 560px; margin-top: 8vh !important; }
.cp-login-screen .login-brand { margin-bottom: 28px; }
.cp-login-screen .login-brand img { max-width: 190px; height: auto; filter: brightness(0) invert(1); }
.cp-login-screen .cp-login-card { background: var(--cp-color-surface); border: 1px solid var(--cp-color-border); border-top: 1px solid var(--cp-color-primary); border-radius: var(--cp-radius-md); box-shadow: var(--cp-shadow-md); }
.cp-login-screen .cp-login-card .card-header { background: transparent; border-bottom: 1px solid var(--cp-color-border); padding: 24px 28px; }
.cp-login-screen .cp-login-card .card-header h4 { color: var(--cp-color-text); font-size: 1.65rem; }
.cp-login-screen .cp-login-card .card-header h4 > i,
.cp-login-screen .cp-login-card .login_btn > i { display: none !important; }
.cp-login-screen .cp-login-card .card-body { padding: 28px; }
.cp-login-screen .cp-login-card .form-control { min-height: 46px; background: #0d0d0d; border: 1px solid var(--cp-color-border-strong); color: var(--cp-color-text); }
.cp-login-screen .cp-login-card .form-control::placeholder { color: var(--cp-color-subtle); }
.cp-login-screen .cp-login-card label { color: var(--cp-color-muted); }
.cp-login-screen .cp-login-card .login_btn { min-height: 46px; background: var(--cp-color-primary); border-color: var(--cp-color-primary); color: #111; }

/* Global shell */
.cp-app-shell .navbar-bg { background: var(--cp-color-bg); border-bottom: 1px solid var(--cp-color-border); }
.cp-app-shell .main-navbar,
.cp-app-shell .main-navbar.navbar { min-height: 66px; background: var(--cp-color-bg); border-bottom: 1px solid var(--cp-color-border); box-shadow: none; }
.cp-app-shell .main-navbar .nav-link { color: var(--cp-color-muted); }
.cp-app-shell .main-navbar .nav-link:hover,
.cp-app-shell .main-navbar .nav-link:focus-visible { color: var(--cp-color-primary); }
.cp-app-shell .main-navbar .nav-link-user { color: var(--cp-color-text); font-weight: 700; }
.cp-app-shell .main-navbar .nav-link-user img { width: 32px; height: 32px; border: 1px solid var(--cp-color-border-strong); filter: grayscale(.9) saturate(.35) brightness(1.08); }
.cp-app-shell .main-navbar .notification-toggle,
.cp-app-shell .main-navbar .notification-toggle i,
.cp-app-shell .main-navbar .nav-link-lg,
.cp-app-shell .main-navbar .nav-link-lg i { color: var(--cp-color-muted) !important; }
.cp-app-shell .main-navbar .notification-toggle:hover,
.cp-app-shell .main-navbar .notification-toggle:hover i,
.cp-app-shell .main-navbar .nav-link-lg:hover,
.cp-app-shell .main-navbar .nav-link-lg:hover i { color: var(--cp-color-primary) !important; }
.cp-app-shell .main-navbar .badge-primary,
.cp-app-shell .main-navbar .badge-info { background: var(--cp-color-primary) !important; border: 1px solid var(--cp-color-primary-hover); color: #111 !important; }
.cp-app-shell .main-navbar .badge-secondary { background: var(--cp-color-surface-raised) !important; border: 1px solid var(--cp-color-border-strong); color: var(--cp-color-muted) !important; }
.cp-app-shell .main-navbar .beep::after { background: var(--cp-color-primary) !important; }
.cp-app-shell .main-navbar .dropdown-item-icon.bg-primary,
.cp-app-shell .main-navbar .dropdown-item-icon.bg-info { background: var(--cp-color-primary) !important; color: #111 !important; }
.cp-app-shell .main-navbar .dropdown-item-icon.bg-secondary { background: var(--cp-color-surface-raised) !important; color: var(--cp-color-muted) !important; }
.cp-app-shell .main-navbar .dropdown-menu { background: var(--cp-color-surface) !important; border: 1px solid var(--cp-color-border); }
.cp-app-shell .main-navbar .dropdown-item { color: var(--cp-color-muted); }
.cp-app-shell .main-navbar .dropdown-item:hover,
.cp-app-shell .main-navbar .dropdown-item:focus { background: var(--cp-color-surface-raised) !important; color: var(--cp-color-primary) !important; }
.cp-app-shell .main-sidebar.cp-sidebar { background: var(--cp-color-ink); border-right: 1px solid var(--cp-color-border); box-shadow: none; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-brand { background: var(--cp-color-ink) !important; border-bottom: 1px solid var(--cp-color-border); box-shadow: none; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-brand img { max-width: 150px !important; max-height: 48px !important; filter: grayscale(1) brightness(2); }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu { padding: 16px 12px 28px; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu .menu-header { color: var(--cp-color-subtle); font-size: .62rem; letter-spacing: .16em; padding: 20px 10px 7px; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a { min-height: 38px; margin: 2px 0; border-radius: 0; border-left: 1px solid transparent; color: var(--cp-color-muted); font-weight: 700; padding: 9px 12px; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a i { display: none !important; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a:hover,
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a:focus-visible { color: var(--cp-color-text); background: transparent; border-left-color: var(--cp-color-subtle); transform: none; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active > a,
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a.active { color: var(--cp-color-primary); background: transparent; border-left-color: var(--cp-color-primary); box-shadow: none; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active > a i,
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a.active i { color: inherit; }
.cp-app-shell .main-sidebar.cp-sidebar ul.dropdown-menu,
.cp-app-shell .main-sidebar.cp-sidebar ul.dropdown-menu2 { background: #101010; }
.cp-app-shell .main-sidebar.cp-sidebar ul.dropdown-menu li a,
.cp-app-shell .main-sidebar.cp-sidebar ul.dropdown-menu2 li a { color: var(--cp-color-subtle); font-size: .82rem; }

.cp-app-shell .main-content.cp-main-content { padding-top: 96px; min-height: calc(100vh - 66px); }
.cp-app-shell .main-content .section > *:first-child { margin-top: 0; }
.cp-app-shell .main-content .section .section-header { position: relative; z-index: 2; background: var(--cp-color-bg) !important; box-shadow: none; border-radius: 0; }
.cp-app-shell .main-content .section-header .section-header-breadcrumb,
.cp-app-shell .main-content .section-header .breadcrumb-item { color: var(--cp-color-subtle); }
.cp-app-shell .main-content .card { background: var(--cp-color-surface); border: 1px solid var(--cp-color-border); border-radius: var(--cp-radius-md); box-shadow: none; }
.cp-app-shell .main-content .card .card-header { background: transparent; border-bottom: 1px solid var(--cp-color-border); padding: 18px 22px; }
.cp-app-shell .main-content .card .card-header h4 { color: var(--cp-color-text) !important; font-size: 1.05rem; }
.cp-app-shell .main-content .card .card-body { padding: 22px; }
.cp-app-shell .main-content .card .card-footer { background: var(--cp-color-surface-soft); border-top: 1px solid var(--cp-color-border); }
.cp-app-shell .main-content .btn,
body.cp-app-shell .btn,
body.cp-app-shell button.btn,
body.cp-app-shell input[type="button"].btn,
body.cp-app-shell input[type="submit"].btn,
.cp-login-screen .btn { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle; line-height: 1.2; font-family: "ChatPion UI", Nunito, ui-sans-serif, system-ui, sans-serif !important; font-weight: 700; letter-spacing: .01em; }
body.cp-app-shell .btn > i,
.cp-login-screen .btn > i { display: inline-block; line-height: 1; margin-right: .48em; }
body.cp-app-shell .btn.btn-icon-only > i,
body.cp-app-shell .btn.btn-circle > i,
body.cp-app-shell .btn:last-child > i:only-child { margin-right: 0; }
.cp-app-shell .main-content .btn { border-radius: var(--cp-radius-sm); transition: background var(--cp-transition-fast), border-color var(--cp-transition-fast), color var(--cp-transition-fast); }
.cp-app-shell .main-content .btn:hover { transform: none; }
.cp-app-shell .main-content .btn-primary,
.cp-app-shell .main-content .btn-info,
.cp-app-shell .main-content .btn-success { background: var(--cp-color-primary); border-color: var(--cp-color-primary); color: #111; }
.cp-app-shell .main-content .btn-primary:hover,
.cp-app-shell .main-content .btn-info:hover,
.cp-app-shell .main-content .btn-success:hover { background: var(--cp-color-primary-hover); border-color: var(--cp-color-primary-hover); color: #111; }
.cp-app-shell .main-content .btn-outline-primary,
.cp-app-shell .main-content .btn-outline-info,
.cp-app-shell .main-content .btn-outline-secondary { color: var(--cp-color-primary); background: transparent; border-color: var(--cp-color-border-strong); }
.cp-app-shell .main-content .btn-outline-danger,
.cp-app-shell .main-content .btn-outline-light,
.cp-app-shell .main-content .btn-light,
.cp-app-shell .main-content .btn-white,
.cp-app-shell .main-content .btn-outline-white { background: transparent !important; color: var(--cp-color-muted) !important; border-color: var(--cp-color-border-strong) !important; box-shadow: none !important; }
.cp-app-shell .main-content .btn-outline-danger { color: var(--cp-color-danger) !important; border-color: rgba(196,134,134,.55) !important; }
.cp-app-shell .main-content .btn-outline-danger:hover,
.cp-app-shell .main-content .btn-outline-danger:focus-visible { background: rgba(196,134,134,.16) !important; color: var(--cp-color-danger) !important; border-color: var(--cp-color-danger) !important; }
.cp-app-shell .main-content .btn-light:hover,
.cp-app-shell .main-content .btn-outline-light:hover,
.cp-app-shell .main-content .btn-white:hover,
.cp-app-shell .main-content .btn-outline-white:hover { background: var(--cp-color-surface-raised) !important; color: var(--cp-color-primary) !important; border-color: var(--cp-color-border-strong) !important; }
.cp-app-shell .main-content .btn-outline-danger > i,
.cp-app-shell .main-content .btn-outline-light > i,
.cp-app-shell .main-content .btn-light > i,
.cp-app-shell .main-content .btn-white > i { color: currentColor !important; }
.cp-app-shell .main-content .btn-outline-primary:hover,
.cp-app-shell .main-content .btn-outline-info:hover,
.cp-app-shell .main-content .btn-outline-secondary:hover { color: #111; background: var(--cp-color-primary); border-color: var(--cp-color-primary); }
.cp-app-shell .main-content .btn:disabled, .cp-app-shell .main-content .btn.disabled { transform: none; opacity: .55; }
.cp-app-shell .main-content .form-control,
.cp-app-shell .main-content .custom-select,
.cp-app-shell .main-content .select2-container--default .select2-selection--single,
.cp-app-shell .main-content .select2-container--default .select2-selection--multiple { min-height: 40px; background: #0d0d0d; border: 1px solid var(--cp-color-border-strong); border-radius: var(--cp-radius-sm); color: var(--cp-color-text); }
.cp-app-shell .main-content .form-control:focus,
.cp-app-shell .main-content .custom-select:focus { border-color: var(--cp-color-primary); box-shadow: var(--cp-focus-ring); }
.cp-app-shell .main-content .form-control::placeholder { color: var(--cp-color-subtle); }
.cp-app-shell .main-content label { color: var(--cp-color-muted); font-weight: 700; }
.cp-app-shell .main-content .form-text, .cp-app-shell .main-content .text-muted { color: var(--cp-color-muted) !important; }
.cp-app-shell .main-content .table { color: var(--cp-color-text); background: var(--cp-color-surface); }
.cp-app-shell .main-content .table thead th { background: var(--cp-color-surface-soft) !important; color: var(--cp-color-muted) !important; border-bottom: 1px solid var(--cp-color-border) !important; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.cp-app-shell .main-content .table td { border-color: #242424; }
.cp-app-shell .main-content .table tbody tr:hover { background: var(--cp-color-surface-raised); }
.cp-app-shell .main-content .badge { border: 1px solid var(--cp-color-border-strong); border-radius: 999px; background: transparent !important; color: var(--cp-color-muted) !important; font-weight: 700; padding: 5px 9px; }
.cp-app-shell .main-content .badge-success { color: var(--cp-color-success) !important; border-color: rgba(158,184,157,.45); }
.cp-app-shell .main-content .badge-warning { color: var(--cp-color-warning) !important; border-color: rgba(210,174,118,.45); }
.cp-app-shell .main-content .badge-danger { color: var(--cp-color-danger) !important; border-color: rgba(196,134,134,.45); }
.cp-app-shell .main-content .alert { background: var(--cp-color-surface-soft); border: 1px solid var(--cp-color-border); border-radius: var(--cp-radius-sm); color: var(--cp-color-muted); }
.cp-app-shell .main-content .alert-info { border-color: rgba(155,183,180,.48); color: var(--cp-color-accent); }
.cp-app-shell .main-content .alert-success { border-color: rgba(158,184,157,.48); color: var(--cp-color-success); }
.cp-app-shell .main-content .alert-danger { border-color: rgba(196,134,134,.48); color: var(--cp-color-danger); }
.cp-app-shell .main-content .modal-content { background: var(--cp-color-surface); border: 1px solid var(--cp-color-border); border-radius: var(--cp-radius-md); box-shadow: var(--cp-shadow-md); }
.cp-app-shell .main-content .modal-header, .cp-app-shell .main-content .modal-footer { border-color: var(--cp-color-border); }
.cp-app-shell .main-footer { color: var(--cp-color-muted); border-top: 1px solid var(--cp-color-border); background: var(--cp-color-bg); }

.cp-app-shell .cp-social-accounts,
.cp-app-shell .cp-social-accounts .section-body { background: var(--cp-color-bg) !important; }
.cp-app-shell .cp-social-accounts .bg-body,
.cp-app-shell .cp-social-accounts .multi_layout,
.cp-app-shell .cp-social-accounts .profile-widget,
.cp-app-shell .cp-social-accounts .author-box,
.cp-app-shell .cp-social-accounts .list-group-item,
.cp-app-shell .cp-social-accounts .media.bg-white,
.cp-app-shell .cp-social-accounts .summary { background: var(--cp-color-surface) !important; color: var(--cp-color-text); }
.cp-app-shell .cp-social-accounts .profile-widget { border-color: var(--cp-color-border) !important; border-radius: var(--cp-radius-md); }
.cp-app-shell .cp-social-accounts .profile-widget-header,
.cp-app-shell .cp-social-accounts .summary-item { border-color: var(--cp-color-border); }
.cp-app-shell .cp-social-accounts .profile-widget-item-label,
.cp-app-shell .cp-social-accounts .author-box-job,
.cp-app-shell .cp-social-accounts .text-muted { color: var(--cp-color-muted) !important; }
.cp-app-shell .cp-social-accounts .profile-widget-item-value,
.cp-app-shell .cp-social-accounts .author-box-name a,
.cp-app-shell .cp-social-accounts .media-title a { color: var(--cp-color-text); }
.cp-app-shell .cp-social-accounts .author-box-name a:hover,
.cp-app-shell .cp-social-accounts .media-title a:hover { color: var(--cp-color-primary); }
.cp-app-shell .cp-social-accounts .author-box-picture,
.cp-app-shell .cp-social-accounts .profile-widget-picture { border-color: var(--cp-color-border-strong) !important; }
.cp-app-shell .cp-social-accounts .profile-widget-items { border-color: var(--cp-color-border); }
.cp-app-shell .cp-social-accounts .nicescroll { scrollbar-color: #45433f var(--cp-color-surface); }
.cp-app-shell .cp-social-accounts .page_list_ul > .card { background: var(--cp-color-surface-soft) !important; }
.cp-app-shell .cp-social-accounts .page_list_ul > .card .card-body { background: transparent !important; }
.cp-app-shell .cp-social-accounts .progress { background: var(--cp-color-border); }
.cp-app-shell .cp-social-accounts .progress-bar { background: var(--cp-color-primary); color: #111; }
.cp-app-shell .cp-social-accounts .btn-circle { min-width: 34px; }


.cp-app-shell .cp-dashboard .card-statistic-1,
.cp-app-shell .cp-dashboard .card-statistic-2,
.cp-app-shell .facebook-dashboard .card-statistic-1,
.cp-app-shell .facebook-dashboard .card-statistic-2 { min-height: 132px; overflow: hidden; }
.cp-app-shell .cp-dashboard .card-statistic-1 .card-icon,
.cp-app-shell .cp-dashboard .card-statistic-2 .card-icon,
.cp-app-shell .facebook-dashboard .card-statistic-1 .card-icon,
.cp-app-shell .facebook-dashboard .card-statistic-2 .card-icon { display: none !important; }
.cp-app-shell .cp-dashboard .card-statistic-1 .card-wrap,
.cp-app-shell .cp-dashboard .card-statistic-2 .card-wrap,
.cp-app-shell .facebook-dashboard .card-statistic-1 .card-wrap,
.cp-app-shell .facebook-dashboard .card-statistic-2 .card-wrap { padding-left: 22px !important; }
.cp-app-shell .cp-dashboard .card-statistic-1 .card-body,
.cp-app-shell .cp-dashboard .card-statistic-2 .card-body,
.cp-app-shell .facebook-dashboard .card-statistic-1 .card-body,
.cp-app-shell .facebook-dashboard .card-statistic-2 .card-body { color: var(--cp-color-text); font-family: "Iowan Old Style", Georgia, serif; font-size: 2rem; font-weight: 400; }
.cp-app-shell .cp-dashboard .card-statistic-1 .card-header h4,
.cp-app-shell .cp-dashboard .card-statistic-2 .card-header h4,
.cp-app-shell .facebook-dashboard .card-statistic-1 .card-header h4,
.cp-app-shell .facebook-dashboard .card-statistic-2 .card-header h4 { color: var(--cp-color-muted) !important; font-family: "ChatPion UI", sans-serif; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
.cp-app-shell .cp-dashboard .section-title,
.cp-app-shell .facebook-dashboard .section-title { color: var(--cp-color-text); font-size: 1.3rem; font-weight: 400; margin: 30px 0 16px; }
.cp-app-shell .facebook-dashboard > .section-header > h1 > i,
.cp-app-shell .facebook-dashboard .card-header h4 > i { display: none !important; }
.cp-app-shell .cp-dashboard .card-header-action .btn { min-height: 34px; }
.cp-app-shell .cp-broadcast-history .section-header { display: flex; align-items: center; gap: 16px; }
.cp-app-shell .cp-broadcast-history .section-header > h1 { flex: 1 1 auto; min-width: 0; }
.cp-app-shell .cp-broadcast-history .section-header-button { display: flex; flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-left: 0 !important; }
.cp-app-shell .cp-broadcast-history .section-header-button .btn { margin-left: 0 !important; white-space: nowrap; }
.cp-app-shell .cp-broadcast-history .history-table-controls { align-items: center; row-gap: 12px; }
.cp-app-shell .cp-broadcast-history .history-table-controls .col-md-8,
.cp-app-shell .cp-broadcast-history .history-table-controls .col-md-4 { min-width: 0; }
.cp-app-shell .cp-broadcast-history .history-table-controls .input-group { flex-wrap: nowrap; }
.cp-app-shell .cp-broadcast-history .history-table-controls .input-group .form-control { min-width: 0; }
.cp-app-shell .cp-broadcast-history .history-table-controls .input-group-append .btn { white-space: nowrap; }
.cp-app-shell .cp-broadcast-history .history-table-controls .text-right { text-align: right !important; }
.cp-app-shell .cp-broadcast-history .nav-tabs .nav-link { color: var(--cp-color-muted); border: 0; border-bottom: 1px solid transparent; padding: 15px 14px 12px; font-weight: 700; }
.cp-app-shell .cp-broadcast-history .nav-tabs .nav-link.active { color: var(--cp-color-primary); background: transparent; border-bottom-color: var(--cp-color-primary); }
.cp-app-shell .cp-broadcast-history .history-metric { color: var(--cp-color-text); font-family: "Iowan Old Style", Georgia, serif; font-size: 1.15rem; font-weight: 400; }
.cp-app-shell .cp-broadcast-history .history-unknown { color: var(--cp-color-subtle); }
.cp-app-shell .cp-utility-templates .status-badge,
.cp-app-shell .cp-utility-broadcast .status-badge { min-width: 88px; text-align: center; }
.cp-app-shell .cp-utility-templates .cp-utility-template-header { display: flex; align-items: center; gap: 18px; }
.cp-app-shell .cp-utility-templates .cp-utility-template-header > h1 { flex: 1 1 auto; min-width: 0; }
.cp-app-shell .cp-utility-templates .cp-utility-template-actions { display: flex; flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-left: 0 !important; }
.cp-app-shell .cp-utility-templates .cp-utility-template-action { margin: 0 !important; min-height: 44px; white-space: nowrap; }
.cp-app-shell .cp-subscriber-manager .empty-state { padding: 42px 20px; }
.cp-app-shell .cp-subscriber-manager .empty-state img { max-height: 130px; width: auto; opacity: .72; filter: grayscale(1); }
.cp-app-shell .cp-loading { color: var(--cp-color-primary); }
.cp-app-shell .cp-status-success { color: var(--cp-color-success); }
.cp-app-shell .cp-status-warning { color: var(--cp-color-warning); }
.cp-app-shell .cp-status-danger { color: var(--cp-color-danger); }

@media (max-width: 991.98px) {
  .cp-app-shell .main-content.cp-main-content { padding: 98px 20px 30px 20px !important; }
  .cp-app-shell .main-footer { padding-left: 20px; }
}
@media (max-width: 575.98px) {
  .cp-app-shell .cp-utility-templates .cp-utility-template-header { display: block; padding-top: 14px; }
  .cp-app-shell .cp-utility-templates .cp-utility-template-header > h1 { display: block; margin: 0 0 16px; font-size: 1.8rem; line-height: 1.15; }
  .cp-app-shell .cp-utility-templates .cp-utility-template-actions { display: grid; grid-template-columns: 1fr; gap: 8px; width: 100%; }
  .cp-app-shell .cp-utility-templates .cp-utility-template-action { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-width: 0; padding: 11px 12px; font-size: .82rem; line-height: 1.25; white-space: normal; }
  .cp-app-shell .cp-broadcast-history .section-header { display: block; padding: 14px 0 0; margin-bottom: 22px !important; }
  .cp-app-shell .cp-broadcast-history .section-header > h1 { display: block; font-size: 1.8rem; line-height: 1.15; margin-bottom: 16px; }
  .cp-app-shell .cp-broadcast-history .section-header-button { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
  .cp-app-shell .cp-broadcast-history .section-header-button .btn { width: 100%; min-height: 44px; padding: 10px 8px; font-size: .78rem; white-space: normal; line-height: 1.2; }
  .cp-app-shell .cp-broadcast-history .section-header-button .btn:last-child { grid-column: 1 / -1; }
  .cp-app-shell .cp-broadcast-history .history-table-controls { margin-left: 0; margin-right: 0; }
  .cp-app-shell .cp-broadcast-history .history-table-controls > [class*="col-"] { width: 100%; max-width: 100%; flex: 0 0 100%; padding-left: 0; padding-right: 0; }
  .cp-app-shell .cp-broadcast-history .history-table-controls .text-right { text-align: left !important; }
  .cp-app-shell .cp-broadcast-history .history-table-controls .text-right .btn { width: 100%; min-height: 44px; }
  .cp-app-shell .cp-broadcast-history .nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: 0 8px; }
  .cp-app-shell .cp-broadcast-history .nav-tabs .nav-item { flex: 0 0 auto; }
  .cp-app-shell .cp-broadcast-history .nav-tabs .nav-link { padding: 13px 12px 11px; font-size: .8rem; white-space: nowrap; }
  .cp-app-shell .main-content .section .section-header { padding-top: 14px; margin-bottom: 24px !important; }
  .cp-app-shell .main-footer { padding-left: 14px; }
  .cp-app-shell .main-content .card .card-header, .cp-app-shell .main-content .card .card-body { padding: 16px; }
  .cp-app-shell .main-content .section-header h1 { font-size: 1.65rem; }
  .cp-app-shell .main-navbar .nav-link-user-name, .cp-app-shell .cp-topbar-account-name { display: none; }
  .cp-app-shell .btn, .cp-login-screen .btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .cp-app-shell *, .cp-app-shell *::before, .cp-app-shell *::after, .cp-login-screen *, .cp-login-screen *::before, .cp-login-screen *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Final semantic-color override: replace legacy Bootstrap blue in every state. */
.cp-app-shell .bg-primary,
.cp-app-shell .bg-info,
.cp-app-shell .btn-primary,
.cp-app-shell .btn-info,
.cp-app-shell .btn-success,
.cp-app-shell .progress-bar,
.cp-app-shell .list-group-item-primary,
.cp-app-shell .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--cp-color-primary) !important; border-color: var(--cp-color-primary) !important; color: #111111 !important; }
.cp-app-shell .text-primary,
.cp-app-shell .text-info,
.cp-app-shell .text-link,
.cp-app-shell .border-primary { color: var(--cp-color-primary) !important; border-color: var(--cp-color-primary) !important; }
.cp-app-shell .badge-primary,
.cp-app-shell .badge-info { background: var(--cp-color-primary) !important; border-color: var(--cp-color-primary) !important; color: #111 !important; }
.cp-app-shell .badge-secondary { background: var(--cp-color-surface-raised) !important; border-color: var(--cp-color-border-strong) !important; color: var(--cp-color-muted) !important; }
.cp-app-shell .badge-success { background: rgba(158,184,157,.16) !important; border-color: rgba(158,184,157,.45) !important; color: var(--cp-color-success) !important; }
.cp-app-shell .text-success { color: var(--cp-color-success) !important; }
.cp-app-shell .bg-warning { background-color: var(--cp-color-warning) !important; color: #111111 !important; }
.cp-app-shell .text-warning { color: var(--cp-color-warning) !important; }
.cp-app-shell .bg-danger { background-color: var(--cp-color-danger) !important; color: #111111 !important; }
.cp-app-shell .text-danger { color: var(--cp-color-danger) !important; }
.cp-app-shell .btn-danger { background-color: var(--cp-color-danger) !important; border-color: var(--cp-color-danger) !important; color: #111111 !important; }
.cp-app-shell .btn-primary:hover,
.cp-app-shell .btn-info:hover,
.cp-app-shell .btn-success:hover,
.cp-app-shell .btn-danger:hover { background-color: var(--cp-color-primary-hover) !important; border-color: var(--cp-color-primary-hover) !important; color: #111111 !important; }
.cp-app-shell .btn-outline-primary:hover,
.cp-app-shell .btn-outline-info:hover,
.cp-app-shell .btn-outline-secondary:hover,
.cp-app-shell .btn-outline-danger:hover { background-color: var(--cp-color-primary-hover) !important; border-color: var(--cp-color-primary-hover) !important; color: #111111 !important; }
body.cp-app-shell:not(.sidebar-mini) .main-sidebar.cp-sidebar .sidebar-menu li.active > a,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active > a,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a.active { background: transparent !important; color: var(--cp-color-primary) !important; border-left: 1px solid var(--cp-color-primary) !important; box-shadow: none !important; }
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a:hover,
.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a:focus-visible { color: var(--cp-color-primary) !important; border-left-color: var(--cp-color-primary) !important; background: rgba(216,199,161,.05) !important; }
.cp-app-shell .section-title:before,
.cp-app-shell .section-title::before { background-color: var(--cp-color-primary) !important; }
.cp-app-shell .main-navbar #collapse_me_plz,
.cp-app-shell .main-navbar .nav-link:hover,
.cp-app-shell .main-navbar .nav-link:focus-visible { color: var(--cp-color-primary) !important; }
.cp-app-shell .pagination .page-item.active .page-link,
.cp-app-shell .nav-pills .nav-link.active,
.cp-app-shell .nav-tabs .nav-link.active { background-color: var(--cp-color-primary) !important; border-color: var(--cp-color-primary) !important; color: #111111 !important; }
.cp-app-shell .pagination .page-link { color: var(--cp-color-primary); background: transparent; border-color: var(--cp-color-border); }
.cp-app-shell .pagination .page-link:hover { color: #111111; background: var(--cp-color-primary-hover); border-color: var(--cp-color-primary-hover); }
/* Shared legacy white-surface sweep, scoped to authenticated content. */
.cp-app-shell .main-content .wizard-steps .wizard-step,
.cp-app-shell .main-content .list-group-item,
.cp-app-shell .main-content .bg-white,
.cp-app-shell .main-content .bg-light,
.cp-app-shell .main-content .bg-whitesmoke { background: var(--cp-color-surface) !important; color: var(--cp-color-text); border-color: var(--cp-color-border) !important; }
.cp-app-shell .main-content .list-group-item:hover,
.cp-app-shell .main-content .list-group-item:focus { background: var(--cp-color-surface-raised) !important; color: var(--cp-color-primary) !important; }
.cp-app-shell .main-content .wizard-steps .wizard-step { box-shadow: none; border: 1px solid var(--cp-color-border); border-radius: var(--cp-radius-md); }
.cp-app-shell .main-content .wizard-steps .wizard-step-label,
.cp-app-shell .main-content .wizard-steps .wizard-step .text-dark { color: var(--cp-color-text) !important; }
.cp-app-shell .main-content .wizard-steps .wizard-step:hover { border-color: var(--cp-color-primary); background: var(--cp-color-surface-raised) !important; }
.cp-app-shell .main-content .wizard-steps .wizard-step.wizard-step-active { background: var(--cp-color-primary) !important; color: #111 !important; box-shadow: none; }
.cp-app-shell .main-content .wizard-steps .wizard-step.wizard-step-success { background: rgba(158,184,157,.16) !important; color: var(--cp-color-success) !important; }
.cp-app-shell .main-content .wizard-steps .wizard-step.wizard-step-danger { background: rgba(196,134,134,.16) !important; color: var(--cp-color-danger) !important; }
.cp-app-shell .main-content .wizard-steps .wizard-step.wizard-step-warning { background: rgba(210,174,118,.16) !important; color: var(--cp-color-warning) !important; }

.cp-app-shell .cp-api-channels,
.cp-app-shell .cp-api-channels .section-body { background: var(--cp-color-bg) !important; }
.cp-app-shell .cp-api-channels .make-nav-stick { background: transparent; }
.cp-app-shell .cp-api-channels #list-tab { display: flex; flex-wrap: wrap; gap: 8px; }
.cp-app-shell .cp-api-channels #list-tab .list-group-item { flex: 0 0 auto; border: 1px solid var(--cp-color-border) !important; border-radius: 999px !important; padding: 10px 14px; color: var(--cp-color-muted) !important; background: var(--cp-color-surface) !important; }
.cp-app-shell .cp-api-channels #list-tab .list-group-item:hover,
.cp-app-shell .cp-api-channels #list-tab .list-group-item:focus,
.cp-app-shell .cp-api-channels #list-tab .list-group-item.active { color: #111 !important; background: var(--cp-color-primary) !important; border-color: var(--cp-color-primary) !important; }
.cp-app-shell .cp-api-channels .social_media_tag,
.cp-app-shell .cp-api-channels .wizard-steps { background: transparent; }
.cp-app-shell .cp-api-channels .wizard-step-icon img { filter: saturate(.82); }
.cp-app-shell .cp-api-channels .wizard-icons .btn-outline-primary { color: var(--cp-color-primary); border-color: var(--cp-color-border-strong); }
.cp-app-shell .cp-api-channels .wizard-icons .btn-outline-primary:hover { color: #111; background: var(--cp-color-primary); border-color: var(--cp-color-primary); }
.cp-app-shell .cp-api-channels .wizard-icons .btn-outline-warning:hover { color: #111; background: var(--cp-color-warning); border-color: var(--cp-color-warning); }
@media (max-width: 575.98px) {
  .cp-app-shell .cp-api-channels .section-body { padding: 16px 14px; }
  .cp-app-shell .cp-api-channels #list-tab { gap: 6px; }
  .cp-app-shell .cp-api-channels #list-tab .list-group-item { padding: 9px 11px; font-size: .75rem; }
  .cp-app-shell .cp-api-channels .wizard-steps .wizard-step { padding: 22px 14px; margin: 0 4px 18px; }
  .cp-app-shell .cp-api-channels .wizard-step-icon img { max-width: 64px; }
}


body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a i { display: inline-block !important; width: 20px; margin: 0 10px 0 0 !important; font-size: .88rem !important; line-height: 1; text-align: center; color: var(--cp-color-muted) !important; background: none !important; -webkit-text-fill-color: currentColor !important; -webkit-background-clip: initial !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a:hover i,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active > a i,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a.active i { color: var(--cp-color-primary) !important; -webkit-text-fill-color: currentColor !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li a span { vertical-align: middle; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a { display: flex; align-items: center; gap: 0; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu ul.dropdown-menu li a,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu ul.dropdown-menu2 li a { display: flex; align-items: center; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu ul.dropdown-menu li a i,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu ul.dropdown-menu2 li a i { width: 18px; margin-right: 8px !important; font-size: .78rem !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a::before,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a::after { color: var(--cp-color-muted) !important; background: transparent !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a:hover,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a:focus-visible { color: var(--cp-color-primary-hover) !important; background: rgba(216,199,161,.06) !important; border-left-color: var(--cp-color-primary-hover) !important; box-shadow: none !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a:hover span,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a:hover i,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a:focus-visible span,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a:focus-visible i { color: var(--cp-color-primary-hover) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a span,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a i,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a::before,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a::after,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a.active,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a.active span,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li > a.active i { color: var(--cp-color-primary) !important; background: transparent !important; border-left-color: var(--cp-color-primary) !important; box-shadow: none !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a:hover { color: var(--cp-color-primary-hover) !important; background: rgba(216,199,161,.06) !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a:hover span,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu > li.active > a:hover i { color: var(--cp-color-primary-hover) !important; background: transparent !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active ul.dropdown-menu li > a,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active ul.dropdown-menu li > a span { color: var(--cp-color-muted) !important; background: transparent !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active ul.dropdown-menu li.active > a,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active ul.dropdown-menu li > a:hover { color: var(--cp-color-primary) !important; background: rgba(216,199,161,.06) !important; }
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active ul.dropdown-menu li > a:hover span,
body.cp-app-shell .main-sidebar.cp-sidebar .sidebar-menu li.active ul.dropdown-menu li > a:hover i { color: var(--cp-color-primary) !important; background: transparent !important; }
/* Saved templates: migrate the old Stisla article/catalog surface into Obsidian. */
.cp-app-shell .cp-saved-templates,
.cp-app-shell .cp-saved-templates .section-body { background: var(--cp-color-bg) !important; }
.cp-app-shell .cp-saved-templates .section-header { background: var(--cp-color-bg) !important; box-shadow: none; border-bottom: 1px solid var(--cp-color-border); }
.cp-app-shell .cp-saved-templates .section-header-button .btn > i { display: inline-block !important; margin-right: .48em; }
.cp-app-shell .cp-saved-templates .category_sidebar { position: sticky; top: 86px; }
.cp-app-shell .cp-saved-templates .list-group-flush { background: var(--cp-color-surface); border: 1px solid var(--cp-color-border); border-radius: var(--cp-radius-md); overflow: hidden; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 14px; background: var(--cp-color-surface) !important; color: var(--cp-color-muted) !important; border: 0 !important; border-bottom: 1px solid var(--cp-color-border) !important; font-family: "ChatPion UI", sans-serif; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item:last-child { border-bottom: 0 !important; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item a { color: var(--cp-color-muted) !important; text-decoration: none; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item a:first-child { flex: 1 1 auto; min-width: 0; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item i { color: var(--cp-color-subtle); }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item:hover { background: var(--cp-color-surface-raised) !important; color: var(--cp-color-primary) !important; animation: none !important; transform: none !important; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item:hover a,
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item:hover i { color: var(--cp-color-primary) !important; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item.active { background: rgba(216,199,161,.10) !important; border-left: 2px solid var(--cp-color-primary) !important; }
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item.active a,
.cp-app-shell .cp-saved-templates .list-group-flush .list-group-item.active i { color: var(--cp-color-primary) !important; }
/* The template action menu is a Bootstrap dropright. Keep the card surface open so
   its menu is not clipped at the card edge; clip only the image/header instead. */
.cp-app-shell .cp-saved-templates .article.article-style-c { display: flex; flex-direction: column; height: 100%; overflow: visible; background: var(--cp-color-surface) !important; border: 1px solid var(--cp-color-border); border-radius: var(--cp-radius-lg) !important; box-shadow: none; }
.cp-app-shell .cp-saved-templates .article.article-style-c .article-header { height: 150px !important; flex: 0 0 150px; overflow: hidden; border-radius: var(--cp-radius-lg) var(--cp-radius-lg) 0 0; background-color: var(--cp-color-surface-soft) !important; }
.cp-app-shell .cp-saved-templates .article.article-style-c .dropright { position: relative; z-index: 2; }
.cp-app-shell .cp-saved-templates .article.article-style-c .dropright.show { z-index: 1060; }
.cp-app-shell .cp-saved-templates .article.article-style-c .dropright .dropdown-menu { z-index: 1060; }
.cp-app-shell .cp-saved-templates .article.article-style-c .article-header .article-image { height: 100%; border-radius: 0; filter: grayscale(.85) saturate(.35) brightness(.72); background-color: var(--cp-color-surface-soft) !important; }
.cp-app-shell .cp-saved-templates .article.article-style-c .article-details { flex: 1 1 auto; display: flex; flex-direction: column; padding: 18px !important; line-height: 1.45 !important; background: var(--cp-color-surface) !important; }
.cp-app-shell .cp-saved-templates .article-category { display: flex; align-items: center; gap: 7px; margin-bottom: 12px !important; color: var(--cp-color-subtle); font-family: "ChatPion UI", sans-serif; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.cp-app-shell .cp-saved-templates .article-category a { color: var(--cp-color-subtle) !important; }
.cp-app-shell .cp-saved-templates .article-title h2 { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 0; font-family: "ChatPion UI", sans-serif; font-size: 1rem; line-height: 1.35; }
.cp-app-shell .cp-saved-templates .article-title h2 > a { color: var(--cp-color-text) !important; }
.cp-app-shell .cp-saved-templates .template_description { min-height: 40px; color: var(--cp-color-muted) !important; line-height: 1.45 !important; word-break: normal; }
.cp-app-shell .cp-saved-templates .article-details hr { width: 100%; border-color: var(--cp-color-border); }
.cp-app-shell .cp-saved-templates .mini_dropdown { background: var(--cp-color-surface-raised) !important; border: 1px solid var(--cp-color-border-strong) !important; border-radius: var(--cp-radius-md); padding: 8px !important; }
.cp-app-shell .cp-saved-templates .mini_dropdown .btn { min-width: 34px; min-height: 34px; }
.cp-app-shell .cp-saved-templates .install_template { margin-top: auto; min-height: 42px; }
.cp-app-shell .cp-saved-templates .pagination .page-link { background: transparent !important; }
@media (max-width: 767.98px) {
  .cp-app-shell .cp-saved-templates .category_sidebar { position: static; margin-bottom: 18px; }
  .cp-app-shell .cp-saved-templates .section-header { display: block; }
  .cp-app-shell .cp-saved-templates .section-header-button { margin: 14px 0 0 !important; }
  .cp-app-shell .cp-saved-templates .section-header-breadcrumb { margin-top: 12px; }
}

/* Messenger scanner: remove remaining legacy title and control geometry. */
.cp-app-shell .cp-messenger-scanner .section-header { display: block; background: var(--cp-color-bg) !important; border-bottom: 1px solid var(--cp-color-border); padding: 0 0 22px; }
.cp-app-shell .cp-messenger-scanner .cp-section-heading-copy { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.cp-app-shell .cp-messenger-scanner .section-header h1 { margin: 0; line-height: 1.15; }
.cp-app-shell .cp-messenger-scanner .section-details { margin: 0; color: var(--cp-color-muted); font-family: "ChatPion UI", sans-serif; font-size: .82rem; line-height: 1.45; }
.cp-app-shell .cp-messenger-scanner .card { margin-bottom: 22px; background: var(--cp-color-surface) !important; }
.cp-app-shell .cp-messenger-scanner .card-header { background: var(--cp-color-surface-soft) !important; }
.cp-app-shell .cp-messenger-scanner .card-body { background: var(--cp-color-surface) !important; }
.cp-app-shell .cp-messenger-scanner .alert-info { background: rgba(155,183,180,.08) !important; }
.cp-app-shell .cp-messenger-scanner .input-group { flex-wrap: nowrap; }
.cp-app-shell .cp-messenger-scanner .input-group .form-control { min-width: 0; }
.cp-app-shell .cp-messenger-scanner .input-group-append { display: flex; flex-wrap: wrap; gap: 6px; }
.cp-app-shell .cp-messenger-scanner .input-group-append .btn { margin-left: 0 !important; white-space: nowrap; }
.cp-app-shell .cp-messenger-scanner .text-right { text-align: right !important; }
.cp-app-shell .cp-messenger-scanner .progress { background: var(--cp-color-border) !important; }
.cp-app-shell .cp-messenger-scanner .progress-bar { background: var(--cp-color-success) !important; color: #111 !important; }
.cp-app-shell .cp-messenger-scanner code { color: var(--cp-color-primary); background: rgba(216,199,161,.10); }
@media (max-width: 767.98px) {
  .cp-app-shell .cp-messenger-scanner .section-header { padding-bottom: 18px; }
  .cp-app-shell .cp-messenger-scanner .section-header h1 { font-size: 1.75rem; }
  .cp-app-shell .cp-messenger-scanner .section-details { font-size: .78rem; }
  .cp-app-shell .cp-messenger-scanner .input-group { display: block; }
  .cp-app-shell .cp-messenger-scanner .input-group .form-control { width: 100%; border-radius: var(--cp-radius-sm) !important; }
  .cp-app-shell .cp-messenger-scanner .input-group-append { display: grid; grid-template-columns: 1fr 1fr; margin-top: 8px; }
  .cp-app-shell .cp-messenger-scanner .input-group-append .btn { width: 100%; min-height: 44px; white-space: normal; }
  .cp-app-shell .cp-messenger-scanner .col-md-6.text-right { text-align: left !important; margin-top: 18px; }
  .cp-app-shell .cp-messenger-scanner .col-md-6.text-right .btn { width: 100%; min-height: 44px; }
  .cp-app-shell .cp-messenger-scanner .table { min-width: 560px; }
}

body.cp-app-shell .btn-outline,
body.cp-app-shell .btn-light,
body.cp-app-shell .btn-white,
body.cp-app-shell .btn-outline-light,
body.cp-app-shell .btn-outline-white { background: transparent !important; box-shadow: none !important; color: var(--cp-color-muted) !important; border-color: var(--cp-color-border-strong) !important; }
body.cp-app-shell .btn-outline-primary,
body.cp-app-shell .btn-outline-info,
body.cp-app-shell .btn-outline-secondary { background: transparent !important; box-shadow: none !important; color: var(--cp-color-primary) !important; border-color: var(--cp-color-border-strong) !important; }
body.cp-app-shell .btn-outline-danger { background: transparent !important; box-shadow: none !important; color: var(--cp-color-danger) !important; border-color: rgba(196,134,134,.55) !important; }
body.cp-app-shell .btn-outline:hover,
body.cp-app-shell .btn-light:hover,
body.cp-app-shell .btn-white:hover,
body.cp-app-shell .btn-outline-light:hover,
body.cp-app-shell .btn-outline-white:hover { background: var(--cp-color-surface-raised) !important; color: var(--cp-color-primary) !important; border-color: var(--cp-color-border-strong) !important; }
body.cp-app-shell .btn-outline-danger:hover { background: rgba(196,134,134,.16) !important; color: var(--cp-color-danger) !important; border-color: var(--cp-color-danger) !important; }
body.cp-app-shell .btn-outline > i,
body.cp-app-shell .btn-light > i,
body.cp-app-shell .btn-white > i,
body.cp-app-shell .btn-outline-primary > i,
body.cp-app-shell .btn-outline-info > i,
body.cp-app-shell .btn-outline-secondary > i,
body.cp-app-shell .btn-outline-danger > i { color: currentColor !important; }