/*
 * Meemsign - Digital Signage - http://www.meemsign.org.uk
 * Copyright (C) 2006-2013 Daniel Garner
 *
 * This file is part of Meemsign.
 *
 * Meemsign is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * any later version.
 *
 * Meemsign is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Meemsign.  If not, see <http://www.gnu.org/licenses/>.
 */

:root {
  --brand-900: #111922;
  --brand-700: #2f343a;
  --brand-600: #3d434a;
  --brand-500: #4f5863;
  --accent-500: #e0bd32;
  --accent-300: #f2d76b;
  --surface-0: #eceef1;
  --surface-1: #f8f8f3;
  --surface-2: #e2e4d9;
  --surface-3: #d4d8cd;
  --text-900: #1f252d;
  --text-600: #58626d;
  --text-500: #6a7480;
}

html,
body {
  overflow-x: hidden;
}

body {
  background: var(--surface-0);
  color: var(--text-900) !important;
}

/* Disable legacy left sidebar layout */
#sidebar-wrapper,
ul.sidebar,
.sidebar-footer {
  display: none !important;
}

#page-wrapper,
#page-wrapper.active {
  padding-left: 0 !important;
}

#content-wrapper {
  padding-left: 0;
}

/* Modern top navigation */
.modern-top-menu-row {
  margin-bottom: 14px;
}

.modern-top-nav {
  background: linear-gradient(135deg, var(--brand-700), var(--brand-500));
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);
  min-height: 62px;
  margin-bottom: 0;
  position: relative;
  z-index: 1040;
  overflow: visible;
}

.modern-top-nav .navbar-brand {
  color: #fff !important;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 62px;
  padding: 12px 14px;
  max-width: 170px;
  overflow: hidden;
}

.modern-brand-logo {
  height: 36px;
  width: auto;
  max-width: 115px;
  object-fit: contain;
  display: block;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.95);
  padding: 2px 4px;
}

.modern-brand-name {
  letter-spacing: 0.25px;
  white-space: nowrap;
}

.modern-top-nav .navbar-nav>li>a {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 600;
  padding: 21px 12px;
  font-size: 13px;
}

.modern-top-nav .navbar-nav>li>a:hover,
.modern-top-nav .navbar-nav>li>a:focus,
.modern-top-nav .navbar-nav>li.active>a,
.modern-top-nav .navbar-nav>li.active>a:hover,
.modern-top-nav .navbar-nav>li.active>a:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

.modern-top-nav .dropdown-menu {
  border-radius: 10px;
  border: 1px solid var(--surface-2);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
  padding: 6px;
  z-index: 2000;
  max-height: 72vh;
  overflow-y: auto;
}

.modern-top-nav .dropdown-menu>li>a {
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--text-900);
}

.modern-top-nav .dropdown-menu>li>a:hover,
.modern-top-nav .dropdown-menu>li.active>a {
  background: #2f343a;
  color: #ffffff;
}

.modern-user-nav {
  margin-right: 0;
}

.modern-user-nav>li>a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.modern-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.55);
}

.modern-user-avatar-generated {
  align-items: center;
  background: linear-gradient(145deg, #2a3b4f 0%, #3a6d7a 100%);
  color: #ffffff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.modern-user-dropdown-icon {
  color: inherit;
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  width: 14px;
}

.modern-user-nav .dropdown-menu {
  min-width: 220px;
}

.modern-user-nav .dropdown-header {
  white-space: normal;
  color: var(--text-600);
}

.modern-user-nav #MeemsignClock {
  display: inline-block;
  margin-top: 4px;
  color: var(--brand-600);
}

.modern-timeinfo {
  padding: 4px 2px;
}

.modern-timeinfo-grid {
  display: flex;
  gap: 12px;
}

.modern-timeinfo-card {
  background: linear-gradient(160deg, #ffffff 0%, #f4f7fb 100%);
  border: 1px solid #d9e1ea;
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(31, 41, 51, 0.08);
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: center;
  min-height: 220px;
  min-width: 0;
  padding: 20px 16px 16px;
  text-align: center;
}

.modern-timeinfo-card-head {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 10px;
}

.modern-timeinfo-icon {
  align-items: center;
  background: #e8edf4;
  border-radius: 50%;
  color: #2d3b4a;
  display: inline-flex;
  font-size: 12px;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.modern-timeinfo-label {
  color: #4c5968;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.modern-timeinfo-digital {
  align-items: center;
  background: linear-gradient(180deg, #192532 0%, #101821 100%);
  border: 1px solid #2f4459;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 10px 20px rgba(8, 14, 22, 0.28);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin: 0 auto 10px;
  max-width: 250px;
  padding: 12px 14px 10px;
  width: 100%;
}

.modern-timeinfo-digital-main {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center;
}

.modern-timeinfo-digital-char {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #ffffff;
  display: inline-flex;
  font-family: "Lucida Console", "Courier New", monospace;
  font-size: 42px;
  font-weight: 800;
  justify-content: center;
  line-height: 1;
  min-width: 18px;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.45);
}

.modern-timeinfo-digital-separator {
  color: #ffffff;
  font-size: 36px;
  min-width: 14px;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}

.modern-timeinfo-timezone {
  background: rgba(212, 231, 247, 0.15);
  border: 1px solid rgba(212, 231, 247, 0.45);
  border-radius: 999px;
  color: #deefff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.6px;
  line-height: 1;
  padding: 6px 10px;
  text-transform: uppercase;
}

.modern-timeinfo-date {
  align-items: center;
  color: #617283;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  gap: 8px;
  justify-content: center;
  line-height: 1.2;
  margin-top: 2px;
}

.modern-timeinfo-date-icon {
  color: #2f4f72;
  font-size: 16px;
}

.modern-timeinfo-date-text {
  color: #25384c;
}

.modern-timeinfo-card-local .modern-timeinfo-icon {
  background: #e3f3eb;
  color: #1f7d4d;
}

.modern-timeinfo-card-system .modern-timeinfo-icon {
  background: #e4edf8;
  color: #30598f;
}

.modern-timeinfo-card-system .modern-timeinfo-digital-char {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.45);
}

.modern-timeinfo-card-system .modern-timeinfo-digital-separator {
  color: #ffffff;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.4);
}

@media (max-width: 640px) {
  .modern-timeinfo-grid {
    flex-direction: column;
    gap: 10px;
  }

  .modern-timeinfo-card {
    min-height: 190px;
    padding: 16px 14px 14px;
  }

  .modern-timeinfo-digital-char {
    font-size: 36px;
    min-width: 16px;
  }

  .modern-timeinfo-digital-separator {
    font-size: 31px;
  }

  .modern-timeinfo-date {
    font-size: 16px;
  }
}

.modern-notification-entry {
  padding: 8px 12px;
}

.modern-notification-text {
  white-space: normal;
  color: var(--text-900);
  font-size: 13px;
  line-height: 1.35;
}

.modern-notification-text a {
  color: var(--brand-600);
  text-decoration: underline;
}


.modern-user-item-notification .modern-user-action-notification {
  position: relative;
}

.modern-notification-dot {
  background: #21c45d;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(33, 196, 93, 0.24);
  height: 10px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 10px;
}

.modern-user-item-notification .dropdown-menu {
  background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
  border: 1px solid #d9dee5;
  border-radius: 14px;
  box-shadow: 0 14px 30px rgba(26, 35, 45, 0.18);
  min-width: 320px;
  padding: 10px;
}

.modern-notification-header {
  align-items: center;
  color: #1f2933 !important;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: 0.2px;
  padding: 2px 4px 6px !important;
  text-transform: uppercase;
}

.modern-notification-badge {
  background: #2f343a;
  border-radius: 999px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 3px 8px;
}

.modern-user-item-notification .divider {
  margin: 4px 0 8px;
}

.modern-notification-entry {
  margin: 0 0 8px;
  padding: 0;
}

.modern-notification-entry:last-child {
  margin-bottom: 0;
}

.modern-notification-card {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #dfe4ea;
  border-radius: 10px;
  display: flex;
  gap: 8px;
  padding: 9px 10px;
}

.modern-notification-card-dot {
  background: #21c45d;
  border-radius: 50%;
  flex: 0 0 8px;
  height: 8px;
  margin-top: 5px;
  width: 8px;
}

.modern-notification-entry-down .modern-notification-card-dot {
  background: #dc2626;
}

.modern-notification-entry-up .modern-notification-card-dot {
  background: #21c45d;
}

.modern-notification-entry-warning .modern-notification-card-dot {
  background: #f59e0b;
}

.modern-notification-entry-empty .modern-notification-card {
  background: #f8fafc;
  border-style: dashed;
}

.modern-notification-entry-empty .modern-notification-card-dot {
  background: #9ca6b0;
}


.modern-notification-text {
  color: #1f2933;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 520px) {
  .modern-user-item-notification .dropdown-menu {
    min-width: 260px;
    width: calc(100vw - 24px);
  }
}

@media (min-width: 992px) {
  .modern-top-nav .container-fluid {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .modern-top-nav .navbar-header {
    float: none;
    flex: 0 0 auto;
  }

  .modern-top-nav .navbar-collapse {
    flex: 1 1 auto;
    padding-left: 8px;
  }

  .modern-main-menu {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 1200px) {
  .modern-brand-name {
    display: none;
  }

  .modern-top-nav .navbar-brand {
    max-width: 130px;
  }
}

@media (max-width: 991px) {
  .modern-top-menu-row {
    margin-bottom: 10px;
  }

  .modern-top-nav {
    border-radius: 10px;
  }

  .modern-top-nav .navbar-brand {
    max-width: none;
    padding: 10px 12px;
    height: 58px;
  }

  .modern-top-nav .navbar-toggle {
    margin-top: 12px;
    margin-right: 10px;
    border-color: rgba(255, 255, 255, 0.65);
  }

  .modern-top-nav .navbar-toggle .icon-bar {
    background: #fff;
  }

  .modern-top-nav .navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(15, 23, 42, 0.18);
    margin-left: -15px;
    margin-right: -15px;
  }

  .modern-top-nav .navbar-nav {
    margin: 0;
  }

  .modern-top-nav .navbar-nav>li>a {
    padding: 12px 16px;
    font-size: 14px;
  }

  .modern-user-nav {
    float: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
  }

  .modern-user-nav>li>a {
    justify-content: flex-start;
  }

  .modern-top-nav .dropdown-menu {
    background: rgba(255, 255, 255, 0.96);
    margin: 0 10px 10px;
  }

  .row.header {
    min-height: 56px;
    padding: 4px 8px;
  }

  .modern-page-title {
    font-size: 16px;
    margin-top: 6px;
  }
}

@media (max-width: 768px) {
  .row.header {
    position: static !important;
    width: auto !important;
  }

  #page-wrapper.active {
    padding-top: 0 !important;
  }

  .row.header .meta.pull-left,
  .row.header .user.pull-right {
    float: none !important;
  }

  .row.header .user {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
  }

  .row.header .user>.item {
    width: auto;
    height: 52px;
  }

  .row.header .user>.item i,
  .row.header .user>.item a {
    line-height: 50px;
  }
}

@media (max-width: 480px) {
  .modern-top-nav .navbar-brand {
    padding: 10px;
  }

  .modern-brand-logo {
    max-width: 96px;
    height: 32px;
  }

  .modern-page-title {
    font-size: 14px;
  }
}

/* Header row refresh */
.row.header {
  height: auto;
  min-height: 64px;
  background: var(--surface-1);
  border: 1px solid var(--surface-2);
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06);
  margin-bottom: 16px;
}

.row.header .meta .page {
  padding-top: 10px;
}

.modern-page-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--brand-700);
  letter-spacing: 0.2px;
}

.row.header .user>.item {
  height: 64px;
}

.row.header .user>.item i,
.row.header .user>.item a {
  line-height: 60px;
}

/* Modernize core page elements */
.widget {
  border: 1px solid var(--surface-2);
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
  overflow: visible;
}

.widget .widget-title {
  background: linear-gradient(180deg, #f9fbff, #f3f7fe);
  color: var(--brand-700);
  border-bottom: 1px solid var(--surface-2);
  font-weight: 700;
  letter-spacing: 0.15px;
}

.widget .widget-body {
  background: #fff;
}

.table {
  border-color: var(--surface-2);
}

.table>thead>tr>th {
  background: #f4f8ff;
  color: var(--brand-700);
  border-bottom: 1px solid var(--surface-3);
}

.table>tbody>tr>td {
  border-top: 1px solid #edf2fa;
}

.table-hover>tbody>tr:hover>td {
  background: #f7faff;
}

.meemsign-table-responsive {
  max-width: 100%;
  overflow: visible !important;
  border: 1px solid #edf2fa;
  border-radius: 10px;
  position: relative;
}

.meemsign-table-responsive .dropdown,
.meemsign-table-responsive .btn-group {
  position: relative;
}

.meemsign-table-responsive .dropdown.open,
.meemsign-table-responsive .btn-group.open {
  z-index: 5000;
}

.meemsign-table-responsive .dropdown-menu {
  z-index: 6000;
}

.meemsign-floating-dropdown {
  z-index: 8000 !important;
}

.meemsign-table-responsive>.table {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .meemsign-table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  .meemsign-table-responsive>.table {
    min-width: 860px;
  }
}

@media (max-width: 767px) {
  .meemsign-table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
}

.form-control,
.bootstrap-select>.btn {
  border-radius: 10px !important;
  border-color: #dbe4f0;
  box-shadow: none;
}

.form-control:focus,
.bootstrap-select>.btn:focus {
  border-color: var(--brand-500);
  box-shadow: 0 0 0 3px rgba(47, 111, 173, 0.14) !important;
}

.btn {
  border-radius: 10px;
}

.btn-primary {
  background: linear-gradient(135deg, var(--brand-600), var(--brand-500));
  border-color: transparent;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, var(--brand-700), var(--brand-600));
  border-color: transparent;
}

.nav-pills>li>a {
  border-radius: 10px;
  color: var(--brand-700);
  border: 1px solid transparent;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  background: #eaf2ff;
  color: var(--brand-700);
  border-color: #d5e3fb;
}

.alert {
  border-radius: 10px;
}

/* Modern default table/list pages */
.MeemsignGrid .MeemsignFilter {
  margin-bottom: 12px;
}

.MeemsignGrid .MeemsignFilter .FilterDiv {
  display: block !important;
  background: linear-gradient(180deg, #f8fbff, #f2f7ff);
  border: 1px solid #d9e5f7;
  border-radius: 10px;
  padding: 12px 12px 4px;
}

.MeemsignGrid .MeemsignFilter .form-inline .form-group {
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}

.MeemsignGrid .MeemsignFilter .form-inline .control-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand-700);
  margin-bottom: 4px;
}

.MeemsignGrid .MeemsignFilter .form-inline .form-control,
.MeemsignGrid .MeemsignFilter .form-inline .bootstrap-select>.btn {
  min-width: 170px;
}

.MeemsignGrid .MeemsignGridControls .FilterDiv {
  margin-bottom: 12px;
  background: linear-gradient(180deg, #f8fbff, #f2f7ff);
  border: 1px solid #d9e5f7;
  border-radius: 10px;
  padding: 12px 12px 4px;
}

.MeemsignGrid .MeemsignGridControls .form-inline .form-group {
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}

.MeemsignGrid .MeemsignGridControls .form-inline .control-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand-700);
  margin-bottom: 4px;
}

.MeemsignGrid .MeemsignGridControls .form-inline .form-control,
.MeemsignGrid .MeemsignGridControls .form-inline .bootstrap-select>.btn {
  min-width: 170px;
}

.MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle {
  background: #eef4ff;
  border: 1px solid #d7e4fb;
  color: var(--brand-700);
}

.MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle:hover {
  background: #e4efff;
}

.MeemsignGrid .MeemsignData .layout-grid-multiselect-header-cell {
  white-space: nowrap;
  width: 76px;
  min-width: 76px;
  max-width: 76px;
}

.MeemsignGrid .MeemsignData .layout-grid-multiselect-header-cell .selectAllCheckbox {
  margin-right: 8px;
  vertical-align: middle;
}

.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}

.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .layout-grid-header-multiselect-toggle {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c8d1dc;
  border-radius: 6px;
  color: #000000;
  display: inline-flex;
  font-size: 12px;
  gap: 0;
  justify-content: center;
  line-height: 1;
  min-width: 24px;
  padding: 4px 6px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
  transition: all 0.2s ease;
}

.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .layout-grid-header-multiselect-toggle:hover,
.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .layout-grid-header-multiselect-toggle:focus {
  background: #f4f6f9;
  border-color: #9aa7b5;
  color: #000000;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15);
}

.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .layout-grid-header-dropdown-caret {
  color: #ffffff;
  font-size: 10px;
  opacity: 1;
}

/* Enforce prominent styling for the multiselect toggle over broader button themes */
.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .btn.layout-grid-header-multiselect-toggle {
  background: #ffffff !important;
  background-image: none !important;
  border-color: #c8d1dc !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1) !important;
}

.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .btn.layout-grid-header-multiselect-toggle:hover,
.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .btn.layout-grid-header-multiselect-toggle:focus,
.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .btn.layout-grid-header-multiselect-toggle:active {
  background: #f4f6f9 !important;
  background-image: none !important;
  border-color: #9aa7b5 !important;
  color: #000000 !important;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.15) !important;
}

.MeemsignGrid .MeemsignData .layout-grid-header-multiselect-actions .btn.layout-grid-header-multiselect-toggle .layout-grid-header-dropdown-caret {
  color: #ffffff !important;
}

/* Display grid online/offline badge column */
body.page-display .MeemsignGrid .MeemsignData td[data-column-key="onlineStatusBadge"] {
  text-align: center;
  white-space: nowrap;
}

body.page-display .MeemsignGrid .MeemsignData .display-online-status-badge {
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  vertical-align: middle;
  width: 18px;
}

body.page-display .MeemsignGrid .MeemsignData .display-online-status-badge.is-online {
  background: #2f9a4a;
}

body.page-display .MeemsignGrid .MeemsignData .display-online-status-badge.is-offline {
  background: #d64545;
}

body.page-display .MeemsignGrid .MeemsignData td[data-column-key="screenShotRequested"] {
  white-space: nowrap;
}

body.page-display .MeemsignGrid .MeemsignData .display-screenshot-request-cell {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

body.page-display .MeemsignGrid .MeemsignData .display-screenshot-request-state {
  display: inline-flex;
  font-size: 14px;
  justify-content: center;
  min-width: 14px;
}

body.page-display .MeemsignGrid .MeemsignData .display-screenshot-request-state.is-requested {
  color: #2f9a4a;
}

body.page-display .MeemsignGrid .MeemsignData .display-screenshot-request-state.is-not-requested {
  color: #d64545;
}

body.page-display .MeemsignGrid .MeemsignData .display-request-screenshot-inline-btn {
  background: #ffffff;
  border: 1px solid #c7d2e0;
  border-radius: 8px;
  color: #102030;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 8px;
}

body.page-display .MeemsignGrid .MeemsignData .display-request-screenshot-inline-btn:hover,
body.page-display .MeemsignGrid .MeemsignData .display-request-screenshot-inline-btn:focus {
  background: #f4f8ff;
  border-color: #9fb1c8;
  color: #0c1a2b;
  text-decoration: none;
}

body.page-display .MeemsignGrid .MeemsignData .display-request-screenshot-inline-btn .fa {
  margin-right: 4px;
}

body.page-display .MeemsignGrid .MeemsignData .display-request-screenshot-inline-disabled {
  color: #8b98a8;
}

/* Expand the Display column to fill available whitespace when switching to Simple View */
body.page-display .MeemsignGrid .MeemsignData table th[data-column-key="displayWithLink"],
body.page-display .MeemsignGrid .MeemsignData table td[data-column-key="displayWithLink"] {
  width: 100% !important;
}

/* Expand the Layout and Description columns to share available whitespace evenly */
body.page-layout .MeemsignGrid .MeemsignData table th[data-column-key="layout"],
body.page-layout .MeemsignGrid .MeemsignData table td[data-column-key="layout"] {
  width: 50% !important;
}

body.page-layout .MeemsignGrid .MeemsignData table th[data-column-key="description"],
body.page-layout .MeemsignGrid .MeemsignData table td[data-column-key="description"] {
  width: 50% !important;
}

body.page-layout .MeemsignGrid .MeemsignData table td[data-column-key="layout"] a.layout-name-link {
  color: #1f4f8b;
  font-weight: 700;
  text-decoration: none;
}

body.page-layout .MeemsignGrid .MeemsignData table td[data-column-key="layout"] a.layout-name-link:hover,
body.page-layout .MeemsignGrid .MeemsignData table td[data-column-key="layout"] a.layout-name-link:focus {
  text-decoration: underline;
  color: #12345d;
}

/* Display form layout adjustments */
#DisplayEditForm .display-location-left,
#DisplayEditForm .display-location-right {
  float: left;
  width: 48%;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
}

#DisplayEditForm .display-location-left .control-label,
#DisplayEditForm .display-location-right .control-label {
  display: block;
  float: none;
  margin-bottom: 6px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 100%;
}

#DisplayEditForm .display-location-left>div,
#DisplayEditForm .display-location-right>div {
  float: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

#DisplayEditForm .display-location-left {
  margin-right: 4%;
  padding-right: 0;
  clear: left;
}

#DisplayEditForm .display-location-right {
  padding-left: 0;
}

@media (max-width: 767px) {

  #DisplayEditForm .display-location-left,
  #DisplayEditForm .display-location-right {
    float: none;
    margin-right: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

#content-wrapper .nav-pills {
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .MeemsignGrid .MeemsignFilter .form-inline .form-group {
    display: block;
    margin-right: 0;
  }

  .MeemsignGrid .MeemsignFilter .form-inline .form-control,
  .MeemsignGrid .MeemsignFilter .form-inline .bootstrap-select>.btn {
    min-width: 0;
    width: 100%;
  }
}

/* Dashboard topbar redesign: reference-style layout with login-page teal palette */
.modern-top-menu-row {
  margin-bottom: 12px;
}

.modern-top-nav {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 78px;
  margin-bottom: 0;
}

.modern-top-nav .container-fluid {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 2px 6px;
}

.modern-top-nav .navbar-header {
  float: none;
  flex: 0 0 auto;
}

.modern-top-nav .navbar-brand {
  height: 56px;
  max-width: none;
  padding: 8px 14px;
  color: #163a44 !important;
  gap: 10px;
}

.modern-brand-logo {
  height: 40px;
  width: auto;
  max-width: 120px;
  border-radius: 8px;
  background: #ffffff;
  padding: 3px 6px;
  box-shadow: 0 4px 12px rgba(16, 63, 74, 0.14);
}

.modern-brand-name {
  font-size: 24px;
  font-weight: 700;
  color: #163a44;
}

.modern-top-nav .navbar-collapse {
  flex: 1 1 auto;
  padding-left: 8px;
}

.modern-main-menu {
  float: none !important;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 auto !important;
  padding: 6px;
  border-radius: 999px;
  background: #f1f5f6;
  border: 1px solid #d8e2e5;
}

.modern-main-menu>li {
  float: none;
}

.modern-main-menu>li>a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 10px 18px;
  color: #44555e !important;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.modern-main-menu>li>a .caret {
  margin-left: 4px;
  border-top-color: currentColor;
}

.modern-main-menu>li>a:hover,
.modern-main-menu>li>a:focus,
.modern-main-menu>li.active>a,
.modern-main-menu>li.active>a:hover,
.modern-main-menu>li.active>a:focus {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1a5a67, #174f5c);
  box-shadow: 0 9px 16px rgba(23, 79, 92, 0.26);
}

.modern-menu-icon {
  width: 14px;
  text-align: center;
  font-size: 12px;
}

.modern-menu-label {
  display: inline-block;
}

.modern-user-nav {
  float: none !important;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 0 12px !important;
}

.modern-user-nav>li {
  float: none;
}

.modern-user-nav>li>a.modern-user-action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 0 !important;
  background: #f4f7f8;
  border: 1px solid #d9e2e6;
  color: #1f4651 !important;
}

.modern-user-action-icon i {
  font-size: 16px;
}

.modern-user-nav>li>a.modern-user-action-profile {
  width: auto;
  min-width: 54px;
  border-radius: 999px;
  padding: 0 8px 0 2px !important;
  gap: 8px;
}

.modern-user-nav>li>a.modern-user-action-profile .caret {
  margin-left: 1px;
}

.modern-user-avatar {
  width: 36px;
  height: 36px;
  border: 2px solid #ffffff;
  box-shadow: 0 4px 10px rgba(22, 58, 68, 0.16);
}

