/* New UI section sheet: home. Every selector under .nui-on. Shared pieces belong in new-ui-kit.css, not here. */

/* ===== Shared: secondary button look for non-primary solids (home pages) ===== */
.nui-on .dash-page .btn-success,
.nui-on .dash-page .btn-info,
.nui-on .dash-page .btn-warning,
.nui-on .mass-page .btn-success,
.nui-on .mass-page .btn-info,
.nui-on .mass-page .btn-warning,
.nui-on .mod-page .btn-success,
.nui-on .mod-page .btn-info,
.nui-on .mod-page .btn-warning,
.nui-on feed-component .btn-circle.is-btn-info,
.nui-on feed-component .btn-circle.is-btn-warning,
.nui-on feed-component .btn-circle.is-btn-success {
  background: #fff !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  color: var(--aa-ink, #1E2B2F) !important;
  box-shadow: none !important;
}
.nui-on .dash-page .btn-success:hover,
.nui-on .dash-page .btn-info:hover,
.nui-on .dash-page .btn-warning:hover,
.nui-on .mass-page .btn-success:hover,
.nui-on .mass-page .btn-info:hover,
.nui-on .mass-page .btn-warning:hover,
.nui-on .mod-page .btn-success:hover,
.nui-on .mod-page .btn-info:hover,
.nui-on .mod-page .btn-warning:hover,
.nui-on feed-component .btn-circle.is-btn-info:hover,
.nui-on feed-component .btn-circle.is-btn-warning:hover,
.nui-on feed-component .btn-circle.is-btn-success:hover {
  border-color: var(--aa-blue, #0074C5) !important;
  color: var(--aa-blue, #0074C5) !important;
}
.nui-on feed-component .btn-circle.is-btn-info i,
.nui-on feed-component .btn-circle.is-btn-warning i,
.nui-on feed-component .btn-circle.is-btn-success i { color: inherit !important; }
/* danger stays red but outlined */
.nui-on .dash-page .btn-danger,
.nui-on .mass-page .btn-danger,
.nui-on .mod-page .btn-danger,
.nui-on feed-component .btn-circle.is-btn-danger,
.nui-on home-utilization .btn-danger {
  background: #fff !important;
  border: 1px solid #E5A4A4 !important;
  color: #C0392B !important;
  box-shadow: none !important;
}
.nui-on .dash-page .btn-danger:hover,
.nui-on .mass-page .btn-danger:hover,
.nui-on .mod-page .btn-danger:hover,
.nui-on feed-component .btn-circle.is-btn-danger:hover { background: #FDF2F2 !important; }
.nui-on feed-component .btn-circle.is-btn-danger i { color: inherit !important; }

/* Select mode toggle: pale blue selected, not a second solid primary */
.nui-on .dash-page .dash-select-mode-btn.btn-primary {
  background: #E8F2FA !important;
  border: 1px solid #BBD7EE !important;
  color: var(--aa-blue, #0074C5) !important;
}
/* Modal confirm button that swaps primary/success: keep one blue */
.nui-on .dash-bulk-modal .btn-success { background: var(--aa-blue, #0074C5) !important; border-color: var(--aa-blue, #0074C5) !important; color: #fff !important; }

/* ===== Messaging pages: no title block, segmented tabs, compact filter rows ===== */
.nui-on .dash-page-subtitle,
.nui-on .mass-page-subtitle,
.nui-on .mod-page-subtitle { display: none !important; }
.nui-on .dash-page-title,
.nui-on .mass-page-title,
.nui-on .mod-page-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--aa-ink, #1E2B2F) !important;
  margin: 0 !important;
}
.nui-on .dash-page-title > i,
.nui-on .mass-page-title > i,
.nui-on .mod-page-title > i { display: none !important; }
.nui-on .dash-page-header-row { align-items: center !important; }

.nui-on .mass-tabs,
.nui-on .mod-tabs {
  display: inline-flex !important;
  gap: 2px;
  padding: 3px;
  margin-bottom: 14px !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  border-radius: 10px;
  background: #fff;
}
.nui-on .mass-tabs > li,
.nui-on .mod-tabs > li { float: none !important; margin: 0 !important; }
.nui-on .mass-tabs > li > a,
.nui-on .mod-tabs > li > a {
  border: 0 !important;
  border-radius: 7px !important;
  margin: 0 !important;
  padding: 6px 14px !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--aa-grey-500, #7B8E92) !important;
}
.nui-on .mass-tabs > li > a:hover,
.nui-on .mod-tabs > li > a:hover { background: #F3F6F7 !important; color: var(--aa-blue, #0074C5) !important; }
.nui-on .mass-tabs > li.active > a,
.nui-on .mass-tabs > li.active > a:hover,
.nui-on .mass-tabs > li.active > a:focus,
.nui-on .mod-tabs > li.active > a,
.nui-on .mod-tabs > li.active > a:hover,
.nui-on .mod-tabs > li.active > a:focus {
  background: #E8F2FA !important;
  color: var(--aa-blue, #0074C5) !important;
  border: 0 !important;
}

/* filter rows: one compact bar, 34px inputs */
.nui-on .dash-filter-bar,
.nui-on .mod-filter-bar,
.nui-on .resp-filters,
.nui-on .mass-filter-toolbar-inner {
  background: #fff !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
  gap: 10px 12px !important;
  align-items: flex-end !important;
}
.nui-on .dash-filter-group label,
.nui-on .mod-filter-group label,
.nui-on .resp-filter label,
.nui-on .mass-filter-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--aa-grey-500, #7B8E92) !important;
  margin-bottom: 4px !important;
}
.nui-on .dash-filter-bar .form-control,
.nui-on .mod-filter-bar .form-control,
.nui-on .resp-filters .form-control,
.nui-on .mass-filter-toolbar .form-control {
  height: 34px !important;
  border-radius: 8px !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  box-shadow: none !important;
  font-size: 13px !important;
}
.nui-on .dash-filter-bar .form-control:focus,
.nui-on .mod-filter-bar .form-control:focus,
.nui-on .resp-filters .form-control:focus,
.nui-on .mass-filter-toolbar .form-control:focus {
  border-color: var(--aa-blue, #0074C5) !important;
  box-shadow: 0 0 0 3px rgba(0, 116, 197, .15) !important;
}
.nui-on .dash-filter-bar .btn,
.nui-on .mod-filter-bar .btn,
.nui-on .resp-filters .btn-default,
.nui-on .mass-filter-toolbar .btn { height: 34px; border-radius: 8px !important; }

/* ===== Utilization: second blue (search icon, export) becomes secondary ===== */
.nui-on .page-sidebar .form-group:has(#searchInput) .input-group-addon .btn-primary,
.nui-on .page-sidebar .form-group:has(#searchInput) .input-group-addon .btn-primary:focus {
  background: #fff !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  color: var(--aa-blue, #0074C5) !important;
  box-shadow: none !important;
  height: 34px;
  border-radius: 0 8px 8px 0 !important;
}
.nui-on .page-sidebar:has(#searchInput) .input-group-lg .form-control {
  height: 34px !important;
  font-size: 13px !important;
  border-radius: 8px 0 0 8px !important;
}
.nui-on .page-sidebar:has(#searchInput) ~ * .btn-group > .btn-primary.is-wb-white {
  background: #fff !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  color: var(--aa-ink, #1E2B2F) !important;
}

/* ===== Progress tracker tabs: segmented, pale blue selected ===== */
.nui-on .wh_nab-tabs.nav-tabs {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  border-radius: 10px;
  background: #fff;
}
.nui-on .wh_nab-tabs.nav-tabs > li { float: none; margin: 0; }
.nui-on .wh_nab-tabs.nav-tabs > li > a {
  border: 0 !important;
  border-radius: 7px !important;
  padding: 6px 14px;
  font-weight: 600;
  background: transparent !important;
}
.nui-on .wh_nab-tabs.nav-tabs > li.active > a {
  background: #E8F2FA !important;
  color: var(--aa-blue, #0074C5) !important;
}

/* ===== Weekly Achievement: inline solid-blue KPI blocks become dc-kpi style tiles ===== */
.nui-on .widget-header [style*="background-color: #0074c5"] {
  background: #fff !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF);
  border-radius: 8px;
}
.nui-on .widget-header [style*="background-color: #0074c5"] > span:first-child { color: var(--aa-grey-500, #7B8E92) !important; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.nui-on .widget-header [style*="background-color: #0074c5"] > span:nth-child(2) { color: var(--aa-ink, #1E2B2F) !important; }

/* ===== Utilization filter rail (utilization.nui.html): kit rail inside the legacy float layout ===== */
.nui-on .nui-util-side.page-sidebar { padding: 0 9px 0 0; }
.nui-on .nui-util-side .asr-rail { flex: 1 1 auto; width: 100%; height: 100%; }
.nui-on .nui-util-side.is-rail-collapsed.page-sidebar { width: 44px !important; padding-right: 0; }
.nui-on .nui-util-main.is-rail-collapsed.page-content-wSidebar { width: calc(100% - 44px) !important; }
.nui-on .nui-util-side .asr-options-form { padding: 4px 8px 10px; display: flex; flex-direction: column; gap: 8px; }

/* ===== Go Live (All Classrooms) (live-classrooms-buttons.nui.html): secondary, green only as a small live accent ===== */
.nui-on .nui-live-btns .btn-group > .nui-live-main,
.nui-on .nui-live-btns .btn-group > .nui-live-caret,
.nui-on .nui-live-btns > .nui-live-main {
  background: #fff !important;
  border: 1px solid var(--aa-grey-300, #D5DDDF) !important;
  color: var(--aa-ink, #1E2B2F) !important;
  box-shadow: none !important;
}
.nui-on .nui-live-btns .btn-group > .nui-live-main:hover,
.nui-on .nui-live-btns .btn-group > .nui-live-caret:hover,
.nui-on .nui-live-btns > .nui-live-main:hover {
  border-color: var(--aa-blue, #0074C5) !important;
  color: var(--aa-blue, #0074C5) !important;
}
.nui-on .nui-live-btns .btn-group > .nui-live-main { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.nui-on .nui-live-btns .btn-group > .nui-live-caret { border-left: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.nui-on .nui-live-btns .nui-live-main > i { color: #2E9E5B; }
.nui-on .nui-live-btns .nui-live-off {
  background: #fff !important;
  border: 1px solid #E5A4A4 !important;
  color: #C0392B !important;
  box-shadow: none !important;
}
.nui-on .nui-live-btns .nui-live-dot { background: #E8F6EE !important; border: 0 !important; color: #2E9E5B !important; }