@media (min-width: 992px) {
  .modern-top-nav .navbar-collapse {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 1200px) {
  .modern-brand-name {
    font-size: 20px;
  }

  .modern-main-menu>li>a {
    padding: 9px 14px;
  }
}

@media (max-width: 991px) {
  .modern-top-nav .container-fluid {
    display: block;
    padding: 0;
  }

  .modern-top-nav .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
  }

  .modern-top-nav .navbar-brand {
    height: 56px;
    padding: 10px 12px;
  }

  .modern-brand-name {
    font-size: 18px;
  }

  .modern-top-nav .navbar-toggle {
    margin: 12px 12px 0 0;
    border-color: #9db8be;
    background: #f1f5f6;
  }

  .modern-top-nav .navbar-toggle .icon-bar {
    background: #174f5c;
  }

  .modern-top-nav .navbar-collapse {
    margin: 8px 0 0;
    padding: 10px;
    border: 1px solid #d8e2e5;
    border-radius: 14px;
    background: #ffffff;
  }

  .modern-main-menu {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .modern-main-menu>li>a {
    display: flex;
    border-radius: 10px;
    padding: 11px 12px;
  }

  .modern-main-menu>li>a .caret {
    margin-left: auto;
  }

  .modern-user-nav {
    margin: 10px 0 0 !important;
    padding-top: 10px;
    border-top: 1px solid #e3eaec;
    justify-content: flex-start;
  }

  .modern-user-nav>li>a.modern-user-action {
    width: 40px;
    height: 40px;
  }

  .modern-user-nav>li>a.modern-user-action-profile {
    width: auto;
  }
}

/* Specificity guard so the new topbar style overrides legacy nav rules */
.modern-top-nav .modern-main-menu>li>a {
  color: #44555e !important;
  padding: 10px 18px;
}

.modern-top-nav .modern-main-menu>li>a:hover,
.modern-top-nav .modern-main-menu>li>a:focus,
.modern-top-nav .modern-main-menu>li.active>a,
.modern-top-nav .modern-main-menu>li.active>a:hover,
.modern-top-nav .modern-main-menu>li.active>a:focus,
.modern-top-nav .modern-main-menu>li.open>a,
.modern-top-nav .modern-main-menu>li.open>a:hover,
.modern-top-nav .modern-main-menu>li.open>a:focus {
  background: linear-gradient(135deg, #1a5a67, #174f5c) !important;
  color: #ffffff !important;
}

/* Topbar fine-tuning: plain logo, lower menu line, narrower capsule */
.modern-brand-logo {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  .modern-top-nav .modern-main-menu {
    margin-top: 6px !important;
    padding: 4px 5px;
    gap: 3px;
  }

  .modern-top-nav .modern-main-menu>li>a {
    padding: 8px 12px;
    font-size: 13px;
  }

  .modern-top-nav .modern-user-nav {
    margin: 6px 0 0 12px !important;
  }
}

/* Topbar typography update */
.modern-top-nav,
.modern-top-nav .navbar-brand,
.modern-top-nav .modern-main-menu>li>a,
.modern-top-nav .modern-user-nav>li>a {
  font-family: "Segoe UI", "Inter", "Roboto", sans-serif;
}

/* Global typography update */
html,
body,
#page-wrapper,
#content-wrapper,
.page-content,
.navbar,
.nav,
.dropdown-menu,
.table,
.btn,
.form-control,
.bootstrap-select>.btn,
input,
select,
textarea,
button {
  font-family: "Segoe UI", "Inter", "Roboto", sans-serif;
}

/* Topbar capsule refinement: narrower width, lower position, white interior */
@media (min-width: 992px) {
  .modern-top-nav .modern-main-menu {
    margin-top: 10px !important;
    padding: 6px 3px;
    gap: 2px;
    background: #ffffff !important;
    border-color: #d9e2e6;
  }

  .modern-top-nav .modern-main-menu>li>a {
    padding: 9px 10px;
    font-size: 13px;
  }

  .modern-top-nav .modern-user-nav {
    margin: 10px 0 0 12px !important;
  }
}

/* Topbar hover-open behavior and right-side circle actions */
@media (min-width: 992px) {

  .modern-top-nav .modern-main-menu>li.dropdown:hover>.dropdown-menu,
  .modern-top-nav .modern-user-nav>li.dropdown:hover>.dropdown-menu {
    display: block;
  }

  .modern-top-nav .modern-main-menu>li.dropdown>.dropdown-menu,
  .modern-top-nav .modern-user-nav>li.dropdown>.dropdown-menu {
    margin-top: 8px;
  }
}

.modern-top-nav .modern-main-menu>li.dropdown>a .caret,
.modern-top-nav .modern-user-nav>li.dropdown>a .caret {
  display: none !important;
}

.modern-top-nav .modern-user-nav>li>a.modern-user-action {
  background: #ffffff !important;
  border-color: #dbe4e8;
  color: #163a44 !important;
}

.modern-top-nav .modern-user-nav>li>a.modern-user-action:hover,
.modern-top-nav .modern-user-nav>li>a.modern-user-action:focus {
  background: #ffffff !important;
  border-color: #c7d6db;
  box-shadow: 0 6px 12px rgba(18, 66, 77, 0.12);
}

.modern-top-nav .modern-user-nav>li>a.modern-user-action-profile {
  width: 44px;
  min-width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 0 !important;
}

.modern-top-nav .modern-user-nav>li>a.modern-user-action-profile .modern-user-avatar {
  width: 36px;
  height: 36px;
}

.modern-top-nav .modern-user-item>.dropdown-menu {
  background: #ffffff;
  border: 1px solid #d7e2e8;
  border-radius: 14px;
  box-shadow: 0 16px 30px rgba(12, 39, 52, 0.18);
  min-width: 240px;
  overflow: hidden;
  padding: 6px;
}

.modern-top-nav .modern-user-item>.dropdown-menu .dropdown-header {
  color: #183e48;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  padding: 10px 12px 8px;
}

.modern-top-nav .modern-user-item>.dropdown-menu .divider {
  margin: 6px 4px;
}

.modern-top-nav .modern-user-item>.dropdown-menu>li>a {
  align-items: center;
  border-radius: 10px;
  color: #1d4955;
  display: flex;
  font-size: 13px;
  font-weight: 600;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
}

.modern-top-nav .modern-user-item>.dropdown-menu>li>a:hover,
.modern-top-nav .modern-user-item>.dropdown-menu>li>a:focus {
  background: #eef5f7;
  color: #123640;
}

.modern-top-nav .modern-user-action-profile .modern-user-avatar-generated {
  background: linear-gradient(145deg, #1f4f61 0%, #2d7d95 100%);
  border: 2px solid #ffffff;
  box-shadow: 0 4px 10px rgba(22, 58, 68, 0.18);
  font-size: 14px;
  font-weight: 800;
}

/* Dropdown hover stability and expandable search field */
@media (min-width: 992px) {

  .modern-top-nav .modern-main-menu>li.dropdown,
  .modern-top-nav .modern-user-nav>li.dropdown {
    position: relative;
  }

  .modern-top-nav .modern-main-menu>li.dropdown::after,
  .modern-top-nav .modern-user-nav>li.dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
  }

  .modern-top-nav .modern-main-menu>li.dropdown>.dropdown-menu,
  .modern-top-nav .modern-user-nav>li.dropdown>.dropdown-menu {
    margin-top: 0 !important;
    top: calc(100% + 6px);
  }

  .modern-top-nav .modern-main-menu>li.dropdown:hover>.dropdown-menu,
  .modern-top-nav .modern-main-menu>li.dropdown:focus-within>.dropdown-menu,
  .modern-top-nav .modern-main-menu>li.dropdown>.dropdown-menu:hover,
  .modern-top-nav .modern-user-nav>li.dropdown:hover>.dropdown-menu,
  .modern-top-nav .modern-user-nav>li.dropdown:focus-within>.dropdown-menu,
  .modern-top-nav .modern-user-nav>li.dropdown>.dropdown-menu:hover {
    display: block;
  }
}

.modern-user-item-search-field {
  width: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  margin-right: 0;
  transition: width 0.2s ease, opacity 0.2s ease, margin-right 0.2s ease;
}

.modern-user-nav.modern-search-open .modern-user-item-search-field {
  width: 220px;
  opacity: 1;
  margin-right: 6px;
}

.modern-top-search-input {
  width: 100%;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #dbe4e8;
  background: #ffffff;
  color: #163a44;
  padding: 0 14px;
  outline: none;
}

.modern-top-search-input:focus {
  border-color: #2d7c86;
  box-shadow: 0 0 0 3px rgba(45, 124, 134, 0.14);
}

@media (max-width: 991px) {
  .modern-user-item-search-field {
    width: 100%;
    min-width: 0;
    opacity: 1;
    margin: 0 0 8px;
    display: block;
  }
}

/* Topbar logo size increase */
.modern-top-nav .navbar-brand {
  height: 68px;
}

.modern-top-nav .modern-brand-logo {
  height: 52px;
  max-width: 170px;
}

@media (max-width: 991px) {
  .modern-top-nav .modern-brand-logo {
    height: 44px;
    max-width: 150px;
  }
}


/* Status dashboard menubar variant (match immersive dashboard reference) */
.statusdash-menubar-row {
  margin-bottom: 8px;
}

.statusdash-menubar {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 8px 0 10px;
  min-height: 0;
}

.statusdash-menubar .container-fluid {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 0 2px;
}

.statusdash-menubar .navbar-header {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}

.statusdash-menubar .navbar-brand {
  height: auto;
  margin: 0;
  padding: 4px 0 0;
}

.statusdash-menubar .modern-brand-logo {
  height: 46px;
  max-width: 180px;
}

.statusdash-menubar .navbar-collapse {
  align-items: center;
  border: 0;
  box-shadow: none;
  display: flex !important;
  justify-content: space-between;
  padding: 0;
}

.statusdash-menubar .modern-main-menu {
  background: #ffffff !important;
  border: 1px solid #dee2e7;
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(39, 45, 52, 0.06);
  gap: 4px;
  margin: 0 auto;
  padding: 5px;
}

.statusdash-menubar .modern-main-menu>li>a {
  background: transparent !important;
  border-radius: 999px;
  color: #2f343a !important;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 14px;
}

.statusdash-menubar .modern-main-menu>li>a:hover,
.statusdash-menubar .modern-main-menu>li>a:focus,
.statusdash-menubar .modern-main-menu>li.active>a,
.statusdash-menubar .modern-main-menu>li.active>a:hover,
.statusdash-menubar .modern-main-menu>li.active>a:focus,
.statusdash-menubar .modern-main-menu>li.open>a,
.statusdash-menubar .modern-main-menu>li.open>a:hover,
.statusdash-menubar .modern-main-menu>li.open>a:focus {
  background: #2f343a !important;
  color: #ffffff !important;
}

.statusdash-menubar .modern-main-menu .modern-menu-icon {
  font-size: 12px;
  margin-right: 6px;
}

.statusdash-menubar .modern-user-nav {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 0 0 12px !important;
}

.statusdash-menubar .modern-user-nav>li {
  margin-left: 0;
}

.statusdash-menubar .modern-user-nav>li>a.modern-user-action {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid #d8dde3;
  border-radius: 50%;
  color: #2f343a !important;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.statusdash-menubar .modern-user-nav>li>a.modern-user-action-profile {
  padding: 0 !important;
}

.statusdash-menubar .modern-user-nav>li>a.modern-user-action-language {
  border-radius: 18px;
  gap: 4px;
  height: 36px;
  min-width: 64px;
  padding: 0 8px !important;
  width: auto;
}

.statusdash-menubar .modern-language-trigger-content {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.statusdash-menubar .modern-language-code {
  color: inherit !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.statusdash-menubar .modern-language-flag {
  border: 1px solid #d8dde3;
  border-radius: 50%;
  display: inline-block;
  height: 16px;
  object-fit: cover;
  width: 16px;
}

.statusdash-menubar .modern-language-flag-trigger {
  border-color: #c3ccd6;
}

.statusdash-menubar .modern-language-code-trigger {
  line-height: 1;
}

.statusdash-menubar .modern-language-menu {
  min-width: 0 !important;
  width: 102px !important;
  max-width: 102px;
  padding: 6px;
}

.modern-top-nav .modern-user-item-language>.dropdown-menu.modern-language-menu {
  min-width: 0 !important;
  width: 102px !important;
  max-width: 102px;
}

.statusdash-menubar .modern-language-menu>li>a {
  align-items: center;
  border-radius: 10px;
  color: #2f343a !important;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  gap: 0;
  justify-content: flex-start;
  padding: 7px 8px;
}

.statusdash-menubar .modern-language-menu>li>a:hover,
.statusdash-menubar .modern-language-menu>li>a:focus,
.statusdash-menubar .modern-language-menu>li.active>a,
.statusdash-menubar .modern-language-menu>li.active>a:hover,
.statusdash-menubar .modern-language-menu>li.active>a:focus {
  background: #2f343a !important;
  color: #ffffff !important;
}

.statusdash-menubar .modern-language-menu>li>a:hover .modern-language-code,
.statusdash-menubar .modern-language-menu>li>a:focus .modern-language-code,
.statusdash-menubar .modern-language-menu>li.active>a .modern-language-code,
.statusdash-menubar .modern-language-menu>li.active>a:hover .modern-language-code,
.statusdash-menubar .modern-language-menu>li.active>a:focus .modern-language-code {
  color: #ffffff !important;
}

.statusdash-menubar .modern-language-option-label {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
}

.statusdash-menubar .modern-user-nav>li>a.modern-user-action-profile .modern-user-avatar {
  height: 30px;
  width: 30px;
}

.statusdash-menubar .modern-user-item-search-field {
  margin-right: 0;
  min-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: width 0.2s ease, opacity 0.2s ease, margin-right 0.2s ease;
  width: 0;
}

.statusdash-menubar .modern-user-nav.modern-search-open .modern-user-item-search-field {
  margin-right: 8px;
  opacity: 1;
  width: 210px;
}

.statusdash-menubar .modern-top-search-input {
  border: 1px solid #d5dbe1;
  box-shadow: none;
  color: #2d3742;
  height: 34px;
}

.statusdash-menubar .modern-top-search-input:focus {
  border-color: #c2c8ce;
  box-shadow: 0 0 0 3px rgba(47, 52, 58, 0.1);
}

.statusdash-menubar .dropdown-menu {
  border-radius: 14px;
  margin-top: 8px;
}

@media (max-width: 991px) {
  .statusdash-menubar .container-fluid {
    display: block;
    padding: 0;
  }

  .statusdash-menubar .navbar-header {
    justify-content: space-between;
    min-height: 56px;
  }

  .statusdash-menubar .navbar-brand {
    padding: 8px 12px;
  }

  .statusdash-menubar .modern-brand-logo {
    height: 40px;
    max-width: 150px;
  }

  .statusdash-menubar .navbar-toggle {
    margin: 11px 12px 0 0;
  }

  .statusdash-menubar .navbar-collapse {
    background: #ffffff;
    border: 1px solid #d8dde2;
    border-radius: 16px;
    display: block !important;
    margin-top: 8px;
    padding: 10px;
  }

  .statusdash-menubar .modern-main-menu {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
  }

  .statusdash-menubar .modern-main-menu>li>a {
    border-radius: 10px;
    display: flex;
    padding: 11px 12px;
  }

  .statusdash-menubar .modern-user-nav {
    border-top: 1px solid #e6e8eb;
    justify-content: flex-start;
    margin: 10px 0 0 !important;
    padding-top: 10px;
  }

  .statusdash-menubar .modern-user-nav>li>a.modern-user-action-language {
    justify-content: center;
    min-width: 64px;
  }

  .statusdash-menubar .modern-user-item-search-field {
    display: block;
    margin: 0 0 8px;
    opacity: 1;
    width: 100%;
  }
}

/* Status dashboard immersive model (image-style redesign) */
.statusdash-neo {
  background: linear-gradient(120deg, #eceef1 0%, #f4f2e9 58%, #f2e8b9 100%);
  border: 1px solid #e2e4e7;
  border-radius: 30px;
  box-shadow: 0 18px 30px rgba(32, 38, 45, 0.08);
  margin: 12px 0 22px;
  padding: 14px;
  overflow: hidden;
}

.statusdash-neo * {
  box-sizing: border-box;
}

.statusdash-neo-topline {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.statusdash-neo-brand {
  background: #e8eaee;
  border: 1px solid #c7ccd3;
  border-radius: 999px;
  color: #20262f;
  flex: 0 0 auto;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 1;
  padding: 10px 18px;
}

.statusdash-neo-tabs {
  align-items: center;
  background: #ffffff;
  border-radius: 999px;
  display: flex;
  gap: 4px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 5px;
}

.statusdash-neo-tabs li {
  margin: 0;
}

.statusdash-neo-tabs li a {
  border-radius: 999px;
  color: #2f343a;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 14px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.statusdash-neo-tabs li.active a,
.statusdash-neo-tabs li a:hover,
.statusdash-neo-tabs li a:focus {
  background: #2f343a;
  color: #ffffff;
}

.statusdash-neo-chip-set {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.statusdash-chip {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d8dce1;
  border-radius: 50%;
  color: #2f343a;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.statusdash-neo-welcome {
  align-items: flex-end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.statusdash-neo-title-block {
  flex: 1 1 auto;
  min-width: 0;
}

.statusdash-neo-title-block h2 {
  color: #161d24;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.08;
  margin: 0 0 14px;
}

.statusdash-top-kpi-strip {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
}

.statusdash-top-kpi-strip-column {
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.statusdash-top-kpi {
  background: linear-gradient(155deg, #fdfdf9 0%, #f8f8f2 100%);
  border: 1px solid #d8ddd1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 78px;
  padding: 10px 12px;
}

.statusdash-top-kpi-head {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  min-width: 0;
}

.statusdash-top-kpi-icon {
  align-items: center;
  background: rgba(47, 52, 58, 0.09);
  border-radius: 11px;
  color: #2f343a;
  display: inline-flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
  margin-left: auto;
  order: 2;
  width: 34px;
}

.statusdash-top-kpi-icon .fa {
  font-size: 18px;
  line-height: 1;
}

.statusdash-top-kpi.is-active .statusdash-top-kpi-icon {
  background: rgba(95, 125, 255, 0.2);
  color: #4f67d3;
}

.statusdash-top-kpi.is-offline .statusdash-top-kpi-icon {
  background: rgba(214, 97, 97, 0.18);
  color: #b14a4a;
}

.statusdash-top-kpi.is-playing .statusdash-top-kpi-icon {
  background: rgba(78, 207, 192, 0.22);
  color: #258f84;
}

.statusdash-top-kpi.is-bandwidth .statusdash-top-kpi-icon {
  background: rgba(242, 183, 74, 0.24);
  color: #a96613;
}

.statusdash-top-kpi-label {
  color: #3f4a55;
  flex: 1 1 auto;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22px;
  line-height: 1.2;
  min-width: 0;
  order: 1;
  padding-right: 8px;
  text-transform: uppercase;
}

.statusdash-top-kpi-value {
  color: #1a232c;
  display: block;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.05;
  margin-top: 8px;
  white-space: nowrap;
}

.statusdash-top-kpi.is-bandwidth .statusdash-top-kpi-value {
  font-size: 22px;
}

.statusdash-top-kpi-strip-column .statusdash-top-kpi {
  min-height: 72px;
  padding: 9px 10px;
}

.statusdash-top-kpi-strip-column .statusdash-top-kpi-icon {
  border-radius: 9px;
  flex-basis: 28px;
  height: 28px;
  width: 28px;
}

.statusdash-top-kpi-strip-column .statusdash-top-kpi-icon .fa {
  font-size: 15px;
}

.statusdash-top-kpi-strip-column .statusdash-top-kpi-label {
  font-size: 10px;
  padding-right: 6px;
}

.statusdash-top-kpi-strip-column .statusdash-top-kpi-value {
  font-size: 20px;
  margin-top: 6px;
}

.statusdash-top-kpi-strip-column .statusdash-top-kpi.is-bandwidth .statusdash-top-kpi-value {
  font-size: 18px;
}

.statusdash-neo-progress-strip {
  display: flex;
  gap: 16px;
  width: 100%;
}

.statusdash-progress-item {
  flex: 1 1 0;
  min-width: 0;
}

.statusdash-progress-label {
  color: #444d57;
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-bottom: 4px;
}

.statusdash-progress-value {
  color: #141b22;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 7px;
}

.statusdash-progress-inline {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 7px;
}

.statusdash-progress-note-inline {
  margin-top: 0;
}

.statusdash-progress-value-inline {
  margin-bottom: 0;
  text-align: right;
}

.statusdash-progress-track {
  background: repeating-linear-gradient(-45deg, rgba(56, 63, 72, 0.1) 0 6px, rgba(56, 63, 72, 0.03) 6px 12px);
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.statusdash-progress-track span {
  background: linear-gradient(90deg, #2f343a 0%, #e0bd32 100%);
  border-radius: 999px;
  display: block;
  height: 100%;
  min-width: 12px;
}


.statusdash-progress-item-count {
  background: #ffffff;
  border: 1px solid #d7dbd1;
  border-radius: 12px;
  padding: 8px 10px;
}

.statusdash-progress-item-count .statusdash-progress-label {
  margin-bottom: 2px;
}

.statusdash-progress-count {
  color: #18212a;
  display: block;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.05;
}

.statusdash-progress-note {
  color: #5a646f;
  display: block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 2px;
}

.statusdash-neo-kpis {
  display: flex;
  flex: 0 0 auto;
  gap: 22px;
}

.statusdash-kpi {
  text-align: left;
}

.statusdash-kpi-value {
  color: #111922;
  font-size: 54px;
  font-weight: 600;
  letter-spacing: -0.8px;
  line-height: 0.95;
}

.statusdash-kpi-label {
  color: #4a5561;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 4px;
}

.statusdash-neo-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.statusdash-card-profile,
.statusdash-card-bandwidth,
.statusdash-card-library-modern {
  align-self: start;
  height: auto;
}

.statusdash-column {
  min-width: 0;
}

.statusdash-column-top-screens {
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-column: span 3;
  grid-row: span 2;
  height: auto;
}

.statusdash-card {
  background: #f8f8f3;
  border: 1px solid #e3e4da;
  border-radius: 22px;
  min-height: 190px;
  padding: 14px;
  position: relative;
}

.statusdash-card-unused-assets {
  overflow: hidden;
  padding: 0;
}

.statusdash-card-link-shell {
  box-sizing: border-box;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 14px;
  text-decoration: none;
  width: 100%;
}

a.statusdash-card-link-shell:hover,
a.statusdash-card-link-shell:focus {
  color: inherit;
  text-decoration: none;
}

.statusdash-event-link {
  color: inherit;
  display: block;
  text-decoration: none;
}

.statusdash-event-link:hover,
.statusdash-event-link:focus {
  color: inherit;
  text-decoration: none;
}

.statusdash-card-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.statusdash-card-head h3 {
  color: #232a32;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
}

.statusdash-action-link {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dedfd7;
  border-radius: 50%;
  color: #303841;
  display: inline-flex;
  font-size: 12px;
  height: 28px;
  justify-content: center;
  text-decoration: none;
  width: 28px;
}

.statusdash-card-profile {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  grid-column: span 3;
  min-height: 210px;
  padding: 14px;
}

.statusdash-screen-health-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.statusdash-screen-health-label {
  color: rgba(255, 255, 255, 0.76);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.statusdash-screen-health-total {
  color: #ffffff;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 0.95;
}

.statusdash-screen-health-subtitle {
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 600;
}

.statusdash-screen-health-donut-wrap {
  aspect-ratio: 1 / 1;
  margin: 2px auto 0;
  max-width: 182px;
  position: relative;
  width: 100%;
}

.statusdash-screen-health-donut-canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.statusdash-screen-health-donut-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  inset: 0;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  text-align: center;
}

.statusdash-screen-health-donut-title {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}

.statusdash-screen-health-donut-score {
  color: #ffffff;
  display: block;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.45px;
  line-height: 1;
  margin-top: 2px;
}

.statusdash-screen-health-donut-caption {
  color: rgba(255, 255, 255, 0.82);
  display: block;
  font-size: 11px;
  font-weight: 600;
  margin-top: 2px;
}

.statusdash-screen-health-stats {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.statusdash-screen-health-stat {
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  display: grid;
  gap: 7px;
  grid-template-columns: auto 1fr auto;
  min-height: 40px;
  padding: 7px 10px;
}

.statusdash-screen-health-dot {
  border-radius: 50%;
  height: 9px;
  width: 9px;
}

.statusdash-screen-health-stat.is-online .statusdash-screen-health-dot {
  background: #4ecfc0;
}

.statusdash-screen-health-stat.is-offline .statusdash-screen-health-dot {
  background: rgba(255, 255, 255, 0.5);
}

.statusdash-screen-health-name {
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 600;
}

.statusdash-screen-health-value {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.statusdash-card-progress {
  grid-column: span 3;
}

.statusdash-card-bandwidth {
  background: linear-gradient(155deg, #f7f8f4 0%, #edf0ea 100%);
  border-color: #d9ddd3;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 210px;
}

.statusdash-bandwidth-overview {
  align-items: flex-end;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.statusdash-progress-main {
  color: #1c232b;
  flex: 1 1 auto;
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -0.9px;
  line-height: 0.92;
  white-space: nowrap;
}

.statusdash-bandwidth-metrics {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 190px;
}

.statusdash-bandwidth-metric {
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid #d8ddd3;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  min-height: 48px;
  padding: 8px 10px;
}

.statusdash-bandwidth-metric span {
  color: #5a646f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.statusdash-bandwidth-metric strong {
  color: #202a34;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 3px;
}

.statusdash-bandwidth-metric.is-limit {
  background: linear-gradient(135deg, rgba(224, 189, 50, 0.18), rgba(255, 255, 255, 0.92));
  border-color: rgba(185, 156, 42, 0.34);
}

.statusdash-bandwidth-copy {
  color: #55606b;
  font-size: 13px;
  margin: 0;
}

.statusdash-bandwidth-chart-wrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(245, 247, 242, 0.94));
  border: 1px solid #dde1d7;
  border-radius: 14px;
  flex: 0 0 136px;
  height: 136px;
  margin-top: 6px;
  min-height: 136px;
  padding: 8px 9px 7px;
  position: relative;
}

.statusdash-bandwidth-chart-canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.statusdash-inline-chart {
  height: 110px;
  margin-top: 6px;
}

.statusdash-card-timer {
  grid-column: span 3;
}

.statusdash-card-library-modern {
  align-content: stretch;
  background: linear-gradient(156deg, #f7f8f4 0%, #edf1e8 100%);
  border-color: #d8ddd2;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  min-height: 210px;
  row-gap: 6px;
}

.statusdash-card-library-modern .statusdash-card-head {
  margin-bottom: 0;
}

.statusdash-library-topline {
  display: grid;
  gap: 6px;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.95fr);
}

.statusdash-library-size-hero {
  background: linear-gradient(137deg, #1f2d3f 0%, #2b3f57 100%);
  border: 1px solid #1f2d3f;
  border-radius: 12px;
  display: grid;
  gap: 1px;
  min-height: 50px;
  padding: 6px 10px;
}

.statusdash-library-size-kicker {
  color: rgba(244, 248, 253, 0.76);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.22px;
  text-transform: uppercase;
}

.statusdash-library-size-value {
  color: #f5f9ff;
  display: block;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 0.95;
}

.statusdash-library-size-caption {
  color: rgba(244, 248, 253, 0.74);
  font-size: 10px;
  font-weight: 600;
}

.statusdash-library-visual {
  align-items: stretch;
  display: flex;
  flex: 0 0 156px;
  justify-content: center;
  min-height: 156px;
  width: 100%;
}

.statusdash-library-polar-wrap {
  background: radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.95), rgba(243, 246, 240, 0.9));
  border: 1px solid #dbe0d5;
  border-radius: 14px;
  height: 156px;
  max-width: none;
  min-height: 156px;
  padding: 6px;
  position: relative;
  width: 100%;
}

.statusdash-library-polar-canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.statusdash-library-breakdown {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
}

.statusdash-library-breakdown-inline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.statusdash-library-breakdown-item {
  align-items: center;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid #d8ddd2;
  border-radius: 12px;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 38px;
  padding: 6px 9px;
}

.statusdash-library-breakdown-swatch {
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  width: 12px;
}

.statusdash-library-breakdown-copy {
  min-width: 0;
}

.statusdash-library-breakdown-copy strong {
  color: #202934;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
}

.statusdash-library-breakdown-copy span {
  color: #5f6975;
  display: block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.15;
}

.statusdash-library-empty {
  color: #5a6470;
  font-size: 13px;
  margin: 4px 0 0;
}

.statusdash-timer-actions {
  display: flex;
  gap: 9px;
  justify-content: flex-start;
}

.statusdash-round-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dbddd3;
  border-radius: 50%;
  color: #2f343a;
  cursor: default;
  display: inline-flex;
  font-size: 11px;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.statusdash-round-btn.dark {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
}

.statusdash-card-tasks {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
  grid-column: span 3;
  grid-row: span 1;
  min-height: 218px;
}

.statusdash-column-top-screens .statusdash-card-tasks {
  grid-column: auto;
  grid-row: auto;
  min-height: 402px;
}

.statusdash-card-unused-assets {
  background: linear-gradient(145deg, #262d35 0%, #2d3540 48%, #313a46 100%);
  border-color: #2a313b;
  color: #ffffff;
  grid-column: span 3;
  grid-row: span 1;
  min-height: 152px;
}

.statusdash-column-top-screens .statusdash-card-unused-assets {
  grid-column: auto;
  grid-row: auto;
  margin-top: auto;
  min-height: 169px;
}

.statusdash-card-unused-assets .statusdash-card-head {
  margin-bottom: 8px;
}

.statusdash-card-unused-assets .statusdash-card-head h3 {
  color: #ffffff;
  font-size: 23px;
}

.statusdash-unused-assets-total {
  color: #e0bd32;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}

.statusdash-card-tasks .statusdash-card-head h3 {
  color: #ffffff;
}

.statusdash-task-count {
  color: #ffffff;
  font-size: 42px;
  font-weight: 500;
  line-height: 1;
}

.statusdash-task-list {
  margin-top: 8px;
}

.statusdash-task-item {
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  display: flex;
  gap: 9px;
  margin-bottom: 6px;
  padding: 8px 9px;
}

.statusdash-task-dot {
  border-radius: 50%;
  flex: 0 0 8px;
  height: 8px;
  width: 8px;
}

.statusdash-task-item.is-ok .statusdash-task-dot {
  background: #e0bd32;
}

.statusdash-task-item.is-warn .statusdash-task-dot {
  background: #f58954;
}

.statusdash-task-item.is-muted .statusdash-task-dot {
  background: #8d97a3;
}

.statusdash-task-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.statusdash-task-copy strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.statusdash-task-copy span {
  color: rgba(255, 255, 255, 0.78);
  display: block;
  font-size: 11px;
  line-height: 1.25;
}

.statusdash-task-item i {
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
}

.statusdash-unused-assets-panel {
  background: linear-gradient(145deg, rgba(224, 189, 50, 0.2) 0%, rgba(224, 189, 50, 0.08) 42%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(224, 189, 50, 0.42);
  border-radius: 14px;
  margin-top: 0;
  padding: 9px 10px;
}

.statusdash-unused-assets-panel.is-clean {
  background: linear-gradient(145deg, rgba(67, 178, 123, 0.2) 0%, rgba(67, 178, 123, 0.08) 48%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(67, 178, 123, 0.36);
}

.statusdash-unused-assets-panel.is-medium {
  background: linear-gradient(145deg, rgba(232, 149, 84, 0.21) 0%, rgba(232, 149, 84, 0.1) 45%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(232, 149, 84, 0.42);
}

.statusdash-unused-assets-panel.is-high {
  background: linear-gradient(145deg, rgba(219, 96, 89, 0.22) 0%, rgba(219, 96, 89, 0.11) 45%, rgba(255, 255, 255, 0.04) 100%);
  border-color: rgba(219, 96, 89, 0.5);
}

.statusdash-unused-assets-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.statusdash-unused-assets-title {
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.34px;
  text-transform: uppercase;
}

.statusdash-unused-assets-icon {
  align-items: center;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 11px;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.statusdash-unused-assets-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.statusdash-unused-assets-metric {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 11px;
  min-width: 0;
  padding: 7px 8px;
}

.statusdash-unused-assets-metric strong {
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.statusdash-unused-assets-metric span {
  color: rgba(255, 255, 255, 0.84);
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-top: 4px;
  text-transform: uppercase;
}

.statusdash-unused-assets-types {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

.statusdash-unused-assets-type-chip {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.92);
  display: inline-flex;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12px;
  line-height: 1;
  padding: 5px 8px;
}

.statusdash-unused-assets-note {
  color: rgba(255, 255, 255, 0.85);
  font-size: 11px;
  line-height: 1.3;
  margin: 8px 0 0;
}

.statusdash-card-devices {
  grid-column: span 3;
  min-height: 164px;
}

.statusdash-card-runtime {
  background: linear-gradient(145deg, #1f252d 0%, #2a303a 52%, #323a46 100%);
  border-color: #232a33;
  color: #f5f8fb;
  grid-column: span 3;
  min-height: 164px;
}

.statusdash-runtime-head {
  align-items: stretch;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}

.statusdash-runtime-head-copy {
  flex: 0 0 auto;
  min-width: 0;
  padding-right: 0;
}

.statusdash-runtime-head-tools {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 12px;
  justify-content: flex-start;
  margin-left: 0;
  width: 100%;
}

.statusdash-runtime-range {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  gap: 8px;
  margin: 0;
  min-width: 0;
}

.statusdash-runtime-range span {
  color: rgba(236, 242, 249, 0.72);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.42px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.statusdash-runtime-range-select {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  min-height: 40px;
  min-width: 126px;
  padding: 8px 12px;
}

.statusdash-runtime-range-select:focus {
  border-color: rgba(255, 255, 255, 0.36);
  box-shadow: 0 0 0 3px rgba(111, 134, 255, 0.16);
  outline: none;
}

.statusdash-runtime-range-select option {
  color: #232a32;
}

.statusdash-card-head.statusdash-runtime-head h3 {
  color: #f4f8fd;
  font-size: 22px;
  line-height: 0.98;
  margin: 0;
  white-space: nowrap;
}

.statusdash-runtime-window {
  color: rgba(233, 239, 247, 0.74);
  display: block;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08px;
  line-height: 1.15;
  margin-top: 6px;
  max-width: none;
  text-transform: none;
  white-space: nowrap;
}

.statusdash-runtime-total-chip {
  align-items: flex-end;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 102px;
  padding: 8px 12px;
}

.statusdash-runtime-total-chip span {
  color: rgba(236, 242, 249, 0.8);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.statusdash-runtime-total-chip strong {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 1;
}

.statusdash-runtime-chart-wrap {
  background: rgba(11, 16, 23, 0.26);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  height: 148px;
  margin: 0 0 10px;
  padding: 8px 10px 10px;
  position: relative;
  width: 100%;
}

.statusdash-runtime-chart-canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.statusdash-runtime-list {
  display: grid;
  gap: 8px;
  margin-bottom: 0;
}

.statusdash-runtime-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  display: grid;
  gap: 8px;
  grid-template-columns: auto 1fr auto auto;
  min-height: 58px;
  padding: 7px 10px;
}

.statusdash-runtime-dot {
  border-radius: 50%;
  height: 10px;
  width: 10px;
}

.statusdash-runtime-dot-default {
  background: #6f86ff;
}

.statusdash-runtime-dot-scheduled {
  background: #f6bf55;
}

.statusdash-runtime-label {
  color: rgba(239, 244, 251, 0.86);
  font-size: 12px;
  font-weight: 600;
}

.statusdash-runtime-row strong {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.statusdash-runtime-share {
  font-size: 11px;
  font-weight: 700;
  min-width: 36px;
  text-align: right;
}

.statusdash-runtime-row.is-default .statusdash-runtime-share {
  color: #9fb0ff;
}

.statusdash-runtime-row.is-scheduled .statusdash-runtime-share {
  color: #ffd58c;
}

.statusdash-runtime-subline {
  display: grid;
  gap: 7px;
  grid-column: 2 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1px;
}

.statusdash-runtime-subitem {
  align-items: center;
  background: rgba(11, 19, 27, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  display: flex;
  gap: 7px;
  min-height: 24px;
  padding: 3px 10px;
}

.statusdash-runtime-subitem::before {
  border-radius: 50%;
  content: '';
  flex: 0 0 8px;
  height: 8px;
  width: 8px;
}

.statusdash-runtime-subitem.is-online {
  background: rgba(56, 195, 136, 0.14);
  border-color: rgba(78, 218, 157, 0.36);
}

.statusdash-runtime-subitem.is-online::before {
  background: #37c584;
  box-shadow: 0 0 0 2px rgba(55, 197, 132, 0.22);
}

.statusdash-runtime-subitem.is-offline {
  background: rgba(234, 114, 88, 0.13);
  border-color: rgba(234, 114, 88, 0.34);
}

.statusdash-runtime-subitem.is-offline::before {
  background: #d9634b;
  box-shadow: 0 0 0 2px rgba(217, 99, 75, 0.2);
}

.statusdash-runtime-subitem em {
  color: rgba(236, 243, 250, 0.9);
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.statusdash-runtime-subitem strong {
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  margin-left: auto;
}

@media (max-width: 767px) {
  .statusdash-runtime-subline {
    grid-template-columns: 1fr;
  }
}

.statusdash-mini-row {
  align-items: center;
  border-bottom: 1px solid #e2e3d8;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  min-height: 34px;
  padding-bottom: 7px;
}

.statusdash-mini-row:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.statusdash-mini-row span {
  color: #4f5863;
  font-size: 12px;
  font-weight: 500;
  padding-right: 10px;
}

.statusdash-mini-row strong {
  color: #212a33;
  font-size: 12px;
  font-weight: 700;
  max-width: 55%;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.statusdash-card-schedule {
  grid-column: span 6;
  min-height: 164px;
}

.statusdash-calendar-head h3 {
  font-size: 24px;
}

.statusdash-calendar-head-meta {
  color: #535d68;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.statusdash-calendar-grid {
  margin-top: 6px;
}

.statusdash-schedule-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.statusdash-schedule-row {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: 86px minmax(0, 1fr);
}

.statusdash-time-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  padding-top: 3px;
}

.statusdash-time-day {
  color: #6a7380;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.28px;
  line-height: 1.1;
  text-transform: uppercase;
}

.statusdash-time-hour {
  color: #313a43;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.statusdash-event-col {
  min-width: 0;
}

.statusdash-schedule-pagination {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
}

.statusdash-schedule-page-btn {
  background: #ffffff;
  border: 1px solid #c6ced8;
  border-radius: 8px;
  color: #263342;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
  min-width: 54px;
  padding: 6px 10px;
  text-transform: uppercase;
}

.statusdash-schedule-page-btn:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.statusdash-schedule-page-status {
  color: #4f5f70;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.statusdash-event-pill {
  background: #2f343a;
  border-radius: 14px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  min-height: 38px;
  padding: 8px 12px;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.statusdash-event-link:hover .statusdash-event-pill,
.statusdash-event-link:focus .statusdash-event-pill {
  box-shadow: 0 12px 20px rgba(22, 28, 36, 0.18);
  transform: translateY(-1px);
}

.statusdash-event-pill strong {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}

.statusdash-event-pill span {
  color: rgba(255, 255, 255, 0.84);
  font-size: 11px;
  line-height: 1.2;
}

.statusdash-event-pill.muted {
  background: #d7d9dd;
  color: #202831;
}

.statusdash-event-pill.muted span {
  color: #3f4953;
}

.statusdash-event-pill.soft {
  background: #edd66e;
  color: #202831;
}

.statusdash-event-pill.soft span {
  color: #3d3a2a;
}

.statusdash-inline-chart svg text,
.statusdash-donut-chart svg text {
  font-family: "Segoe UI", "Inter", "Roboto", sans-serif;
}

@media (max-width: 1500px) {
  .statusdash-neo-title-block h2 {
    font-size: 38px;
  }

  .statusdash-kpi-value {
    font-size: 46px;
  }

  .statusdash-card-head h3 {
    font-size: 23px;
  }
}

@media (max-width: 1280px) {
  .statusdash-neo {
    border-radius: 24px;
    padding: 12px;
  }

  .statusdash-neo-topline {
    flex-wrap: wrap;
  }

  .statusdash-neo-tabs {
    order: 3;
    width: 100%;
  }

  .statusdash-neo-welcome {
    align-items: flex-start;
    flex-direction: column;
  }

  .statusdash-top-kpi-strip {
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .statusdash-top-kpi-strip-column {
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .statusdash-column-top-screens {
    grid-column: span 3;
    grid-row: span 1;
  }

  .statusdash-neo-kpis {
    width: 100%;
  }

  .statusdash-kpi {
    flex: 1 1 0;
  }

  .statusdash-kpi-value {
    font-size: 40px;
  }

  .statusdash-neo-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .statusdash-card-profile,
  .statusdash-card-progress,
  .statusdash-card-timer,
  .statusdash-card-devices,
  .statusdash-card-runtime,
  .statusdash-card-schedule,
  .statusdash-column-top-screens,
  .statusdash-card-tasks,
  .statusdash-card-unused-assets {
    grid-column: span 3;
  }

  .statusdash-card-profile,
  .statusdash-card-bandwidth,
  .statusdash-card-library-modern {
    min-height: 194px;
  }

  .statusdash-bandwidth-chart-wrap {
    flex-basis: 132px;
    height: 132px;
    min-height: 132px;
  }

  .statusdash-library-visual,
  .statusdash-library-polar-wrap {
    flex-basis: 148px;
    height: 148px;
    min-height: 148px;
  }

  .statusdash-card-tasks {
    grid-row: span 1;
    min-height: 208px;
  }

  .statusdash-column-top-screens .statusdash-card-tasks {
    min-height: 394px;
  }

  .statusdash-card-unused-assets {
    min-height: 170px;
  }

  .statusdash-column-top-screens .statusdash-card-unused-assets {
    margin-top: auto;
    min-height: 179px;
  }

  .statusdash-card-schedule {
    grid-column: span 6;
  }

  .statusdash-bandwidth-overview {
    align-items: flex-start;
    flex-direction: column;
  }

  .statusdash-bandwidth-metrics {
    min-width: 0;
    width: 100%;
  }

  .statusdash-library-topline {
    grid-template-columns: 1fr;
  }

  .statusdash-library-breakdown-inline {
    grid-template-columns: 1fr;
  }

  .statusdash-library-polar-wrap {
    min-height: 0;
  }
}

@media (max-width: 991px) {

  .statusdash-neo {
    border-radius: 18px;
    margin-bottom: 16px;
    padding: 10px;
  }

  .statusdash-neo-brand {
    font-size: 21px;
    padding: 9px 15px;
  }

  .statusdash-neo-tabs {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 8px;
  }

  .statusdash-neo-tabs li a {
    font-size: 11px;
    padding: 8px 10px;
  }

  .statusdash-neo-title-block h2 {
    font-size: 30px;
  }

  .statusdash-neo-progress-strip {
    flex-direction: column;
    gap: 10px;
  }

  .statusdash-top-kpi-strip {
    gap: 8px;
    grid-template-columns: 1fr;
  }

  .statusdash-top-kpi-strip-column {
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .statusdash-top-kpi {
    min-height: 72px;
    padding: 9px 10px;
  }

  .statusdash-top-kpi-icon {
    border-radius: 9px;
    flex-basis: 28px;
    height: 28px;
    width: 28px;
  }

  .statusdash-top-kpi-icon .fa {
    font-size: 15px;
  }

  .statusdash-top-kpi-value {
    font-size: 22px;
  }

  .statusdash-neo-kpis {
    gap: 12px;
  }

  .statusdash-kpi-value {
    font-size: 34px;
  }

  .statusdash-neo-grid {
    grid-template-columns: 1fr;
  }

  .statusdash-column-top-screens {
    gap: 10px;
    grid-column: span 1;
    grid-row: span 1;
  }

  .statusdash-card-profile,
  .statusdash-card-progress,
  .statusdash-card-timer,
  .statusdash-card-devices,
  .statusdash-card-runtime,
  .statusdash-card-schedule,
  .statusdash-column-top-screens,
  .statusdash-card-tasks,
  .statusdash-card-unused-assets {
    grid-column: span 1;
  }

  .statusdash-card-profile,
  .statusdash-card-bandwidth,
  .statusdash-card-library-modern {
    min-height: 178px;
  }

  .statusdash-bandwidth-chart-wrap {
    flex-basis: 124px;
    height: 124px;
    min-height: 124px;
  }

  .statusdash-library-visual,
  .statusdash-library-polar-wrap {
    flex-basis: 140px;
    height: 140px;
    min-height: 140px;
  }

  .statusdash-card-tasks {
    min-height: 186px;
  }

  .statusdash-column-top-screens .statusdash-card-tasks {
    min-height: 378px;
  }

  .statusdash-card-unused-assets {
    min-height: 162px;
  }

  .statusdash-column-top-screens .statusdash-card-unused-assets {
    margin-top: auto;
    min-height: 171px;
  }

  .statusdash-unused-assets-metric strong {
    font-size: 18px;
  }

  .statusdash-unused-assets-type-chip {
    font-size: 9px;
  }

  .statusdash-progress-main {
    font-size: 40px;
  }

  .statusdash-bandwidth-metrics {
    grid-template-columns: 1fr;
  }

  .statusdash-bandwidth-chart-wrap {
    min-height: 112px;
  }

  .statusdash-library-size-value {
    font-size: 24px;
  }

  .statusdash-library-polar-wrap {
    min-height: 0;
  }

  .statusdash-screen-health-total {
    font-size: 40px;
  }

  .statusdash-screen-health-stat {
    grid-template-columns: auto 1fr auto;
  }

  .statusdash-screen-health-stats {
    grid-template-columns: 1fr;
  }

  .statusdash-screen-health-donut-wrap {
    max-width: 168px;
  }

  .statusdash-screen-health-donut-score {
    font-size: 28px;
  }

  .statusdash-card-head.statusdash-runtime-head h3 {
    font-size: 21px;
    white-space: normal;
  }

  .statusdash-runtime-total-chip {
    min-width: 88px;
    padding: 7px 10px;
  }

  .statusdash-runtime-total-chip strong {
    font-size: 16px;
  }

  .statusdash-runtime-chart-wrap {
    height: 132px;
    padding: 7px 8px 8px;
  }

  .statusdash-runtime-row {
    grid-template-columns: auto 1fr auto auto;
    padding: 7px 9px;
  }

  .statusdash-runtime-share {
    min-width: 34px;
  }

  .statusdash-runtime-head {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .statusdash-runtime-head-copy {
    padding-right: 0;
  }

  .statusdash-runtime-window {
    max-width: none;
  }

  .statusdash-runtime-head-tools {
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    width: 100%;
  }

  .statusdash-runtime-range {
    flex: 1 1 auto;
    gap: 6px;
    justify-content: flex-start;
  }

  .statusdash-runtime-range span {
    font-size: 9px;
    letter-spacing: 0.34px;
  }

  .statusdash-runtime-range-select {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .statusdash-card {
    border-radius: 18px;
  }

  .statusdash-card-head h3,
  .statusdash-calendar-head h3 {
    font-size: 20px;
  }

  .statusdash-schedule-row {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .statusdash-library-topline {
    grid-template-columns: 1fr;
  }

  .statusdash-library-breakdown-inline {
    grid-template-columns: 1fr;
  }
}

/* Status dashboard final match: menubar + full-page layout (no outer dashboard box) */
body.statusdash-page {
  background: linear-gradient(120deg, #eceef1 0%, #f4f2e9 58%, #f2e8b9 100%);
}

body.statusdash-page #content-wrapper,
body.statusdash-page .page-content {
  background: transparent;
}

body.statusdash-page .page-content {
  padding: 0 12px 22px;
}

.statusdash-menubar-row {
  margin-bottom: 10px;
}

.statusdash-menubar {
  margin: 8px 0 12px;
}

.statusdash-menubar .container-fluid {
  gap: 14px;
}

.statusdash-menubar .navbar-brand {
  background: #eceef1;
  border: 1px solid #cad1d8;
  border-radius: 999px;
  height: auto;
  max-width: none;
  padding: 6px 12px !important;
}

.statusdash-menubar .modern-brand-logo {
  height: 36px;
  max-width: 190px;
}

.statusdash-menubar .navbar-collapse {
  align-items: center;
  display: grid !important;
  flex: 1 1 auto;
  grid-template-columns: 1fr auto 1fr;
  padding: 0;
}

.statusdash-menubar .modern-main-menu {
  grid-column: 2;
  justify-self: center;
  max-width: 760px;
}

.statusdash-menubar .modern-main-menu .modern-menu-icon {
  display: inline-block;
  font-size: 13px;
  margin-right: 7px;
}

.statusdash-menubar .modern-main-menu>li>a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12px;
  padding: 10px 15px;
}

.statusdash-menubar .modern-user-nav {
  gap: 9px;
  grid-column: 3;
  justify-self: end;
  margin: 0 0 0 12px !important;
}

.statusdash-menubar .modern-user-nav>li>a.modern-user-action,
.statusdash-menubar .modern-user-nav>li>a.modern-user-action-profile {
  height: 34px;
  min-width: 34px;
  width: 34px;
}

.statusdash-menubar .modern-user-nav>li>a.modern-user-action-profile .modern-user-avatar {
  height: 28px;
  width: 28px;
}

.statusdash-menubar .modern-user-nav.modern-search-open .modern-user-item-search-field {
  margin-right: 8px;
  width: 180px;
}

body.statusdash-page .statusdash-neo {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  overflow: visible;
  padding: 0 !important;
}

body.statusdash-page .statusdash-neo-welcome {
  margin-bottom: 24px;
}

body.statusdash-page .statusdash-card {
  background: #f8f8f3;
  border-color: #e2e2d9;
}

@media (max-width: 991px) {
  body.statusdash-page .page-content {
    padding: 0 8px 16px;
  }

  .statusdash-menubar .navbar-brand {
    padding: 7px 10px !important;
  }

  .statusdash-menubar .modern-brand-logo {
    height: 30px;
    max-width: 160px;
  }

  .statusdash-menubar .navbar-collapse {
    display: block !important;
  }

  body.statusdash-page .statusdash-neo {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Status dashboard tweak: keep Display Queue card fully black */
body.statusdash-page .statusdash-card.statusdash-card-tasks {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff;
}

body.statusdash-page .statusdash-card.statusdash-card-tasks .statusdash-card-head h3,
body.statusdash-page .statusdash-card.statusdash-card-tasks .statusdash-task-count,
body.statusdash-page .statusdash-card.statusdash-card-tasks .statusdash-task-item i,
body.statusdash-page .statusdash-card.statusdash-card-tasks .statusdash-task-copy strong {
  color: #ffffff;
}

body.statusdash-page .statusdash-card.statusdash-card-tasks .statusdash-task-copy span {
  color: rgba(255, 255, 255, 0.82);
}

/* Status dashboard tweak: keep Unused Assets card dark so text remains readable */
body.statusdash-page .statusdash-card.statusdash-card-unused-assets {
  background: linear-gradient(145deg, #262d35 0%, #2d3540 48%, #313a46 100%) !important;
  border-color: #2a313b !important;
  color: #ffffff;
}

body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-card-head h3,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-total,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-title,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-icon,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-metric strong,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-type-chip,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-note {
  color: #ffffff;
}

body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-metric span {
  color: rgba(255, 255, 255, 0.84);
}

/* Status dashboard tweak: keep Screen Health card dark so white metrics stay readable */
body.statusdash-page .statusdash-card.statusdash-card-profile {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff;
}

/* Status dashboard tweak: keep Runtime card dark so redesigned text/chart remain readable */
body.statusdash-page .statusdash-card.statusdash-card-runtime {
  background: linear-gradient(145deg, #1f252d 0%, #2a303a 52%, #323a46 100%) !important;
  border-color: #232a33 !important;
  color: #f5f8fb;
}

body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-card-head.statusdash-runtime-head h3,
body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-window,
body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-label,
body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-row strong {
  color: #f5f8fb;
}

body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip span {
  color: rgba(236, 242, 249, 0.8);
}

body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip strong {
  color: #ffffff;
}

body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-row {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
}


/* Status dashboard tweak: keep capsule on one row + tighten menu spacing */
@media (min-width: 992px) {
  .statusdash-menubar .navbar-collapse {
    align-items: center;
    display: flex !important;
    justify-content: center;
    min-height: 56px;
    position: relative;
  }

  .statusdash-menubar .modern-main-menu {
    gap: 3px;
    left: -18px;
    margin: 0 auto !important;
    max-width: none;
    padding: 5px 6px;
    position: relative;
  }

  .statusdash-menubar .modern-main-menu>li>a {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px;
    white-space: nowrap;
  }

  .statusdash-menubar .modern-main-menu .modern-menu-icon {
    font-size: 14px;
    margin-right: 6px;
  }

  .statusdash-menubar .modern-user-nav {
    align-items: center;
    display: flex;
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .statusdash-menubar .modern-user-nav>li>a.modern-user-action,
  .statusdash-menubar .modern-user-nav>li>a.modern-user-action-profile {
    height: 38px;
    min-width: 38px;
    width: 38px;
  }

  .statusdash-menubar .modern-user-nav>li>a.modern-user-action-profile .modern-user-avatar {
    height: 31px;
    width: 31px;
  }

  .statusdash-menubar .modern-user-nav.modern-search-open .modern-user-item-search-field {
    width: 220px;
  }
}

/* Global status-dashboard theme rollout for non-dashboard pages */
body:not(.statusdash-page):not(.softqa-login-page) {
  background: linear-gradient(120deg, #eceef1 0%, #f4f2e9 58%, #f2e8b9 100%);
}

body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper,
body:not(.statusdash-page):not(.softqa-login-page) .page-content {
  background: transparent;
}

body:not(.statusdash-page):not(.softqa-login-page) .row.header {
  background: #f8f8f3;
  border: 1px solid #e2e4d9;
  border-radius: 22px;
  box-shadow: 0 12px 24px rgba(32, 38, 45, 0.08);
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-page-title {
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .navbar-brand {
  background: #eceef1;
  border: 1px solid #cad1d8;
  border-radius: 999px;
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu {
  background: #ffffff !important;
  border: 1px solid #dee2e7;
  box-shadow: 0 6px 14px rgba(39, 45, 52, 0.06);
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li>a {
  color: #2f343a !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li>a:hover,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li>a:focus,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li.active>a,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li.active>a:hover,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li.active>a:focus,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li.open>a,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li.open>a:hover,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-main-menu>li.open>a:focus {
  background: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-user-nav>li>a.modern-user-action,
body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-user-nav>li>a.modern-user-action-profile {
  background: #ffffff !important;
  border-color: #d8dde3;
  color: #2f343a !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .modern-top-nav .modern-top-search-input:focus {
  border-color: #2f343a;
  box-shadow: 0 0 0 3px rgba(47, 52, 58, 0.16);
}

body:not(.statusdash-page):not(.softqa-login-page) .widget,
body:not(.statusdash-page):not(.softqa-login-page) .panel {
  background: #f8f8f3;
  border: 1px solid #e2e4d9;
  border-radius: 18px;
  box-shadow: 0 10px 20px rgba(32, 38, 45, 0.06);
}

body:not(.statusdash-page):not(.softqa-login-page) .widget .widget-title,
body:not(.statusdash-page):not(.softqa-login-page) .panel .panel-heading {
  background: #eceef1;
  border-bottom: 1px solid #d9ddd2;
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .widget .widget-body,
body:not(.statusdash-page):not(.softqa-login-page) .panel .panel-body {
  background: #f8f8f3;
}

body:not(.statusdash-page):not(.softqa-login-page) .table>thead>tr>th {
  background: #eceef1;
  border-bottom: 1px solid #d9ddd2;
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .table>tbody>tr>td {
  border-top: 1px solid #e5e8dc;
}

body:not(.statusdash-page):not(.softqa-login-page) .table-hover>tbody>tr:hover>td {
  background: #f1f2eb;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive {
  border: 1px solid #e2e4d9;
  border-radius: 14px;
}

body:not(.statusdash-page):not(.softqa-login-page) .form-control,
body:not(.statusdash-page):not(.softqa-login-page) .bootstrap-select>.btn {
  background: #ffffff;
  border-color: #d5d9ce;
}

body:not(.statusdash-page):not(.softqa-login-page) .form-control:focus,
body:not(.statusdash-page):not(.softqa-login-page) .bootstrap-select>.btn:focus {
  border-color: #2f343a;
  box-shadow: 0 0 0 3px rgba(47, 52, 58, 0.16) !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .btn-primary {
  background: #2f343a;
  border-color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .btn-primary:hover,
body:not(.statusdash-page):not(.softqa-login-page) .btn-primary:focus,
body:not(.statusdash-page):not(.softqa-login-page) .btn-primary:active {
  background: #1f242a;
  border-color: #1f242a;
}

body:not(.statusdash-page):not(.softqa-login-page) .nav-pills>li>a {
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .nav-pills>li.active>a,
body:not(.statusdash-page):not(.softqa-login-page) .nav-pills>li.active>a:hover,
body:not(.statusdash-page):not(.softqa-login-page) .nav-pills>li.active>a:focus {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignFilter .FilterDiv {
  background: #f8f8f3;
  border: 1px solid #e2e4d9;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignFilter .form-inline .control-label {
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignGridControls .FilterDiv {
  background: #f8f8f3;
  border: 1px solid #e2e4d9;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignGridControls .form-inline .control-label {
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle {
  background: #eceef1;
  border-color: #d7dcd2;
  color: #2f343a;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle:hover {
  background: #e4e7dc;
}

/* Dropdown adjacency fix: let consecutive dark states touch seamlessly */
.modern-top-nav .modern-main-menu>li.dropdown>.dropdown-menu>li>a {
  border-radius: 0;
  margin: 0;
}

.modern-top-nav .modern-main-menu>li.dropdown>.dropdown-menu>li:first-child>a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.modern-top-nav .modern-main-menu>li.dropdown>.dropdown-menu>li:last-child>a {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Schedule page: weekly planner layout (real schedule data only) */
.schedule-planner {
  background: #f6f7f9;
  border: 1px solid #e2e5ea;
  border-radius: 16px;
  padding: 14px;
}

.schedule-planner-header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.schedule-planner-title-wrap {
  min-width: 190px;
}

.schedule-planner-title {
  color: #1f252d;
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}

.schedule-current-range {
  color: #5b6572;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  margin-top: 6px;
}

.schedule-hidden-calendar-title {
  display: none;
}

.schedule-planner-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.schedule-display-filter {
  margin: 0 !important;
}

.schedule-display-filter .schedule-display-filter-source {
  display: none !important;
}

.schedule-display-filter .schedule-screen-picker-btn {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 13px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 6px;
  height: 44px;
  justify-content: center;
  letter-spacing: 0.08em;
  min-height: 44px;
  min-width: 148px;
  padding: 0 14px;
  text-transform: uppercase;
  white-space: nowrap;
}

.schedule-display-filter .schedule-screen-picker-btn:hover,
.schedule-display-filter .schedule-screen-picker-btn:focus,
.schedule-display-filter .schedule-screen-picker-btn:active {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

.schedule-display-filter .schedule-screen-picker-btn .fa {
  font-size: 13px;
}

.schedule-toolbar-nav {
  align-items: center;
  background: #eef1f4;
  border: 1px solid #d6dbe1;
  border-radius: 12px;
  display: flex;
  padding: 2px;
}

.schedule-toolbar-nav-stack {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.schedule-toolbar-nav .schedule-nav-btn {
  background: transparent !important;
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none;
  color: #2f343a !important;
  font-weight: 600;
  height: 40px;
  min-height: 40px;
  min-width: 42px;
  padding: 7px 12px;
}

.schedule-toolbar-nav .schedule-nav-btn:hover,
.schedule-toolbar-nav .schedule-nav-btn:focus,
.schedule-toolbar-nav .schedule-nav-btn:active {
  background: #dde3ea !important;
  color: #1f252d !important;
}

.schedule-toolbar-nav .schedule-nav-today {
  background: #ffffff !important;
  border: 1px solid #d0d6de !important;
  color: #1f252d !important;
}

.schedule-view-toggle-wrap {
  align-items: center;
  display: inline-flex;
}

.schedule-view-select-source {
  display: none !important;
}

.schedule-view-toggle-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(2, 42px);
  grid-template-rows: repeat(2, 42px);
  margin: 0 !important;
}

.schedule-view-toggle-grid .schedule-view-toggle-btn {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid #d4dae2 !important;
  border-radius: 9px !important;
  color: #223247 !important;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  letter-spacing: 0.08em;
  min-height: 42px;
  min-width: 42px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s ease;
  width: 42px;
}

.schedule-view-toggle-grid .schedule-view-toggle-btn:hover,
.schedule-view-toggle-grid .schedule-view-toggle-btn:focus {
  background: #eef2f6 !important;
  border-color: #c2ccd8 !important;
  box-shadow: 0 2px 6px rgba(26, 34, 45, 0.12);
  color: #1f2b3a !important;
}

.schedule-view-toggle-grid .schedule-view-toggle-btn.active,
.schedule-view-toggle-grid .schedule-view-toggle-btn.active:hover,
.schedule-view-toggle-grid .schedule-view-toggle-btn.active:focus {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: 0 4px 10px rgba(22, 30, 40, 0.26);
  color: #ffffff !important;
}

.schedule-toolbar-add .schedule-add-event-btn {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 13px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  height: 44px;
  justify-content: center;
  letter-spacing: 0.08em;
  min-height: 44px;
  min-width: 148px;
  padding: 0 14px;
  text-transform: uppercase;
  white-space: nowrap;
}

.schedule-toolbar-add .schedule-add-event-btn:hover,
.schedule-toolbar-add .schedule-add-event-btn:focus,
.schedule-toolbar-add .schedule-add-event-btn:active {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

.schedule-toolbar-add .schedule-add-event-btn .fa {
  font-size: 13px;
  margin-right: 6px;
}

.schedule-screen-picker-modal .modal-content {
  border-radius: 12px;
}

.schedule-screen-picker-modal .modal-body {
  padding-top: 12px;
}

.schedule-screen-column {
  margin-bottom: 8px;
}

.schedule-screen-partition {
  background: #f7f9fc;
  border: 1px solid #dbe2ea;
  border-radius: 10px;
  padding: 10px;
}

.schedule-screen-partition-title {
  color: #1f252d;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px;
}

.schedule-screen-partition-title-row {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
}

.schedule-screen-partition-title-row .schedule-screen-partition-title {
  margin: 0;
}

.schedule-screen-show-selected-btn {
  border-radius: 8px;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  text-transform: uppercase;
}

.schedule-screen-show-selected-btn.active {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

.schedule-screen-picker-modal .schedule-screen-bulk-actions {
  align-items: center;
  clear: both;
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
  margin-top: 12px !important;
  padding-left: 2px;
  width: 100%;
}

.schedule-screen-picker-modal .schedule-screen-bulk-actions label {
  align-items: center;
  color: #33445a;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  margin: 0;
}

.schedule-screen-picker-modal .schedule-screen-bulk-actions input[type="checkbox"] {
  margin: 0;
}

.schedule-screen-search-wrap {
  display: block;
  margin-bottom: 14px;
  position: relative;
  width: 100%;
}

.schedule-screen-picker-modal .schedule-screen-search-wrap {
  margin-bottom: 0 !important;
  padding-bottom: 16px;
}

.schedule-screen-search-wrap .form-control {
  height: 34px;
  min-height: 34px;
  padding-right: 38px;
  width: 100%;
}

.schedule-screen-search-wrap .input-group-btn {
  height: 32px;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 32px;
  z-index: 3;
}

.schedule-screen-search-btn {
  background: transparent;
  border: 0;
  box-shadow: none;
  height: 32px;
  min-height: 32px;
  min-width: 32px;
  padding: 0;
  width: 32px;
}

.schedule-screen-list {
  background: #ffffff;
  border: 1px solid #d8dee6;
  border-radius: 8px;
  max-height: 245px;
  min-height: 245px;
  overflow-y: auto;
  padding: 6px;
}

.schedule-screen-list-item {
  align-items: center;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  margin: 0;
  padding: 6px 8px;
}

.schedule-screen-list-item:hover {
  background: #eef3f8;
}

.schedule-screen-list-item input {
  margin: 0;
}

.schedule-screen-list-item span {
  word-break: break-word;
}

.schedule-planner-content {
  display: flex;
  gap: 14px;
}

.schedule-planner-sidebar {
  background: #ffffff;
  border: 1px solid #e2e5ea;
  border-radius: 12px;
  flex: 0 0 260px;
  padding: 12px;
}

.schedule-active-date-card {
  background: #f1f3f6;
  border: 1px solid #e0e4ea;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  width: 74px;
}

.schedule-active-date-month {
  background: linear-gradient(135deg, #f03737 0%, #d92121 100%);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 6px 0;
}

.schedule-active-date-day {
  color: #1f252d;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  padding: 8px 0;
}

.schedule-active-date-meta {
  margin-top: 10px;
}

.schedule-active-date-meta strong {
  color: #1f252d;
  display: block;
  font-size: 20px;
  font-weight: 700;
}

.schedule-active-date-meta span {
  color: #6a7480;
  display: block;
  font-size: 14px;
  margin-top: 2px;
}

.schedule-mini-calendar {
  margin-top: 12px;
}

.schedule-mini-calendar .ui-datepicker {
  border: 0;
  font-size: 13px;
  padding: 0;
  width: 100%;
}

.schedule-mini-calendar .ui-datepicker-header {
  background: #f3f5f8;
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  color: #2f343a;
  margin-bottom: 8px;
}

.schedule-mini-calendar .ui-datepicker td {
  padding: 1px;
}

.schedule-mini-calendar .ui-datepicker td a,
.schedule-mini-calendar .ui-datepicker td span {
  border-radius: 999px;
  text-align: center;
}

.schedule-mini-calendar .schedule-mini-has-events a {
  border: 1px solid #c7a02a !important;
  color: #b37c00 !important;
}

.schedule-day-events {
  border-top: 1px solid #e5e8ed;
  margin-top: 12px;
  padding-top: 12px;
}

.schedule-day-events h4 {
  color: #1f252d;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 8px;
}

.schedule-day-events-search-wrap {
  margin-bottom: 10px;
}

.schedule-day-events-search-wrap .form-control {
  font-size: 12px;
  height: 32px;
}

.schedule-day-events-search-wrap .btn {
  height: 32px;
  line-height: 1;
}

.schedule-day-events ul {
  list-style: none;
  margin: 0;
  max-height: 280px;
  overflow-y: auto;
  padding: 0;
}

.schedule-day-event-item {
  border: 1px solid #e4e8ee;
  border-radius: 10px;
  margin-bottom: 8px;
  padding: 8px;
}

.schedule-day-event-time {
  color: #6a7480;
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 3px;
}

.schedule-day-event-link {
  color: #1d5fd0;
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.schedule-day-event-link:hover,
.schedule-day-event-link:focus {
  color: #12459c;
  text-decoration: underline;
}

.schedule-day-events-empty {
  color: #7a8593;
  font-size: 13px;
  padding: 4px 0;
}

.schedule-planner-main {
  background: #ffffff;
  border: 1px solid #e2e5ea;
  border-radius: 12px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 10px;
}

.schedule-planner-main #Calendar {
  min-height: 580px;
}

.schedule-planner-main .cal-row-head .cal-cell1 {
  background: #f4f6f8;
  border-bottom: 1px solid #e2e5ea;
  color: #5f6976;
  font-weight: 600;
  padding: 8px 6px;
  text-align: center;
}

.schedule-planner-main .cal-week-box {
  border: 1px solid #e2e5ea;
  border-radius: 10px;
  overflow: hidden;
}

.schedule-planner-main .cal-week-box [data-event-class] {
  border-radius: 10px;
  font-weight: 600;
  line-height: 1.35;
  min-height: 58px;
  padding: 8px;
  white-space: normal;
}

.schedule-planner-main .event-info {
  background: #f5f8ff;
  border-color: #7ca2ff !important;
  color: #264493;
}

.schedule-planner-main .event-success {
  background: #eefaf4;
  border-color: #5eaf88 !important;
  color: #1f6f4f;
}

.schedule-planner-main .event-important {
  background: #fff4f4;
  border-color: #d96868 !important;
  color: #8f2d2d;
}

.schedule-planner-main .event-special {
  background: #f6f2ff;
  border-color: #9274d9 !important;
  color: #4f3988;
}

.schedule-planner-main .event-inverse {
  background: #f2f4f7;
  border-color: #7a8595 !important;
  color: #3f4a5b;
}

.schedule-legend-row {
  margin-top: 12px;
}

.schedule-legend-row .cal-legend {
  overflow-x: auto;
}

.schedule-legend-row .cal-legend ul {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 14px;
  margin: 0;
  padding: 0;
}

.schedule-legend-row .cal-legend ul li {
  align-items: center;
  display: inline-flex;
  margin: 0;
  white-space: nowrap;
}

.schedule-legend-row .cal-legend ul li .fa {
  margin-right: 6px;
}

@media (max-width: 1199px) {
  .schedule-planner-content {
    flex-direction: column;
  }

  .schedule-planner-sidebar {
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .schedule-planner-header {
    flex-direction: column;
  }

  .schedule-planner-toolbar {
    justify-content: flex-start;
  }

  .schedule-toolbar-nav-stack {
    align-items: flex-start;
  }

  .schedule-display-filter .schedule-screen-picker-btn {
    min-width: 136px;
  }

  .schedule-toolbar-add .schedule-add-event-btn {
    min-width: 136px;
  }

  .schedule-view-toggle-grid {
    gap: 5px;
    grid-template-columns: repeat(2, 38px);
    grid-template-rows: repeat(2, 38px);
  }

  .schedule-view-toggle-grid .schedule-view-toggle-btn {
    font-size: 13px;
    height: 38px;
    min-height: 38px;
    min-width: 38px;
    width: 38px;
  }
}

/* Schedule event dialog: right-side full-height drawer */
body.schedule-event-drawer-open {
  overflow: hidden;
}

.bootbox.schedule-event-drawer-modal {
  padding-left: 0 !important;
}

.bootbox.schedule-event-drawer-modal .modal-dialog {
  height: 100vh;
  margin: 0 0 0 auto;
  max-width: 680px;
  width: min(680px, 100vw);
}

.bootbox.schedule-event-drawer-modal .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: -12px 0 28px rgba(16, 24, 40, 0.2);
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.bootbox.schedule-event-drawer-modal .modal-header {
  flex: 0 0 auto;
}

.bootbox.schedule-event-drawer-modal .modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
}

.bootbox.schedule-event-drawer-modal .modal-footer {
  border-top: 1px solid #e4e8ee;
  flex: 0 0 auto;
}

.bootbox.schedule-event-drawer-modal.modal.fade .modal-dialog {
  transform: translate3d(100%, 0, 0);
}

.bootbox.schedule-event-drawer-modal.modal.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {
  .bootbox.schedule-event-drawer-modal .modal-dialog {
    max-width: 100vw;
    width: 100vw;
  }
}

/* Schedule event drawer dropdown hover/active color */
.bootbox.schedule-event-drawer-modal .dropdown-menu>li>a:hover,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li>a:focus,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li.active>a,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li.active>a:hover,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li.active>a:focus,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li.selected>a,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li.selected>a:hover,
.bootbox.schedule-event-drawer-modal .dropdown-menu>li.selected>a:focus {
  background: #2f343a !important;
  color: #ffffff !important;
}

/* Schedule event dialog: modern Start/End datetime-local controls */
.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .col-sm-10 {
  position: relative;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-wrap {
  position: relative;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .form-control.schedule-modern-datetime {
  background: #ffffff;
  border: 1px solid #c7ccd3;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
  color: #1f2d3a;
  font-size: 13px;
  font-weight: 600;
  min-height: 38px;
  padding: 7px 44px 7px 12px;
  accent-color: #2f343a;
  caret-color: #2f343a;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .form-control.schedule-modern-datetime:hover {
  border-color: #9ea5af;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .form-control.schedule-modern-datetime:focus {
  background: #ffffff;
  border-color: #2f343a;
  box-shadow: 0 0 0 3px rgba(47, 52, 58, 0.22) !important;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .form-control.schedule-modern-datetime::-webkit-calendar-picker-indicator {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .schedule-modern-datetime-trigger {
  align-items: center;
  background: #f6f7f5;
  border: 1px solid #cfd5cc;
  border-radius: 9px;
  color: #223247;
  display: inline-flex;
  font-size: 12px;
  height: 26px;
  justify-content: center;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, color 0.16s ease;
  width: 26px;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .schedule-modern-datetime-trigger:hover,
.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .schedule-modern-datetime-trigger:focus {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
  outline: none;
  text-decoration: none;
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .schedule-modern-datetime-wrap:focus-within .schedule-modern-datetime-trigger {
  box-shadow: 0 0 0 3px rgba(47, 52, 58, 0.24);
  transform: translateY(-50%) scale(1.01);
}

.bootbox.schedule-event-drawer-modal .schedule-modern-datetime-group .help-block {
  color: #5a6675;
  font-size: 12px;
  margin-top: 7px;
}

/* Schedule event form: row order + side-by-side From/To */
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-half {
  width: 50%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-full {
  width: 100%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-1 {
  order: 10;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-2 {
  order: 20;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-3 {
  order: 30;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-4 {
  order: 40;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-5 {
  order: 50;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-1 {
  min-width: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-1 .schedule-modern-datetime-wrap {
  max-width: 100%;
  min-width: 0;
  width: calc(100% - 2px);
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-1 .form-control.schedule-modern-datetime {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group .control-label {
  float: none;
  margin-bottom: 6px;
  padding-top: 0;
  text-align: left;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group .col-sm-10,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group .col-sm-offset-2 {
  float: none;
  margin-left: 0;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-priority-group {
  align-items: flex-start;
  display: flex;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-priority-group .col-sm-offset-2 {
  padding-left: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-priority-group .checkbox {
  margin-top: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-checkbox-wrap {
  margin-bottom: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-toggle-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  height: 36px;
  letter-spacing: 0.4px;
  margin: 0;
  padding: 0 14px;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-toggle-btn input[type="checkbox"] {
  accent-color: #1f2f42;
  margin: 0 6px 0 0 !important;
  margin-left: 0 !important;
  position: static !important;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-toggle-btn:hover,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-toggle-btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-toggle-btn.is-checked,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-checkbox-wrap.is-checked .schedule-priority-toggle-btn {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-inline-row {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 8px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle {
  display: inline-flex;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  letter-spacing: 0.4px;
  min-width: 98px;
  padding: 0 14px;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn+.schedule-order-mode-btn {
  margin-left: 8px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn:hover,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn.active,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn.active:hover,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn.active:focus {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-mode-toggle .schedule-order-mode-btn:disabled {
  background: #eff3f7;
  border-color: #d9e1ea;
  color: #9aa6b4;
  cursor: not-allowed;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-input-wrap {
  margin-left: auto;
  min-width: 120px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-input-wrap .schedule-order-input {
  height: 38px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form #DisplayOrder.schedule-order-readonly {
  background: #f2f5f9;
  border-color: #d8e0e8;
  color: #8b99a8;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-priority-locked {
  opacity: 0.9;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-repeat-type-group .bootstrap-select>.btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.4px;
  padding: 0 14px;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-repeat-type-group .bootstrap-select>.btn:hover,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-repeat-type-group .bootstrap-select>.btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.repeat-control-group.schedule-form-half {
  float: left;
  width: 50%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-design-picker-source,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-picker-source {
  display: none !important;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-design-inline-picker,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker {
  margin-left: 0;
  margin-right: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-design-inline-picker .schedule-screen-column,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker .schedule-screen-column {
  padding-left: 6px;
  padding-right: 6px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-design-inline-picker .schedule-screen-list,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker .schedule-screen-list {
  max-height: 220px;
  min-height: 220px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-design-inline-picker .schedule-screen-list-empty,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker .schedule-screen-list-empty {
  color: #7b8796;
  font-size: 12px;
  padding: 12px 8px;
  text-align: center;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions label {
  align-items: center;
  color: #33445a;
  cursor: pointer;
  display: inline-flex;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  margin: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions input[type="checkbox"] {
  margin: 0;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn {
  align-items: center;
  background: linear-gradient(180deg, #ffffff 0%, #eef2ea 100%);
  border: 1px solid #c5cec1;
  border-radius: 999px;
  box-shadow: 0 3px 10px rgba(31, 47, 66, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  color: #2b3d52;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1;
  min-height: 30px;
  padding: 0 12px;
  text-transform: uppercase;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn:hover,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn:focus {
  background: linear-gradient(180deg, #fdfefe 0%, #f3f7f0 100%);
  border-color: #aebaa8;
  box-shadow: 0 5px 12px rgba(31, 47, 66, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: #1f2f42;
  outline: none;
  transform: translateY(-1px);
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn.active {
  background: linear-gradient(180deg, #2f343a 0%, #252a2f 100%);
  border-color: #2f343a;
  box-shadow: 0 4px 10px rgba(20, 26, 33, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: #ffffff;
  transform: none;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn.active:hover,
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn.active:focus {
  background: linear-gradient(180deg, #2f343a 0%, #252a2f 100%);
  border-color: #2f343a;
  color: #ffffff;
  transform: none;
}

/* Schedule event inline screen picker: keep bulk-action controls inside card under search */
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker .schedule-screen-bulk-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 8px;
  min-width: 0;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker .schedule-screen-bulk-actions label {
  align-items: center;
  display: inline-flex;
  flex: 1 1 auto;
  gap: 6px;
  min-width: 0;
  white-space: nowrap;
}

.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-event-screen-inline-picker .schedule-screen-bulk-actions .schedule-event-screen-show-selected-btn {
  flex: 0 0 auto;
  margin-left: auto;
  max-width: 100%;
  white-space: nowrap;
}

/* Fallback targeting for Add/Edit forms if callback class is delayed */
.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-half,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-half {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-row-1.schedule-form-half,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-row-1.schedule-form-half {
  box-sizing: border-box;
  float: left;
  width: 50% !important;
}

.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-row-2,
.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-row-3,
.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-display-order-group,
.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-repeat-type-group,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-row-2,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-row-3,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-display-order-group,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-repeat-type-group {
  clear: both;
}

.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-row-1 .schedule-modern-datetime-wrap,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-row-1 .schedule-modern-datetime-wrap,
.bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-row-1 .form-control.schedule-modern-datetime,
.bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-row-1 .form-control.schedule-modern-datetime {
  max-width: 100%;
  min-width: 0;
  width: calc(100% - 10px);
}

@media (max-width: 767px) {

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-half,
  .bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-half,
  .bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-half {
    width: 100%;
  }

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-form-row-1.schedule-form-half,
  .bootbox.schedule-event-drawer-modal #AddEventForm .form-group.schedule-form-row-1.schedule-form-half,
  .bootbox.schedule-event-drawer-modal #EditEventForm .form-group.schedule-form-row-1.schedule-form-half,
  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.repeat-control-group.schedule-form-half {
    float: left;
    width: 50% !important;
  }

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .form-group.schedule-priority-group .checkbox {
    margin-top: 0;
  }

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-inline-row {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-input-wrap {
    margin-left: 0;
    width: 100%;
  }

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-order-input-wrap .schedule-order-input {
    width: 100%;
  }

  .bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-screen-bulk-actions {
    align-items: flex-start;
    flex-direction: column;
  }

}

/* Schedule event dialog: legacy bootstrap-datetimepicker popup black-theme override */
body.page-schedule .datetimepicker,
body.schedule-event-drawer-open .datetimepicker,
.datetimepicker.schedule-legacy-datetimepicker-theme {
  border: 1px solid #d8dde4;
  border-radius: 10px;
  box-shadow: 0 12px 26px rgba(21, 28, 36, 0.18);
}

body.page-schedule .datetimepicker table tr td.active,
body.page-schedule .datetimepicker table tr td.active:hover,
body.page-schedule .datetimepicker table tr td.active.disabled,
body.page-schedule .datetimepicker table tr td.active.disabled:hover,
body.page-schedule .datetimepicker table tr td span.active,
body.page-schedule .datetimepicker table tr td span.active:hover,
body.page-schedule .datetimepicker table tr td span.active.disabled,
body.page-schedule .datetimepicker table tr td span.active.disabled:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.active,
body.schedule-event-drawer-open .datetimepicker table tr td.active:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.active.disabled,
body.schedule-event-drawer-open .datetimepicker table tr td.active.disabled:hover,
body.schedule-event-drawer-open .datetimepicker table tr td span.active,
body.schedule-event-drawer-open .datetimepicker table tr td span.active:hover,
body.schedule-event-drawer-open .datetimepicker table tr td span.active.disabled,
body.schedule-event-drawer-open .datetimepicker table tr td span.active.disabled:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.active,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.active:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.active.disabled,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.active.disabled:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td span.active,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td span.active:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td span.active.disabled,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td span.active.disabled:hover {
  background: #2f343a !important;
  background-color: #2f343a !important;
  background-image: none !important;
  border-color: #2f343a !important;
  color: #ffffff !important;
  filter: none !important;
  text-shadow: none !important;
}

body.page-schedule .datetimepicker table tr td.day:hover,
body.page-schedule .datetimepicker table tr td.hour:hover,
body.page-schedule .datetimepicker table tr td.minute:hover,
body.page-schedule .datetimepicker table tr td span:hover,
body.page-schedule .datetimepicker thead tr:first-child th:hover,
body.page-schedule .datetimepicker tfoot tr:first-child th:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.day:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.hour:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.minute:hover,
body.schedule-event-drawer-open .datetimepicker table tr td span:hover,
body.schedule-event-drawer-open .datetimepicker thead tr:first-child th:hover,
body.schedule-event-drawer-open .datetimepicker tfoot tr:first-child th:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.day:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.hour:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.minute:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td span:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme thead tr:first-child th:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme tfoot tr:first-child th:hover {
  background: #e8edf4;
}

body.page-schedule .datetimepicker table tr td.today,
body.page-schedule .datetimepicker table tr td.today:hover,
body.page-schedule .datetimepicker table tr td.today.disabled,
body.page-schedule .datetimepicker table tr td.today.disabled:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.today,
body.schedule-event-drawer-open .datetimepicker table tr td.today:hover,
body.schedule-event-drawer-open .datetimepicker table tr td.today.disabled,
body.schedule-event-drawer-open .datetimepicker table tr td.today.disabled:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.today,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.today:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.today.disabled,
.datetimepicker.schedule-legacy-datetimepicker-theme table tr td.today.disabled:hover {
  background: #dde3eb !important;
  background-image: none !important;
  border-color: #c9d1dc !important;
  color: #1e2933 !important;
  text-shadow: none !important;
}

body.page-schedule .datetimepicker tfoot tr:first-child th,
body.page-schedule .datetimepicker .datetimepicker-hours fieldset legend,
body.page-schedule .datetimepicker .datetimepicker-minutes fieldset legend,
body.schedule-event-drawer-open .datetimepicker tfoot tr:first-child th,
body.schedule-event-drawer-open .datetimepicker .datetimepicker-hours fieldset legend,
body.schedule-event-drawer-open .datetimepicker .datetimepicker-minutes fieldset legend,
.datetimepicker.schedule-legacy-datetimepicker-theme tfoot tr:first-child th,
.datetimepicker.schedule-legacy-datetimepicker-theme .datetimepicker-hours fieldset legend,
.datetimepicker.schedule-legacy-datetimepicker-theme .datetimepicker-minutes fieldset legend {
  color: #2f343a;
}

body.page-schedule .datetimepicker tfoot th,
body.page-schedule .datetimepicker tfoot th:hover,
body.page-schedule .datetimepicker tfoot th.today,
body.page-schedule .datetimepicker tfoot th.clear,
body.schedule-event-drawer-open .datetimepicker tfoot th,
body.schedule-event-drawer-open .datetimepicker tfoot th:hover,
body.schedule-event-drawer-open .datetimepicker tfoot th.today,
body.schedule-event-drawer-open .datetimepicker tfoot th.clear,
.datetimepicker.schedule-legacy-datetimepicker-theme tfoot th,
.datetimepicker.schedule-legacy-datetimepicker-theme tfoot th:hover,
.datetimepicker.schedule-legacy-datetimepicker-theme tfoot th.today,
.datetimepicker.schedule-legacy-datetimepicker-theme tfoot th.clear {
  color: #2f343a !important;
  background-image: none !important;
}

/* Match text-selection color inside legacy schedule datetime inputs */
.bootbox.schedule-event-drawer-modal #starttimeControl::selection,
.bootbox.schedule-event-drawer-modal #endtimeControl::selection,
.bootbox.schedule-event-drawer-modal #rec_rangeControl::selection {
  background: #2f343a;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal #starttimeControl::-moz-selection,
.bootbox.schedule-event-drawer-modal #endtimeControl::-moz-selection,
.bootbox.schedule-event-drawer-modal #rec_rangeControl::-moz-selection {
  background: #2f343a;
  color: #ffffff;
}

/* Global hard fallback: remove blue from bootstrap-datetimepicker active states */
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background: #2f343a !important;
  background-color: #2f343a !important;
  background-image: none !important;
  border-color: #2f343a !important;
  color: #ffffff !important;
  filter: none !important;
  text-shadow: none !important;
}

.datetimepicker tfoot th.today,
.datetimepicker tfoot th.clear {
  color: #2f343a !important;
}


/* Campaign page: table + button theme with strong text contrast */
body.design-menu-page .widget {
  background: #f8f8f3;
  border: 1px solid #dfe3d7;
  border-radius: 18px;
  box-shadow: 0 8px 18px rgba(35, 42, 50, 0.06);
}

body.design-menu-page .widget .widget-title {
  background: linear-gradient(180deg, #eef1e8 0%, #e7ebdf 100%);
  border-bottom: 1px solid #d6ddcf;
  color: #232a32;
  font-weight: 700;
}

body.design-menu-page .widget .widget-body {
  background: #f8f8f3;
  color: #1f252d;
}

body.design-menu-page .meemsign-table-responsive {
  background: #ffffff;
  border: 1px solid #d9dfd2;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.design-menu-page .table>thead>tr>th {
  background: #eceff3;
  border-bottom: 1px solid #d5dbe3;
  color: #1f252d;
  font-weight: 700;
}

body.design-menu-page .table>tbody>tr>td {
  border-top: 1px solid #e5e9ef;
  color: #25303a;
  font-weight: 600;
}

body.design-menu-page .table>tbody>tr>td a {
  color: #1f4f8b;
  font-weight: 700;
}

body.design-menu-page .table-hover>tbody>tr:hover>td {
  background: #f4f6fa;
  color: #1c2630;
}

/* Rounded column and table corners for themed submenu pages */
body.design-menu-page .widget,
body.design-menu-page .meemsign-table-responsive {
  overflow: hidden;
}

body.design-menu-page .widget .widget-title {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

body.design-menu-page .widget .widget-body {
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

body.design-menu-page .meemsign-table-responsive .table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}

body.design-menu-page .meemsign-table-responsive .table>thead>tr:first-child>th:first-child {
  border-top-left-radius: 12px;
}

body.design-menu-page .meemsign-table-responsive .table>thead>tr:first-child>th:last-child {
  border-top-right-radius: 12px;
}

body.design-menu-page .meemsign-table-responsive .table>tbody>tr:last-child>td:first-child {
  border-bottom-left-radius: 12px;
}

body.design-menu-page .meemsign-table-responsive .table>tbody>tr:last-child>td:last-child {
  border-bottom-right-radius: 12px;
}

body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li>a {
  align-items: center;
  background: linear-gradient(135deg, #2e333a 0%, #1f242a 100%) !important;
  border: 1px solid #171b20 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  min-height: 38px;
  padding: 7px 12px !important;
  text-shadow: none !important;
}

body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li>a::before {
  content: "\f067";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-right: 6px;
}

body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li>a.media-cleanup-button::before {
  content: "\f014";
}

body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li>a:hover,
body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li>a:focus,
body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li.active>a,
body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li.active>a:hover,
body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li.active>a:focus {
  background: linear-gradient(135deg, #24292f 0%, #171b20 100%) !important;
  border-color: #12161a !important;
  color: #ffffff !important;
}

body.design-menu-page .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle,
body.design-menu-page .MeemsignGrid>.btn-group>.btn.dropdown-toggle {
  background: linear-gradient(135deg, #2e333a 0%, #1f242a 100%) !important;
  border: 1px solid #171b20 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
}

body.design-menu-page .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle:hover,
body.design-menu-page .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle:focus,
body.design-menu-page .MeemsignGrid>.btn-group>.btn.dropdown-toggle:hover,
body.design-menu-page .MeemsignGrid>.btn-group>.btn.dropdown-toggle:focus {
  background: linear-gradient(135deg, #24292f 0%, #171b20 100%) !important;
  border-color: #12161a !important;
  color: #ffffff !important;
}

body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu {
  background: #ffffff;
  border: 1px solid #d3dae3;
  border-radius: 10px;
}

body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu>li>a {
  color: #1f252d;
  font-weight: 600;
}

body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu>li>a:hover,
body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu>li>a:focus,
body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu>li.active>a,
body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu>li.active>a:hover,
body.design-menu-page .MeemsignGrid .btn-group .dropdown-menu>li.active>a:focus {
  background: #2f343a !important;
  color: #ffffff !important;
}

/* Campaign page spacing fix: keep top action button row clear of table corner */
body.design-menu-page #content-wrapper .nav.nav-pills.pull-right {
  display: flex;
  float: none !important;
  justify-content: flex-end;
  margin: 0 0 12px 0;
}

body.design-menu-page #content-wrapper .nav.nav-pills.pull-right>li {
  float: none;
}

body.design-menu-page .widget {
  clear: both;
}

/* Global dropdown hover/active color: unified black theme across all pages */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li.active>a,
.dropdown-menu>li.active>a:hover,
.dropdown-menu>li.active>a:focus,
.dropdown-menu>li.selected>a,
.dropdown-menu>li.selected>a:hover,
.dropdown-menu>li.selected>a:focus,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a:hover,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a:focus,
.bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled)>a,
.bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled)>a:hover,
.bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled)>a:focus {
  background: #2f343a !important;
  color: #ffffff !important;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a:hover small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled)>a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled)>a small,
.bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled)>a:hover small,
.bootstrap-select.btn-group .dropdown-menu li.selected:not(.disabled)>a:focus small {
  color: #ffffff !important;
}

/* Bootstrap-theme active gradient kill switch for selectpicker/layout dropdowns */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.bootstrap-select.btn-group .dropdown-menu.inner>li.active>a,
.bootstrap-select.btn-group .dropdown-menu.inner>li.active>a:hover,
.bootstrap-select.btn-group .dropdown-menu.inner>li.active>a:focus,
.bootstrap-select.btn-group .dropdown-menu.inner>li.selected>a,
.bootstrap-select.btn-group .dropdown-menu.inner>li.selected>a:hover,
.bootstrap-select.btn-group .dropdown-menu.inner>li.selected>a:focus,
.bootstrap-select.btn-group .dropdown-menu.inner>li>a:hover,
.bootstrap-select.btn-group .dropdown-menu.inner>li>a:focus {
  background-color: #2f343a !important;
  background-image: none !important;
  color: #ffffff !important;
  filter: none !important;
}

/* Safety: active class on anchor element itself */
.dropdown-menu>li>a.active,
.dropdown-menu>li>a.active:hover,
.dropdown-menu>li>a.active:focus,
.bootstrap-select.btn-group .dropdown-menu.inner>li>a.active,
.bootstrap-select.btn-group .dropdown-menu.inner>li>a.active:hover,
.bootstrap-select.btn-group .dropdown-menu.inner>li>a.active:focus {
  background-color: #2f343a !important;
  background-image: none !important;
  color: #ffffff !important;
  filter: none !important;
}

/* Display Profile client type select: platform icon spacing/color */
.bootstrap-select .display-profile-type-option .fa {
  color: #1f2f42;
  margin-right: 6px;
}

.bootstrap-select.btn-group .dropdown-menu li.active .display-profile-type-option .fa,
.bootstrap-select.btn-group .dropdown-menu li.selected .display-profile-type-option .fa,
.bootstrap-select.btn-group .dropdown-menu li>a:hover .display-profile-type-option .fa,
.bootstrap-select.btn-group .dropdown-menu li>a:focus .display-profile-type-option .fa {
  color: #ffffff;
}

/* Native select dropdown option highlight override (Layout/grid filters and similar pages) */
select.form-control option:hover,
select.form-control option:focus,
select.form-control option:checked,
select.form-control option:active,
.MeemsignGrid .MeemsignFilter select option:hover,
.MeemsignGrid .MeemsignFilter select option:focus,
.MeemsignGrid .MeemsignFilter select option:checked,
.MeemsignGrid .MeemsignFilter select option:active,
.schedule-planner select option:hover,
.schedule-planner select option:focus,
.schedule-planner select option:checked,
.schedule-planner select option:active {
  background: linear-gradient(0deg, #2f343a, #2f343a) !important;
  background-color: #2f343a !important;
  color: #ffffff !important;
}

/* Global table corner cleanup: keep only one outer curved corner */
.table>thead>tr:first-child>th:first-child,
.table>thead>tr:first-child>td:first-child,
.table>tbody>tr:first-child>th:first-child,
.table>tbody>tr:first-child>td:first-child,
.table>thead>tr:first-child>th:last-child,
.table>thead>tr:first-child>td:last-child,
.table>tbody>tr:first-child>th:last-child,
.table>tbody>tr:first-child>td:last-child,
.table>tbody>tr:last-child>th:first-child,
.table>tbody>tr:last-child>td:first-child,
.table>tfoot>tr:last-child>th:first-child,
.table>tfoot>tr:last-child>td:first-child,
.table>tbody>tr:last-child>th:last-child,
.table>tbody>tr:last-child>td:last-child,
.table>tfoot>tr:last-child>th:last-child,
.table>tfoot>tr:last-child>td:last-child {
  border-radius: 0 !important;
}

/* Global pagination hover/focus cleanup: remove blue states */
.pagination.form-inline .btn,
.tablesorter-bootstrap .tablesorter-pager .btn {
  background: linear-gradient(135deg, #2e333a 0%, #1f242a 100%) !important;
  border: 1px solid #171b20 !important;
  color: #ffffff !important;
}

.pagination.form-inline .btn:hover,
.pagination.form-inline .btn:focus,
.pagination.form-inline .btn:active,
.pagination.form-inline .btn.active,
.tablesorter-bootstrap .tablesorter-pager .btn:hover,
.tablesorter-bootstrap .tablesorter-pager .btn:focus,
.tablesorter-bootstrap .tablesorter-pager .btn:active,
.tablesorter-bootstrap .tablesorter-pager .btn.active {
  background: linear-gradient(135deg, #24292f 0%, #171b20 100%) !important;
  border-color: #12161a !important;
  box-shadow: none !important;
  color: #ffffff !important;
  outline: none !important;
}

.pagination.form-inline .form-control:hover,
.pagination.form-inline .form-control:focus,
.tablesorter-bootstrap .tablesorter-pager .form-control:hover,
.tablesorter-bootstrap .tablesorter-pager .form-control:focus {
  border-color: #171b20 !important;
  box-shadow: 0 0 0 2px rgba(23, 27, 32, 0.2) !important;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  background: #2f343a !important;
  border-color: #171b20 !important;
  color: #ffffff !important;
}

/* Topbar capsule menu: tighten icon-to-label spacing */
.modern-main-menu>li>a {
  gap: 5px;
}

.statusdash-menubar .modern-main-menu>li>a {
  gap: 4px;
}

.statusdash-menubar .modern-main-menu .modern-menu-icon {
  margin-right: 0 !important;
}

/* Topbar capsule: align icon and label baselines */
.modern-main-menu>li>a {
  align-items: center;
}

.modern-main-menu>li>a .modern-menu-icon,
.statusdash-menubar .modern-main-menu .modern-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-right: 0 !important;
  vertical-align: middle;
}

.modern-main-menu>li>a .modern-menu-label {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

/* Pagination: right aligned + refreshed design */
.pagination.form-inline,
.tablesorter-bootstrap .tablesorter-pager {
  align-items: center;
  background: #f4f6f9;
  border: 1px solid #d7dde5;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  display: flex;
  float: none !important;
  gap: 8px;
  justify-content: flex-end;
  margin: 12px 0 0 auto !important;
  padding: 7px 10px;
  text-align: right;
  width: fit-content;
  max-width: 100%;
}

.pagination.form-inline .pagedisplay,
.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
  color: #2f343a;
  font-weight: 700;
  margin: 0 2px;
  min-width: 96px;
  text-align: center;
}

.pagination.form-inline .btn,
.tablesorter-bootstrap .tablesorter-pager .btn {
  border-radius: 10px;
  height: 34px;
  min-width: 34px;
  padding: 6px 10px;
}

.pagination.form-inline .pagesize,
.pagination.form-inline .pagenum,
.tablesorter-bootstrap .tablesorter-pager .pagesize,
.tablesorter-bootstrap .tablesorter-pager .pagenum {
  border-radius: 10px !important;
  height: 34px;
  min-height: 34px;
  min-width: 72px;
  padding: 4px 8px;
}

.pagination.form-inline .btn.disabled,
.pagination.form-inline .btn[disabled],
.tablesorter-bootstrap .tablesorter-pager .btn.disabled,
.tablesorter-bootstrap .tablesorter-pager .btn[disabled] {
  opacity: 0.55;
}

@media (max-width: 767px) {

  .pagination.form-inline,
  .tablesorter-bootstrap .tablesorter-pager {
    gap: 6px;
    padding: 6px 8px;
  }

  .pagination.form-inline .pagedisplay,
  .tablesorter-bootstrap .tablesorter-pager .pagedisplay {
    min-width: 82px;
  }
}

/* Final topbar icon baseline fix: bring icons exactly onto label line */
.modern-main-menu>li>a .modern-menu-icon,
.statusdash-menubar .modern-main-menu .modern-menu-icon {
  position: relative;
  top: 1px;
  transform: none;
}

/* Final topbar icon baseline fix v2: enforce optical icon/text alignment */
.modern-main-menu>li>a .modern-menu-icon,
.statusdash-menubar .modern-main-menu .modern-menu-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  position: relative !important;
  top: 2px !important;
  transform: none !important;
}

/* Numbered pagination model: Prev 1 2 3 ... Next */
.pagination.form-inline.meemsign-pagination,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: flex;
  float: none !important;
  gap: 14px;
  justify-content: flex-end;
  margin: 14px 0 0 auto !important;
  max-width: 100%;
  padding: 0 !important;
  text-align: right;
  width: fit-content;
}

.pagination.form-inline.meemsign-pagination .meemsign-pagination-hidden,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pagination-hidden {
  display: none !important;
}

.pagination.form-inline.meemsign-pagination .meemsign-pager-nav-btn,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pager-nav-btn {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2f343a !important;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  gap: 10px;
  height: auto;
  letter-spacing: 0.5px;
  min-width: 0;
  padding: 0 !important;
  text-transform: uppercase;
}

.pagination.form-inline.meemsign-pagination .meemsign-pager-nav-btn:hover,
.pagination.form-inline.meemsign-pagination .meemsign-pager-nav-btn:focus,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pager-nav-btn:hover,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pager-nav-btn:focus {
  background: transparent !important;
  color: #101317 !important;
}

.pagination.form-inline.meemsign-pagination .meemsign-pager-nav-btn.disabled,
.pagination.form-inline.meemsign-pagination .meemsign-pager-nav-btn[disabled],
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pager-nav-btn.disabled,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pager-nav-btn[disabled] {
  color: #9aa3ad !important;
  opacity: 0.55;
}

.pagination.form-inline.meemsign-pagination .meemsign-pager-arrow,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-pager-arrow {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-numbers,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-numbers {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-btn,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-btn {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #2f343a !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  line-height: 1;
  min-width: 30px;
  padding: 0 !important;
  width: 30px;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-btn:hover,
.pagination.form-inline.meemsign-pagination .meemsign-page-btn:focus,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-btn:hover,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-btn:focus {
  background: rgba(16, 19, 23, 0.08) !important;
  color: #101317 !important;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-btn.active,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-btn.active {
  background: #0f1216 !important;
  color: #ffffff !important;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-ellipsis,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-ellipsis {
  color: #5d6772;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  min-width: 16px;
  text-align: center;
}

@media (max-width: 767px) {

  .pagination.form-inline.meemsign-pagination,
  .tablesorter-bootstrap .tablesorter-pager.meemsign-pagination {
    gap: 10px;
  }

  .pagination.form-inline.meemsign-pagination .meemsign-page-numbers,
  .tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-numbers {
    gap: 6px;
  }
}

/* Numbered pagination model: visible No. of Rows control */
.pagination.form-inline.meemsign-pagination .meemsign-page-size-wrap,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-wrap {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  margin-left: 4px;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-size-label,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-label {
  color: #5d6772;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.4px;
  margin: 0;
  text-transform: uppercase;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-size-select,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-select {
  background: #ffffff !important;
  border: 1px solid #d1d8e0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #2f343a !important;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  min-width: 68px;
  padding: 4px 28px 4px 12px;
}

.pagination.form-inline.meemsign-pagination .meemsign-page-size-select:hover,
.pagination.form-inline.meemsign-pagination .meemsign-page-size-select:focus,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-select:hover,
.tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-select:focus {
  border-color: #171b20 !important;
  box-shadow: 0 0 0 2px rgba(23, 27, 32, 0.18) !important;
  color: #101317 !important;
}

@media (max-width: 767px) {

  .pagination.form-inline.meemsign-pagination .meemsign-page-size-label,
  .tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-label {
    display: none;
  }

  .pagination.form-inline.meemsign-pagination .meemsign-page-size-wrap,
  .tablesorter-bootstrap .tablesorter-pager.meemsign-pagination .meemsign-page-size-wrap {
    margin-left: 0;
  }
}

/* Add Media dialog: modern icons for Image and Video */
.library-add-media-grid {
  text-align: center;
}

.library-add-media-grid-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.library-add-media-option {
  display: inline-block;
  float: none;
  padding: 8px;
}

.library-add-media-option-link {
  align-items: center;
  background: linear-gradient(145deg, #ffffff 0%, #f2f5f8 100%) !important;
  border: 1px solid #d6dde5 !important;
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(24, 33, 43, 0.12);
  color: #1e262f !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-height: 150px;
  min-width: 220px;
  padding: 18px 20px !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.library-add-media-option-link:hover,
.library-add-media-option-link:focus {
  border-color: #1e262f !important;
  box-shadow: 0 12px 24px rgba(24, 33, 43, 0.18);
  color: #11171d !important;
  text-decoration: none !important;
  transform: translateY(-2px);
}

.library-add-media-modern-icon {
  align-items: center;
  background: linear-gradient(145deg, #20252b 0%, #2f353d 100%);
  border-radius: 16px;
  color: #ffffff;
  display: inline-flex;
  font-size: 34px;
  height: 74px;
  justify-content: center;
  margin-bottom: 12px;
  width: 74px;
}

.library-add-media-modern-icon-image {
  background: linear-gradient(145deg, #245a3b 0%, #1f7f4b 100%);
}

.library-add-media-modern-icon-video {
  background: linear-gradient(145deg, #0f5b76 0%, #0a7da2 100%);
}

.library-add-media-option-text {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

@media (max-width: 767px) {
  .library-add-media-option-link {
    min-height: 132px;
    min-width: 180px;
  }

  .library-add-media-modern-icon {
    font-size: 28px;
    height: 64px;
    width: 64px;
  }
}

/* License page redesign */
.page-license .ms-license-row {
  margin-top: 6px;
}

.page-license .ms-license-page {
  background: linear-gradient(145deg, #fdfefb 0%, #f2f6fa 100%);
  border: 1px solid #d8e0e8;
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(22, 30, 40, 0.1);
  padding: 22px;
}

.page-license .ms-license-hero {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.page-license .ms-license-hero-brand {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.page-license .ms-license-hero-icon {
  align-items: center;
  background: linear-gradient(145deg, #2f343a 0%, #434b54 100%);
  border-radius: 14px;
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 46px;
  font-size: 21px;
  height: 46px;
  justify-content: center;
  margin-top: 2px;
  width: 46px;
}

.page-license .ms-license-hero-copy h2 {
  color: #161f29;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.05;
  margin: 0;
}

.page-license .ms-license-hero-copy p {
  color: #4c5b6a;
  font-size: 14px;
  line-height: 1.4;
  margin: 7px 0 0;
  max-width: 650px;
}

.page-license .ms-license-doc-btn {
  align-items: center;
  background: #2f343a;
  border: 1px solid #2f343a;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  letter-spacing: 0.2px;
  line-height: 1;
  padding: 10px 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.page-license .ms-license-doc-btn:hover,
.page-license .ms-license-doc-btn:focus {
  background: #ffffff;
  color: #1b232d;
  text-decoration: none;
}

.page-license .ms-license-meta-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}

.page-license .ms-license-meta-card {
  background: #ffffff;
  border: 1px solid #dce3ea;
  border-radius: 14px;
  min-height: 86px;
  padding: 12px;
}

.page-license .ms-license-meta-label {
  color: #5b6674;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.page-license .ms-license-meta-value {
  color: #17212b;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.page-license .ms-license-content {
  background: #ffffff;
  border: 1px solid #dce3ea;
  border-radius: 14px;
  padding: 14px;
}

.page-license .ms-license-content p {
  color: #2f3b47;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 10px;
}

.page-license .ms-license-content p:last-child {
  margin-bottom: 0;
}

.page-license .ms-license-legal-link {
  align-items: center;
  background: rgba(224, 189, 50, 0.16);
  border: 1px solid rgba(224, 189, 50, 0.44);
  border-radius: 999px;
  color: #1f2630;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 8px 12px;
  text-decoration: none;
}

.page-license .ms-license-legal-link:hover,
.page-license .ms-license-legal-link:focus {
  background: rgba(224, 189, 50, 0.3);
  color: #161d25;
  text-decoration: none;
}

@media (max-width: 991px) {
  .page-license .ms-license-page {
    border-radius: 16px;
    padding: 16px;
  }

  .page-license .ms-license-hero {
    flex-direction: column;
  }

  .page-license .ms-license-meta-grid {
    grid-template-columns: 1fr;
  }

  .page-license .ms-license-hero-copy h2 {
    font-size: 24px;
  }
}

/* Resolution page: modern data-table model */
body.page-resolution .widget {
  background: linear-gradient(180deg, #f5f8fc 0%, #eef3f9 100%);
  border: 1px solid #d9e2ee;
  border-radius: 22px;
  box-shadow: 0 14px 28px rgba(34, 46, 62, 0.08);
  overflow: hidden;
}

body.page-resolution .widget .widget-title {
  background: linear-gradient(180deg, #ffffff 0%, #f2f6fb 100%);
  border-bottom: 1px solid #dce5f0;
  color: #1f2d3e;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.3px;
  padding: 16px 20px;
}

body.page-resolution .widget .widget-body {
  background: transparent;
  padding: 16px 20px 20px;
}

body.page-resolution .MeemsignGrid .MeemsignFilter .form-inline {
  align-items: flex-end;
  column-gap: 12px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
  row-gap: 10px;
}

body.page-resolution .MeemsignGrid .MeemsignFilter .form-group {
  margin-bottom: 0;
}

body.page-resolution .MeemsignGrid .MeemsignFilter .form-control {
  background: #ffffff;
  border: 1px solid #ccd7e4;
  border-radius: 12px;
  box-shadow: none;
  color: #223246;
  font-weight: 600;
  height: 38px;
  padding: 8px 12px;
}

body.page-resolution .MeemsignGrid .MeemsignFilter .form-control:focus {
  border-color: #5d7fa3;
  box-shadow: 0 0 0 3px rgba(93, 127, 163, 0.16);
}

body.page-resolution .meemsign-table-responsive {
  background: #ffffff;
  border: 1px solid #d9e3ef;
  border-radius: 22px;
  box-shadow: 0 14px 26px rgba(28, 39, 53, 0.07);
  overflow: hidden;
}

body.page-resolution .meemsign-table-responsive .table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
}

body.page-resolution .table>thead>tr>th {
  background: linear-gradient(180deg, #f4f7fb 0%, #eaf0f8 100%);
  border-bottom: 1px solid #d7e0ec;
  border-top: 0;
  color: #354558;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 10px 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

body.page-resolution .table>tbody>tr>td {
  border-top: 1px solid #e9eff6;
  color: #1f2c3d;
  font-weight: 600;
  padding: 11px 14px;
  vertical-align: middle;
}

body.page-resolution .table>tbody>tr:nth-child(odd)>td {
  background: #fcfdff;
}

body.page-resolution .table>tbody>tr>td:first-child {
  color: #607086;
  font-weight: 700;
}

body.page-resolution .table>tbody>tr>td:nth-child(2) {
  color: #162638;
  font-weight: 600;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr:first-child>th:first-child {
  border-top-left-radius: 22px !important;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr:first-child>th:last-child {
  border-top-right-radius: 22px !important;
}

body.page-resolution .meemsign-table-responsive .table>tbody>tr:last-child>td:first-child {
  border-bottom-left-radius: 22px !important;
}

body.page-resolution .meemsign-table-responsive .table>tbody>tr:last-child>td:last-child {
  border-bottom-right-radius: 22px !important;
}

body.page-resolution .table-hover>tbody>tr:hover>td {
  background: #eef4ff;
  color: #172536;
}

body.page-resolution .table>tbody>tr>td .glyphicon {
  background: transparent !important;
  border-radius: 0 !important;
  display: inline-block;
  font-size: 16px;
  height: auto;
  line-height: 1;
  width: auto;
}

body.page-resolution .table>tbody>tr>td .glyphicon.glyphicon-ok {
  background: transparent !important;
  color: #1a7b48;
}

body.page-resolution .table>tbody>tr>td .glyphicon.glyphicon-remove {
  background: transparent !important;
  color: #a33832;
}

body.page-resolution .table>tbody>tr>td .glyphicon.glyphicon-exclamation-sign {
  background: transparent !important;
  color: #9b6a00;
}

body.page-resolution .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle,
body.page-resolution .MeemsignGrid>.btn-group>.btn.dropdown-toggle {
  background: linear-gradient(135deg, #2f3f53 0%, #1f2c3d 100%) !important;
  border: 1px solid #172333 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  min-width: 36px;
}

body.page-resolution .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle:hover,
body.page-resolution .MeemsignGrid .MeemsignData .btn-group>.btn.dropdown-toggle:focus,
body.page-resolution .MeemsignGrid>.btn-group>.btn.dropdown-toggle:hover,
body.page-resolution .MeemsignGrid>.btn-group>.btn.dropdown-toggle:focus {
  background: linear-gradient(135deg, #253346 0%, #172333 100%) !important;
  border-color: #111b29 !important;
}

body.page-resolution .MeemsignGrid .btn-group .dropdown-menu {
  border: 1px solid #d7e1ec;
  border-radius: 10px;
  box-shadow: 0 14px 24px rgba(29, 39, 52, 0.16);
  margin-top: 6px;
  min-width: 140px;
}

body.page-resolution .MeemsignGrid .btn-group .dropdown-menu>li>a {
  color: #223244;
  font-weight: 600;
  padding: 8px 12px;
}

body.page-resolution .MeemsignGrid .btn-group .dropdown-menu>li>a:hover,
body.page-resolution .MeemsignGrid .btn-group .dropdown-menu>li>a:focus {
  background: #2f343a;
  color: #ffffff;
}

body.page-resolution .MeemsignGrid .pagesize {
  border-radius: 10px;
}

@media (max-width: 991px) {
  body.page-resolution .widget .widget-title {
    font-size: 18px;
    padding: 14px 16px;
  }

  body.page-resolution .widget .widget-body {
    padding: 14px 14px 16px;
  }

  body.page-resolution .table>thead>tr>th,
  body.page-resolution .table>tbody>tr>td {
    padding: 10px 11px;
  }
}

/* Resolution table border cleanup: keep one clean outer border and compact headers */
body.page-resolution .meemsign-table-responsive {
  border-radius: 22px;
  overflow: hidden;
}

body.page-resolution .meemsign-table-responsive .table {
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr>th,
body.page-resolution .meemsign-table-responsive .table>tbody>tr>td {
  border: 0 !important;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr>th+th,
body.page-resolution .meemsign-table-responsive .table>tbody>tr>td+td {
  border-left: 1px solid #dfe6ef !important;
}

body.page-resolution .meemsign-table-responsive .table>tbody>tr+tr>td {
  border-top: 1px solid #e9eff6 !important;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr>th {
  border-bottom: 1px solid #d7e0ec !important;
  font-size: 8px;
  letter-spacing: 0.05em;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr:first-child>th:first-child {
  border-top-left-radius: 22px !important;
  background-clip: padding-box;
}

body.page-resolution .meemsign-table-responsive .table>thead>tr:first-child>th:last-child {
  border-top-right-radius: 22px !important;
  background-clip: padding-box;
}

body.page-resolution .meemsign-table-responsive .table>tbody>tr:last-child>td:first-child {
  border-bottom-left-radius: 22px !important;
  background-clip: padding-box;
}

body.page-resolution .meemsign-table-responsive .table>tbody>tr:last-child>td:last-child {
  border-bottom-right-radius: 22px !important;
  background-clip: padding-box;
}

/* Resolution table final corner fix: enforce curved bottom corners across tbody/tfoot */
body.page-resolution .meemsign-table-responsive {
  border-radius: 22px !important;
  overflow: hidden !important;
  position: relative;
}

body.page-resolution .meemsign-table-responsive .table,
body.page-resolution .meemsign-table-responsive .table.tablesorter,
body.page-resolution .meemsign-table-responsive .table.tablesorter-bootstrap {
  border: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

body.page-resolution .meemsign-table-responsive .table>tbody:last-child>tr:last-child>th:first-child,
body.page-resolution .meemsign-table-responsive .table>tbody:last-child>tr:last-child>td:first-child,
body.page-resolution .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th:first-child,
body.page-resolution .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td:first-child {
  border-bottom-left-radius: 22px !important;
  background-clip: padding-box;
}

body.page-resolution .meemsign-table-responsive .table>tbody:last-child>tr:last-child>th:last-child,
body.page-resolution .meemsign-table-responsive .table>tbody:last-child>tr:last-child>td:last-child,
body.page-resolution .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th:last-child,
body.page-resolution .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td:last-child {
  border-bottom-right-radius: 22px !important;
  background-clip: padding-box;
}

body.page-resolution .meemsign-table-responsive .table>tbody:last-child>tr:last-child>th,
body.page-resolution .meemsign-table-responsive .table>tbody:last-child>tr:last-child>td,
body.page-resolution .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th,
body.page-resolution .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td {
  border-bottom: 0 !important;
}

/* Resolution table action button refresh: compact modern model */
body.page-resolution .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle {
  align-items: center;
  background: linear-gradient(180deg, #f8fbff 0%, #e8eef6 100%) !important;
  border: 1px solid #c7d3e2 !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 2px 6px rgba(32, 46, 66, 0.1);
  color: #2d4158 !important;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  line-height: 1;
  min-width: 30px;
  padding: 0 !important;
  width: 30px;
}

body.page-resolution .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle:hover,
body.page-resolution .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle:focus {
  background: linear-gradient(135deg, #2f3f53 0%, #1f2c3d 100%) !important;
  border-color: #172333 !important;
  color: #ffffff !important;
  outline: none;
}

body.page-resolution .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle .fa {
  font-size: 10px;
  margin: 0;
  transform: translateY(1px);
}

/* Global table model refresh (all CMS pages): curved corners, compact headers, compact action menu button */
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive {
  background: #ffffff;
  border: 1px solid #d9e3ef;
  border-radius: 22px !important;
  box-shadow: 0 10px 22px rgba(28, 39, 53, 0.06);
  overflow: hidden !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table.tablesorter,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table.tablesorter-bootstrap {
  border: 0 !important;
  border-collapse: separate;
  border-radius: 0 !important;
  border-spacing: 0;
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr>th,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody>tr>td,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot>tr>th,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot>tr>td {
  border: 0 !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr>th+th,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody>tr>td+td,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot>tr>th+th,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot>tr>td+td {
  border-left: 1px solid #dfe6ef !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody>tr+tr>td,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot>tr+tr>td,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot>tr+tr>th {
  border-top: 1px solid #e9eff6 !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr>th {
  background: linear-gradient(180deg, #f4f7fb 0%, #eaf0f8 100%);
  border-bottom: 1px solid #d7e0ec !important;
  color: #34465a;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 10px 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody>tr:last-child>th,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody>tr:last-child>td,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td {
  border-bottom: 0 !important;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr:first-child>th:first-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr:first-child>td:first-child {
  border-top-left-radius: 22px !important;
  background-clip: padding-box;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr:first-child>th:last-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>thead>tr:first-child>td:last-child {
  border-top-right-radius: 22px !important;
  background-clip: padding-box;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody:last-child>tr:last-child>th:first-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody:last-child>tr:last-child>td:first-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th:first-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td:first-child {
  border-bottom-left-radius: 22px !important;
  background-clip: padding-box;
}

body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody:last-child>tr:last-child>th:last-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tbody:last-child>tr:last-child>td:last-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th:last-child,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td:last-child {
  border-bottom-right-radius: 22px !important;
  background-clip: padding-box;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle {
  align-items: center;
  background: linear-gradient(180deg, #f8fbff 0%, #e8eef6 100%) !important;
  border: 1px solid #c7d3e2 !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 2px 6px rgba(32, 46, 66, 0.1);
  color: #2d4158 !important;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  line-height: 1;
  min-width: 30px;
  padding: 0 !important;
  width: 30px;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle:hover,
body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle:focus {
  background: linear-gradient(135deg, #2f3f53 0%, #1f2c3d 100%) !important;
  border-color: #172333 !important;
  color: #ffffff !important;
  outline: none;
}

body:not(.statusdash-page):not(.softqa-login-page) .MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle .fa {
  font-size: 10px;
  margin: 0;
  transform: translateY(1px);
}

/* Global final rollout: apply table model on all grid/table pages */
.meemsign-table-responsive {
  border-radius: 22px !important;
  overflow: hidden !important;
}

.meemsign-table-responsive .table,
.meemsign-table-responsive .table.tablesorter,
.meemsign-table-responsive .table.tablesorter-bootstrap {
  border: 0 !important;
  border-collapse: separate;
  border-radius: 0 !important;
  border-spacing: 0;
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.meemsign-table-responsive .table>thead>tr>th,
.meemsign-table-responsive .table>tbody>tr>td,
.meemsign-table-responsive .table>tfoot>tr>th,
.meemsign-table-responsive .table>tfoot>tr>td {
  border: 0 !important;
}

.meemsign-table-responsive .table>thead>tr>th+th,
.meemsign-table-responsive .table>tbody>tr>td+td,
.meemsign-table-responsive .table>tfoot>tr>th+th,
.meemsign-table-responsive .table>tfoot>tr>td+td {
  border-left: 1px solid #dfe6ef !important;
}

.meemsign-table-responsive .table>tbody>tr+tr>td,
.meemsign-table-responsive .table>tfoot>tr+tr>td,
.meemsign-table-responsive .table>tfoot>tr+tr>th {
  border-top: 1px solid #e9eff6 !important;
}

.meemsign-table-responsive .table>thead>tr>th {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.meemsign-table-responsive .table>thead>tr:first-child>th:first-child,
.meemsign-table-responsive .table>thead>tr:first-child>td:first-child {
  border-top-left-radius: 22px !important;
  background-clip: padding-box;
}

.meemsign-table-responsive .table>thead>tr:first-child>th:last-child,
.meemsign-table-responsive .table>thead>tr:first-child>td:last-child {
  border-top-right-radius: 22px !important;
  background-clip: padding-box;
}

.meemsign-table-responsive .table>tbody:last-child>tr:last-child>th:first-child,
.meemsign-table-responsive .table>tbody:last-child>tr:last-child>td:first-child,
.meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th:first-child,
.meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td:first-child {
  border-bottom-left-radius: 22px !important;
  background-clip: padding-box;
}

.meemsign-table-responsive .table>tbody:last-child>tr:last-child>th:last-child,
.meemsign-table-responsive .table>tbody:last-child>tr:last-child>td:last-child,
.meemsign-table-responsive .table>tfoot:last-child>tr:last-child>th:last-child,
.meemsign-table-responsive .table>tfoot:last-child>tr:last-child>td:last-child {
  border-bottom-right-radius: 22px !important;
  background-clip: padding-box;
}

.MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle {
  align-items: center;
  background: linear-gradient(180deg, #f8fbff 0%, #e8eef6 100%) !important;
  border: 1px solid #c7d3e2 !important;
  border-radius: 9px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 2px 6px rgba(32, 46, 66, 0.1);
  color: #2d4158 !important;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  line-height: 1;
  min-width: 30px;
  padding: 0 !important;
  width: 30px;
}

.MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle:hover,
.MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle:focus {
  background: linear-gradient(135deg, #2f3f53 0%, #1f2c3d 100%) !important;
  border-color: #172333 !important;
  color: #ffffff !important;
}

.MeemsignGrid .MeemsignData td .btn-group>.btn.dropdown-toggle .fa {
  font-size: 10px;
  margin: 0;
  transform: translateY(1px);
}

/* Global wide-table overflow fix: keep rounded container but allow horizontal scroll */
.meemsign-table-responsive,
body:not(.statusdash-page):not(.softqa-login-page) .meemsign-table-responsive {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}

/* Global table header compact pass */
.meemsign-table-responsive .table>thead>tr>th {
  font-size: 7px !important;
  letter-spacing: 0.04em;
}

/* Global table header hard override (including tablesorter inner wrappers) */
.tablesorter-bootstrap thead th,
.tablesorter-bootstrap thead td,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td,
.meemsign-table-responsive .table>thead>tr>th {
  font-size: 6px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.tablesorter-bootstrap .tablesorter-header-inner,
.meemsign-table-responsive .table>thead>tr>th .tablesorter-header-inner {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  padding-bottom: 3px;
  padding-top: 3px;
}

.tablesorter-bootstrap .tablesorter-header i,
.meemsign-table-responsive .table>thead>tr>th i {
  font-size: 9px !important;
}

/* Global table header typography final lock: compact headers including nested sorter wrappers */
body .meemsign-table-responsive table>thead>tr>th,
body .meemsign-table-responsive table>thead>tr>td,
body .tablesorter-bootstrap>thead>tr>th,
body .tablesorter-bootstrap>thead>tr>td {
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.1 !important;
}

body .meemsign-table-responsive table>thead>tr>th *,
body .meemsign-table-responsive table>thead>tr>td *,
body .tablesorter-bootstrap>thead>tr>th *,
body .tablesorter-bootstrap>thead>tr>td * {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body .meemsign-table-responsive table>thead>tr>th i,
body .meemsign-table-responsive table>thead>tr>td i,
body .tablesorter-bootstrap>thead>tr>th i,
body .tablesorter-bootstrap>thead>tr>td i {
  font-size: 9px !important;
}

/* Admin page: full visual model replacement */
body.page-admin:not(.statusdash-page):not(.softqa-login-page) {
  --admin-bg-1: #0d1b2a;
  --admin-bg-2: #142942;
  --admin-bg-3: #1b3553;
  --admin-surface: #f5f8ff;
  --admin-card: #ffffff;
  --admin-ink: #12253a;
  --admin-muted: #5f7390;
  --admin-line: #d6e0ed;
  --admin-accent: #2f9ef5;
  --admin-accent-2: #2ee5b8;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper {
  background:
    radial-gradient(1100px 600px at 0% 0%, rgba(47, 158, 245, 0.2), rgba(47, 158, 245, 0) 60%),
    radial-gradient(900px 500px at 100% 0%, rgba(46, 229, 184, 0.18), rgba(46, 229, 184, 0) 62%),
    linear-gradient(160deg, var(--admin-bg-1) 0%, var(--admin-bg-2) 40%, var(--admin-bg-3) 100%);
  min-height: 100vh;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .page-content {
  background: transparent;
  padding: 22px 26px 34px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-shell {
  color: var(--admin-ink);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-topbar {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;
  box-shadow: 0 26px 44px rgba(5, 16, 28, 0.35);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  overflow: hidden;
  padding: 22px 24px;
  position: relative;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-topbar::after {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0));
  border-radius: 999px;
  content: "";
  height: 260px;
  pointer-events: none;
  position: absolute;
  right: -70px;
  top: -135px;
  width: 260px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-title-group {
  max-width: 760px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-kicker {
  color: rgba(235, 246, 255, 0.78);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-title {
  color: #f6fbff;
  font-size: 34px;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.06;
  margin: 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-subtitle {
  color: rgba(225, 240, 255, 0.85);
  font-size: 14px;
  line-height: 1.55;
  margin: 12px 0 0;
  max-width: 620px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
  min-width: 290px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(10, 24, 39, 0.14);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-card.is-library {
  border-left: 4px solid #2f9ef5;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-card.is-bandwidth {
  border-left: 4px solid #2ee5b8;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-label {
  color: #4d627e;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-value {
  color: #182d45;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-layout {
  display: grid;
  gap: 18px;
  grid-template-columns: 260px 1fr;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-sidebar {
  background: linear-gradient(165deg, rgba(6, 20, 35, 0.94), rgba(12, 30, 50, 0.9));
  border: 1px solid rgba(137, 181, 221, 0.3);
  border-radius: 20px;
  box-shadow: 0 18px 32px rgba(2, 12, 22, 0.36);
  min-height: 620px;
  padding: 18px 14px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-sidebar-title {
  color: rgba(195, 223, 249, 0.76);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 12px;
  padding: 0 8px;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs {
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li {
  float: none;
  margin: 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a {
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid transparent;
  border-radius: 12px;
  color: rgba(221, 238, 255, 0.88);
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 10px;
  letter-spacing: 0.02em;
  margin: 0;
  padding: 11px 12px;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tab-dot {
  background: rgba(255, 255, 255, 0.33);
  border-radius: 999px;
  display: block;
  height: 8px;
  width: 8px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a:focus {
  background: linear-gradient(135deg, rgba(47, 158, 245, 0.28), rgba(46, 229, 184, 0.24));
  border-color: rgba(136, 214, 255, 0.52);
  color: #ffffff;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a .admin-modern-tab-dot,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:hover .admin-modern-tab-dot,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:focus .admin-modern-tab-dot {
  background: #9efee7;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-content {
  background: linear-gradient(180deg, #f9fbff 0%, #f4f8ff 100%);
  border: 1px solid #cfdaea;
  border-radius: 22px;
  box-shadow: 0 22px 38px rgba(9, 20, 35, 0.2);
  padding: 16px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-form {
  margin: 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tab-content {
  border: 0;
  margin-bottom: 14px;
  padding: 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane {
  background: #ffffff;
  border: 1px solid #d9e3ef;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 16px rgba(25, 43, 66, 0.05);
  padding: 16px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane-head {
  border-bottom: 1px solid #e2eaf4;
  margin: -2px 0 14px;
  padding-bottom: 12px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane .section-heading {
  color: #12263d;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 0.01em;
  margin: 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane-copy {
  color: #617591;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 6px 0 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-card {
  background: linear-gradient(145deg, #0f2136, #1b3554);
  border: 1px solid rgba(141, 189, 232, 0.46);
  border-radius: 14px;
  box-shadow: 0 14px 22px rgba(8, 20, 36, 0.32);
  color: #f6fbff;
  min-height: 82px;
  padding: 12px 14px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-card span {
  color: rgba(199, 225, 249, 0.88);
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.09em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-card strong {
  display: block;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field {
  background: #fbfdff;
  border: 1px solid #dce5f2;
  border-radius: 14px;
  box-shadow: 0 6px 14px rgba(15, 31, 51, 0.05);
  margin: 0 0 10px;
  padding: 12px 14px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field.is-readonly {
  background: #f5f8fd;
  border-style: dashed;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field .control-label,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field .admin-modern-control {
  float: none;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field .control-label {
  color: #3b5370;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .form-control,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control select,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .bootstrap-select>.dropdown-toggle {
  background: #f4f8fe;
  border: 1px solid #c7d5e6 !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: #10263f;
  font-size: 13px;
  font-weight: 700;
  min-height: 40px;
  padding: 8px 11px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .form-control:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control select:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .bootstrap-select>.dropdown-toggle:focus {
  border-color: #58a5ef !important;
  box-shadow: 0 0 0 3px rgba(88, 165, 239, 0.19) !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .bootstrap-select {
  width: 100% !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-meta {
  color: #627891;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-top: 8px;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-field .control-label {
  margin-bottom: 10px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-toggle {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-toggle input {
  display: none;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-slider {
  background: #cad7e8;
  border-radius: 999px;
  height: 26px;
  position: relative;
  transition: all 0.2s ease;
  width: 48px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-slider::after {
  background: #ffffff;
  border-radius: 999px;
  box-shadow: 0 3px 7px rgba(17, 35, 56, 0.28);
  content: "";
  height: 20px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: all 0.2s ease;
  width: 20px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-toggle input:checked+.admin-modern-checkbox-slider {
  background: linear-gradient(135deg, #2f9ef5, #2ee5b8);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-toggle input:checked+.admin-modern-checkbox-slider::after {
  left: 25px;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-save {
  align-items: center;
  background: linear-gradient(135deg, #10253d 0%, #1c4470 40%, #2f9ef5 100%) !important;
  border: 1px solid #0f233a !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 24px rgba(7, 19, 33, 0.34);
  color: #f7fcff !important;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  line-height: 1.2;
  letter-spacing: 0.09em;
  min-height: 44px;
  padding: 0 22px !important;
  text-transform: uppercase;
  width: 100%;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-save:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-save:focus {
  background: linear-gradient(135deg, #0b1b2f 0%, #163354 45%, #258cda 100%) !important;
  color: #ffffff !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(165, 206, 242, 0.4) !important;
  border-radius: 10px !important;
  color: #e9f5ff !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a:focus {
  background: linear-gradient(135deg, rgba(47, 158, 245, 0.78), rgba(46, 229, 184, 0.6)) !important;
  border-color: rgba(147, 243, 227, 0.6) !important;
  color: #07203a !important;
}

@media (max-width: 1280px) {
  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-topbar {
    flex-direction: column;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .page-content {
    padding: 18px 14px 24px;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-layout {
    grid-template-columns: 1fr;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-sidebar {
    min-height: auto;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs {
    flex-direction: row;
    flex-wrap: wrap;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li {
    width: calc(50% - 4px);
  }
}

@media (max-width: 767px) {
  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-title {
    font-size: 28px;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview {
    grid-template-columns: 1fr;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-grid {
    grid-template-columns: 1fr;
  }

  body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li {
    width: 100%;
  }
}

/* Admin page: align new admin model with primary CMS theme language */
body.page-admin:not(.statusdash-page):not(.softqa-login-page) {
  --admin-bg-1: #f8f8f3;
  --admin-bg-2: #f8f8f3;
  --admin-bg-3: #f8f8f3;
  --admin-ink: #2f343a;
  --admin-muted: #5f6770;
  --admin-line: #d9ddd2;
  --admin-accent: #2f343a;
  --admin-accent-2: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .page-content {
  background: #f8f8f3;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-topbar {
  background: #eceef1;
  border: 1px solid #d9ddd2;
  box-shadow: 0 10px 20px rgba(32, 38, 45, 0.06);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-topbar::after {
  display: none;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-kicker {
  color: #5f6770;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-title {
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-subtitle {
  color: #4f5964;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-card {
  background: #f8f8f3;
  border: 1px solid #d9ddd2;
  box-shadow: 0 4px 10px rgba(32, 38, 45, 0.05);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-card.is-library,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-card.is-bandwidth {
  border-left-color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-label {
  color: #5e6a75;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-overview-value {
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-sidebar {
  background: #f8f8f3;
  border: 1px solid #e2e4d9;
  box-shadow: 0 10px 20px rgba(32, 38, 45, 0.06);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-sidebar-title {
  color: #5f6770;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a {
  background: #ffffff;
  border: 1px solid #d7dcd2;
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tab-dot {
  background: #8f98a4;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a:focus {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li.active>a .admin-modern-tab-dot,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:hover .admin-modern-tab-dot,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-tabs>li>a:focus .admin-modern-tab-dot {
  background: #ffffff;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-content {
  background: #f8f8f3;
  border: 1px solid #e2e4d9;
  box-shadow: 0 10px 20px rgba(32, 38, 45, 0.06);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane {
  border: 1px solid #e2e4d9;
  box-shadow: 0 4px 10px rgba(32, 38, 45, 0.05);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane-head {
  border-bottom-color: #d9ddd2;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane .section-heading {
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-pane-copy {
  color: #5f6770;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-card {
  background: #ffffff;
  border: 1px solid #d9ddd2;
  box-shadow: 0 4px 10px rgba(32, 38, 45, 0.05);
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-usage-card span {
  color: #5f6770;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field {
  border-color: #dfe3d7;
  box-shadow: 0 3px 8px rgba(32, 38, 45, 0.04);
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field.is-readonly {
  background: #f3f4ef;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-field .control-label {
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .form-control,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control select,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .bootstrap-select>.dropdown-toggle {
  background: #ffffff;
  border-color: #d5d9ce !important;
  color: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .form-control:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control select:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-control .bootstrap-select>.dropdown-toggle:focus {
  border-color: #2f343a !important;
  box-shadow: 0 0 0 3px rgba(47, 52, 58, 0.16) !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-meta {
  color: #6a7480;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-slider {
  background: #bcc5d1;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-checkbox-toggle input:checked+.admin-modern-checkbox-slider {
  background: #2f343a;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-save {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: 0 8px 16px rgba(32, 38, 45, 0.18);
  color: #ffffff !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-save:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) .admin-modern-save:focus {
  background: #1f242a !important;
  border-color: #1f242a !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a {
  background: #ffffff !important;
  border-color: #d7dcd2 !important;
  color: #2f343a !important;
}

body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a:focus,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a:hover,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a:focus {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff !important;
}

/* Global action buttons: unified model from admin page */
body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right {
  align-items: center;
  column-gap: 8px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
}

body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li {
  float: none;
  margin: 0;
}

body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 13px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  justify-content: center;
  min-width: 168px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.08em;
  height: 50px;
  padding: 0 18px !important;
  text-transform: uppercase;
}

body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a::before {
  content: "\f067";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin-right: 8px;
}

body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a.media-cleanup-button::before {
  content: "\f014";
}

body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a:hover,
body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li>a:focus,
body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a,
body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a:hover,
body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .nav.nav-pills.pull-right>li.active>a:focus {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff !important;
}

/* Global action buttons: lighter text weight on non-admin pages */
body:not(.statusdash-page):not(.softqa-login-page):not(.page-admin) #content-wrapper .nav.nav-pills.pull-right>li>a {
  font-weight: 500;
}

/* Status dashboard: live hover interactions for cards and KPI tiles */
body.statusdash-page .statusdash-card,
body.statusdash-page .statusdash-top-kpi {
  transition: border-color 220ms ease, box-shadow 220ms ease, filter 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

body.statusdash-page .statusdash-card:hover,
body.statusdash-page .statusdash-card:focus-within,
body.statusdash-page .statusdash-top-kpi:hover,
body.statusdash-page .statusdash-top-kpi:focus-within {
  transform: translateY(-3px);
}

body.statusdash-page .statusdash-card:hover,
body.statusdash-page .statusdash-card:focus-within {
  border-color: #ced4c8;
  box-shadow: 0 16px 30px rgba(23, 30, 38, 0.14);
}

body.statusdash-page .statusdash-card.statusdash-card-profile:hover,
body.statusdash-page .statusdash-card.statusdash-card-profile:focus-within,
body.statusdash-page .statusdash-card.statusdash-card-runtime:hover,
body.statusdash-page .statusdash-card.statusdash-card-runtime:focus-within,
body.statusdash-page .statusdash-card.statusdash-card-tasks:hover,
body.statusdash-page .statusdash-card.statusdash-card-tasks:focus-within,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets:hover,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets:focus-within {
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 18px 34px rgba(8, 12, 18, 0.35);
  filter: saturate(1.04);
}

body.statusdash-page .statusdash-card.statusdash-card-schedule:hover,
body.statusdash-page .statusdash-card.statusdash-card-schedule:focus-within {
  border-color: #c6cdc1;
  box-shadow: 0 12px 24px rgba(26, 34, 43, 0.14);
}

body.statusdash-page .statusdash-top-kpi:hover,
body.statusdash-page .statusdash-top-kpi:focus-within {
  border-color: #c6cdc1;
  box-shadow: 0 12px 24px rgba(26, 34, 43, 0.14);
}

body.statusdash-page .statusdash-top-kpi .statusdash-top-kpi-icon {
  transition: background-color 220ms ease, box-shadow 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.statusdash-page .statusdash-top-kpi:hover .statusdash-top-kpi-icon,
body.statusdash-page .statusdash-top-kpi:focus-within .statusdash-top-kpi-icon {
  box-shadow: 0 6px 14px rgba(20, 27, 36, 0.16);
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {

  body.statusdash-page .statusdash-card,
  body.statusdash-page .statusdash-top-kpi,
  body.statusdash-page .statusdash-top-kpi .statusdash-top-kpi-icon {
    transition: none;
  }

  body.statusdash-page .statusdash-card:hover,
  body.statusdash-page .statusdash-card:focus-within,
  body.statusdash-page .statusdash-top-kpi:hover,
  body.statusdash-page .statusdash-top-kpi:focus-within {
    transform: none;
  }
}

/* Stats page: Bandwidth widget modeled after status dashboard bandwidth card */
body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern {
  padding: 4px 0 2px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-card {
  background: #f8f8f3;
  border: 1px solid #e3e4da;
  border-radius: 22px;
  padding: 14px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-head h3 {
  color: #232a32;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.08;
  margin: 0;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-icon {
  align-items: center;
  background: #ffffff;
  border: 1px solid #dedfd7;
  border-radius: 50%;
  color: #303841;
  display: inline-flex;
  font-size: 12px;
  height: 30px;
  justify-content: center;
  width: 30px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-overview {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-main {
  color: #1c2430;
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 0.95;
  min-width: 0;
  white-space: nowrap;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metric {
  background: #f6f7f3;
  border: 1px solid #dde0d4;
  border-radius: 14px;
  min-height: 62px;
  min-width: 140px;
  padding: 8px 10px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metric span {
  color: #5b6571;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.35px;
  line-height: 1;
  text-transform: uppercase;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metric strong {
  color: #1f2833;
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
  margin-top: 7px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metric em {
  color: #4f5965;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 5px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-copy {
  color: #4f5965;
  font-size: 13px;
  margin: 10px 0 8px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-chart-wrap {
  background: #f4f5f2;
  border: 1px solid #d8dbcf;
  border-radius: 16px;
  height: 255px;
  padding: 10px 12px;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-empty {
  color: #5c6773;
  font-size: 15px;
  margin: 6px 0 0;
}

body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-chart-wrap .morris-hover {
  background: #141b24;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  box-shadow: none;
}

@media (max-width: 1199px) {
  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-main {
    font-size: 44px;
  }

  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-head h3 {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-overview {
    flex-direction: column;
    gap: 10px;
  }

  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-main {
    font-size: 38px;
  }

  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metrics {
    width: 100%;
  }

  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-metric {
    flex: 1 1 140px;
    min-width: 0;
  }

  body.page-stats .MeemsignGrid .MeemsignData .stats-bandwidth-modern-chart-wrap {
    height: 220px;
  }
}

/* Screen Health card: layered compact model without changing outer card size */
.statusdash-card-profile {
  gap: 7px;
  justify-content: space-between;
}

.statusdash-screen-health-head {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
}

.statusdash-screen-health-head-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 1px;
  min-width: 0;
}

.statusdash-screen-health-total {
  font-size: 36px;
}

.statusdash-screen-health-badge {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  color: rgba(240, 245, 252, 0.95);
  display: inline-flex;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 1;
  min-height: 24px;
  padding: 5px 9px;
  text-transform: uppercase;
  white-space: nowrap;
}

.statusdash-screen-health-badge.is-online {
  background: rgba(78, 207, 192, 0.2);
  border-color: rgba(78, 207, 192, 0.44);
  color: #9df0e4;
}

.statusdash-screen-health-badge.is-alert {
  background: rgba(232, 149, 84, 0.22);
  border-color: rgba(232, 149, 84, 0.46);
  color: #ffd2ad;
}

.statusdash-screen-health-badge.is-muted {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.24);
  color: rgba(245, 249, 255, 0.84);
}

.statusdash-screen-health-mid {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: 104px minmax(0, 1fr);
  min-height: 0;
}

.statusdash-screen-health-donut-wrap {
  aspect-ratio: 1 / 1;
  margin: 0;
  max-width: 104px;
  width: 100%;
}

.statusdash-screen-health-donut-score {
  font-size: 24px;
  margin-top: 0;
}

.statusdash-screen-health-donut-title,
.statusdash-screen-health-donut-caption {
  display: none;
}

.statusdash-screen-health-mini-stats {
  display: grid;
  gap: 5px;
}

.statusdash-screen-health-mini-row {
  align-items: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr auto;
  min-height: 30px;
  padding: 5px 7px;
}

.statusdash-screen-health-mini-row span {
  color: rgba(236, 242, 250, 0.86);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.1;
}

.statusdash-screen-health-mini-row strong {
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.statusdash-screen-health-mini-row.is-online strong {
  color: #82e7d9;
}

.statusdash-screen-health-mini-row.is-offline strong {
  color: #cfd7e2;
}

.statusdash-screen-health-grid {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1px;
}

.statusdash-screen-health-kpi {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  min-height: 40px;
  padding: 5px 7px;
}

.statusdash-screen-health-kpi span {
  color: rgba(234, 240, 248, 0.78);
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: 1;
  text-transform: uppercase;
}

.statusdash-screen-health-kpi-meta {
  color: rgba(219, 227, 237, 0.74);
  display: block;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.22px;
  line-height: 1.1;
  margin-top: 4px;
  text-transform: uppercase;
}

.statusdash-screen-health-kpi strong {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .statusdash-screen-health-total {
    font-size: 32px;
  }

  .statusdash-screen-health-mid {
    grid-template-columns: 94px minmax(0, 1fr);
  }

  .statusdash-screen-health-donut-wrap {
    max-width: 94px;
  }

  .statusdash-screen-health-donut-score {
    font-size: 22px;
  }

  .statusdash-screen-health-mini-row span {
    font-size: 10px;
  }

  .statusdash-screen-health-kpi strong {
    font-size: 15px;
  }
}

/* Global small notification toasts (success/error) */
.meemsign-toast-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  position: fixed;
  right: 16px;
  top: 16px;
  width: min(360px, calc(100vw - 24px));
  z-index: 11060;
}

.meemsign-toast {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #d9e1ea;
  border-left-width: 4px;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(23, 34, 56, 0.14);
  color: #1a2638;
  display: flex;
  gap: 10px;
  opacity: 0;
  padding: 10px 12px;
  pointer-events: auto;
  transform: translateY(-8px);
  transition: opacity 220ms ease, transform 220ms ease;
}

.meemsign-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.meemsign-toast.is-success {
  border-left-color: #2fa46f;
}

.meemsign-toast.is-success .meemsign-toast-icon {
  color: #2fa46f;
}

.meemsign-toast.is-error {
  border-left-color: #d34b4b;
}

.meemsign-toast.is-error .meemsign-toast-icon {
  color: #d34b4b;
}

.meemsign-toast-icon {
  font-size: 16px;
  line-height: 1;
  margin-top: 2px;
}

.meemsign-toast-message {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.meemsign-toast-message p {
  margin: 0;
}

.meemsign-toast-close {
  background: transparent;
  border: 0;
  color: #7f8896;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  margin: 0;
  padding: 0 2px;
}

.meemsign-toast-close:hover,
.meemsign-toast-close:focus {
  color: #283547;
  outline: none;
}

@media (max-width: 767px) {
  .meemsign-toast-container {
    left: 12px;
    right: 12px;
    top: 12px;
    width: auto;
  }
}

/* Add New Image/Video dialogs: modern upload model */
.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-dialog {
  max-width: 780px;
  width: min(780px, 100vw);
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-content {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-header {
  background: linear-gradient(145deg, #263548 0%, #1d2735 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  padding: 14px 18px;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-header .modal-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-header .close {
  color: rgba(255, 255, 255, 0.92);
  margin-top: 0;
  opacity: 1;
  text-shadow: none;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-body {
  padding: 16px;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer {
  background: #ffffff;
  border-top: 1px solid #dbe2ea;
  padding: 10px 16px;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer .btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  letter-spacing: 0.4px;
  min-width: 98px;
  padding: 0 14px;
  text-transform: uppercase;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer .btn:hover,
.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer .btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer .btn-primary,
.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer .btn-primary:hover,
.bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-footer .btn-primary:focus {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

.modern-upload-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.modern-upload-toolbar {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  border: 1px solid #d6dfe9;
  border-radius: 16px;
  margin: 0;
  padding: 14px;
}

.modern-upload-toolbar:before,
.modern-upload-toolbar:after {
  display: none;
}

.modern-upload-toolbar .modern-upload-toolbar-main,
.modern-upload-toolbar .modern-upload-toolbar-progress {
  float: none;
  min-height: 1px;
  padding-left: 6px;
  padding-right: 6px;
}

.modern-upload-toolbar .modern-upload-toolbar-main {
  width: 100%;
}

.modern-upload-toolbar .modern-upload-toolbar-progress {
  margin-top: 10px;
  width: 100%;
}

.modern-upload-hint {
  align-items: center;
  color: #445162;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 8px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.modern-upload-hint i {
  color: #1f2f42;
  font-size: 14px;
}

.modern-upload-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.modern-upload-btn {
  align-items: center;
  border-radius: 12px !important;
  border-style: solid;
  border-width: 1px;
  box-shadow: none !important;
  display: inline-flex !important;
  gap: 6px;
  height: 38px;
  justify-content: center;
  letter-spacing: 0.35px;
  line-height: 1;
  padding: 0 14px !important;
  text-transform: uppercase;
}

.modern-upload-btn:before,
.modern-upload-btn:after {
  content: none !important;
}

.modern-upload-btn i {
  font-size: 12px;
}

.modern-upload-btn-add,
.modern-upload-btn-add:hover,
.modern-upload-btn-add:focus {
  background: #ffffff !important;
  border-color: #c4cedb !important;
  color: #1f2f42 !important;
  font-size: 12px;
  font-weight: 700;
}

.modern-upload-btn-start,
.modern-upload-btn-start:hover,
.modern-upload-btn-start:focus {
  background: #1f2f42 !important;
  border-color: #1f2f42 !important;
  color: #ffffff !important;
  font-size: 12px;
  font-weight: 700;
}

.modern-upload-btn-cancel,
.modern-upload-btn-cancel:hover,
.modern-upload-btn-cancel:focus {
  background: #f7f9fc !important;
  border-color: #c4cedb !important;
  color: #3f4f63 !important;
  font-size: 12px;
  font-weight: 700;
}

.modern-upload-drop-note {
  color: #6a7685;
  font-size: 12px;
  margin: 11px 0 0;
}

.modern-upload-progress-wrap {
  background: #eef3f8;
  border: 1px solid #d4dde8;
  border-radius: 12px;
  padding: 10px 12px;
}

.modern-upload-progress-bar,
.modern-upload-inline-progress {
  background: #dae3ef;
  border-radius: 999px;
  box-shadow: none;
  height: 8px;
  margin-bottom: 6px;
  overflow: hidden;
}

.modern-upload-progress-bar .progress-bar,
.modern-upload-inline-progress .progress-bar {
  background: linear-gradient(90deg, #2f4a66 0%, #4b6888 100%);
  border-radius: 999px;
}

.modern-upload-progress-text {
  color: #536273;
  font-size: 11px;
  line-height: 1.35;
}

.modern-upload-table {
  border-collapse: separate;
  border-spacing: 0 10px;
  margin: 0;
}

.modern-upload-table>tbody>tr.modern-upload-row>td {
  background: #ffffff;
  border-bottom: 1px solid #d8e1eb;
  border-top: 1px solid #d8e1eb;
  padding: 12px 10px;
  vertical-align: top;
}

.modern-upload-table>tbody>tr.modern-upload-row>td:first-child {
  border-left: 1px solid #d8e1eb;
  border-radius: 14px 0 0 14px;
}

.modern-upload-table>tbody>tr.modern-upload-row>td:last-child {
  border-radius: 0 14px 14px 0;
  border-right: 1px solid #d8e1eb;
}

.modern-upload-preview-cell {
  width: 185px;
}

.modern-upload-preview-shell {
  align-items: center;
  background: #f4f8fc;
  border: 1px dashed #c6d3e2;
  border-radius: 12px;
  display: flex;
  height: 72px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.modern-upload-preview-fallback {
  color: #92a0b1;
  font-size: 20px;
  position: absolute;
}

.modern-upload-preview-shell .fileupload-preview {
  align-items: center;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}

.modern-upload-preview-shell .fileupload-preview img,
.modern-upload-preview-shell .fileupload-preview canvas {
  border-radius: 8px;
  max-height: 66px;
  max-width: calc(100% - 10px);
}

.modern-upload-filename {
  color: #445568;
  font-size: 12px;
  font-weight: 700;
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

.modern-upload-field-label {
  color: #5a6a7c;
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.55px;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.modern-upload-input.form-control {
  border: 1px solid #c9d4e0;
  border-radius: 10px;
  box-shadow: none;
  color: #253649;
  font-size: 13px;
  height: 38px;
}

.modern-upload-input.form-control:focus {
  border-color: #6f88a4;
  box-shadow: 0 0 0 2px rgba(111, 136, 164, 0.18);
}

.modern-upload-size-cell {
  min-width: 130px;
}

.modern-upload-size {
  color: #33465b;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 10px;
}

.modern-upload-action-cell {
  min-width: 150px;
}

.modern-upload-action-cell .modern-upload-btn {
  margin-bottom: 6px;
  width: 100%;
}

.modern-upload-row-complete td {
  background: #f7fbff !important;
}

.modern-upload-complete-name {
  color: #1f2f42;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.modern-upload-complete-meta {
  color: #5f6e80;
  font-size: 12px;
  margin: 5px 0 0;
}

.modern-upload-file-error {
  margin-top: 8px;
}

.modern-upload-file-error .label {
  background: #b42318;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: 0.4px;
  margin-right: 6px;
  padding: 3px 8px;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .modern-upload-toolbar {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
  }

  .modern-upload-toolbar .modern-upload-toolbar-main {
    flex: 1 1 auto;
  }

  .modern-upload-toolbar .modern-upload-toolbar-progress {
    flex: 0 0 220px;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .bootbox.media-upload-dialog.schedule-event-drawer-modal .modal-header .modal-title {
    font-size: 20px;
  }

  .modern-upload-table {
    border-spacing: 0 12px;
  }

  .modern-upload-table>tbody>tr.modern-upload-row {
    display: block;
  }

  .modern-upload-table>tbody>tr.modern-upload-row>td {
    border-left: 1px solid #d8e1eb;
    border-right: 1px solid #d8e1eb;
    display: block;
    padding: 10px;
    width: 100%;
  }

  .modern-upload-table>tbody>tr.modern-upload-row>td:first-child {
    border-radius: 14px 14px 0 0;
  }

  .modern-upload-table>tbody>tr.modern-upload-row>td:last-child {
    border-radius: 0 0 14px 14px;
  }

  .modern-upload-preview-cell,
  .modern-upload-size-cell,
  .modern-upload-action-cell {
    min-width: 0;
    width: 100%;
  }
}

/* Add Media to Library dialog: match modern upload design language */
.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-dialog {
  max-width: 760px;
  width: min(760px, 100vw);
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-content {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-header {
  background: linear-gradient(145deg, #263548 0%, #1d2735 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  padding: 14px 18px;
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-header .modal-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-header .close {
  color: rgba(255, 255, 255, 0.92);
  margin-top: 0;
  opacity: 1;
  text-shadow: none;
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-body {
  padding: 16px;
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-footer {
  background: #ffffff;
  border-top: 1px solid #dbe2ea;
  padding: 10px 16px;
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-footer .btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  letter-spacing: 0.4px;
  min-width: 98px;
  padding: 0 14px;
  text-transform: uppercase;
}

.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-footer .btn:hover,
.bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-footer .btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.library-media-picker {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.library-media-picker-head {
  align-items: center;
  background: linear-gradient(145deg, #ffffff 0%, #f4f8fd 100%);
  border: 1px solid #cfdbe8;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(20, 42, 66, 0.08);
  display: flex;
  gap: 14px;
  padding: 15px;
}

.library-media-picker-head-icon {
  align-items: center;
  background: linear-gradient(145deg, #2a415e 0%, #1c2e43 100%);
  border-radius: 14px;
  box-shadow: 0 8px 16px rgba(20, 38, 56, 0.24);
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 48px;
  font-size: 18px;
  height: 48px;
  justify-content: center;
  width: 48px;
}

.library-media-picker-head-copy h4 {
  color: #1f2f42;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.45px;
  line-height: 1.1;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.library-media-picker-head-copy p {
  color: #607388;
  font-size: 12px;
  line-height: 1.42;
  margin: 0;
}

.library-media-picker-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
}

.library-media-picker-option {
  align-items: center;
  background: linear-gradient(145deg, #ffffff 0%, #f7fbff 100%) !important;
  border: 1px solid #ccdae8 !important;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(22, 42, 63, 0.13);
  color: #1f2f42 !important;
  display: flex !important;
  gap: 14px;
  min-height: 122px;
  overflow: hidden;
  padding: 14px 16px !important;
  position: relative;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.library-media-picker-option:hover,
.library-media-picker-option:focus {
  border-color: #45698f !important;
  box-shadow: 0 14px 30px rgba(21, 40, 60, 0.22);
  color: #152334 !important;
  text-decoration: none !important;
  transform: translateY(-3px);
}

.library-media-picker-option-icon {
  align-items: center;
  background: linear-gradient(145deg, #2f353d 0%, #20252b 100%);
  border-radius: 14px;
  box-shadow: 0 8px 16px rgba(22, 38, 54, 0.24);
  color: #ffffff;
  display: inline-flex;
  flex: 0 0 56px;
  font-size: 24px;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.library-media-picker-option-icon-image {
  background: linear-gradient(145deg, #216046 0%, #1a8a57 100%);
}

.library-media-picker-option-icon-video {
  background: linear-gradient(145deg, #0b5f82 0%, #0898c7 100%);
}

.library-media-picker-option-icon-powerpoint {
  background: linear-gradient(145deg, #87461c 0%, #c86a26 100%);
}

.library-media-picker-option-image {
  background: linear-gradient(145deg, #fbfffd 0%, #f2fbf6 100%) !important;
}

.library-media-picker-option-video {
  background: linear-gradient(145deg, #fbfeff 0%, #f0f9fd 100%) !important;
}

.library-media-picker-option-powerpoint {
  background: linear-gradient(145deg, #fffdfa 0%, #fef5ed 100%) !important;
}

.library-media-picker-option-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.library-media-picker-option-title {
  color: #1f2f42;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1.2;
}

.library-media-picker-option-subtitle {
  color: #5c7288;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 5px;
}

.library-media-picker-option-arrow {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d2dde8;
  border-radius: 999px;
  color: #6c8095;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 18px;
  height: 30px;
  justify-content: center;
  width: 30px;
}

@media (max-width: 767px) {
  .bootbox.library-media-picker-dialog.schedule-event-drawer-modal .modal-header .modal-title {
    font-size: 20px;
  }

  .library-media-picker-grid {
    grid-template-columns: 1fr;
  }

  .library-media-picker-option {
    min-height: 104px;
  }

  .library-media-picker-option-title {
    font-size: 16px;
  }
}

/* Global dialogs: apply modern upload-style model across all Bootbox drawers */
.bootbox.schedule-event-drawer-modal .modal-content {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
}

.bootbox.schedule-event-drawer-modal .modal-header {
  background: linear-gradient(145deg, #263548 0%, #1d2735 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  padding: 14px 18px;
}

.bootbox.schedule-event-drawer-modal .modal-header .modal-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2px;
}

.bootbox.schedule-event-drawer-modal .modal-header .close {
  color: rgba(255, 255, 255, 0.92);
  margin-top: 0;
  opacity: 1;
  text-shadow: none;
}

.bootbox.schedule-event-drawer-modal .modal-body {
  padding: 16px;
}

.bootbox.schedule-event-drawer-modal .modal-footer {
  background: #ffffff;
  border-top: 1px solid #dbe2ea;
  padding: 10px 16px;
}

.bootbox.schedule-event-drawer-modal .modal-footer .btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  letter-spacing: 0.4px;
  min-width: 98px;
  padding: 0 14px;
  text-transform: uppercase;
}

.bootbox.schedule-event-drawer-modal .modal-footer .btn+.btn {
  margin-left: 8px;
}

.bootbox.schedule-event-drawer-modal .modal-footer .btn:hover,
.bootbox.schedule-event-drawer-modal .modal-footer .btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.schedule-event-drawer-modal .modal-footer .btn-primary,
.bootbox.schedule-event-drawer-modal .modal-footer .btn-primary:hover,
.bootbox.schedule-event-drawer-modal .modal-footer .btn-primary:focus {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

@media (max-width: 767px) {
  .bootbox.schedule-event-drawer-modal .modal-header .modal-title {
    font-size: 20px;
  }
}

/* Screen Health card: Online/Offline KPI row above Uptime/Heartbeat + larger donut */
.statusdash-screen-health-mid {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2px 0 4px;
}

.statusdash-screen-health-donut-wrap {
  max-width: 136px;
  width: 100%;
}

.statusdash-screen-health-donut-score {
  font-size: 29px;
}

.statusdash-screen-health-grid {
  gap: 6px;
  margin-top: 2px;
}

.statusdash-screen-health-kpi {
  min-height: 42px;
  padding: 6px 8px;
}

.statusdash-screen-health-kpi.is-online {
  border-color: rgba(78, 207, 192, 0.34);
}

.statusdash-screen-health-kpi.is-online strong {
  color: #82e7d9;
}

.statusdash-screen-health-kpi.is-offline {
  border-color: rgba(203, 212, 225, 0.32);
}

.statusdash-screen-health-kpi.is-offline strong {
  color: #cfd7e2;
}

@media (max-width: 767px) {
  .statusdash-screen-health-donut-wrap {
    max-width: 118px;
  }

  .statusdash-screen-health-donut-score {
    font-size: 24px;
  }
}

/* Canva-like Canvas Designer (layout modify page) */
.page-layout .canva-layout-page {
  margin-bottom: 10px;
}

/* Layout modify page: unify all in-page buttons with one modern system */
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link) {
  align-items: center;
  background: linear-gradient(180deg, #ffffff 0%, #eef3f8 100%) !important;
  border: 1px solid #c7d3e2 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(17, 30, 46, 0.12);
  color: #1f344d !important;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.02em;
  transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.12s ease;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link):hover,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link):focus,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link):active {
  background: #e7eef7 !important;
  border-color: #b1c2d7 !important;
  box-shadow: 0 4px 12px rgba(17, 30, 46, 0.16);
  color: #172a40 !important;
  transform: translateY(-1px);
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link):active {
  transform: translateY(0);
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-primary {
  background: linear-gradient(145deg, #2b4766 0%, #1f3348 100%) !important;
  border-color: #1d2f44 !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-primary:hover,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-primary:focus,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-primary:active {
  background: linear-gradient(145deg, #365577 0%, #28445f 100%) !important;
  border-color: #20364e !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-success {
  background: linear-gradient(145deg, #2e6a49 0%, #21513a 100%) !important;
  border-color: #1f4b35 !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-success:hover,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-success:focus,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-success:active {
  background: linear-gradient(145deg, #367a55 0%, #295e44 100%) !important;
  border-color: #24513b !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-warning {
  background: linear-gradient(145deg, #c58f2d 0%, #a8761f 100%) !important;
  border-color: #94671a !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-warning:hover,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-warning:focus,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-warning:active {
  background: linear-gradient(145deg, #d19a32 0%, #b47f22 100%) !important;
  border-color: #9d6f1f !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-danger {
  background: linear-gradient(145deg, #ba4b4b 0%, #9a3636 100%) !important;
  border-color: #883232 !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-danger:hover,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-danger:focus,
.page-layout .canva-layout-page .btn:not(.canva-stage-change-btn):not(.btn-link).btn-danger:active {
  background: linear-gradient(145deg, #c95555 0%, #ab3e3e 100%) !important;
  border-color: #953737 !important;
  color: #ffffff !important;
}

.page-layout .canva-layout-topbar {
  align-items: center;
  margin: 0 0 10px;
  padding: 6px 0;
}

.page-layout .canva-layout-picker-label {
  color: #4b6480;
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.page-layout .canva-layout-picker-wrap .bootstrap-select,
.page-layout .canva-layout-picker-wrap #layoutJumpList {
  width: 100% !important;
}

.page-layout .canva-layout-title {
  color: #213d5c;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.08;
  margin: 0;
}

.page-layout .canva-layout-title .glyphicon {
  color: #2f6fad;
  font-size: 18px;
  margin-left: 7px;
  margin-right: 0;
  vertical-align: text-top;
}

.page-layout .canva-layout-subtitle {
  color: #67819d;
  margin: 4px 0 0;
}

.page-layout .canva-layout-status-wrap,
.page-layout .canva-layout-meta-wrap,
.page-layout .canva-layout-back-wrap {
  min-height: 38px;
}

.page-layout .canva-layout-status-wrap .layout-status {
  display: none;
}

.page-layout .canva-layout-meta-wrap .layout-meta .btn {
  border-radius: 10px;
  font-weight: 700;
  margin-left: 6px;
}

.page-layout .canva-layout-back-wrap {
  display: flex;
  justify-content: flex-end;
}

.page-layout .canva-layout-back-wrap .canva-back-btn {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 11px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.04em;
  min-height: 40px;
  padding: 0 12px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-layout .canva-layout-back-wrap .canva-back-btn:hover,
.page-layout .canva-layout-back-wrap .canva-back-btn:focus,
.page-layout .canva-layout-back-wrap .canva-back-btn:active {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

.page-layout .canva-layout-back-wrap .canva-back-btn .glyphicon {
  font-size: 13px;
  margin-right: 7px;
}

.page-layout .canva-layout-workspace {
  align-items: stretch;
  gap: 8px;
}

.page-layout .canva-side-card,
.page-layout .canva-canvas-card {
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 18px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
}

.page-layout .canva-canvas-card {
  height: 100%;
  overflow: hidden;
}

.page-layout .canva-canvas-card-header {
  align-items: center;
  background: linear-gradient(145deg, #263548 0%, #1d2735 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  display: flex;
  gap: 8px;
  padding: 9px 12px;
}

.page-layout .canva-canvas-card-header strong {
  color: #ffffff;
  font-weight: 800;
}

.page-layout .canva-canvas-card-header small {
  color: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  font-weight: 600;
  margin-left: auto;
}

.page-layout .canva-canvas-dot {
  background: #7cc4ff;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.page-layout .canva-canvas-stage {
  --canva-side-rail-width: 176px;
  background:
    linear-gradient(90deg, rgba(220, 230, 243, 0.45) 1px, transparent 1px),
    linear-gradient(rgba(220, 230, 243, 0.45) 1px, transparent 1px),
    #eef3fb;
  background-size: 20px 20px;
  overflow: auto;
  padding: 12px var(--canva-side-rail-width);
  position: relative;
}

.page-layout .canva-stage-change-actions {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  left: 12px;
  position: absolute;
  top: 12px;
  z-index: 14;
}

.page-layout .canva-stage-change-actions .canva-stage-change-btn {
  align-items: center;
  border-radius: 10px !important;
  display: inline-flex;
  font-size: 11px;
  font-weight: 800;
  gap: 7px;
  height: 38px;
  letter-spacing: 0.04em;
  margin: 0;
  padding: 0 14px;
  text-transform: uppercase;
}

.page-layout .canva-stage-change-actions .canva-stage-change-btn .glyphicon {
  font-size: 13px;
  margin: 0;
}

.page-layout .canva-stage-change-actions .canva-stage-change-btn-save {
  background: linear-gradient(135deg, #2b4766 0%, #1f3348 100%) !important;
  border: 1px solid #1c2d41 !important;
  box-shadow: 0 4px 10px rgba(18, 33, 49, 0.2);
  color: #ffffff !important;
}

.page-layout .canva-stage-change-actions .canva-stage-change-btn-save:hover,
.page-layout .canva-stage-change-actions .canva-stage-change-btn-save:focus,
.page-layout .canva-stage-change-actions .canva-stage-change-btn-save:active {
  background: linear-gradient(135deg, #3a5c81 0%, #2a4562 100%) !important;
  border-color: #20344c !important;
  color: #ffffff !important;
}

.page-layout .canva-stage-change-actions .canva-stage-change-btn-undo {
  background: #f6f8fb !important;
  border: 1px solid #becbd9 !important;
  box-shadow: 0 3px 8px rgba(25, 39, 55, 0.12);
  color: #263a52 !important;
}

.page-layout .canva-stage-change-actions .canva-stage-change-btn-undo:hover,
.page-layout .canva-stage-change-actions .canva-stage-change-btn-undo:focus,
.page-layout .canva-stage-change-actions .canva-stage-change-btn-undo:active {
  background: #eaf0f7 !important;
  border-color: #a7b9cb !important;
  color: #1d3046 !important;
}

.page-layout .canva-stage-subtitle {
  color: #2e4662;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 0.015em;
  line-height: 1.25;
  margin: 2px auto 10px;
  max-width: calc(100% - (var(--canva-side-rail-width) * 2));
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42);
  text-align: center;
}

.page-layout .canva-stage-top-actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
  margin-right: calc(var(--canva-side-rail-width) * -1);
  padding-right: 4px;
  position: relative;
  z-index: 13;
}

.page-layout .canva-stage-top-actions-right {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  justify-content: flex-end;
}

.page-layout .canva-stage-top-actions-right .btn {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  letter-spacing: 0.05em;
  min-height: 42px;
  min-width: 148px;
  padding: 0 12px;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-layout .canva-stage-top-actions-right .btn:hover,
.page-layout .canva-stage-top-actions-right .btn:focus,
.page-layout .canva-stage-top-actions-right .btn:active {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

.page-layout .canva-stage-top-actions-right .btn .glyphicon {
  font-size: 13px;
  margin-right: 7px;
}

.page-layout .canva-stage-editor-wrap {
  border-radius: 0;
  margin-top: 2px;
  position: relative;
  z-index: 2;
}

.page-layout .canva-editor-notice-container {
  display: flex;
  justify-content: center;
  margin: 0 auto 10px;
  max-width: calc(100% - (var(--canva-side-rail-width) * 2));
  pointer-events: none;
  position: relative;
  z-index: 15;
}

.page-layout .canva-editor-notice {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #d9e1ea;
  border-left: 4px solid #d34b4b;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(23, 34, 56, 0.14);
  color: #1a2638;
  display: flex;
  gap: 10px;
  max-width: min(560px, 100%);
  opacity: 0;
  padding: 10px 12px;
  pointer-events: auto;
  transform: translateY(-8px);
  transition: opacity 220ms ease, transform 220ms ease;
}

.page-layout .canva-editor-notice.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.page-layout .canva-editor-notice-icon {
  color: #d34b4b;
  font-size: 16px;
  line-height: 1;
  margin-top: 2px;
}

.page-layout .canva-editor-notice-message {
  flex: 1;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-align: center;
}

.page-layout .canva-editor-notice-close {
  background: transparent;
  border: 0;
  color: #7f8896;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  margin: 0;
  padding: 0 2px;
}

.page-layout .canva-editor-notice-close:hover,
.page-layout .canva-editor-notice-close:focus {
  color: #283547;
  outline: none;
}

.page-layout .canva-stage-side-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
  left: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(var(--canva-side-rail-width) - 24px);
  z-index: 12;
}

.page-layout .canva-stage-side-left {
  left: 8px;
}

.page-layout .canva-stage-side-right {
  bottom: 8px;
  right: 8px;
  top: auto;
  transform: none;
}

.page-layout .canva-stage-side-controls .btn {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 11px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  letter-spacing: 0.04em;
  min-height: 40px;
  min-width: 0;
  padding: 0 9px;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  width: 100%;
}

.page-layout .canva-stage-side-controls .btn:hover,
.page-layout .canva-stage-side-controls .btn:focus,
.page-layout .canva-stage-side-controls .btn:active {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

.page-layout .canva-stage-side-controls .btn .glyphicon {
  font-size: 13px;
  margin-right: 7px;
}

.page-layout .canva-region-template-picker {
  position: relative;
  width: 100%;
}

.page-layout .canva-region-template-menu {
  background: #ffffff;
  border: 1px solid #cfd5cc;
  border-radius: 8px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
  color: #223247;
  display: none;
  left: calc(100% + 8px);
  padding: 10px;
  position: absolute;
  top: 0;
  width: 176px;
  z-index: 40;
}

.page-layout .canva-region-template-picker.is-open .canva-region-template-menu {
  display: block;
}

.page-layout .canva-region-template-label {
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
}

.page-layout .canva-region-template-grid {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(4, 34px);
}

.page-layout .canva-region-template-cell {
  background: #f8fafc;
  border: 1px solid #9aa4b2;
  border-radius: 0;
  height: 34px;
  padding: 0;
  width: 34px;
}

.page-layout .canva-region-template-cell.is-active,
.page-layout .canva-region-template-cell:hover,
.page-layout .canva-region-template-cell:focus {
  background: #fff4e8;
  border-color: #f97316;
  outline: none;
}

.page-layout .canva-stage-side-tips {
  background: rgba(246, 247, 245, 0.94);
  border: 1px solid #cfd5cc;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247;
  margin-top: 2px;
  padding: 8px 10px;
  width: 100%;
}

.page-layout .canva-stage-side-tips h4 {
  color: #223247;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.page-layout .canva-stage-side-tips ul {
  margin: 0;
  padding-left: 15px;
}

.page-layout .canva-stage-side-tips li {
  font-size: 11px;
  line-height: 1.35;
  margin-bottom: 3px;
}

.page-layout .canva-stage-side-tips li:last-child {
  margin-bottom: 0;
}

.page-layout .canva-canvas-stage #layout {
  border: 1px solid #cbd8ea;
  border-radius: 0;
  box-shadow: 0 12px 30px rgba(18, 31, 46, 0.2);
  margin: 0 auto;
  overflow: hidden;
}

.page-layout .canva-canvas-stage .region {
  border: 1px solid rgba(30, 58, 95, 0.35);
  border-radius: 10px;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.14);
}

.page-layout .canva-canvas-stage .regionInfo .btn {
  background: rgba(20, 40, 63, 0.88);
  border: 0;
  border-radius: 0 0 0 10px;
  color: #f1f7ff;
  padding: 3px 9px;
}

.page-layout .canva-canvas-stage .previewNav {
  background: rgba(30, 58, 95, 0.86) !important;
  border-radius: 999px;
  bottom: 6px;
  left: 8px;
}

.page-layout .canva-layout-alert {
  border-radius: 12px;
  margin-top: 10px;
}

@media (max-width: 991px) {
  .page-layout .canva-layout-topbar {
    padding: 10px;
  }

  .page-layout .canva-layout-title {
    font-size: 20px;
  }

  .page-layout .canva-layout-back-wrap {
    justify-content: flex-start;
    margin-top: 8px;
  }

  .page-layout .canva-canvas-card-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .page-layout .canva-canvas-card-header small {
    margin-left: 0;
  }

  .page-layout .canva-side-card-help--horizontal {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .page-layout .canva-side-card-help--horizontal ul {
    width: 100%;
  }

  .page-layout .canva-canvas-stage {
    --canva-side-rail-width: 155px;
  }

  .page-layout .canva-stage-top-actions-right {
    flex-wrap: wrap;
  }
}

@media (max-width: 1199px) {
  .page-layout .canva-canvas-stage {
    padding: 12px;
  }

  .page-layout .canva-stage-change-actions {
    left: 12px;
    top: 12px;
  }

  .page-layout .canva-stage-top-actions {
    margin-bottom: 10px;
    margin-right: 0;
    padding-right: 0;
  }

  .page-layout .canva-stage-subtitle {
    font-size: 16px;
    margin-top: 0;
    max-width: 100%;
  }

  .page-layout .canva-editor-notice-container {
    max-width: 100%;
  }

  .page-layout .canva-stage-top-actions-right {
    width: 100%;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .page-layout .canva-stage-side-controls {
    position: static;
    transform: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .page-layout .canva-stage-side-left,
  .page-layout .canva-stage-side-right {
    left: auto;
    right: auto;
  }

  .page-layout .canva-region-template-menu {
    left: auto;
    margin-top: 6px;
    position: static;
    width: 176px;
  }
}

/* Timeline editor override: force true fullscreen instead of right drawer */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal {
  padding-left: 0 !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .modal-dialog {
  height: 94vh;
  margin: 1.5vh auto;
  max-width: 96vw;
  width: 96vw;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .modal-content {
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.28);
  height: 94vh;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .modal-body {
  overflow: hidden;
  max-height: 100vh;
  overflow-y: auto;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal.modal.fade .modal-dialog,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal.modal.in .modal-dialog {
  transform: translate3d(0, 0, 0);
}

@media (max-width: 991px) {
  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .modal-dialog {
    height: 100vh;
    margin: 0;
    max-width: 100vw;
    width: 100vw;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .modal-content {
    border-radius: 0;
    height: 100vh;
  }
}

/* Timeline makeover: closer to Yodeck-style composition */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .modal-body .container-fluid>.row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: 100%;
  height: auto;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineMainColumn,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSidebarColumn {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineMainColumn {
  order: 1;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSidebarColumn {
  order: 2;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #e3e6eb;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal #timelineControl {
  display: block;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineCanvaHeader {
  margin-bottom: 10px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineCanvasHint {
  color: #60748a;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePreviewWorkspace {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePreviewMain {
  order: 1;
  display: block;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePreviewSidebar {
  order: 2;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSelectedBar {
  order: 1;
  flex: 1 1 auto;
  margin-bottom: 0;
  min-height: 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineEditorToolbar {
  order: 2;
  flex: 0 0 42%;
  margin-bottom: 0;
  min-height: 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackPreview {
  width: min(620px, 100%);
  height: clamp(220px, 35vh, 360px);
  margin: 0 auto 10px;
  border-radius: 8px;
  background: #071227;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineCanvaScroll {
  border-radius: 8px;
  background: #f4f6f9;
  border: 1px solid #d9dde3;
  overflow-x: auto;
  overflow-y: hidden;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineRuler {
  height: 28px;
  background: #fafbfc;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineCanvaList.timelineCanvaList--single {
  min-height: 82px;
  padding: 8px 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineCanvaList.timelineCanvaList--single .timelineClipTrack {
  height: 74px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineCanvaList.timelineCanvaList--single .timelineClipBar {
  height: 74px;
  border-radius: 3px;
  box-shadow: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timeline-add-panel {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #fff;
  padding: 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timeline-add-header p,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timeline-add-tip {
  display: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timeline-add-header h4 {
  margin: 0 0 8px;
  font-size: 26px;
  font-weight: 700;
  color: #1f2e43;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryTools {
  margin-bottom: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab {
  border: 1px solid #e2e6ec;
  background: #f3f5f8;
  color: #5c6674;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  line-height: 1.2;
  white-space: nowrap;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:focus {
  border-color: #121827;
  background: #121827;
  color: #fff;
  outline: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap {
  margin-top: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow .input-group {
  flex: 1;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadMediaToggleBtn {
  white-space: nowrap;
  border-radius: 6px;
  font-weight: 600;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group-addon {
  background: #f4f6fa;
  border-color: #d9e0ea;
  color: #60748a;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .form-control,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .btn {
  height: 34px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadTargetRow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadTargetRow label {
  margin: 0;
  font-size: 12px;
  color: #5f7388;
  white-space: nowrap;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadTargetRow .form-control {
  max-width: 220px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadMeta {
  margin-top: 8px;
  min-height: 122px;
  max-height: 210px;
  overflow: auto;
  border: 1px solid #e0e6ef;
  border-radius: 8px;
  padding: 8px;
  background: #fbfdff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSelectedFilesList {
  max-height: 150px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItem--uploaded {
  border-color: #8ab5df;
  box-shadow: inset 0 0 0 1px rgba(47, 111, 173, 0.22);
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolActions {
  margin-top: 8px;
  gap: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolActions .btn {
  flex: 1;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions {
  display: flex;
  margin-top: 4px;
  gap: 4px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .btn {
  flex: 1;
  font-size: 10px;
  padding: 3px 4px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineQuickAddMenu {
  margin-top: 8px;
  border: 1px solid #e0e5ec;
  background: #f9fbfe;
  border-radius: 8px;
  padding: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineQuickAddTitle {
  font-size: 11px;
  font-weight: 700;
  color: #5b6f84;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineQuickAddActions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineQuickAddAction {
  border-radius: 6px;
  font-weight: 600;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineMediaPool {
  min-height: 140px;
  max-height: 280px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 8px;
  border-radius: 0;
  border: 1px solid #dfe3e8;
  padding: 8px;
  background: #fff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItem {
  display: block;
  margin: 0;
  padding: 4px;
  border-radius: 2px;
  box-shadow: none;
  border: 1px solid #dfe3e8;
  background: #fff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolThumb {
  width: 100%;
  height: 54px;
  border-radius: 0;
  margin-bottom: 4px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolInfo strong {
  font-size: 10px;
  line-height: 1.2;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolInfo small {
  display: block;
  font-size: 10px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions {
  display: flex;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryExtraModules {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e3e7ec;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryExtraModulesList {
  margin: 0;
  max-height: 170px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryExtraModulesList .timelineModuleAction {
  margin: 0;
  border-radius: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryExtraModulesList .timelineModuleAction>a {
  gap: 6px;
  padding: 6px 8px !important;
  font-size: 12px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryExtraModulesList .timelineModuleBadge {
  width: 20px;
  height: 20px;
  font-size: 10px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineExtraModulesBottomDock {
  display: none !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineDurationInspector.timelineDurationInspector--locked {
  opacity: 0.55;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineDurationInspector.timelineDurationInspector--locked input,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineDurationInspector.timelineDurationInspector--locked .btn {
  cursor: not-allowed;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineClipBar--duration-locked {
  opacity: 0.9;
}

@media (max-width: 1180px) {
  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePreviewSidebar {
    flex-direction: column;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineEditorToolbar,
  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSelectedBar {
    flex: 1 1 auto;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Status dashboard tweak: make all cards match Top Screens black card */
body.statusdash-page .statusdash-card {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff;
}

body.statusdash-page .statusdash-card h3,
body.statusdash-page .statusdash-card strong,
body.statusdash-page .statusdash-card .statusdash-progress-main,
body.statusdash-page .statusdash-card .statusdash-kpi-value,
body.statusdash-page .statusdash-card .statusdash-library-size-value,
body.statusdash-page .statusdash-card .statusdash-task-count,
body.statusdash-page .statusdash-card .statusdash-runtime-total-chip strong {
  color: #ffffff !important;
}

body.statusdash-page .statusdash-card span,
body.statusdash-page .statusdash-card p,
body.statusdash-page .statusdash-card .statusdash-bandwidth-copy,
body.statusdash-page .statusdash-card .statusdash-library-empty,
body.statusdash-page .statusdash-card .statusdash-runtime-window,
body.statusdash-page .statusdash-card .statusdash-runtime-share,
body.statusdash-page .statusdash-card .statusdash-task-copy span {
  color: rgba(255, 255, 255, 0.84) !important;
}

/* Index dashboard: make overview menu cards match Top Screens black style */
body.page-index #dashbuttons .dashicons {
  height: auto;
  margin: 8px;
  padding: 8px;
}

body.page-index #dashbuttons .dashicons a {
  align-items: center;
  background: #2f343a;
  border: 1px solid #2f343a;
  border-radius: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-height: 120px;
  min-width: 160px;
  padding: 18px 16px;
  text-decoration: none;
}

body.page-index #dashbuttons .dashicons a .dash_text {
  color: #ffffff;
  font-weight: 600;
}

body.page-index #dashbuttons .dashicons a:hover,
body.page-index #dashbuttons .dashicons a:focus {
  background: #2f343a;
  border-color: #2f343a;
  box-shadow: 0 12px 24px rgba(8, 12, 18, 0.35);
  color: #ffffff;
  text-decoration: none;
}

/* Status dashboard: enforce black card surfaces for all main cards */
body.statusdash-page .statusdash-card.statusdash-card-bandwidth,
body.statusdash-page .statusdash-card.statusdash-card-library-modern,
body.statusdash-page .statusdash-card.statusdash-card-schedule {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff !important;
}

body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric,
body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap,
body.statusdash-page .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-item,
body.statusdash-page .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-event-pill {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric span,
body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric strong,
body.statusdash-page .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-copy strong,
body.statusdash-page .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-copy span,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-time-day,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-time-hour,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-event-pill strong,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-event-pill span,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-calendar-head-meta {
  color: #ffffff !important;
}

/* Status dashboard: force black theme for Bandwidth, KPI strip, and Schedule Timeline */
body.statusdash-page .statusdash-card.statusdash-card-bandwidth,
body.statusdash-page .statusdash-card.statusdash-card-schedule,
body.statusdash-page .statusdash-top-kpi,
body.statusdash-page .statusdash-screen-health-kpi {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

body.statusdash-page .statusdash-top-kpi-label,
body.statusdash-page .statusdash-top-kpi-value,
body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-card-head h3,
body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-copy,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-card-head h3,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-calendar-head-meta,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-time-day,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-time-hour,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-event-pill strong,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-event-pill span {
  color: #ffffff !important;
}

body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric,
body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-event-pill,
body.statusdash-page .statusdash-top-kpi-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric span,
body.statusdash-page .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric strong {
  color: #ffffff !important;
}

/* Status dashboard on homepage (p=index): mirror black card overrides */
body.page-index .statusdash-card.statusdash-card-bandwidth,
body.page-index .statusdash-card.statusdash-card-schedule,
body.page-index .statusdash-top-kpi,
body.page-index .statusdash-screen-health-kpi {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

body.page-index .statusdash-top-kpi-label,
body.page-index .statusdash-top-kpi-value,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-copy,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-head-meta,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-time-day,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-time-hour,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill strong,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill span {
  color: #ffffff !important;
}

body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill.muted,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill.soft,
body.page-index .statusdash-top-kpi-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric span,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric strong {
  color: #ffffff !important;
}

/* Status dashboard on homepage (p=index): include Library Usage in black theme */
body.page-index .statusdash-card.statusdash-card-library-modern {
  background: #2f343a !important;
  border-color: #2f343a !important;
  color: #ffffff !important;
}

body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-empty,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-copy strong,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-copy span,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-kicker,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-value {
  color: #ffffff !important;
}

body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-item,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-hero {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* Status dashboard on homepage (p=index): normalize row spacing to match compact card rhythm */
body.page-index .statusdash-neo {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-index .statusdash-neo-welcome {
  margin-bottom: 8px !important;
}

body.page-index .statusdash-neo-grid {
  column-gap: 8px !important;
  row-gap: 8px !important;
}

body.page-index .statusdash-card-profile,
body.page-index .statusdash-card-bandwidth,
body.page-index .statusdash-card-library-modern,
body.page-index .statusdash-column-top-screens,
body.page-index .statusdash-card-runtime,
body.page-index .statusdash-card-schedule,
body.page-index .statusdash-card-tasks,
body.page-index .statusdash-card-unused-assets {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Status dashboard on homepage (p=index): stretch first-row cards to remove vertical whitespace */
body.page-index .statusdash-card-profile,
body.page-index .statusdash-card-bandwidth,
body.page-index .statusdash-card-library-modern {
  align-self: stretch !important;
  height: 100% !important;
}

/* Status dashboard on homepage (p=index): light inner boxes for Screen Health KPI items */
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
  gap: 10px;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  padding: 10px 12px;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi span,
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi em,
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi strong {
  color: #ffffff;
}

/* Status dashboard on homepage (p=index): force visible light boxes for Screen Health KPIs */
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
  background: rgba(255, 255, 255, 0.20) !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

/* Status dashboard on homepage (p=index): improve Bandwidth card readability and chart area usage */
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-progress-main,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-copy,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric span,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric strong {
  color: #ffffff !important;
}

body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-action-link {
  color: #ffffff !important;
}

body.page-index .statusdash-card.statusdash-card-bandwidth {
  display: flex;
  flex-direction: column;
}

body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 170px;
  margin-top: 8px;
}

/* Status dashboard on homepage (p=index): keep bandwidth action icon visible on dark card */
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-action-link {
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  color: #ffffff !important;
}

/* Status dashboard on homepage (p=index): enlarge Library chart area inside existing card bounds */
body.page-index .statusdash-card.statusdash-card-library-modern {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}

body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual {
  flex: 1 1 auto;
  min-height: 186px;
}

body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap {
  height: 100% !important;
  min-height: 186px;
  padding: 8px;
}

/* Status dashboard on homepage (p=index): slightly larger KPI tiles and values */
body.page-index .statusdash-top-kpi {
  min-height: 82px !important;
  padding: 11px 12px !important;
}

body.page-index .statusdash-top-kpi-value {
  font-size: 27px !important;
  line-height: 1.05;
}

body.page-index .statusdash-top-kpi.is-bandwidth .statusdash-top-kpi-value {
  font-size: 24px !important;
}

/* Status dashboard on homepage (p=index): distinct KPI icon colors */
body.page-index .statusdash-top-kpi.is-active .statusdash-top-kpi-icon .fa {
  color: #6ea8ff !important;
}

body.page-index .statusdash-top-kpi.is-offline .statusdash-top-kpi-icon .fa {
  color: #ff7f7f !important;
}

body.page-index .statusdash-top-kpi.is-playing .statusdash-top-kpi-icon .fa {
  color: #61e0c8 !important;
}

body.page-index .statusdash-top-kpi.is-bandwidth .statusdash-top-kpi-icon .fa {
  color: #ffd36b !important;
}

/* Status dashboard on homepage (p=index): taller Top Screens and bottom-aligned Unused Assets */
body.page-index .statusdash-column-top-screens {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 100%;
}

body.page-index .statusdash-column-top-screens .statusdash-card-tasks {
  min-height: 500px;
}

body.page-index .statusdash-column-top-screens .statusdash-card-unused-assets {
  margin-top: auto;
}

/* Status dashboard on homepage (p=index): zoom-stable desktop grid + responsive chart card heights */
@media (min-width: 992px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  body.page-index .statusdash-card-profile,
  body.page-index .statusdash-card-bandwidth,
  body.page-index .statusdash-card-library-modern,
  body.page-index .statusdash-column-top-screens,
  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule {
    grid-column: span 3;
    min-width: 0;
  }

  body.page-index .statusdash-card-schedule {
    grid-column: span 6;
  }
}

body.page-index .statusdash-card-profile,
body.page-index .statusdash-card-bandwidth,
body.page-index .statusdash-card-library-modern,
body.page-index .statusdash-card-runtime {
  min-height: clamp(300px, 34vh, 380px) !important;
}

body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap {
  min-height: clamp(130px, 18vh, 170px) !important;
  height: auto !important;
}

body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual {
  min-height: clamp(140px, 20vh, 186px) !important;
}

body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap {
  min-height: clamp(140px, 20vh, 186px) !important;
  height: 100% !important;
}

body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-chart-wrap {
  height: clamp(118px, 17vh, 148px) !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
  max-width: clamp(132px, 18vw, 182px);
}

body.page-index .statusdash-bandwidth-chart-canvas,
body.page-index .statusdash-library-polar-canvas,
body.page-index .statusdash-runtime-chart-canvas,
body.page-index .statusdash-screen-health-donut-canvas {
  width: 100% !important;
  height: 100% !important;
}

/* Status dashboard on homepage (p=index): hard-lock grid placement to prevent zoom reflow drops */
@media (min-width: 320px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    min-width: 1160px;
  }

  body.page-index .statusdash-card-profile {
    grid-column: 1 / span 3 !important;
    grid-row: 1 !important;
  }

  body.page-index .statusdash-card-bandwidth {
    grid-column: 4 / span 3 !important;
    grid-row: 1 !important;
  }

  body.page-index .statusdash-card-library-modern {
    grid-column: 7 / span 3 !important;
    grid-row: 1 !important;
  }

  body.page-index .statusdash-column-top-screens {
    grid-column: 10 / span 3 !important;
    grid-row: 1 / span 2 !important;
  }

  body.page-index .statusdash-card-runtime {
    grid-column: 1 / span 3 !important;
    grid-row: 2 !important;
  }

  body.page-index .statusdash-card-schedule {
    grid-column: 4 / span 6 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 319px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-index .statusdash-card-profile,
  body.page-index .statusdash-card-bandwidth,
  body.page-index .statusdash-card-library-modern,
  body.page-index .statusdash-column-top-screens,
  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}


/* Status dashboard on homepage (p=index): allow horizontal scroll instead of zoom-triggered card drop */
@media (min-width: 320px) {
  body.page-index #content-wrapper {
    overflow-x: auto;
  }
}

/* Status dashboard on homepage (p=index): FINAL stabilization for zoom + card height growth */
@media (min-width: 480px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: 352px 332px !important;
    grid-auto-rows: 0 !important;
    align-items: stretch !important;
    min-width: 1120px !important;
  }

  body.page-index .statusdash-card-profile,
  body.page-index .statusdash-card-bandwidth,
  body.page-index .statusdash-card-library-modern,
  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule,
  body.page-index .statusdash-column-top-screens,
  body.page-index .statusdash-card-tasks,
  body.page-index .statusdash-card-unused-assets {
    min-height: 0 !important;
    height: auto !important;
  }

  body.page-index .statusdash-card-profile {
    grid-column: 1 / span 3 !important;
    grid-row: 1 !important;
    overflow: hidden;
  }

  body.page-index .statusdash-card-bandwidth {
    grid-column: 4 / span 3 !important;
    grid-row: 1 !important;
    overflow: hidden;
  }

  body.page-index .statusdash-card-library-modern {
    grid-column: 7 / span 3 !important;
    grid-row: 1 !important;
    overflow: hidden;
  }

  body.page-index .statusdash-column-top-screens {
    grid-column: 10 / span 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    height: 100% !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-card-tasks {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-card-unused-assets {
    margin-top: auto !important;
    min-height: 170px !important;
  }

  body.page-index .statusdash-card-runtime {
    grid-column: 1 / span 3 !important;
    grid-row: 2 !important;
    overflow: hidden;
  }

  body.page-index .statusdash-card-schedule {
    grid-column: 4 / span 6 !important;
    grid-row: 2 !important;
    overflow: hidden;
  }

  body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap {
    flex: 0 0 150px !important;
    height: 150px !important;
    min-height: 150px !important;
  }

  body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual {
    flex: 0 0 160px !important;
    min-height: 160px !important;
  }

  body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap {
    height: 160px !important;
    min-height: 160px !important;
  }

  body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-chart-wrap {
    height: 132px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
    max-width: 154px !important;
  }
}

@media (max-width: 479px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }

  body.page-index .statusdash-card-profile,
  body.page-index .statusdash-card-bandwidth,
  body.page-index .statusdash-card-library-modern,
  body.page-index .statusdash-column-top-screens,
  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}

/* Status dashboard on homepage (p=index): FINAL v31 hard height lock (prevents auto-growing on zoom) */
@media (min-width: 480px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: 300px 280px !important;
    grid-auto-rows: 0 !important;
    gap: 8px !important;
    min-width: 1080px !important;
    align-items: stretch !important;
  }

  body.page-index .statusdash-card-profile {
    grid-column: 1 / span 3 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card-bandwidth {
    grid-column: 4 / span 3 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card-library-modern {
    grid-column: 7 / span 3 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-column-top-screens {
    grid-column: 10 / span 3 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-top-kpi-strip-column {
    flex: 0 0 auto !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-card-tasks {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-card-unused-assets {
    flex: 0 0 auto !important;
    margin-top: auto !important;
    min-height: 145px !important;
  }

  body.page-index .statusdash-card-runtime {
    grid-column: 1 / span 3 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card-schedule {
    grid-column: 4 / span 6 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap {
    flex: 0 0 130px !important;
    min-height: 130px !important;
    height: 130px !important;
  }

  body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual {
    flex: 0 0 138px !important;
    min-height: 138px !important;
  }

  body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap {
    min-height: 138px !important;
    height: 138px !important;
  }

  body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-chart-wrap {
    height: 112px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
    min-height: 122px !important;
    padding: 0 !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
    max-width: 126px !important;
  }
}

@media (max-width: 479px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }

  body.page-index .statusdash-card-profile,
  body.page-index .statusdash-card-bandwidth,
  body.page-index .statusdash-card-library-modern,
  body.page-index .statusdash-column-top-screens,
  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: auto !important;
  }
}

/* Status dashboard on homepage (p=index): compact Screen Health KPI boxes and prevent chart/text overlap */
@media (min-width: 480px) {
  body.page-index .statusdash-card.statusdash-card-profile {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-head,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
    flex-shrink: 0 !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
    width: min(100%, 114px) !important;
    max-width: 114px !important;
    margin: 0 auto !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
    gap: 5px !important;
    margin-top: 0 !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
    min-height: 31px !important;
    padding: 4px 7px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi span {
    font-size: 9px !important;
    line-height: 1 !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi-meta {
    font-size: 8px !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi strong {
    font-size: 11px !important;
    line-height: 1.05 !important;
    margin-top: 2px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi:last-child strong {
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-score {
    font-size: 22px !important;
  }
}

/* Status dashboard on homepage (p=index): FINAL v33 keep grid stable but remove clipping */
@media (min-width: 480px) {
  body.page-index .statusdash-neo-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: minmax(356px, auto) minmax(372px, auto) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    min-width: 1080px !important;
    align-items: start !important;
  }

  body.page-index .statusdash-card-profile {
    grid-column: 1 / span 3 !important;
    grid-row: 1 !important;
  }

  body.page-index .statusdash-card-bandwidth {
    grid-column: 4 / span 3 !important;
    grid-row: 1 !important;
  }

  body.page-index .statusdash-card-library-modern {
    grid-column: 7 / span 3 !important;
    grid-row: 1 !important;
  }

  body.page-index .statusdash-column-top-screens {
    grid-column: 10 / span 3 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.page-index .statusdash-card-runtime {
    grid-column: 1 / span 3 !important;
    grid-row: 2 !important;
  }

  body.page-index .statusdash-card-schedule {
    grid-column: 4 / span 6 !important;
    grid-row: 2 !important;
  }

  body.page-index .statusdash-card-profile,
  body.page-index .statusdash-card-bandwidth,
  body.page-index .statusdash-card-library-modern,
  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule,
  body.page-index .statusdash-column-top-screens,
  body.page-index .statusdash-column-top-screens .statusdash-card-tasks,
  body.page-index .statusdash-column-top-screens .statusdash-card-unused-assets {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-card-tasks {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.page-index .statusdash-column-top-screens .statusdash-card-unused-assets {
    margin-top: auto !important;
    min-height: 150px !important;
  }

  body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap {
    flex: 0 0 145px !important;
    min-height: 145px !important;
    height: 145px !important;
  }

  body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual {
    flex: 0 0 155px !important;
    min-height: 155px !important;
  }

  body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap {
    min-height: 155px !important;
    height: 155px !important;
  }

  body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-chart-wrap {
    height: 126px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
    min-height: 132px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
    width: min(100%, 118px) !important;
    max-width: 118px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi:last-child strong {
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Status dashboard on homepage (p=index): FINAL v35 match Schedule height to Runtime */
@media (min-width: 480px) {
  body.page-index .statusdash-neo-grid {
    grid-template-rows: minmax(356px, auto) minmax(324px, auto) !important;
    align-items: stretch !important;
  }

  body.page-index .statusdash-card-runtime,
  body.page-index .statusdash-card-schedule {
    align-self: stretch !important;
    height: 100% !important;
  }

  body.page-index .statusdash-card.statusdash-card-schedule {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid,
  body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid.is-scrollable {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
  }
}

/* Status dashboard on homepage (p=index): FINAL v36 center Screen Health donut + keep KPI boxes within card width */
@media (min-width: 480px) {
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
    flex: 0 0 auto !important;
    width: min(100%, 118px) !important;
    max-width: 118px !important;
    margin: 0 auto !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 4px 6px !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi span,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi em,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Status dashboard on homepage (p=index): FINAL v37 hard enforce Screen Health centering + KPI fit */
@media (min-width: 480px) {
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
    flex: 0 0 auto !important;
    justify-self: center !important;
    align-self: center !important;
    width: min(100%, 118px) !important;
    max-width: 118px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-canvas {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 4px 6px !important;
    overflow: hidden !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi span,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi em,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi strong {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
}

/* Status dashboard on homepage (p=index): FINAL v38 all-width Screen Health centering + full-width KPI tiles */
body.page-index .statusdash-card.statusdash-card-profile {
  align-items: stretch !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
  flex: 0 0 auto !important;
  width: min(100%, 118px) !important;
  max-width: 118px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-canvas {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 6px !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 4px 6px !important;
  overflow: hidden !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi span,
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi em,
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}


/* Status dashboard: FINAL v40 Screen Health alignment normalization for index + status pages */
body.page-index .statusdash-card.statusdash-card-profile,
body.statusdash-page .statusdash-card.statusdash-card-profile {
  align-items: stretch !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-head,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-head {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-head-main,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-head-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-badge,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-badge {
  margin-left: auto !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid {
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Status dashboard: FINAL v41 force full-width grid track for Screen Health card */
@media (min-width: 480px) {

  body.page-index .statusdash-card.statusdash-card-profile,
  body.statusdash-page .statusdash-card.statusdash-card-profile {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
    align-content: start !important;
  }

  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-head,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid,
  body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid,
  body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-head,
  body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-mid,
  body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }
}

/* Status dashboard: FINAL v42 runtime range dropdown yellow hover/focus accent */
body.page-index .statusdash-runtime-range-select:hover,
body.page-index .statusdash-runtime-range-select:focus,
body.page-index .statusdash-runtime-range-select:active,
body.statusdash-page .statusdash-runtime-range-select:hover,
body.statusdash-page .statusdash-runtime-range-select:focus,
body.statusdash-page .statusdash-runtime-range-select:active,
.statusdash-runtime-range-select:hover,
.statusdash-runtime-range-select:focus,
.statusdash-runtime-range-select:active {
  border-color: rgba(246, 191, 85, 0.82) !important;
  box-shadow: 0 0 0 3px rgba(246, 191, 85, 0.30) !important;
  outline: none !important;
}

/* Status dashboard: FINAL v43 runtime range option hover/selected yellow */
body.page-index .statusdash-runtime-range-select option:hover,
body.page-index .statusdash-runtime-range-select option:focus,
body.page-index .statusdash-runtime-range-select option:checked,
body.statusdash-page .statusdash-runtime-range-select option:hover,
body.statusdash-page .statusdash-runtime-range-select option:focus,
body.statusdash-page .statusdash-runtime-range-select option:checked,
.statusdash-runtime-range-select option:hover,
.statusdash-runtime-range-select option:focus,
.statusdash-runtime-range-select option:checked {
  background: #f6bf55 linear-gradient(0deg, #f6bf55, #f6bf55) !important;
  background-color: #f6bf55 !important;
  color: #1f252d !important;
}

/* Timeline fullscreen modal: modern button system */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal {
  --timeline-btn-bg: linear-gradient(180deg, #ffffff 0%, #edf2f8 100%);
  --timeline-btn-border: #c7d3e2;
  --timeline-btn-text: #23364c;
  --timeline-btn-shadow: 0 2px 6px rgba(20, 43, 71, 0.14);
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn {
  background: var(--timeline-btn-bg);
  border: 1px solid var(--timeline-btn-border);
  border-radius: 10px;
  box-shadow: var(--timeline-btn-shadow);
  color: var(--timeline-btn-text);
  font-weight: 600;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn:focus {
  background: #e8eff8;
  border-color: #b5c5da;
  color: #1e3045;
  box-shadow: 0 3px 8px rgba(20, 43, 71, 0.16);
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn:active {
  transform: translateY(1px);
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-default {
  background: var(--timeline-btn-bg);
  border-color: var(--timeline-btn-border);
  color: var(--timeline-btn-text);
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-primary {
  background: linear-gradient(145deg, #2f6fad 0%, #245987 100%);
  border-color: #245987;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-primary:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-primary:focus {
  background: linear-gradient(145deg, #285f95 0%, #1f4d76 100%);
  border-color: #1f4d76;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-success {
  background: linear-gradient(145deg, #2f7d53 0%, #256644 100%);
  border-color: #256644;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-success:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-success:focus {
  background: linear-gradient(145deg, #286c48 0%, #215a3c 100%);
  border-color: #215a3c;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-warning {
  background: linear-gradient(145deg, #c48b1f 0%, #a97316 100%);
  border-color: #a97316;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-warning:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-warning:focus {
  background: linear-gradient(145deg, #ae7b1b 0%, #956512 100%);
  border-color: #956512;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-sm {
  border-radius: 9px;
  font-size: 12px;
  height: 34px;
  line-height: 32px;
  padding: 0 12px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-xs {
  border-radius: 8px;
  font-size: 11px;
  height: 28px;
  line-height: 26px;
  padding: 0 9px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab {
  background: #eef2f6 !important;
  border: 1px solid #c7d2de !important;
  border-radius: 11px !important;
  box-shadow: none;
  color: #2a3a4e !important;
  font-size: 11px;
  font-weight: 700;
  height: 32px;
  line-height: 30px;
  padding: 0 12px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:focus {
  background: #e6ebf1 !important;
  border-color: #b9c4d1 !important;
  color: #223347 !important;
  outline: none;
  transform: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active:focus {
  background: #121827 !important;
  border-color: #121827 !important;
  color: #ffffff !important;
  outline: none;
  transform: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolActions .btn {
  min-width: 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadButtons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadButtons .btn {
  flex: 0 0 auto !important;
  max-width: none;
  min-width: 0;
  width: auto !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .btn {
  border-radius: 7px;
  font-size: 10px;
  font-weight: 700;
  height: 24px;
  line-height: 22px;
  padding: 0 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineUploadMediaToggleBtn {
  white-space: nowrap;
}

/* Timeline fullscreen modal: explicit red delete button */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-danger {
  background: linear-gradient(145deg, #c85151 0%, #a63a3a 100%);
  border-color: #a63a3a;
  color: #ffffff;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-danger:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .btn.btn-danger:focus {
  background: linear-gradient(145deg, #b94848 0%, #953333 100%);
  border-color: #953333;
  color: #ffffff;
}

/* Timeline fullscreen modal: connected segmented tabs (not separate chip boxes) */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTabs {
  display: inline-flex;
  gap: 0;
  max-width: 92%;
  border: 1px solid #c7d2de;
  border-radius: 11px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #eef2f6;
  padding: 0;
}


.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid #c7d2de !important;
  border-radius: 0 !important;
  box-shadow: none;
  color: #2a3a4e !important;
  font-size: 10px;
  height: 30px;
  line-height: 28px;
  margin: 0;
  padding: 0 7px;
}


.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:last-child {
  border-right: 0 !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab:focus {
  background: #e6ebf1 !important;
  color: #223347 !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTab.is-active:focus {
  background: #121827 !important;
  border-right-color: #121827 !important;
  color: #ffffff !important;
}

/* Timeline fullscreen modal: narrower right-aligned search + increased sidebar panel gap */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow {
  justify-content: flex-end;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow .input-group {
  flex: 0 0 62%;
  max-width: 62%;
  margin-left: auto;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSidebarColumn {
  padding-top: 14px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineSidebarColumn .timeline-add-panel.timelineMediaStudio {
  margin-top: 8px;
  padding: 12px;
}

@media (max-width: 1180px) {
  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow {
    justify-content: stretch;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow .input-group {
    flex: 1 1 auto;
    max-width: 100%;
    margin-left: 0;
  }
}

/* Timeline fullscreen modal: tabs left + compact search/upload right on same row */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryTools {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTabs {
  flex: 0 1 auto;
  min-width: 0;
  width: fit-content;
  max-width: calc(100% - 330px);
  margin-right: 4px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineQuickAddMenu {
  order: 2;
  flex: 0 0 100%;
  margin-top: 0;
}


.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap {
  order: 3;
  margin-top: 0;
  margin-left: auto;
  flex: 0 0 auto;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow {
  justify-content: flex-end;
  gap: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow .input-group {
  flex: 0 0 210px;
  max-width: 210px;
  margin-left: 0;
}

@media (max-width: 1360px) {
  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryTools {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryCategoryTabs {
    width: 100%;
    margin-right: 0;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap {
    margin-left: 0;
    width: 100%;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow {
    justify-content: flex-start;
  }

  .bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchRow .input-group {
    flex: 1 1 auto;
    max-width: 100%;
  }
}

/* Timeline fullscreen modal: centered pager + compact primary-model button look */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager {
  justify-content: center;
  width: 100%;
  gap: 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager .btn {
  align-items: center;
  background: #f6f7f5 !important;
  border: 1px solid #cfd5cc !important;
  border-radius: 9px !important;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  color: #223247 !important;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 26px;
  min-width: 56px;
  padding: 0 10px;
  text-transform: uppercase;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager .btn:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager .btn:focus,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager .btn:active {
  background: #2f343a !important;
  border-color: #2f343a !important;
  box-shadow: none;
  color: #ffffff !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager .timelineLibraryPageInfo,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibraryPager .timelineLibraryTotal {
  color: #5a7491;
  font-size: 11px;
  font-weight: 700;
}

/* Timeline fullscreen modal: single-action search with integrated icon */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group {
  background: #f6f7f5;
  border: 1px solid #cfd5cc;
  border-radius: 9px;
  box-shadow: 0 2px 5px rgba(32, 38, 45, 0.08);
  overflow: hidden;
  position: relative;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group:before {
  color: #60748a;
  content: "\\e003";
  font-family: "Glyphicons Halflings";
  font-size: 12px;
  left: 10px;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group .form-control {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #23364c;
  height: 32px;
  padding: 6px 8px 6px 30px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group .form-control:focus {
  box-shadow: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh {
  background: transparent;
  border: 0;
  border-left: 1px solid #cfd5cc;
  border-radius: 0;
  box-shadow: none;
  color: #223247;
  font-size: 11px;
  font-weight: 700;
  height: 32px;
  padding: 0 11px;
  text-transform: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh:focus,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh:active {
  background: #2f343a;
  border-left-color: #2f343a;
  color: #ffffff;
}

/* Timeline fullscreen modal: fix search icon/text overlap artifact */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group:before {
  content: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group .form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2360748a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21'/%3E%3C/svg%3E");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border-radius: 9px 0 0 9px;
  padding-left: 30px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group .input-group-btn .btn {
  border-left: 1px solid #cfd5cc;
  border-radius: 0 9px 9px 0;
  height: 32px;
  margin-left: 0;
}

/* Timeline fullscreen modal: make search box + Search button match Upload Media model */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group {
  background: var(--timeline-btn-bg);
  border: 1px solid var(--timeline-btn-border);
  border-radius: 9px;
  box-shadow: var(--timeline-btn-shadow);
  overflow: hidden;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group:focus-within {
  background: #e8eff8;
  border-color: #b5c5da;
  box-shadow: 0 3px 8px rgba(20, 43, 71, 0.16);
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group .form-control {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: var(--timeline-btn-text);
  font-size: 12px;
  font-weight: 600;
  height: 34px;
  line-height: 34px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap .input-group .form-control::placeholder {
  color: #6b7d92;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh {
  background: transparent;
  border: 0;
  border-left: 1px solid var(--timeline-btn-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--timeline-btn-text);
  font-size: 12px;
  font-weight: 600;
  height: 34px;
  line-height: 32px;
  padding: 0 12px;
  text-transform: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh:hover,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh:focus,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelineLibrarySearchWrap #timelineLibraryRefresh:active {
  background: #e8eff8;
  border-left-color: #b5c5da;
  color: #1e3045;
}

/* Timeline fullscreen modal: keep Preview/Assign actions inside pool image cards */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions {
  display: flex;
  gap: 2px;
  margin-top: 4px;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .btn {
  flex: 1 1 0;
  min-width: 0;
  height: 22px;
  line-height: 20px;
  padding: 0 4px;
  font-size: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Timeline fullscreen modal: icon-only Preview/Assign buttons with hover text */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions {
  align-items: center;
  gap: 6px;
  justify-content: center;
  margin-top: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn {
  align-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 32px;
  height: 32px !important;
  justify-content: center;
  line-height: 1 !important;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  overflow: visible;
  padding: 0 !important;
  position: relative;
  width: 32px !important;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn .glyphicon,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn .glyphicon {
  font-size: 11px;
  line-height: 1;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn::before,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn::before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #121827;
  bottom: calc(100% + 1px);
  content: "";
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.15s ease;
  z-index: 24;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn::after,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn::after {
  background: #121827;
  border-radius: 6px;
  bottom: calc(100% + 7px);
  color: #ffffff;
  content: attr(data-hover-label);
  font-size: 10px;
  font-weight: 700;
  left: 50%;
  line-height: 1.2;
  opacity: 0;
  padding: 4px 7px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
  white-space: nowrap;
  z-index: 25;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn:hover::before,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn:focus::before,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn:focus-visible::before,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn:hover::before,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn:focus::before,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn:focus-visible::before {
  opacity: 1;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn:hover::after,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn:focus::after,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelinePoolPreviewBtn:focus-visible::after,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn:hover::after,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn:focus::after,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolItemActions .timelineAssignSingleBtn:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* Timeline preview fallbacks for non-image/video media */
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--generic {
  align-items: stretch;
  justify-content: flex-start;
  overflow: auto;
  padding: 6px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--generic .well {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 10px;
  color: #1f2f42;
  margin: 0;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--region {
  align-items: stretch;
  justify-content: center;
  overflow: auto;
  padding: 4px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--region .regionPreviewOverlay {
  display: none;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--region .hoverPreview,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--region .preview,
.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--region .previewContent {
  max-height: none;
  min-height: 0;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackFrame.timelinePlaybackFrame--region iframe {
  min-height: 240px;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolPreviewBody .timelineSmallPreviewPlaceholder {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  min-height: 220px;
  padding: 18px 8px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolPreviewBody .timelineSmallPreviewPlaceholder .glyphicon {
  font-size: 22px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolPreviewBody .timelineSmallPreviewPlaceholder strong {
  color: #dbe7f7;
  font-size: 14px;
  line-height: 1.35;
  max-width: 100%;
  text-align: center;
  word-break: break-word;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePoolPreviewBody .timelineSmallPreviewPlaceholder small {
  color: #9fb1ca;
  font-size: 11px;
  letter-spacing: 0.06em;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackGenericCard {
  align-items: center;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #d9e3f1;
  border-radius: 12px;
  color: #1f2f42;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
  min-height: 210px;
  padding: 18px 14px;
  text-align: center;
  width: 100%;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackGenericCard .glyphicon {
  color: #5b78a1;
  font-size: 28px;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackGenericCard strong {
  font-size: 14px;
  line-height: 1.35;
  max-width: 100%;
  word-break: break-word;
}

.bootbox.schedule-event-drawer-modal.timeline-fullscreen-modal .timelinePlaybackGenericCard small {
  color: #60748a;
  font-size: 11px;
  letter-spacing: 0.08em;
}

/* Layout display form (Add/Edit Canvas) modern controls */
.bootbox.layout-display-form-modal .modal-footer .btn {
  border-radius: 10px;
  font-weight: 700;
  min-width: 92px;
  transition: all 0.2s ease;
}

.bootbox.layout-display-form-modal .modal-footer .btn.btn-default {
  background: #ffffff;
  border: 1px solid #c7d1dd;
  color: #1f2f42;
}

.bootbox.layout-display-form-modal .modal-footer .btn.btn-default:hover,
.bootbox.layout-display-form-modal .modal-footer .btn.btn-default:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.layout-display-form-modal .modal-footer .btn.btn-primary {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

.bootbox.layout-display-form-modal .modal-footer .btn.btn-primary:hover,
.bootbox.layout-display-form-modal .modal-footer .btn.btn-primary:focus {
  background: #162335;
  border-color: #162335;
}

.bootbox.layout-display-form-modal #LayoutForm .bootstrap-select {
  width: 100% !important;
}

.bootbox.layout-display-form-modal #LayoutForm .bootstrap-select>.btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  height: 38px;
  justify-content: space-between;
  letter-spacing: 0.3px;
  padding: 0 12px;
  transition: all 0.2s ease;
}

.bootbox.layout-display-form-modal #LayoutForm .bootstrap-select>.btn:hover,
.bootbox.layout-display-form-modal #LayoutForm .bootstrap-select>.btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-wrap {
  margin-bottom: 6px;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  color: #1f2f42;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  height: 36px;
  letter-spacing: 0.4px;
  margin: 0;
  padding: 0 14px;
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-btn input[type="checkbox"] {
  accent-color: #1f2f42;
  margin: 0 6px 0 0 !important;
  margin-left: 0 !important;
  position: static !important;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-btn:hover,
.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-btn:focus {
  background: #f6f9fc;
  border-color: #9eaec0;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-btn.is-checked,
.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-wrap.is-checked .layout-keep-permanent-toggle-btn {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

.bootbox.layout-display-form-modal #LayoutForm .canvas-auto-delete-period.layout-expiry-disabled {
  opacity: 0.45;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tags-token-input,
.bootbox #TemplateAddForm .layout-tags-token-input,
.bootbox #TemplateEditForm .layout-tags-token-input {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c7d1dd;
  border-radius: 11px;
  cursor: text;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 38px;
  padding: 6px 8px;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tags-token-input:focus-within,
.bootbox #TemplateAddForm .layout-tags-token-input:focus-within,
.bootbox #TemplateEditForm .layout-tags-token-input:focus-within {
  border-color: #8ea3ba;
  box-shadow: 0 0 0 2px rgba(31, 47, 66, 0.12);
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tags-token-list,
.bootbox #TemplateAddForm .layout-tags-token-list,
.bootbox #TemplateEditForm .layout-tags-token-list {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tag-token,
.bootbox #TemplateAddForm .layout-tag-token,
.bootbox #TemplateEditForm .layout-tag-token {
  align-items: center;
  background: #1f2f42;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  gap: 6px;
  line-height: 1;
  padding: 6px 8px;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tag-token-remove,
.bootbox #TemplateAddForm .layout-tag-token-remove,
.bootbox #TemplateEditForm .layout-tag-token-remove {
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tags-token-editor,
.bootbox #TemplateAddForm .layout-tags-token-editor,
.bootbox #TemplateEditForm .layout-tags-token-editor {
  border: none;
  box-shadow: none;
  display: inline-block;
  flex: 1 1 120px;
  font-size: 12px;
  height: 24px;
  margin: 0;
  min-width: 120px;
  padding: 0;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tags-token-editor:focus,
.bootbox #TemplateAddForm .layout-tags-token-editor:focus,
.bootbox #TemplateEditForm .layout-tags-token-editor:focus {
  box-shadow: none;
}

.bootbox.layout-display-form-modal #LayoutForm .layout-tags-source-input,
.bootbox #TemplateAddForm .layout-tags-source-input,
.bootbox #TemplateEditForm .layout-tags-source-input {
  display: none !important;
}

/* Layout grid: inline filters beneath column headers */
.MeemsignGrid .layout-inline-filter-row>th {
  background: #f7f9fc;
  border-top: 0 !important;
  padding: 6px 8px !important;
  vertical-align: middle !important;
}

.MeemsignGrid .layout-inline-filter-row .layout-grid-inline-text-filter,
.MeemsignGrid .layout-inline-filter-row .layout-grid-inline-select-filter {
  border: 1px solid #cfd7e2;
  border-radius: 8px;
  font-size: 12px;
  height: 30px;
  min-width: 80px;
  padding: 4px 8px;
  width: 100%;
}

.MeemsignGrid .layout-inline-filter-row .layout-grid-inline-select-filter {
  padding-right: 20px;
}

.MeemsignGrid .layout-inline-filter-row .layout-grid-inline-check-filter {
  align-items: center;
  color: #33455d;
  cursor: pointer;
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  gap: 5px;
  margin: 0;
  white-space: nowrap;
}

.MeemsignGrid .layout-inline-filter-row .layout-grid-inline-check-filter input[type="checkbox"] {
  margin: 0;
}

/* Layout grid columns picker */
.MeemsignGrid .layout-grid-top-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin: 0 0 8px;
  position: relative;
}

.MeemsignGrid .layout-grid-left-actions,
.MeemsignGrid .layout-grid-right-actions {
  align-items: center;
  display: inline-flex;
  gap: 10px;
}

.MeemsignGrid .layout-grid-right-actions {
  margin-left: auto;
}

.MeemsignGrid .layout-grid-right-actions .layout-grid-action-menu.pull-right {
  float: none !important;
}

.MeemsignGrid .layout-grid-reset-filter-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c9d4e0;
  border-radius: 10px;
  color: #2a3d54;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  height: 34px;
  line-height: 1;
  padding: 0 12px;
  text-transform: uppercase;
}

.MeemsignGrid .layout-grid-reset-filter-btn:hover,
.MeemsignGrid .layout-grid-reset-filter-btn:focus {
  background: #f4f7fb;
  border-color: #b8c6d8;
  color: #1f2f42;
}

.MeemsignGrid .layout-grid-columns-panel,
.layout-grid-columns-panel.meemsign-floating-dropdown {
  background: #ffffff;
  border: 1px solid #d4dce6;
  border-radius: 12px;
  box-shadow: 0 12px 26px rgba(24, 35, 50, 0.18);
  display: none;
  min-width: 280px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 25;
}

.MeemsignGrid .layout-grid-columns-panel.open,
.layout-grid-columns-panel.meemsign-floating-dropdown.open {
  display: block;
}

/* Any page with columns picker: keep panel visible without forcing widget scrollbars */
.MeemsignGrid.layout-grid-columns-host-grid .MeemsignFilter,
.MeemsignGrid.layout-grid-columns-host-grid .MeemsignFilter .FilterDiv,
.MeemsignGrid.layout-grid-columns-host-grid .layout-grid-top-actions {
  overflow: visible !important;
}

.MeemsignGrid.layout-grid-columns-host-grid .layout-grid-top-actions {
  position: relative;
  z-index: 40;
}

.MeemsignGrid.layout-grid-columns-host-grid .layout-grid-columns-panel {
  z-index: 1200;
}

.layout-grid-columns-host.layout-grid-columns-panel-open,
.layout-grid-columns-host.layout-grid-columns-panel-open .widget-body {
  overflow: visible !important;
}

.MeemsignGrid .layout-grid-columns-head,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.MeemsignGrid .layout-grid-columns-meta,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-meta {
  color: #5d7087;
  font-size: 11px;
  margin-bottom: 8px;
}

.MeemsignGrid .layout-grid-columns-search-wrap,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-search-wrap {
  margin-bottom: 8px;
}

.MeemsignGrid .layout-grid-columns-search,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-search {
  border-radius: 8px;
  font-size: 12px;
  height: 32px;
}

.MeemsignGrid .layout-grid-columns-select-all-wrap,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-select-all-wrap {
  border-bottom: 1px solid #e3e9ef;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.MeemsignGrid .layout-grid-columns-select-all-wrap label,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-select-all-wrap label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  margin: 0;
}

.MeemsignGrid .layout-grid-columns-list,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-list {
  max-height: 220px;
  overflow-y: auto;
  padding-right: 4px;
}

.MeemsignGrid .layout-grid-columns-item,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-item {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 7px;
  margin: 0;
  padding: 6px 6px;
}

.MeemsignGrid .layout-grid-columns-item:hover,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-item:hover {
  background: #f3f7fb;
}

.MeemsignGrid .layout-grid-columns-footer,
.layout-grid-columns-panel.meemsign-floating-dropdown .layout-grid-columns-footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
}

.MeemsignGrid .MeemsignData tbody tr.layout-inline-filter-hidden {
  display: none !important;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-wrap {
  position: relative;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-wrap .layout-grid-inline-text-filter {
  padding-right: 30px;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-btn {
  align-items: center;
  border: 0;
  border-left: 1px solid #d5dde8;
  border-radius: 0 8px 8px 0;
  color: #4f6782;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 28px;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-btn:hover,
.MeemsignGrid .layout-inline-filter-row .layout-column-filter-btn:focus {
  background: #eef4fb;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-menu,
.layout-column-filter-menu.meemsign-floating-dropdown {
  background: #ffffff;
  border: 1px solid #ccd7e4;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(26, 39, 56, 0.2);
  display: none;
  left: 0;
  min-width: 165px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 4px);
  z-index: 30;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-menu.open,
.layout-column-filter-menu.meemsign-floating-dropdown.open {
  display: block;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-menu .form-control,
.layout-column-filter-menu.meemsign-floating-dropdown .form-control {
  border-radius: 5px;
  font-size: 12px;
  height: 28px;
  margin-bottom: 6px;
  padding: 4px 6px;
}

.MeemsignGrid .layout-inline-filter-row .layout-column-filter-menu .form-control:last-child,
.layout-column-filter-menu.meemsign-floating-dropdown .form-control:last-child {
  margin-bottom: 0;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-wrap {
  position: relative;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-btn {
  border: 1px solid #cfd7e2;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  padding: 0 10px;
  width: 100%;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-menu,
.layout-status-filter-menu.meemsign-floating-dropdown {
  background: #ffffff;
  border: 1px solid #ccd7e4;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(26, 39, 56, 0.2);
  display: none;
  left: 0;
  min-width: 170px;
  padding: 8px;
  position: absolute;
  top: calc(100% + 4px);
  z-index: 30;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-menu.open,
.layout-status-filter-menu.meemsign-floating-dropdown.open {
  display: block;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-all,
.MeemsignGrid .layout-inline-filter-row .layout-status-filter-item,
.layout-status-filter-menu.meemsign-floating-dropdown .layout-status-filter-all,
.layout-status-filter-menu.meemsign-floating-dropdown .layout-status-filter-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  margin: 0 0 6px;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-list,
.layout-status-filter-menu.meemsign-floating-dropdown .layout-status-filter-list {
  border-top: 1px solid #e2e8f0;
  margin-top: 6px;
  max-height: 140px;
  overflow-y: auto;
  padding-top: 6px;
}

.MeemsignGrid .layout-inline-filter-row .layout-status-filter-item:last-child,
.layout-status-filter-menu.meemsign-floating-dropdown .layout-status-filter-item:last-child {
  margin-bottom: 0;
}

.MeemsignGrid .layout-grid-action-menu {
  margin: 0;
}

.MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a {
  background: #ffffff !important;
  border-color: #c9d4e0 !important;
  color: #2a3d54 !important;
}

body.design-menu-page #content-wrapper .MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a,
body.page-admin:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a,
body:not(.statusdash-page):not(.softqa-login-page) #content-wrapper .MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a {
  background: #ffffff !important;
}

.MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a:hover,
.MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a:focus,
.MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a:active {
  background: #f4f7fb !important;
  border-color: #b8c6d8 !important;
  color: #1f2f42 !important;
}

.MeemsignGrid .layout-grid-action-menu>li.layout-grid-columns-nav-item>a::before {
  content: none !important;
  display: none !important;
}

.MeemsignGrid .layout-grid-columns-btn .fa-eye {
  margin-right: 6px;
}

.MeemsignGrid .layout-grid-columns-btn .fa-caret-down {
  margin-left: 6px;
}

.MeemsignGrid .layout-grid-top-actions {
  align-items: center;
  gap: 10px;
}

.MeemsignGrid .layout-grid-auto-refresh-toggle {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c9d4e0;
  border-radius: 999px;
  color: #2a3d54;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 10px;
  margin: 0;
  padding: 6px 10px;
  position: relative;
  user-select: none;
}

.MeemsignGrid .layout-grid-auto-refresh-label {
  color: #2a3d54;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.MeemsignGrid .layout-grid-auto-refresh-input {
  height: 1px;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.MeemsignGrid .layout-grid-auto-refresh-switch {
  background: #cfd8e3;
  border-radius: 999px;
  display: inline-block;
  height: 22px;
  position: relative;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
  width: 42px;
}

.MeemsignGrid .layout-grid-auto-refresh-knob {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(18, 31, 46, 0.32);
  height: 18px;
  left: 2px;
  position: absolute;
  top: 2px;
  transition: transform 0.2s ease;
  width: 18px;
}

.MeemsignGrid .layout-grid-auto-refresh-input:focus+.layout-grid-auto-refresh-switch {
  box-shadow: 0 0 0 3px rgba(40, 87, 156, 0.2);
}

.MeemsignGrid .layout-grid-auto-refresh-input:checked+.layout-grid-auto-refresh-switch {
  background: #1f2f42;
}

.MeemsignGrid .layout-grid-auto-refresh-input:checked+.layout-grid-auto-refresh-switch .layout-grid-auto-refresh-knob {
  transform: translateX(20px);
}

body.page-campaign .MeemsignGrid .campaign-grid-action-icons {
  display: inline-flex;
  gap: 10px;
  justify-content: flex-end;
}

body.page-campaign .MeemsignGrid .campaign-grid-action-icon {
  align-items: center;
  color: #000000;
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  line-height: 1;
  opacity: 0.9;
  padding: 0 2px;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
}

body.page-campaign .MeemsignGrid .campaign-grid-action-icon:hover,
body.page-campaign .MeemsignGrid .campaign-grid-action-icon:focus {
  color: #000000;
  filter: drop-shadow(0 1px 2px rgba(16, 32, 52, 0.22));
  opacity: 1;
  text-decoration: none;
  transform: translateY(-1px) scale(1.06);
}

body.page-template .MeemsignGrid .template-resolution-grid-action-icons,
body.page-resolution .MeemsignGrid .template-resolution-grid-action-icons,
body.design-menu-page .MeemsignGrid .template-resolution-grid-action-icons {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: flex-end;
}

body.page-template .MeemsignGrid .template-resolution-grid-action-icon,
body.page-resolution .MeemsignGrid .template-resolution-grid-action-icon,
body.design-menu-page .MeemsignGrid .template-resolution-grid-action-icon {
  align-items: center;
  color: #000000;
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  line-height: 1;
  opacity: 0.9;
  padding: 0 2px;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
}

body.page-template .MeemsignGrid .template-resolution-grid-action-icon:hover,
body.page-template .MeemsignGrid .template-resolution-grid-action-icon:focus,
body.page-resolution .MeemsignGrid .template-resolution-grid-action-icon:hover,
body.page-resolution .MeemsignGrid .template-resolution-grid-action-icon:focus,
body.design-menu-page .MeemsignGrid .template-resolution-grid-action-icon:hover,
body.design-menu-page .MeemsignGrid .template-resolution-grid-action-icon:focus {
  color: #000000;
  filter: drop-shadow(0 1px 2px rgba(16, 32, 52, 0.22));
  opacity: 1;
  text-decoration: none;
  transform: translateY(-1px) scale(1.06);
}

.MeemsignGrid .general-grid-action-icons {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: flex-end;
}

.MeemsignGrid .general-grid-action-icon {
  align-items: center;
  color: #000000;
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  line-height: 1;
  opacity: 0.9;
  padding: 0 2px;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
}

.MeemsignGrid .general-grid-action-icon:hover,
.MeemsignGrid .general-grid-action-icon:focus {
  color: #000000;
  filter: drop-shadow(0 1px 2px rgba(16, 32, 52, 0.22));
  opacity: 1;
  text-decoration: none;
  transform: translateY(-1px) scale(1.06);
}

.MeemsignGrid .general-grid-action-more-wrap .dropdown-menu {
  left: auto;
  min-width: 165px;
  right: 0;
}

body.page-layout .MeemsignGrid .layout-grid-row-action-icons,
body.design-menu-page .MeemsignGrid .layout-grid-row-action-icons {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  justify-content: flex-end;
}

body.page-layout .MeemsignGrid .layout-grid-row-action-icon,
body.design-menu-page .MeemsignGrid .layout-grid-row-action-icon {
  align-items: center;
  color: #000000;
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  line-height: 1;
  opacity: 0.9;
  padding: 0 2px;
  text-decoration: none;
  transition: color 0.18s ease, transform 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
}

body.page-layout .MeemsignGrid .layout-grid-row-action-icon:hover,
body.page-layout .MeemsignGrid .layout-grid-row-action-icon:focus,
body.design-menu-page .MeemsignGrid .layout-grid-row-action-icon:hover,
body.design-menu-page .MeemsignGrid .layout-grid-row-action-icon:focus {
  color: #000000;
  filter: drop-shadow(0 1px 2px rgba(16, 32, 52, 0.22));
  opacity: 1;
  text-decoration: none;
  transform: translateY(-1px) scale(1.06);
}

body.page-layout .MeemsignGrid .layout-grid-row-action-more-wrap .dropdown-menu,
body.design-menu-page .MeemsignGrid .layout-grid-row-action-more-wrap .dropdown-menu {
  left: auto;
  min-width: 165px;
  right: 0;
}

/* Force inline action icons to stay black across page-level link color overrides. */
.MeemsignGrid .campaign-grid-action-icon,
.MeemsignGrid .campaign-grid-action-icon:visited,
.MeemsignGrid .campaign-grid-action-icon:active,
.MeemsignGrid .template-resolution-grid-action-icon,
.MeemsignGrid .template-resolution-grid-action-icon:visited,
.MeemsignGrid .template-resolution-grid-action-icon:active,
.MeemsignGrid .general-grid-action-icon,
.MeemsignGrid .general-grid-action-icon:visited,
.MeemsignGrid .general-grid-action-icon:active,
.MeemsignGrid .layout-grid-row-action-icon,
.MeemsignGrid .layout-grid-row-action-icon:visited,
.MeemsignGrid .layout-grid-row-action-icon:active {
  color: #000000 !important;
}

.MeemsignGrid .campaign-grid-action-icon:hover,
.MeemsignGrid .campaign-grid-action-icon:focus,
.MeemsignGrid .campaign-grid-action-icon:active,
.MeemsignGrid .template-resolution-grid-action-icon:hover,
.MeemsignGrid .template-resolution-grid-action-icon:focus,
.MeemsignGrid .template-resolution-grid-action-icon:active,
.MeemsignGrid .general-grid-action-icon:hover,
.MeemsignGrid .general-grid-action-icon:focus,
.MeemsignGrid .general-grid-action-icon:active,
.MeemsignGrid .layout-grid-row-action-icon:hover,
.MeemsignGrid .layout-grid-row-action-icon:focus,
.MeemsignGrid .layout-grid-row-action-icon:active {
  color: #000000 !important;
}

.MeemsignGrid .campaign-grid-action-icon .fa,
.MeemsignGrid .template-resolution-grid-action-icon .fa,
.MeemsignGrid .general-grid-action-icon .fa,
.MeemsignGrid .layout-grid-row-action-icon .fa {
  color: inherit !important;
}

.modern-single-upload-shell {
  align-items: center;
  background: linear-gradient(180deg, #f9fbfd 0%, #f2f6fb 100%);
  border: 1px dashed #b8c8db;
  border-radius: 14px;
  display: flex;
  gap: 12px;
  min-height: 72px;
  padding: 12px 14px;
  position: relative;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.modern-single-upload-shell:hover {
  border-color: #7f97b4;
  background: linear-gradient(180deg, #fdfefe 0%, #f6f9fd 100%);
}

.modern-single-upload-shell:focus-within {
  border-color: #3a5f86;
  box-shadow: 0 0 0 3px rgba(58, 95, 134, 0.18);
}

.modern-single-upload-icon {
  align-items: center;
  background: #e8f0fa;
  border-radius: 10px;
  color: #22384f;
  display: inline-flex;
  flex: 0 0 38px;
  font-size: 18px;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.modern-single-upload-copy {
  color: #1f3348;
  display: inline-flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.modern-single-upload-copy strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.modern-single-upload-copy span {
  color: #5d7086;
  font-size: 12px;
  line-height: 1.3;
}

.modern-single-upload-cta {
  background: #20344a;
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 8px 12px;
  white-space: nowrap;
}

.modern-single-upload-input {
  bottom: 0;
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.modern-backup-import-copy {
  color: #26394e;
  font-size: 13px;
  line-height: 1.45;
}

.modern-backup-import-copy p,
.modern-backup-import-note {
  margin: 0 0 12px 0;
}

.modern-backup-import-warning {
  background: #fff8e6;
  border: 1px solid #efd38d;
  border-left: 4px solid #c4891f;
  border-radius: 8px;
  color: #68470a;
  padding: 10px 12px;
}

.modern-backup-import-form {
  margin: 14px 0;
}

.modern-backup-upload-label {
  color: #1f3348;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 8px 0;
}

.modern-backup-upload-shell {
  border-style: solid;
  min-height: 84px;
}

.modern-backup-upload-shell.has-file {
  background: linear-gradient(180deg, #f7fcf9 0%, #eff8f3 100%);
  border-color: #7fb090;
}

.modern-backup-upload-shell.has-file .modern-single-upload-icon {
  background: #dff4e7;
  color: #17633a;
}

.modern-backup-upload-shell .modern-single-upload-cta {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 7px;
  justify-content: center;
  min-width: 98px;
}

.modern-backup-upload-filename {
  overflow-wrap: anywhere;
}

.modern-backup-upload-shell.has-file .modern-backup-upload-filename {
  color: #17633a;
  font-weight: 700;
}

.modern-backup-import-note {
  color: #53677d;
  font-size: 12px;
  line-height: 1.45;
}

.modern-backup-export-dialog {
  color: #26394e;
  font-size: 13px;
  line-height: 1.45;
}

.modern-backup-export-summary {
  align-items: flex-start;
  background: linear-gradient(180deg, #f9fbfd 0%, #f2f6fb 100%);
  border: 1px solid #d3deea;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  margin: 0 0 12px 0;
  padding: 13px 14px;
}

.modern-backup-export-summary p,
.modern-backup-export-item p {
  margin: 0;
}

.modern-backup-export-summary-icon,
.modern-backup-export-item span {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.modern-backup-export-summary-icon {
  background: #e8f0fa;
  color: #22384f;
}

.modern-backup-export-list {
  display: grid;
  gap: 8px;
  margin: 0 0 16px 0;
}

.modern-backup-export-item {
  align-items: flex-start;
  background: #fbfcfd;
  border: 1px solid #e0e7ef;
  border-radius: 8px;
  display: flex;
  gap: 11px;
  padding: 10px 12px;
}

.modern-backup-export-item span {
  background: #edf7f1;
  color: #17633a;
}

.modern-backup-export-item.is-note span {
  background: #fff3d8;
  color: #8a5a0a;
}

.modern-backup-export-action {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.modern-backup-export-button {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  min-width: 118px;
  justify-content: center;
}

.modern-tidy-library-form {
  margin: 0;
}

.modern-tidy-library-dialog {
  color: #26394e;
  font-size: 13px;
  line-height: 1.45;
}

.modern-tidy-library-warning {
  align-items: flex-start;
  background: #fff8e6;
  border: 1px solid #efd38d;
  border-left: 4px solid #c4891f;
  border-radius: 8px;
  color: #68470a;
  display: flex;
  gap: 12px;
  margin: 0 0 12px 0;
  padding: 12px 14px;
}

.modern-tidy-library-warning p {
  margin: 0;
}

.modern-tidy-library-warning-icon {
  align-items: center;
  background: #fff3d8;
  border-radius: 8px;
  color: #8a5a0a;
  display: inline-flex;
  flex: 0 0 32px;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.modern-tidy-library-options {
  display: grid;
  gap: 10px;
}

.modern-tidy-library-option {
  align-items: flex-start;
  background: #fbfcfd;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.modern-tidy-library-option:hover {
  background: #f7fafc;
  border-color: #b6c7da;
}

.modern-tidy-library-option:focus-within {
  border-color: #3a5f86;
  box-shadow: 0 0 0 3px rgba(58, 95, 134, 0.16);
}

.modern-tidy-library-option input[type="checkbox"] {
  flex: 0 0 18px;
  margin-top: 2px !important;
}

.modern-tidy-library-option-copy {
  color: #26394e;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.modern-tidy-library-option-copy strong {
  color: #1f3348;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.modern-tidy-library-option-copy span {
  color: #60748a;
  font-size: 12px;
  line-height: 1.4;
}

.modern-user-add-form {
  margin: 0;
}

.modern-user-add-dialog {
  color: #26394e;
  font-size: 13px;
  line-height: 1.45;
}

.modern-user-add-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.modern-user-add-field {
  background: #fbfcfd;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  padding: 12px 14px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.modern-user-add-field.is-wide {
  grid-column: 1 / -1;
}

.modern-user-add-field:focus-within {
  background: #ffffff;
  border-color: #3a5f86;
  box-shadow: 0 0 0 3px rgba(58, 95, 134, 0.16);
}

.modern-user-add-field label {
  align-items: center;
  color: #1f3348;
  display: flex;
  gap: 9px;
  margin: 0 0 8px 0;
}

.modern-user-add-field label span {
  align-items: center;
  background: #e8f0fa;
  border-radius: 8px;
  color: #22384f;
  display: inline-flex;
  flex: 0 0 30px;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.modern-user-add-field label strong {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.modern-user-add-field .form-control {
  background: #ffffff;
  border-color: #c8d4e1;
  border-radius: 8px;
  box-shadow: none;
  color: #1f3348;
  height: 38px;
}

.modern-user-add-field .form-control:focus {
  border-color: #3a5f86;
  box-shadow: none;
}

.modern-user-add-field select.form-control[disabled] {
  background: #eef3f7;
  color: #60748a;
}

.modern-user-add-field p {
  color: #60748a;
  font-size: 12px;
  line-height: 1.4;
  margin: 7px 0 0 0;
}

@media (max-width: 480px) {
  .modern-backup-upload-shell {
    align-items: flex-start;
    flex-direction: column;
  }

  .modern-backup-upload-shell .modern-single-upload-cta {
    width: 100%;
  }

  .modern-backup-export-action,
  .modern-backup-export-button {
    width: 100%;
  }

  .modern-user-add-grid {
    grid-template-columns: 1fr;
  }
}

/* Global modern checkbox design */
body input[type="checkbox"]:not(.layout-grid-auto-refresh-input) {
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff;
  border: 1px solid #9cb0c6;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  margin: 0 6px 0 0;
  position: relative;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  vertical-align: middle;
  width: 18px;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):hover {
  border-color: #5c7898;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):focus {
  box-shadow: 0 0 0 3px rgba(58, 95, 134, 0.22);
  outline: none;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):checked {
  background: #20344a;
  border-color: #20344a;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):checked::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  content: "";
  height: 9px;
  left: 6px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 5px;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):indeterminate {
  background: #20344a;
  border-color: #20344a;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):indeterminate::after {
  background: #ffffff;
  border-radius: 2px;
  content: "";
  height: 2px;
  left: 3px;
  position: absolute;
  top: 7px;
  width: 10px;
}

body input[type="checkbox"]:not(.layout-grid-auto-refresh-input):disabled {
  background: #eef2f6;
  border-color: #c9d4df;
  cursor: not-allowed;
  opacity: 0.7;
}

/* Keep custom in-button toggles native inside existing button controls */
.bootbox.schedule-event-drawer-modal form.schedule-dialog-form .schedule-priority-toggle-btn input[type="checkbox"],
.bootbox.layout-display-form-modal #LayoutForm .layout-keep-permanent-toggle-btn input[type="checkbox"] {
  -webkit-appearance: auto;
  appearance: auto;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: auto;
  margin: 0 6px 0 0 !important;
  width: auto;
}

.modern-single-upload-form~form .checkbox {
  margin: 0;
}

.modern-single-upload-form~form .checkbox label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  line-height: 1.3;
  padding-left: 0;
}

.modern-single-upload-form~form .checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff;
  border: 1px solid #9cb0c6;
  border-radius: 6px;
  cursor: pointer;
  height: 18px;
  margin: 0;
  position: relative;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
  width: 18px;
}

.modern-single-upload-form~form .checkbox input[type="checkbox"]:hover {
  border-color: #5c7898;
}

.modern-single-upload-form~form .checkbox input[type="checkbox"]:focus {
  box-shadow: 0 0 0 3px rgba(58, 95, 134, 0.22);
  outline: none;
}

.modern-single-upload-form~form .checkbox input[type="checkbox"]:checked {
  background: #20344a;
  border-color: #20344a;
}

.modern-single-upload-form~form .checkbox input[type="checkbox"]:checked::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  content: "";
  height: 9px;
  left: 6px;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 5px;
}

/* Dashboard (p=index): surface-matched neutral theme with high-contrast black text */
body.page-index .statusdash-neo {
  --statusdash-surface-100: #fbfcf8;
  --statusdash-surface-200: #f4f6ef;
  --statusdash-surface-300: #f0f3ea;
  --statusdash-surface-border: #d5dccb;
  --statusdash-surface-soft: #f8faf5;
}

body.page-index .statusdash-neo .statusdash-card,
body.page-index .statusdash-neo .statusdash-top-kpi,
body.page-index .statusdash-neo .statusdash-screen-health-kpi,
body.page-index .statusdash-neo .statusdash-bandwidth-metric,
body.page-index .statusdash-neo .statusdash-runtime-row,
body.page-index .statusdash-neo .statusdash-task-item,
body.page-index .statusdash-neo .statusdash-library-breakdown-item,
body.page-index .statusdash-neo .statusdash-unused-assets-panel,
body.page-index .statusdash-neo .statusdash-unused-assets-type-chip {
  background: linear-gradient(165deg, var(--statusdash-surface-100) 0%, var(--statusdash-surface-200) 65%, var(--statusdash-surface-300) 100%) !important;
  border-color: var(--statusdash-surface-border) !important;
  box-shadow: 0 8px 20px rgba(45, 55, 44, 0.08) !important;
}

body.page-index .statusdash-neo .statusdash-calendar-grid,
body.page-index .statusdash-neo .statusdash-bandwidth-chart-wrap,
body.page-index .statusdash-neo .statusdash-library-visual,
body.page-index .statusdash-neo .statusdash-runtime-chart-wrap,
body.page-index .statusdash-neo .statusdash-screen-health-donut-wrap {
  background: var(--statusdash-surface-soft) !important;
  border-color: var(--statusdash-surface-border) !important;
}

body.page-index .statusdash-neo [class*="statusdash-"],
body.page-index .statusdash-neo [class*="statusdash-"] h1,
body.page-index .statusdash-neo [class*="statusdash-"] h2,
body.page-index .statusdash-neo [class*="statusdash-"] h3,
body.page-index .statusdash-neo [class*="statusdash-"] h4,
body.page-index .statusdash-neo [class*="statusdash-"] p,
body.page-index .statusdash-neo [class*="statusdash-"] span,
body.page-index .statusdash-neo [class*="statusdash-"] strong,
body.page-index .statusdash-neo [class*="statusdash-"] em,
body.page-index .statusdash-neo [class*="statusdash-"] a,
body.page-index .statusdash-neo [class*="statusdash-"] i,
body.page-index .statusdash-neo [class*="statusdash-"] .fa {
  color: #111111 !important;
}

body.page-index .statusdash-neo .statusdash-top-kpi-icon,
body.page-index .statusdash-neo .statusdash-unused-assets-icon,
body.page-index .statusdash-neo .statusdash-screen-health-badge {
  background: #ffffff !important;
  border-color: #ccd4c4 !important;
}

body.page-index .statusdash-neo .statusdash-top-kpi-icon {
  border: 1px solid #ccd4c4 !important;
}

body.page-index .statusdash-neo .statusdash-action-link,
body.page-index .statusdash-neo .statusdash-event-link,
body.page-index .statusdash-neo .statusdash-card-link-shell {
  color: #111111 !important;
}

/* Dashboard (p=index): force black text specifically for Library, Bandwidth and Schedule cards */
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-progress-main,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-copy,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric span,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric strong,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-kicker,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-value,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-caption,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-copy strong,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-copy span,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-empty,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-card-head h3,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-head-meta,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-time-day,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-time-hour,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill strong,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill span {
  color: #111111 !important;
}

body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-metric,
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-bandwidth-chart-wrap,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-size-hero,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-breakdown-item,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-polar-wrap,
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-kpi,
body.page-index .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-metric,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill.muted,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-event-pill.soft {
  background: var(--statusdash-surface-soft) !important;
  border-color: var(--statusdash-surface-border) !important;
}

/* Dashboard (p=index): explicit borders for boxed UI elements inside cards */
body.page-index .statusdash-card .statusdash-screen-health-kpi,
body.page-index .statusdash-card .statusdash-bandwidth-metric,
body.page-index .statusdash-card .statusdash-bandwidth-chart-wrap,
body.page-index .statusdash-card .statusdash-library-size-hero,
body.page-index .statusdash-card .statusdash-library-breakdown-item,
body.page-index .statusdash-card .statusdash-library-polar-wrap,
body.page-index .statusdash-card .statusdash-runtime-row,
body.page-index .statusdash-card .statusdash-runtime-total-chip,
body.page-index .statusdash-card .statusdash-runtime-range-select,
body.page-index .statusdash-card .statusdash-event-pill,
body.page-index .statusdash-card .statusdash-unused-assets-panel,
body.page-index .statusdash-card .statusdash-unused-assets-metric,
body.page-index .statusdash-card .statusdash-unused-assets-type-chip,
body.page-index .statusdash-card .statusdash-task-item,
body.page-index .statusdash-card .statusdash-top-kpi,
body.page-index .statusdash-card .statusdash-screen-health-badge,
body.page-index .statusdash-card .statusdash-action-link {
  border: 1px solid var(--statusdash-surface-border) !important;
}

/* Dashboard (p=index): keep Schedule Timeline grid unboxed */
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid.is-scrollable {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dashboard (p=index): remove donut container fill in Screen Health card */
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dashboard (p=index): improve Runtime chart visibility and make Total Runtime chip white */
body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-chart-wrap {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(246, 242, 232, 0.68)),
    repeating-linear-gradient(to right,
      transparent 0,
      transparent 34px,
      rgba(133, 118, 82, 0.08) 34px,
      rgba(133, 118, 82, 0.08) 35px) !important;
  border: 1px solid var(--statusdash-surface-border) !important;
}

body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip {
  background: var(--statusdash-surface-soft) !important;
  border: 1px solid var(--statusdash-surface-border) !important;
  box-shadow: none !important;
}

body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip span,
body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip strong {
  color: #111111 !important;
}

/* Dashboard (p=index): remove Library Usage visual wrapper box */
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dashboard (p=index): live hover interactions for cards and KPI tiles */
body.page-index .statusdash-card,
body.page-index .statusdash-top-kpi {
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), filter 220ms ease;
  will-change: transform;
}

body.page-index .statusdash-card {
  overflow: hidden;
  position: relative;
}

body.page-index .statusdash-card::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0));
  content: "";
  left: -120%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

body.page-index .statusdash-card:hover,
body.page-index .statusdash-card:focus-within,
body.page-index .statusdash-top-kpi:hover,
body.page-index .statusdash-top-kpi:focus-within {
  transform: translateY(-3px);
}

body.page-index .statusdash-card:hover,
body.page-index .statusdash-card:focus-within {
  border-color: #bac5b0 !important;
  box-shadow: 0 10px 18px rgba(50, 62, 45, 0.11) !important;
  filter: saturate(1.04);
}

body.page-index .statusdash-card:hover::before,
body.page-index .statusdash-card:focus-within::before {
  left: 130%;
  transition: left 560ms ease;
}

body.page-index .statusdash-top-kpi:hover,
body.page-index .statusdash-top-kpi:focus-within {
  border-color: #bac5b0 !important;
  box-shadow: 0 7px 14px rgba(50, 62, 45, 0.1) !important;
}

body.page-index .statusdash-top-kpi .statusdash-top-kpi-icon {
  transition: box-shadow 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 220ms ease;
}

body.page-index .statusdash-top-kpi:hover .statusdash-top-kpi-icon,
body.page-index .statusdash-top-kpi:focus-within .statusdash-top-kpi-icon {
  border-color: #bac5b0 !important;
  box-shadow: 0 4px 9px rgba(50, 62, 45, 0.11);
  transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {

  body.page-index .statusdash-card,
  body.page-index .statusdash-top-kpi,
  body.page-index .statusdash-top-kpi .statusdash-top-kpi-icon {
    transition: none;
  }

  body.page-index .statusdash-card::before {
    display: none;
  }

  body.page-index .statusdash-card:hover,
  body.page-index .statusdash-card:focus-within,
  body.page-index .statusdash-top-kpi:hover,
  body.page-index .statusdash-top-kpi:focus-within {
    transform: none;
  }
}

/* Dashboard (p=index): explicit visible border for Bandwidth Usage action icon link */
body.page-index .statusdash-card.statusdash-card-bandwidth .statusdash-action-link {
  border: 1px solid #ccd4c4 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

/* Dashboard (p=index): reduce hero heading size */
body.page-index .statusdash-neo-title-block h2 {
  font-size: 34px !important;
  line-height: 1.1;
  margin-bottom: 10px;
}

/* Dashboard/status header: avoid top clipping on glyph ascenders (e.g. "W" in Welcome) */
body.page-index .statusdash-neo-title-block h2,
body.statusdash-page .statusdash-neo-title-block h2 {
  line-height: 1.18 !important;
  overflow: visible !important;
  margin-left: 6px;
  padding-top: 2px;
}

/* Schedule screen picker modal: modern shell, spacing and button system */
.modal-dialog.schedule-screen-picker-modal {
  margin: 24px auto;
  width: min(860px, calc(100vw - 28px));
}

.schedule-screen-picker-modal .modal-content {
  background: linear-gradient(180deg, #fbfcf8 0%, #f4f6ef 100%);
  border: 1px solid #d5dccb;
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(41, 50, 34, 0.18);
  overflow: hidden;
}

.schedule-screen-picker-modal .modal-header {
  align-items: center;
  background: #f0f3ea;
  border-bottom: 1px solid #d7decf;
  display: flex;
  justify-content: space-between;
  padding: 14px 18px;
}

.schedule-screen-picker-modal .modal-header .modal-title {
  color: #1b252f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.schedule-screen-picker-modal .modal-header .close {
  background: #ffffff;
  border: 1px solid #cfd8ca;
  border-radius: 10px;
  color: #2e3b49;
  font-size: 20px;
  height: 32px;
  line-height: 1;
  margin: 0;
  opacity: 1;
  padding: 0;
  text-align: center;
  width: 32px;
}

.schedule-screen-picker-modal .modal-body {
  padding: 16px 18px 12px;
}

.schedule-screen-picker-modal .schedule-screen-picker-body {
  margin-left: -6px;
  margin-right: -6px;
  row-gap: 12px;
}

.schedule-screen-picker-modal .schedule-screen-column {
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
}

.schedule-screen-picker-modal .schedule-screen-partition {
  background: #f8faf5;
  border: 1px solid #d8dfce;
  border-radius: 12px;
  min-height: 100%;
  padding: 12px;
}

.schedule-screen-picker-modal .schedule-screen-partition-title-row {
  margin-bottom: 10px;
}

.schedule-screen-picker-modal .schedule-screen-partition-title {
  color: #1b252f;
  font-size: 14px;
  font-weight: 700;
}

.schedule-screen-picker-modal .schedule-screen-show-selected-btn {
  background: #ffffff;
  border: 1px solid #ccd4c4;
  border-radius: 10px;
  color: #2d3c4d;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 9px;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
}

.schedule-screen-picker-modal .schedule-screen-show-selected-btn:hover,
.schedule-screen-picker-modal .schedule-screen-show-selected-btn:focus {
  border-color: #b8c2af;
  box-shadow: 0 2px 8px rgba(50, 62, 45, 0.1);
}

.schedule-screen-picker-modal .schedule-screen-show-selected-btn.active {
  background: #2f343a;
  border-color: #2f343a;
  color: #ffffff;
}

.schedule-screen-picker-modal .schedule-screen-search-wrap {
  margin-bottom: 12px !important;
  padding-bottom: 0;
}

.schedule-screen-picker-modal .schedule-screen-search-wrap .form-control {
  border: 1px solid #cfd7c7;
  border-radius: 10px;
  height: 38px;
  min-height: 38px;
  padding-right: 38px;
}

.schedule-screen-picker-modal .schedule-screen-search-wrap .form-control:focus {
  border-color: #b8c2af;
  box-shadow: 0 0 0 3px rgba(184, 194, 175, 0.24);
}

.schedule-screen-picker-modal .schedule-screen-search-wrap .input-group-btn {
  height: 36px;
  right: 1px;
  top: 1px;
  width: 36px;
}

.schedule-screen-picker-modal .schedule-screen-search-btn {
  border-radius: 0 9px 9px 0;
  color: #3b4d61;
  height: 36px;
  min-height: 36px;
  min-width: 36px;
  width: 36px;
}

.schedule-screen-picker-modal .schedule-screen-search-btn:hover,
.schedule-screen-picker-modal .schedule-screen-search-btn:focus {
  background: #eff3eb;
}

.schedule-screen-picker-modal .schedule-screen-bulk-actions {
  margin-bottom: 10px;
  margin-top: 0 !important;
  padding-left: 0;
}

.schedule-screen-picker-modal .schedule-screen-bulk-actions label {
  color: #2f4155;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.schedule-screen-picker-modal .schedule-screen-list {
  border: 1px solid #d2daca;
  border-radius: 10px;
  max-height: 260px;
  min-height: 260px;
  padding: 7px;
}

.schedule-screen-picker-modal .schedule-screen-list-item {
  border-radius: 8px;
  font-size: 13px;
  gap: 9px;
  padding: 7px 9px;
}

.schedule-screen-picker-modal .schedule-screen-list-item:hover {
  background: #eef4e9;
}

.schedule-screen-picker-modal .modal-footer {
  background: #f1f4ec;
  border-top: 1px solid #d7dece;
  padding: 12px 18px;
}

.schedule-screen-picker-modal .modal-footer .btn {
  border-radius: 11px;
  font-size: 12px;
  font-weight: 700;
  min-width: 110px;
  padding: 8px 14px;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease, color 160ms ease;
}

.schedule-screen-picker-modal .modal-footer .btn-default {
  background: #ffffff;
  border: 1px solid #ccd4c4;
  color: #2e3d4c;
}

.schedule-screen-picker-modal .modal-footer .btn-default:hover,
.schedule-screen-picker-modal .modal-footer .btn-default:focus {
  background: #f5f8f2;
  border-color: #bac5b0;
}

.schedule-screen-picker-modal .modal-footer .btn-primary {
  background: #2f343a;
  border: 1px solid #2f343a;
  box-shadow: 0 3px 10px rgba(31, 38, 46, 0.18);
  color: #ffffff;
}

.schedule-screen-picker-modal .modal-footer .btn-primary:hover,
.schedule-screen-picker-modal .modal-footer .btn-primary:focus {
  background: #23282e;
  border-color: #23282e;
}

/* Dashboard final dialog theme: enforce modal-like surfaces on both index and statusdashboard routes */
body.page-index .statusdash-neo,
body.statusdash-page .statusdash-neo {
  --statusdash-surface-100: #fbfcf8;
  --statusdash-surface-200: #f4f6ef;
  --statusdash-surface-300: #f0f3ea;
  --statusdash-surface-border: #d5dccb;
  --statusdash-surface-soft: #f8faf5;
}

body.page-index .statusdash-neo .statusdash-card,
body.statusdash-page .statusdash-neo .statusdash-card,
body.page-index .statusdash-neo .statusdash-top-kpi,
body.statusdash-page .statusdash-neo .statusdash-top-kpi,
body.page-index .statusdash-neo .statusdash-screen-health-kpi,
body.statusdash-page .statusdash-neo .statusdash-screen-health-kpi,
body.page-index .statusdash-neo .statusdash-bandwidth-metric,
body.statusdash-page .statusdash-neo .statusdash-bandwidth-metric,
body.page-index .statusdash-neo .statusdash-runtime-row,
body.statusdash-page .statusdash-neo .statusdash-runtime-row,
body.page-index .statusdash-neo .statusdash-task-item,
body.statusdash-page .statusdash-neo .statusdash-task-item,
body.page-index .statusdash-neo .statusdash-library-breakdown-item,
body.statusdash-page .statusdash-neo .statusdash-library-breakdown-item,
body.page-index .statusdash-neo .statusdash-unused-assets-panel,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-panel,
body.page-index .statusdash-neo .statusdash-unused-assets-type-chip,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-type-chip,
body.page-index .statusdash-neo .statusdash-unused-assets-metric,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-metric,
body.page-index .statusdash-neo .statusdash-runtime-total-chip,
body.statusdash-page .statusdash-neo .statusdash-runtime-total-chip,
body.page-index .statusdash-neo .statusdash-library-size-hero,
body.statusdash-page .statusdash-neo .statusdash-library-size-hero,
body.page-index .statusdash-neo .statusdash-event-pill,
body.statusdash-page .statusdash-neo .statusdash-event-pill {
  background: linear-gradient(165deg, var(--statusdash-surface-100) 0%, var(--statusdash-surface-200) 65%, var(--statusdash-surface-300) 100%) !important;
  border-color: var(--statusdash-surface-border) !important;
  box-shadow: 0 8px 20px rgba(45, 55, 44, 0.08) !important;
}

body.page-index .statusdash-neo .statusdash-calendar-grid,
body.statusdash-page .statusdash-neo .statusdash-calendar-grid,
body.page-index .statusdash-neo .statusdash-bandwidth-chart-wrap,
body.statusdash-page .statusdash-neo .statusdash-bandwidth-chart-wrap,
body.page-index .statusdash-neo .statusdash-library-visual,
body.statusdash-page .statusdash-neo .statusdash-library-visual,
body.page-index .statusdash-neo .statusdash-runtime-chart-wrap,
body.statusdash-page .statusdash-neo .statusdash-runtime-chart-wrap,
body.page-index .statusdash-neo .statusdash-screen-health-donut-wrap,
body.statusdash-page .statusdash-neo .statusdash-screen-health-donut-wrap,
body.page-index .statusdash-neo .statusdash-library-polar-wrap,
body.statusdash-page .statusdash-neo .statusdash-library-polar-wrap {
  background: var(--statusdash-surface-soft) !important;
  border-color: var(--statusdash-surface-border) !important;
}

body.page-index .statusdash-neo [class*="statusdash-"],
body.statusdash-page .statusdash-neo [class*="statusdash-"],
body.page-index .statusdash-neo [class*="statusdash-"] h1,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h1,
body.page-index .statusdash-neo [class*="statusdash-"] h2,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h2,
body.page-index .statusdash-neo [class*="statusdash-"] h3,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h3,
body.page-index .statusdash-neo [class*="statusdash-"] h4,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h4,
body.page-index .statusdash-neo [class*="statusdash-"] p,
body.statusdash-page .statusdash-neo [class*="statusdash-"] p,
body.page-index .statusdash-neo [class*="statusdash-"] span,
body.statusdash-page .statusdash-neo [class*="statusdash-"] span,
body.page-index .statusdash-neo [class*="statusdash-"] strong,
body.statusdash-page .statusdash-neo [class*="statusdash-"] strong,
body.page-index .statusdash-neo [class*="statusdash-"] em,
body.statusdash-page .statusdash-neo [class*="statusdash-"] em,
body.page-index .statusdash-neo [class*="statusdash-"] a,
body.statusdash-page .statusdash-neo [class*="statusdash-"] a,
body.page-index .statusdash-neo [class*="statusdash-"] i,
body.statusdash-page .statusdash-neo [class*="statusdash-"] i,
body.page-index .statusdash-neo [class*="statusdash-"] .fa,
body.statusdash-page .statusdash-neo [class*="statusdash-"] .fa {
  color: #111111 !important;
}

body.page-index .statusdash-neo .statusdash-top-kpi-icon,
body.statusdash-page .statusdash-neo .statusdash-top-kpi-icon,
body.page-index .statusdash-neo .statusdash-unused-assets-icon,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-icon,
body.page-index .statusdash-neo .statusdash-screen-health-badge,
body.statusdash-page .statusdash-neo .statusdash-screen-health-badge,
body.page-index .statusdash-neo .statusdash-action-link,
body.statusdash-page .statusdash-neo .statusdash-action-link {
  background: #ffffff !important;
  border: 1px solid #ccd4c4 !important;
}

body.page-index .statusdash-neo .statusdash-card:hover,
body.statusdash-page .statusdash-neo .statusdash-card:hover,
body.page-index .statusdash-neo .statusdash-card:focus-within,
body.statusdash-page .statusdash-neo .statusdash-card:focus-within,
body.page-index .statusdash-neo .statusdash-top-kpi:hover,
body.statusdash-page .statusdash-neo .statusdash-top-kpi:hover,
body.page-index .statusdash-neo .statusdash-top-kpi:focus-within,
body.statusdash-page .statusdash-neo .statusdash-top-kpi:focus-within {
  border-color: #bac5b0 !important;
  box-shadow: 0 10px 18px rgba(50, 62, 45, 0.11) !important;
}

body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid,
body.page-index .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid.is-scrollable,
body.statusdash-page .statusdash-card.statusdash-card-schedule .statusdash-calendar-grid.is-scrollable,
body.page-index .statusdash-card.statusdash-card-library-modern .statusdash-library-visual,
body.statusdash-page .statusdash-card.statusdash-card-library-modern .statusdash-library-visual,
body.page-index .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap,
body.statusdash-page .statusdash-card.statusdash-card-profile .statusdash-screen-health-donut-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dashboard palette lock: copy schedule-event-drawer-modal dialog theme exactly */
body.page-index,
body.statusdash-page {
  --statusdash-dialog-bg: #e4e8de;
  --statusdash-dialog-surface: #eef1ea;
  --statusdash-dialog-panel: #f6f7f5;
  --statusdash-dialog-border: #cfd5cc;
  --statusdash-dialog-border-strong: #b9c2b6;
  --statusdash-dialog-text: #223247;
  --statusdash-dialog-text-soft: #4f5f70;
  background: linear-gradient(180deg, #e7ebe2 0%, #e3e8df 100%) !important;
}

body.page-index .statusdash-neo,
body.statusdash-page .statusdash-neo {
  color: var(--statusdash-dialog-text) !important;
}

body.page-index .statusdash-neo .statusdash-card,
body.statusdash-page .statusdash-neo .statusdash-card,
body.page-index .statusdash-neo .statusdash-top-kpi,
body.statusdash-page .statusdash-neo .statusdash-top-kpi,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-profile,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-profile,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-bandwidth,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-bandwidth,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-library-modern,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-library-modern,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-runtime,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-runtime,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-schedule,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-schedule,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-tasks,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-tasks,
body.page-index .statusdash-neo .statusdash-card.statusdash-card-unused-assets,
body.statusdash-page .statusdash-neo .statusdash-card.statusdash-card-unused-assets {
  background: var(--statusdash-dialog-surface) !important;
  border: 1px solid var(--statusdash-dialog-border) !important;
  box-shadow: 0 8px 16px rgba(27, 40, 56, 0.08) !important;
}

body.page-index .statusdash-neo .statusdash-screen-health-kpi,
body.statusdash-page .statusdash-neo .statusdash-screen-health-kpi,
body.page-index .statusdash-neo .statusdash-bandwidth-metric,
body.statusdash-page .statusdash-neo .statusdash-bandwidth-metric,
body.page-index .statusdash-neo .statusdash-bandwidth-chart-wrap,
body.statusdash-page .statusdash-neo .statusdash-bandwidth-chart-wrap,
body.page-index .statusdash-neo .statusdash-library-size-hero,
body.statusdash-page .statusdash-neo .statusdash-library-size-hero,
body.page-index .statusdash-neo .statusdash-library-breakdown-item,
body.statusdash-page .statusdash-neo .statusdash-library-breakdown-item,
body.page-index .statusdash-neo .statusdash-library-polar-wrap,
body.statusdash-page .statusdash-neo .statusdash-library-polar-wrap,
body.page-index .statusdash-neo .statusdash-runtime-chart-wrap,
body.statusdash-page .statusdash-neo .statusdash-runtime-chart-wrap,
body.page-index .statusdash-neo .statusdash-runtime-row,
body.statusdash-page .statusdash-neo .statusdash-runtime-row,
body.page-index .statusdash-neo .statusdash-runtime-total-chip,
body.statusdash-page .statusdash-neo .statusdash-runtime-total-chip,
body.page-index .statusdash-neo .statusdash-event-pill,
body.statusdash-page .statusdash-neo .statusdash-event-pill,
body.page-index .statusdash-neo .statusdash-task-item,
body.statusdash-page .statusdash-neo .statusdash-task-item,
body.page-index .statusdash-neo .statusdash-unused-assets-panel,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-panel,
body.page-index .statusdash-neo .statusdash-unused-assets-metric,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-metric,
body.page-index .statusdash-neo .statusdash-unused-assets-type-chip,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-type-chip {
  background: var(--statusdash-dialog-panel) !important;
  border: 1px solid var(--statusdash-dialog-border) !important;
  box-shadow: none !important;
}

body.page-index .statusdash-neo .statusdash-top-kpi-icon,
body.statusdash-page .statusdash-neo .statusdash-top-kpi-icon,
body.page-index .statusdash-neo .statusdash-screen-health-badge,
body.statusdash-page .statusdash-neo .statusdash-screen-health-badge,
body.page-index .statusdash-neo .statusdash-unused-assets-icon,
body.statusdash-page .statusdash-neo .statusdash-unused-assets-icon,
body.page-index .statusdash-neo .statusdash-action-link,
body.statusdash-page .statusdash-neo .statusdash-action-link {
  background: var(--statusdash-dialog-panel) !important;
  border: 1px solid var(--statusdash-dialog-border) !important;
  color: var(--statusdash-dialog-text) !important;
}

body.page-index .statusdash-neo .statusdash-card:hover,
body.statusdash-page .statusdash-neo .statusdash-card:hover,
body.page-index .statusdash-neo .statusdash-card:focus-within,
body.statusdash-page .statusdash-neo .statusdash-card:focus-within,
body.page-index .statusdash-neo .statusdash-top-kpi:hover,
body.statusdash-page .statusdash-neo .statusdash-top-kpi:hover,
body.page-index .statusdash-neo .statusdash-top-kpi:focus-within,
body.statusdash-page .statusdash-neo .statusdash-top-kpi:focus-within {
  border-color: var(--statusdash-dialog-border-strong) !important;
  box-shadow: 0 12px 22px rgba(27, 40, 56, 0.12) !important;
}

body.page-index .statusdash-neo [class*="statusdash-"],
body.statusdash-page .statusdash-neo [class*="statusdash-"],
body.page-index .statusdash-neo [class*="statusdash-"] h1,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h1,
body.page-index .statusdash-neo [class*="statusdash-"] h2,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h2,
body.page-index .statusdash-neo [class*="statusdash-"] h3,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h3,
body.page-index .statusdash-neo [class*="statusdash-"] h4,
body.statusdash-page .statusdash-neo [class*="statusdash-"] h4,
body.page-index .statusdash-neo [class*="statusdash-"] strong,
body.statusdash-page .statusdash-neo [class*="statusdash-"] strong,
body.page-index .statusdash-neo [class*="statusdash-"] span,
body.statusdash-page .statusdash-neo [class*="statusdash-"] span,
body.page-index .statusdash-neo [class*="statusdash-"] p,
body.statusdash-page .statusdash-neo [class*="statusdash-"] p,
body.page-index .statusdash-neo [class*="statusdash-"] a,
body.statusdash-page .statusdash-neo [class*="statusdash-"] a,
body.page-index .statusdash-neo [class*="statusdash-"] i,
body.statusdash-page .statusdash-neo [class*="statusdash-"] i,
body.page-index .statusdash-neo [class*="statusdash-"] .fa,
body.statusdash-page .statusdash-neo [class*="statusdash-"] .fa {
  color: var(--statusdash-dialog-text) !important;
}

body.page-index .statusdash-card.statusdash-card-tasks .statusdash-task-copy span,
body.statusdash-page .statusdash-card.statusdash-card-tasks .statusdash-task-copy span,
body.page-index .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-metric span,
body.statusdash-page .statusdash-card.statusdash-card-unused-assets .statusdash-unused-assets-metric span,
body.page-index .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip span,
body.statusdash-page .statusdash-card.statusdash-card-runtime .statusdash-runtime-total-chip span {
  color: var(--statusdash-dialog-text-soft) !important;
}

/* Down alert settings: inline split picker like schedule */
.bootbox.down-alert-settings-modal .down-alert-hide-original {
  display: none !important;
}

.bootbox.down-alert-settings-modal .down-alert-inline-picker-group .control-label {
  padding-top: 6px;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker {
  margin-left: 0;
  margin-right: 0;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-column {
  padding-left: 6px;
  padding-right: 6px;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-partition {
  min-height: 360px;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-list {
  max-height: 210px;
  min-height: 210px;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-bulk-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 8px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-bulk-actions label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex: 1 1 auto;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  margin: 0;
  min-width: 0;
  white-space: nowrap;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-bulk-actions .down-alert-show-selected {
  border-radius: 8px;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 700;
  margin-left: auto;
  max-width: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}

.bootbox.down-alert-settings-modal .down-alert-screen-inline-picker .schedule-screen-bulk-actions .down-alert-show-selected.active {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

/* Display grid thumbnail sizing + vertical row alignment */
body.page-display .MeemsignGrid .MeemsignData table tbody td {
  vertical-align: middle;
}

body.page-display .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] {
  min-width: 74px;
  text-align: center;
  width: 74px;
}

body.page-display .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] a {
  display: inline-block;
}

body.page-display .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] img.display-screenshot {
  border: 1px solid #c7d2df;
  border-radius: 4px;
  height: 38px;
  object-fit: cover;
  width: 68px;
}

/* Layout grid compact columns + thumbnail preview */
body.page-layout .MeemsignGrid .MeemsignData th[data-column-key="layoutid"],
body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="layoutid"] {
  max-width: 88px;
  min-width: 88px;
  text-align: center;
  white-space: nowrap;
  width: 88px;
}

body.page-layout .MeemsignGrid .MeemsignData th[data-column-key="thumbnail"],
body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] {
  max-width: 122px;
  min-width: 122px;
  text-align: center;
  white-space: nowrap;
  width: 122px;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-thumbnail-link {
  display: inline-block;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-thumbnail-fallback,
body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview {
  align-items: center;
  background: #0f1720;
  border: 1px solid #c7d2df;
  border-radius: 4px;
  color: #b8c5d4;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 102px;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview {
  cursor: pointer;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-canvas {
  background: #0f1720;
  overflow: hidden;
  position: relative;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region {
  align-items: center;
  background: #0f1720;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region>.regionPreviewOverlay {
  display: none;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region>* {
  max-height: 100%;
  max-width: 100%;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region img,
body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region video,
body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region canvas {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-thumbnail-fallback .fa,
body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview .fa {
  font-size: 18px;
}

body.page-layout .MeemsignGrid .MeemsignData table th[data-column="0"],
body.page-layout .MeemsignGrid .MeemsignData table td[data-column="0"] {
  max-width: 76px;
  min-width: 76px;
  width: 76px;
}

body.page-layout .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-thumbnail {
  border: 1px solid #c7d2df;
  border-radius: 4px;
  height: 56px;
  object-fit: cover;
  width: 102px;
}

/* Template grid thumbnail preview parity with layout grid */
body.page-template .MeemsignGrid .MeemsignData th[data-column-key="thumbnail"],
body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] {
  max-width: 122px;
  min-width: 122px;
  text-align: center;
  white-space: nowrap;
  width: 122px;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-thumbnail-link {
  display: inline-block;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-thumbnail-fallback,
body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview {
  align-items: center;
  background: #0f1720;
  border: 1px solid #c7d2df;
  border-radius: 4px;
  color: #b8c5d4;
  cursor: pointer;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 102px;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-canvas {
  background: #0f1720;
  overflow: hidden;
  position: relative;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region {
  align-items: center;
  background: #0f1720;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region>.regionPreviewOverlay {
  display: none;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region>* {
  max-height: 100%;
  max-width: 100%;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region img,
body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region video,
body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview-region canvas {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-thumbnail-fallback .fa,
body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-live-preview .fa {
  font-size: 18px;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-grid-thumbnail {
  border: 1px solid #c7d2df;
  border-radius: 4px;
  height: 56px;
  object-fit: cover;
  width: 102px;
}



body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-template-thumb {
  align-items: center;
  background: #0f1720;
  border: 1px solid #c7d2df;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  height: 56px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 102px;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-template-thumb-canvas {
  background: #0f1720;
  position: absolute;
}

body.page-template .MeemsignGrid .MeemsignData td[data-column-key="thumbnail"] .layout-template-thumb-region {
  background-color: #0f1720;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}



.template-thumb-preview-dialog .modal-dialog {
  max-width: 1080px;
  width: 95vw;
}

.template-thumb-preview-dialog .modal-body {
  padding: 8px;
}

.template-thumb-preview-wrapper {
  background: #0f1720;
  border: 1px solid #c7d2df;
  border-radius: 6px;
  height: 74vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.template-thumb-preview-stage {
  height: 100%;
  position: relative;
  width: 100%;
}

.template-thumb-preview-canvas {
  background: #0f1720;
  overflow: hidden;
  position: absolute;
}

.template-thumb-preview-region {
  background-color: #0f1720;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.template-thumb-preview-empty {
  align-items: center;
  color: #b8c5d4;
  display: flex;
  font-size: 24px;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.layout-grid-live-preview-dialog .modal-dialog {
  max-width: 1000px;
  width: 94vw;
}

.layout-grid-live-preview-dialog .modal-body {
  text-align: center;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content {
  align-items: center;
  background: #0f1720;
  border: 1px solid #c7d2df;
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
  max-height: 72vh;
  max-width: 100%;
  overflow: hidden;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content>.regionPreviewOverlay {
  display: none;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content>* {
  max-height: 100%;
  max-width: 100%;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content .layout-grid-live-preview-canvas {
  background: #0f1720;
  overflow: hidden;
  position: relative;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content .layout-grid-live-preview-region {
  align-items: center;
  background: #0f1720;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content .layout-grid-live-preview-region>.regionPreviewOverlay {
  display: none;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content .layout-grid-live-preview-region>* {
  max-height: 100%;
  max-width: 100%;
}

.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content img,
.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content video,
.layout-grid-live-preview-dialog .layout-grid-live-preview-modal-content canvas {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: 100%;
}

/* Display grid simple/extended view buttons */
.MeemsignGrid .layout-grid-view-toggle-btn {
  align-items: center;
  background: #ffffff;
  border: 1px solid #c9d4e0;
  border-radius: 10px;
  color: #2a3d54;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  height: 34px;
  line-height: 1;
  margin-left: 6px;
  padding: 0 12px;
  text-transform: uppercase;
}

.MeemsignGrid .layout-grid-view-toggle-btn:hover,
.MeemsignGrid .layout-grid-view-toggle-btn:focus {
  background: #f4f7fb;
  border-color: #b8c6d8;
  color: #1f2f42;
}

.MeemsignGrid .layout-grid-view-toggle-btn.active {
  background: #1f2f42;
  border-color: #1f2f42;
  color: #ffffff;
}

/* Basic RTL support for locales such as Arabic. */
html[dir="rtl"] body.is-rtl {
  direction: rtl;
}

html[dir="rtl"] body.is-rtl .navbar-header,
html[dir="rtl"] body.is-rtl .navbar-brand,
html[dir="rtl"] body.is-rtl .navbar-nav > li,
html[dir="rtl"] body.is-rtl .pagination > li,
html[dir="rtl"] body.is-rtl .pull-left {
  float: right !important;
}

html[dir="rtl"] body.is-rtl .pull-right {
  float: left !important;
}

html[dir="rtl"] body.is-rtl .dropdown-menu,
html[dir="rtl"] body.is-rtl .table,
html[dir="rtl"] body.is-rtl .form-horizontal .control-label,
html[dir="rtl"] body.is-rtl .help-block,
html[dir="rtl"] body.is-rtl .form-control {
  text-align: right;
}

html[dir="rtl"] body.is-rtl .checkbox label,
html[dir="rtl"] body.is-rtl .radio label {
  padding-left: 0;
  padding-right: 20px;
}

html[dir="rtl"] body.is-rtl .checkbox input[type="checkbox"],
html[dir="rtl"] body.is-rtl .radio input[type="radio"] {
  margin-left: 0;
  margin-right: -20px;
}

html[dir="rtl"] body.is-rtl .dropdown-menu {
  left: auto;
  right: 0;
}

html[dir="rtl"] body.is-rtl .meemsign-license-banner strong {
  margin-left: 8px;
  margin-right: 0;
}

/* User edit form: retired field as toggle switch */
body.page-user .user-retired-toggle-field .checkbox {
  margin: 0;
}

body.page-user .user-retired-toggle-field .checkbox label {
  align-items: center;
  display: inline-flex;
  font-weight: 700;
  gap: 10px;
  padding-left: 0;
}

body.page-user .user-retired-toggle-field .checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background: #c7d2df;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 28px;
  margin: 0;
  outline: none;
  position: relative;
  transition: background 0.2s ease;
  width: 52px;
}

body.page-user .user-retired-toggle-field .checkbox input[type="checkbox"]::after {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(18, 29, 44, 0.28);
  content: "";
  height: 22px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: left 0.2s ease;
  width: 22px;
}

body.page-user .user-retired-toggle-field .checkbox input[type="checkbox"]:checked {
  background: linear-gradient(135deg, #1f8cf0, #20c997);
}

body.page-user .user-retired-toggle-field .checkbox input[type="checkbox"]:checked::after {
  left: 27px;
}

/* User edit form: retired row with title label and toggle switch */
body.page-user .user-retired-toggle-field {
  margin-bottom: 15px;
}

body.page-user .user-retired-toggle-field .control-label {
  font-weight: 700;
}

body.page-user .user-retired-toggle-field .user-retired-toggle-switch {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
}

body.page-user .user-retired-toggle-field .user-retired-toggle-switch input[type="checkbox"] {
  display: none;
}

body.page-user .user-retired-toggle-field .user-retired-toggle-slider {
  background: #c7d2df;
  border-radius: 999px;
  height: 28px;
  position: relative;
  transition: background 0.2s ease;
  width: 52px;
}

body.page-user .user-retired-toggle-field .user-retired-toggle-slider::after {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(18, 29, 44, 0.28);
  content: "";
  height: 22px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: left 0.2s ease;
  width: 22px;
}

body.page-user .user-retired-toggle-field .user-retired-toggle-switch input[type="checkbox"]:checked + .user-retired-toggle-slider {
  background: linear-gradient(135deg, #1f8cf0, #20c997);
}

body.page-user .user-retired-toggle-field .user-retired-toggle-switch input[type="checkbox"]:checked + .user-retired-toggle-slider::after {
  left: 27px;
}

/* Campaign layout assign dialog: lock to Schedule Event modal theme */
.bootbox.campaign-layout-assign-modal .modal-dialog {
  max-width: 800px;
}

.bootbox.campaign-layout-assign-modal .modal-content {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%) !important;
}

.bootbox.campaign-layout-assign-modal .modal-body {
  padding: 16px !important;
}

.bootbox.campaign-layout-assign-modal .widget {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.bootbox.campaign-layout-assign-modal .widget .widget-title {
  background: transparent !important;
  border-bottom: 0 !important;
  color: #1f2f42 !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  padding: 4px 0 14px;
}

.bootbox.campaign-layout-assign-modal .widget .widget-body {
  background: transparent !important;
  padding: 0 !important;
}

.bootbox.campaign-layout-assign-modal .MeemsignGrid,
.bootbox.campaign-layout-assign-modal .MeemsignGrid .MeemsignFilter,
.bootbox.campaign-layout-assign-modal .MeemsignGrid .FilterDiv,
.bootbox.campaign-layout-assign-modal .meemsign-table-responsive {
  background: transparent !important;
}

.bootbox.campaign-layout-assign-modal .MeemsignGrid .MeemsignFilter,
.bootbox.campaign-layout-assign-modal .MeemsignGrid .FilterDiv {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.bootbox.campaign-layout-assign-modal .meemsign-table-responsive {
  border: 1px solid #dbe2ea !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.bootbox.campaign-layout-assign-modal .table > thead > tr > th {
  background: #f5f8fc !important;
  border-bottom: 1px solid #dbe2ea !important;
  color: #32465a !important;
  font-weight: 700;
}

.bootbox.campaign-layout-assign-modal .table > tbody > tr > td {
  background: #ffffff !important;
  border-top: 1px solid #e7edf4 !important;
  color: #2f3e50 !important;
}

.bootbox.campaign-layout-assign-modal .table-hover > tbody > tr:hover > td {
  background: #f8fafd !important;
}

.bootbox.campaign-layout-assign-modal .campaign-layout-assign-selected {
  background: #ffffff !important;
  border: 1px solid #dbe2ea !important;
  border-radius: 10px !important;
  margin-top: 12px;
  min-height: 64px;
  padding: 10px;
}

.bootbox.campaign-layout-assign-modal #LayoutAssignSortable {
  margin: 0;
  min-height: 42px;
  padding: 0;
}

.bootbox.campaign-layout-assign-modal #LayoutAssignSortable li {
  background: #f5f8fc !important;
  border: 1px solid #d2dbe6 !important;
  color: #1f2f42 !important;
  margin: 4px;
}

.bootbox.campaign-layout-assign-modal #LayoutAssignSortable li .glyphicon-minus-sign {
  color: #3a4a5e;
}

/* User Page/Menu Security dialogs: match simplified schedule-style modal model */
.bootbox.user-security-modal .modal-content {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%) !important;
}

.bootbox.user-security-modal .modal-body {
  padding: 16px !important;
}

.bootbox.user-security-modal .widget {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.bootbox.user-security-modal .widget .widget-title {
  background: transparent !important;
  border-bottom: 0 !important;
  color: #1f2f42 !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  padding: 4px 0 14px;
}

.bootbox.user-security-modal .widget .widget-body {
  background: transparent !important;
  padding: 0 !important;
}

.bootbox.user-security-modal .MeemsignGrid,
.bootbox.user-security-modal .MeemsignGrid .MeemsignFilter,
.bootbox.user-security-modal .MeemsignGrid .FilterDiv,
.bootbox.user-security-modal .MeemsignGrid .MeemsignData {
  background: transparent !important;
}

.bootbox.user-security-modal .MeemsignGrid .MeemsignFilter,
.bootbox.user-security-modal .MeemsignGrid .FilterDiv {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.bootbox.user-security-modal .info_table {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 8px;
}

.bootbox.user-security-modal .info_table .table {
  background: #ffffff !important;
  border: 1px solid #dbe2ea !important;
  border-radius: 10px !important;
  overflow: hidden;
}

.bootbox.user-security-modal .info_table .table > thead > tr > th {
  background: #f5f8fc !important;
  border-bottom: 1px solid #dbe2ea !important;
  color: #32465a !important;
  font-weight: 700;
}

.bootbox.user-security-modal .info_table .table > tbody > tr > td {
  background: #ffffff !important;
  border-top: 1px solid #e7edf4 !important;
  color: #2f3e50 !important;
}

.bootbox.user-security-modal .info_table .table-hover > tbody > tr:hover > td {
  background: #f8fafd !important;
}