:root {
  --brand-red: #c81e3a;
  --brand-red-dark: #a5142e;
  --brand-red-soft: #fbe4e8;
  --brand-border: #efc7cf;
  --surface-soft: #f3f4f6;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, Arial, sans-serif;
  color: #1f2937;
  background: #f8fafc;
}
a { color: inherit; text-decoration: none; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e5e7eb;
}
.site-header-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
}
.brand-logo { height: 42px; width: auto; display: block; }
.brand-text { color: #1f2937; }
.site-nav {
  display: flex;
  gap: 18px;
  color: #475569;
  font-weight: 600;
  align-items: center;
}
.nav-commercial-link {
  color: var(--brand-red);
  border: 1px solid var(--brand-border);
  padding: 10px 14px;
  border-radius: 999px;
  background: white;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.catalog-public-note {
  margin-top: 12px;
}
.page { max-width: 1100px; margin: 0 auto; padding: 32px 20px 56px; }
.hero {
  background: linear-gradient(135deg, #1f2937, var(--brand-red));
  color: white;
  border-radius: 24px;
  padding: 56px;
  margin-top: 24px;
}
.eyebrow { text-transform: uppercase; letter-spacing: .08em; opacity: .8; font-size: 12px; }
.eyebrow.dark { color: var(--brand-red); opacity: 1; }
h1 { font-size: 44px; line-height: 1.05; margin: 12px 0 18px; }
.lead { font-size: 18px; max-width: 720px; opacity: .92; }
.hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.hero-badges span {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  font-weight: 600;
}
.search-form, .filters { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.active-filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 14px 0 4px;
}
.active-filters-label {
  color: #64748b;
  font-weight: 600;
}
.chips-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 8px;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: white;
  border: 1px solid var(--brand-border);
  color: #334155;
  font-weight: 600;
}
.chip small { color: #64748b; }
.chip.active {
  background: var(--brand-red);
  color: white;
  border-color: var(--brand-red);
}
.chip.active small { color: rgba(255,255,255,.82); }
.suggestions-row { margin-top: 10px; }
.suggestion-chip { background: var(--brand-red-soft); border-color: var(--brand-border); }
.active-filter-chip {
  background: var(--brand-red-soft);
  border-color: var(--brand-border);
}
.active-filter-chip strong {
  color: #0f172a;
}
input,
select {
  flex: 1;
  min-width: 220px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 15px;
  background: white;
  color: #1f2937;
}
.category-select {
  max-width: 320px;
}
.helper-text {
  color: #64748b;
  margin: 10px 0 0;
}
button, .button {
  border: 0;
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: 600;
  background: var(--brand-red);
  color: white;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.button.secondary, .button.ghost {
  background: white;
  color: #0f172a;
  border: 1px solid var(--brand-border);
}
.hero-search-button {
  background: #e5e7eb;
  color: var(--brand-red);
  border: 1px solid #d1d5db;
}
.hero-quick-searches {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}
.hero-quick-searches span {
  font-weight: 600;
  color: rgba(255,255,255,.85);
}
.hero-helper {
  color: rgba(255,255,255,.82);
}
.hero-actions { margin-top: 16px; display: flex; gap: 12px; }
.quick-proof-strip,
.stats-strip,
.benefits-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
  margin-top: 24px;
}
.proof-card,
.stats-strip article,
.benefits-strip article {
  background: white;
  border-radius: 18px;
  padding: 20px 22px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}
.proof-card strong,
.stats-strip strong,
.benefits-strip strong {
  display: block;
  font-size: 28px;
  color: var(--brand-red);
}
.proof-card p,
.stats-strip span,
.benefits-strip span {
  color: #475569;
}
.highlights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.highlights article, .card, .detail-card, .featured-card, .cta-band {
  background: white;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
.page-header { margin: 16px 0 24px; }
.back-link { color: var(--brand-red); font-weight: 600; }
.results-meta { margin: 12px 0 20px; color: #475569; }
.demo-note {
  margin-top: 8px;
  color: var(--brand-red-dark);
  background: var(--brand-red-soft);
  border: 1px solid var(--brand-border);
  border-radius: 12px;
  padding: 10px 12px;
}
.empty-state {
  background: white;
  border-radius: 18px;
  padding: 24px;
  color: #475569;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  margin-bottom: 16px;
}
.empty-state ul {
  margin: 14px 0 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}
.budget-builder {
  display: grid;
  gap: 16px;
}
.budget-toolbar {
  position: sticky;
  top: 88px;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--brand-border);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.budget-toolbar-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.budget-toolbar-actions .button {
  min-width: 180px;
}
.budget-toolbar-label {
  margin: 0 0 4px;
  color: var(--brand-red);
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.budget-toolbar-text {
  margin: 0;
  color: #334155;
  font-weight: 600;
}
.budget-toolbar .button[disabled],
.budget-toolbar-actions .button[disabled] {
  opacity: .55;
  cursor: not-allowed;
}
.selection-tray {
  display: grid;
  gap: 14px;
  padding: 20px 22px;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff5f7 0%, #ffffff 100%);
  border: 1px solid var(--brand-border);
}
.selection-tray-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.selection-tray-text {
  margin: 4px 0 0;
  color: #475569;
  font-weight: 500;
}
.selection-tray-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.selection-pill {
  border: 1px solid var(--brand-border);
  background: white;
  color: #0f172a;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 600;
  cursor: pointer;
}
.selection-pill::after {
  content: '×';
  margin-left: 8px;
  color: var(--brand-red);
  font-weight: 800;
}
.selection-pill:hover {
  border-color: var(--brand-red);
  box-shadow: 0 8px 20px rgba(200, 30, 58, 0.10);
}
.cards { display: grid; gap: 14px; }
.selectable-cards {
  margin-top: 2px;
}
.card { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding: 24px 30px; }
.selectable-card {
  border: 2px solid transparent;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.selectable-card.is-selected {
  border-color: var(--brand-red);
  box-shadow: 0 16px 34px rgba(200, 30, 58, 0.14);
  transform: translateY(-2px);
}
.course-select-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 170px;
  color: #334155;
  font-weight: 700;
  cursor: pointer;
}
.course-select-label input {
  min-width: auto;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--brand-red);
}
.card-body {
  width: 100%;
}
.card-category { color: var(--brand-red); font-weight: 700; margin: 0 0 4px; font-size: 14px; }
.card-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  margin-bottom: 12px;
}
.card-title-row h2 {
  flex: 1 1 auto;
  min-width: 0;
}
.card h2 { font-size: 18px; line-height: 1.25; margin: 0; }
.card-inline-button {
  white-space: nowrap;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 10px 14px;
  font-size: 14px;
  border-radius: 10px;
}
.meta { list-style: none; padding: 0; margin: 0; display: flex; gap: 12px; flex-wrap: wrap; color: #475569; font-size: 14px; }
.meta.vertical { display: grid; gap: 10px; }
.card-actions, .detail-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.detail-note { margin-top: 24px; color: #475569; }
.budget-lead {
  color: #475569;
  max-width: 760px;
}
.budget-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, .9fr);
  gap: 20px;
  align-items: start;
}
.budget-side-column {
  display: grid;
  gap: 18px;
}
.budget-summary-card,
.budget-totals-card,
.budget-company-card {
  padding: 28px;
}
.budget-summary-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 18px;
}
.budget-summary-head h2,
.budget-line-item h3 {
  margin: 0;
}
.budget-summary-list {
  display: grid;
  gap: 14px;
}

.budget-summary-grid{
  display:block;
}

.budget-summary-list{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.budget-line-item{
  border:1px solid #e9eef5;
  border-radius:20px;
  padding:22px 28px;
  background:#fff;
}

.budget-line-main{
  margin-bottom:18px;
}

.budget-line-controls{
  display:grid;
  grid-template-columns: 95px 170px minmax(200px, 240px) 90px;
  gap:18px;
  align-items:end;
  width:100%;
}

.budget-inline-field-small,
.budget-inline-field,
.budget-line-cmb{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}

.budget-inline-field input,
.budget-inline-field-small input{
  width:100%;
  max-width:100%;
  margin:0;
  box-sizing:border-box;
}

.budget-line-cmb strong{
  height:52px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border:1px solid #d7e0ea;
  border-radius:14px;
  background:#fff;
  font-size:16px;
  box-sizing:border-box;
  width:100%;
}

.budget-remove-button{
  height:52px;
  width:90px;
  min-width:90px;
  border:1px solid #d7e0ea;
  background:#fff;
  border-radius:14px;
  cursor:pointer;
  color:#d61f45;
  font-weight:700;
  justify-self:start;
}

.budget-remove-button:hover{
  border-color:#d61f45;
  background:#fff4f6;
}

.budget-company-card{
  margin-top:24px;
}

.budget-company-card label{
  display:block;
  margin-bottom:18px;
}

.budget-company-card input{
  display:block;
  width:100%;
  margin-top:8px;
}

.budget-company-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

.budget-total-row-note strong{
  display:none;
}

@media (max-width: 980px){
  .budget-line-controls{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 640px){
  .budget-line-controls{
    grid-template-columns:1fr;
  }
}


.budget-inline-field-small{
  max-width:95px;
}

.budget-inline-field-small input{
  width:95px;
  min-width:95px;
}

.budget-line-controls{
  align-items:start !important;
}

.budget-inline-field-small,
.budget-line-cmb,
.budget-inline-field{
  align-self:start;
}

.budget-inline-field-small .budget-price-label,
.budget-line-cmb .budget-price-label,
.budget-inline-field .budget-price-label{
  display:block;
  margin:0 0 8px 0;
  line-height:1.2;
  min-height:24px;
}

.budget-inline-field-small input,
.budget-line-cmb strong,
.budget-inline-field input{
  margin-top:0 !important;
}

.budget-line-cmb strong{
  height:46px !important;
  min-height:46px !important;
  padding:0 16px !important;
  box-sizing:border-box;
}

.budget-inline-field input,
.budget-inline-field-small input{
  height:46px;
  box-sizing:border-box;
}

.budget-remove-button{
  height:46px !important;
  min-height:46px !important;
  align-self:end;
  margin-top:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.budget-summary-list{
  gap:14px !important;
}

.budget-line-item{
  padding:14px 28px !important;
}

.budget-line-main{
  margin-bottom:10px !important;
}

.budget-line-main h3{
  margin:4px 0 6px !important;
}

.card-category{
  margin-bottom:6px !important;
}

.budget-line-meta{
  margin-bottom:0 !important;
}

.budget-totals-card .eyebrow,
.budget-company-card .eyebrow{
  font-weight:700 !important;
}

.budget-inline-field input,
.budget-inline-field-small input,
.budget-line-cmb strong,
.budget-remove-button{
  height:40px !important;
  min-height:40px !important;
}

.budget-line-cmb strong{
  padding:0 14px !important;
}

.budget-remove-button{
  margin-top:38px !important;
}

.budget-inline-field input,
.budget-inline-field-small input,
.budget-line-cmb strong,
.budget-remove-button{
  height:36px !important;
  min-height:36px !important;
}

.budget-line-cmb strong{
  padding:0 12px !important;
}

.budget-remove-button{
  margin-top:40px !important;
}

.budget-inline-field-small input,
.budget-inline-field input,
.budget-line-cmb strong,
.budget-remove-button{
  height:34px !important;
  min-height:34px !important;
  line-height:34px !important;
  box-sizing:border-box !important;
}

.budget-line-cmb strong{
  display:flex !important;
  align-items:center !important;
}

.budget-inline-field-small input,
.budget-inline-field input{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.budget-remove-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:42px !important;
}

.budget-line-meta{
  word-spacing: 6px;
}

.all-categories-section{
  margin-top:32px;
}

.all-categories-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
}

.category-tile{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-height:118px;
  padding:20px 22px;
  border:1px solid #e5e7eb;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.category-tile::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#c81e3a,#e8798d);
  opacity:.95;
}

.category-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(15,23,42,.10);
  border-color:#f3b7c1;
}

.category-tile-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  border:1px solid #f3b7c1;
  background:linear-gradient(180deg,#fff1f3 0%,#fde7eb 100%);
  font-size:22px;
}

.category-tile-content{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}

.category-tile-content span{
  font-weight:700;
  font-size:15px;
  line-height:1.15;
  color:#0f172a;
  text-transform:uppercase;
  letter-spacing:.01em;
}

.category-tile-content small{
  color:#64748b;
  font-size:13px;
}

@media (max-width:640px){
  .all-categories-grid{
    grid-template-columns:1fr;
  }
}

.commercial-badge{
  display:block !important;
  width:100%;
  max-width:760px;
  margin:0 auto 18px auto !important;
  padding:16px 24px;
  text-align:center;
  font-size:20px !important;
  line-height:1.35;
  font-weight:800 !important;
  color:#9f1239;
  background:linear-gradient(180deg,#fff1f3 0%,#ffe4e6 100%);
  border:2px solid #f3b7c1;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(200,30,58,.10);
  letter-spacing:.01em;
}

.back-link{
  display:none !important;
}

.budget-builder,
.selected-courses-panel{
  background:linear-gradient(180deg,#fff4f6 0%,#ffeef2 100%) !important;
  border:1px solid #f3c4cd !important;
  border-radius:22px;
  box-shadow:0 10px 24px rgba(200,30,58,.06);
}

.budget-builder{
  padding:22px 24px !important;
}

.selected-courses-panel{
  padding:20px 22px !important;
}

.budget-toolbar-label,
.selected-courses-title{
  font-weight:800 !important;
}

.budget-totals-card{
  padding:24px 26px !important;
}

.budget-totals-card .eyebrow{
  font-size:14px !important;
  letter-spacing:.08em;
  margin-bottom:16px !important;
}

.budget-total-row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding:8px 0;
  font-size:18px;
  line-height:1.35;
}

.budget-total-row span{
  color:#1f2937;
}

.budget-total-row strong{
  color:#111827;
  font-size:20px;
  font-weight:800;
  white-space:nowrap;
}

.budget-total-row-note{
  display:block;
  padding:10px 0 6px 0;
  font-size:15px;
  line-height:1.45;
  color:#6b7280;
}

.budget-total-row-final{
  margin-top:10px;
  padding-top:14px;
  border-top:1px solid #ead5db;
}

.budget-total-row-final strong{
  color:#b91c3c;
  font-size:24px;
}

.filters .hours-filter-input {
 flex: 0 0 96px;
 min-width: 96px;
 max-width: 96px;
}
.filters .provider-select {
 flex: 0 0 220px;
 min-width: 220px;
 max-width: 220px;
 min-height: 132px;
}


.filters .category-select {
 flex: 0 0 200px;
 min-width: 200px;
 max-width: 200px;
}

.filters .hours-filter-input {
 flex: 0 0 88px;
 min-width: 88px;
 max-width: 88px;
}

.provider-filter-dropdown {
 position: relative;
 flex: 0 0 210px;
 min-width: 210px;
 max-width: 210px;
}

.provider-filter-summary {
 list-style: none;
 display: flex;
 align-items: center;
 justify-content: space-between;
 min-height: 48px;
 padding: 12px 14px;
 border: 1px solid #cbd5e1;
 border-radius: 12px;
 background: white;
 color: #1f2937;
 cursor: pointer;
 user-select: none;
}

.provider-filter-summary::-webkit-details-marker {
 display: none;
}

.provider-filter-summary::after {
 content: '▾';
 color: #64748b;
 font-size: 14px;
}

.provider-filter-dropdown[open] .provider-filter-summary {
 border-color: #d61f3f;
}

.provider-filter-menu {
 position: absolute;
 top: calc(100% + 6px);
 left: 0;
 right: 0;
 z-index: 50;
 max-height: 260px;
 overflow: auto;
 padding: 8px;
 background: white;
 border: 1px solid #cbd5e1;
 border-radius: 12px;
 box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
}

.provider-filter-option {
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 8px 10px;
 border-radius: 10px;
 cursor: pointer;
}

.provider-filter-option:hover {
 background: #f8fafc;
}

.provider-filter-option input {
 flex: 0 0 auto;
 min-width: auto;
 width: 16px;
 height: 16px;
 margin: 0;
}

.provider-filter-option small {
 margin-left: auto;
 color: #64748b;
}

.admin-course-card{display:block;}
.admin-course-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;}
.admin-edit-form{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:14px 16px;margin-top:16px;}
.admin-actions-row{grid-column:1/-1;}

.admin-edit-form label:nth-child(2) input{min-width:420px;}
.admin-edit-form label:nth-child(4) input{max-width:90px;}
.admin-edit-form label:nth-child(5) input{max-width:140px;}
.admin-edit-form label:nth-child(7) input{max-width:110px;}

.admin-edit-form label:nth-child(4) input{max-width:70px;}
.admin-edit-form label:nth-child(7) input{max-width:85px;}

.admin-edit-form label:nth-child(4) input{width:56px !important;max-width:56px !important;min-width:56px !important;}
.admin-edit-form label:nth-child(7) input{width:72px !important;max-width:72px !important;min-width:72px !important;}

.admin-edit-form label:nth-child(4) input{width:68px !important;max-width:68px !important;min-width:68px !important;}

.admin-edit-form label:nth-child(7) input{width:88px !important;max-width:88px !important;min-width:88px !important;}

.admin-edit-form{align-items:start;}
.admin-edit-form label{display:flex;flex-direction:column;gap:6px;justify-content:flex-start;}
.admin-edit-form input{box-sizing:border-box;}
.admin-course-head{margin-bottom:8px;}

.admin-course-card{padding-bottom:24px;border-bottom:1px solid #e5e7eb;margin-bottom:24px;}
.admin-edit-form .checkbox-label{display:flex;align-items:center;gap:10px;flex-direction:row;}
.admin-edit-form .checkbox-label input{width:16px;min-width:16px;}
.admin-inline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.admin-course-card > form:last-of-type{margin-top:10px;}

/* Admin: layout final limpio */
.admin-page .admin-course-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 10px;
}

.admin-page .admin-course-summary {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-page .admin-course-title-row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 8px 16px;
  align-items: baseline;
}

.admin-page .admin-course-code {
  margin: 0;
  font-size: 12px;
}

.admin-page .admin-course-head h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

.admin-page .admin-status-pill {
  flex: 0 0 auto;
}

.admin-page .admin-edit-form-compact {
  display: grid;
  grid-template-columns: 160px minmax(320px, 1.8fr) 110px 130px;
  gap: 12px 14px;
  align-items: center;
}

.admin-page .admin-edit-form-compact label input {
  width: 100%;
  min-width: 0;
}

.admin-page .admin-field-title {
  grid-column: 2 / 5;
}

.admin-page .admin-edit-form-compact label:nth-of-type(3) {
  grid-column: 1 / 3;
}

.admin-page .admin-edit-form-compact label:nth-of-type(4) {
  grid-column: 3 / 4;
}

.admin-page .admin-edit-form-compact label:nth-of-type(5) {
  grid-column: 4 / 5;
}

.admin-page .admin-edit-form-compact label:nth-of-type(6) {
  grid-column: 1 / 2;
}

.admin-page .admin-edit-form-compact label:nth-of-type(7) {
  grid-column: 2 / 3;
  max-width: 120px;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) {
  grid-column: 3 / 5;
}

.admin-page .admin-edit-form-compact .checkbox-label {
  grid-column: 1 / 2;
  align-self: center;
}

.admin-page .admin-edit-form-compact .admin-actions-row {
  grid-column: 2 / 5;
  margin-top: 0;
}

.admin-page .admin-delete-form {
  margin-top: 10px;
}

.admin-page .admin-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.admin-page .admin-pagination span {
  flex: 1 1 100%;
  text-align: center;
  order: 2;
}

.admin-page .admin-pagination a:first-child {
  order: 1;
}

.admin-page .admin-pagination a:last-child {
  order: 3;
  margin-left: auto;
}

@media (max-width: 1100px) {
  .admin-page .admin-course-title-row,
  .admin-page .admin-edit-form-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-page .admin-field-title,
  .admin-page .admin-edit-form-compact label:nth-of-type(3),
  .admin-page .admin-edit-form-compact label:nth-of-type(4),
  .admin-page .admin-edit-form-compact label:nth-of-type(5),
  .admin-page .admin-edit-form-compact label:nth-of-type(6),
  .admin-page .admin-edit-form-compact label:nth-of-type(7),
  .admin-page .admin-edit-form-compact label:nth-of-type(8),
  .admin-page .admin-edit-form-compact .checkbox-label,
  .admin-page .admin-edit-form-compact .admin-actions-row {
    grid-column: auto;
    max-width: none;
  }
}

@media (max-width: 760px) {
  .admin-page .admin-course-title-row,
  .admin-page .admin-edit-form-compact {
    grid-template-columns: 1fr;
  }

  .admin-page .admin-pagination {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-page .admin-pagination a:last-child {
    margin-left: 0;
  }
}
/* Admin: fix paginación */
.admin-page .admin-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  clear: both !important;
  margin-top: 24px !important;
}

.admin-page .admin-pagination span {
  flex: 1 1 100% !important;
  text-align: center !important;
  order: 2 !important;
}

.admin-page .admin-pagination a:first-child {
  order: 1 !important;
}

.admin-page .admin-pagination a:last-child {
  order: 3 !important;
  margin-left: auto !important;
}

/* Admin final A: stats + toolbar + buscador */
.admin-page .admin-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
}

.admin-page .admin-stat-card {
  display: block !important;
  text-align: center !important;
  padding: 22px 18px !important;
}

.admin-page .admin-stat-card strong {
  display: block !important;
  font-size: 30px !important;
  color: var(--brand-red) !important;
  margin-bottom: 8px !important;
}

.admin-page .admin-stat-card span {
  display: block !important;
  color: #475569 !important;
}

.admin-page .admin-search-panel {
  margin-bottom: 18px !important;
}

.admin-page .admin-inline-filter-form {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.admin-page .admin-search-input-full {
  flex: 1 1 420px !important;
  max-width: none !important;
}

.admin-page .admin-panel-full {
  display: block !important;
}

.admin-page .admin-list-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #e5e7eb !important;
}

/* Admin final B: cards + form + pagination */
.admin-page .admin-cards-list {
  display: grid !important;
  gap: 18px !important;
}

.admin-page .admin-course-card {
  display: block !important;
  padding: 18px !important;
}

.admin-page .admin-course-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin-bottom: 12px !important;
}

.admin-page .admin-course-summary {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.admin-page .admin-course-title-row {
  display: grid !important;
  grid-template-columns: 170px minmax(0, 1fr) !important;
  gap: 8px 16px !important;
  align-items: baseline !important;
}

.admin-page .admin-edit-form-compact {
  display: grid !important;
  grid-template-columns: 160px minmax(320px, 1.8fr) 110px 140px !important;
  gap: 12px 14px !important;
  align-items: center !important;
}

.admin-page .admin-edit-form-compact label input {
  width: 100% !important;
  min-width: 0 !important;
}

.admin-page .admin-field-title {
  grid-column: 2 / 5 !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(3) { grid-column: 1 / 3 !important; }
.admin-page .admin-edit-form-compact label:nth-of-type(4) { grid-column: 3 / 4 !important; }
.admin-page .admin-edit-form-compact label:nth-of-type(5) { grid-column: 4 / 5 !important; }
.admin-page .admin-edit-form-compact label:nth-of-type(6) { grid-column: 1 / 2 !important; }
.admin-page .admin-edit-form-compact label:nth-of-type(7) { grid-column: 2 / 3 !important; max-width: 120px !important; }
.admin-page .admin-edit-form-compact label:nth-of-type(8) { grid-column: 3 / 5 !important; }

.admin-page .admin-edit-form-compact .checkbox-label {
  grid-column: 1 / 2 !important;
  align-self: center !important;
}

.admin-page .admin-edit-form-compact .admin-actions-row {
  grid-column: 2 / 5 !important;
  margin-top: 0 !important;
}

.admin-page .admin-delete-form {
  margin-top: 10px !important;
}

.admin-page .admin-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
  padding-top: 16px !important;
  border-top: 1px solid #e5e7eb !important;
}

.admin-page .admin-pagination span {
  flex: 1 1 100% !important;
  text-align: center !important;
  order: 2 !important;
}

.admin-page .admin-pagination a:first-child { order: 1 !important; }
.admin-page .admin-pagination a:last-child { order: 3 !important; margin-left: auto !important; }

@media (max-width: 1100px) {
  .admin-page .admin-stats-grid,
  .admin-page .admin-course-title-row,
  .admin-page .admin-edit-form-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-page .admin-field-title,
  .admin-page .admin-edit-form-compact label:nth-of-type(3),
  .admin-page .admin-edit-form-compact label:nth-of-type(4),
  .admin-page .admin-edit-form-compact label:nth-of-type(5),
  .admin-page .admin-edit-form-compact label:nth-of-type(6),
  .admin-page .admin-edit-form-compact label:nth-of-type(7),
  .admin-page .admin-edit-form-compact label:nth-of-type(8),
  .admin-page .admin-edit-form-compact .checkbox-label,
  .admin-page .admin-edit-form-compact .admin-actions-row {
    grid-column: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  .admin-page .admin-stats-grid,
  .admin-page .admin-course-title-row,
  .admin-page .admin-edit-form-compact {
    grid-template-columns: 1fr !important;
  }

  .admin-page .admin-list-toolbar,
  .admin-page .admin-pagination {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-page .admin-pagination a:last-child {
    margin-left: 0 !important;
  }
}

/* Admin final C: paginación alineada + URL más ancha */
.admin-page .admin-edit-form-compact {
  grid-template-columns: 160px minmax(280px, 1.45fr) 90px minmax(380px, 1.55fr) !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(7) {
  grid-column: 2 / 3 !important;
  max-width: 100px !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) {
  grid-column: 3 / 5 !important;
  justify-self: stretch !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) input {
  width: 100% !important;
}

.admin-page .admin-pagination {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

.admin-page .admin-pagination a:first-child {
  justify-self: start !important;
  align-self: center !important;
}

.admin-page .admin-pagination span {
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
}

.admin-page .admin-pagination a:last-child {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
}

@media (max-width: 760px) {
  .admin-page .admin-pagination {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}

/* Admin final D: URL más ancha hacia la izquierda */
.admin-page .admin-edit-form-compact label:nth-of-type(8) {
  grid-column: 2 / 5 !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) input {
  width: 100% !important;
}

/* Admin final E: URL en la misma fila que proveedor y horas */
.admin-page .admin-edit-form-compact {
  grid-template-columns: 160px minmax(280px, 1.35fr) 90px minmax(420px, 1.75fr) !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(6) {
  grid-column: 1 / 2 !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(7) {
  grid-column: 2 / 3 !important;
  max-width: 100px !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) {
  grid-column: 3 / 5 !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) input {
  width: 100% !important;
}

/* Admin final F: dar más ancho a la URL sin bajar de fila */
.admin-page .admin-edit-form-compact {
  grid-template-columns: 140px minmax(80px, 90px) 110px minmax(520px, 1fr) !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(6) {
  grid-column: 1 / 2 !important;
  max-width: 140px !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(7) {
  grid-column: 2 / 3 !important;
  max-width: 90px !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) {
  grid-column: 3 / 5 !important;
  min-width: 0 !important;
}

.admin-page .admin-edit-form-compact label:nth-of-type(8) input {
  width: 100% !important;
}

/* Admin final G: botones juntos */
.admin-page .admin-actions-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.admin-page .admin-delete-form {
  display: none !important;
}

/* Admin final H: recuperar botón eliminar */
.admin-page .admin-delete-form {
  display: block !important;
  margin-top: 10px !important;
}

/* Admin final I: poner eliminar en la misma línea */
.admin-page .admin-actions-row {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-right: 12px !important;
}

.admin-page .admin-edit-form {
  margin-bottom: 0 !important;
}

.admin-page .admin-delete-form {
  display: inline-flex !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
}

/* Admin final J: eliminar junto a guardar */
.admin-page .admin-actions-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.admin-page .admin-delete-form {
  display: none !important;
}

/* fix admin dashboard: botones a la izquierda */
.admin-page .admin-edit-form-compact .admin-inline-actions.admin-actions-row{
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  width: max-content !important;
  margin: 0 !important;
  justify-self: start !important;
}

/* users final real fix */
#adminViewUsers input,#adminViewUsers select{flex:initial!important;min-width:0!important;width:100%!important;max-width:100%!important}
#adminViewUsers .admin-edit-form-compact{display:grid!important;grid-template-columns:200px minmax(340px,1fr) 120px!important;gap:14px 16px!important;align-items:end!important}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(1){grid-column:1;grid-row:1}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(2){grid-column:2;grid-row:1}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(6){grid-column:3;grid-row:1;display:inline-flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;margin:0 0 12px 0!important}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(3){grid-column:1;grid-row:2}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(4){grid-column:2;grid-row:2}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(5){grid-column:3;grid-row:2;width:120px!important;min-width:120px!important;max-width:120px!important}
#adminViewUsers .admin-edit-form-compact>label:nth-of-type(5) select{width:120px!important;min-width:120px!important;max-width:120px!important}
#adminViewUsers .admin-inline-actions.admin-actions-row{grid-column:1/-1!important;grid-row:3!important}

/* users checkbox to right */
#adminViewUsers .admin-edit-form-compact > label.checkbox-label{
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: end !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  margin: 0 0 12px 0 !important;
}
#adminViewUsers .admin-edit-form-compact > label.checkbox-label input{
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  flex: 0 0 16px !important;
}

/* users search: simple inline field, no fake button panel */
#adminViewUsers .admin-search-panel{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
}
#adminViewUsers .admin-search-panel > div{
  max-width: 560px !important;
}
#adminViewUsers .admin-search-panel .admin-search-input{
  width: 100% !important;
}

.admin-page #adminUsersList .admin-user-card.admin-user-search-hidden,
.admin-page #adminViewUsers .admin-user-card.admin-user-search-hidden {
  display: none !important;
}

/* users final5 frame */
.admin-page #adminViewUsers [data-user-search]{
  padding:14px 16px !important;
  margin-bottom:12px !important;
  border:2px solid rgba(15,23,42,0.18) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(15,23,42,0.06) !important;
}
.admin-page #adminViewUsers [data-user-search].admin-user-search-hidden{
  display:none !important;
}

/* Ajuste visual usuarios · 20260701 */
#adminViewUsers .admin-cards-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

#adminViewUsers .admin-user-card{
  border:3px solid #facc15;
  border-radius:18px;
  background:#fff;
  padding:18px;
  box-shadow:0 8px 24px rgba(15,23,42,0.06);
}

#adminViewUsers .admin-user-card .admin-course-head{
  margin-bottom:14px;
}

#adminViewUsers .admin-search-panel{
  border:3px solid #facc15;
}

#adminViewUsers .admin-form-grid{
  gap:14px;
}

/* Alta de usuario boxed · 20260701 */
#adminViewUsers form[action="/admin/users"]{
  border:3px solid #facc15;
  border-radius:18px;
  background:#fff;
  padding:18px;
  margin:18px 0 28px 0 !important;
  box-shadow:0 8px 24px rgba(15,23,42,0.06);
}

#adminViewUsers form[action="/admin/users"] .admin-actions-row{
  margin-top:10px;
  margin-bottom:10px;
}

/* Estado visual usuario activo/inactivo · 20260701 */
#adminViewUsers .admin-user-card.is-inactive{
  background:#f3f4f6 !important;
  border-color:#d1d5db !important;
  box-shadow:none !important;
}

#adminViewUsers .admin-user-card.is-inactive input,
#adminViewUsers .admin-user-card.is-inactive select{
  background:#f9fafb;
}

#adminViewUsers .admin-user-card.is-inactive .admin-course-code,
#adminViewUsers .admin-user-card.is-inactive .admin-course-meta,
#adminViewUsers .admin-user-card.is-inactive h3{
  color:#6b7280;
}

/* Alta usuario destacada en rojo suave · 20260701 */
#adminViewUsers form[action="/admin/users"]{
  border-color:rgba(220,38,38,0.35) !important;
  background:linear-gradient(180deg, rgba(254,242,242,0.92) 0%, rgba(255,255,255,1) 100%) !important;
  box-shadow:0 10px 28px rgba(220,38,38,0.08) !important;
}

/* Ajuste proporciones usuario/contraseña + checkbox más a la derecha · 20260701 */
#adminViewUsers .admin-edit-form.admin-edit-form-compact,
#adminViewUsers form[action="/admin/users"]{
  grid-template-columns: minmax(180px,1fr) minmax(220px,1.15fr) minmax(140px,0.95fr) minmax(150px,0.9fr) minmax(120px,0.75fr) !important;
}

#adminViewUsers .admin-edit-form.admin-edit-form-compact label:has(input[name="username"]),
#adminViewUsers form[action="/admin/users"] label:has(input[name="username"]){
  grid-column:1 / span 2;
}

#adminViewUsers .admin-edit-form.admin-edit-form-compact label:has(input[name="password"]),
#adminViewUsers form[action="/admin/users"] label:has(input[name="password"]){
  grid-column:3 / span 1;
}

#adminViewUsers .admin-edit-form.admin-edit-form-compact .checkbox-label,
#adminViewUsers form[action="/admin/users"] .checkbox-label{
  justify-self:end;
  margin-right:12px;
  min-width:110px;
}

/* Ocultar textos duplicados en tarjetas de usuario · 20260701 */
#adminViewUsers .admin-user-card .admin-course-code,
#adminViewUsers .admin-user-card .admin-course-meta{
  display:none !important;
}

/* Ajuste fino checkbox Activo · 20260701 */
#adminViewUsers .admin-edit-form.admin-edit-form-compact .checkbox-label,
#adminViewUsers form[action="/admin/users"] .checkbox-label{
  justify-self:start !important;
  margin-left:-8px;
  margin-right:0 !important;
  min-width:auto !important;
}


/* catalog-visual-fix-20260701 */
.admin-page .admin-note-box{
  display:none !important;
}

.admin-page form[action="/admin/import"]{
  display:grid !important;
  gap:14px !important;
}

.admin-page .admin-import-actions{
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  margin-top:6px !important;
}

.admin-page .admin-import-actions .button,
.admin-page .admin-import-actions a.button{
  margin:0 !important;
}

.admin-page .admin-import-actions .catalog-export-inline{
  display:inline-flex !important;
}

.admin-page .admin-panel-heading{
  margin-bottom:12px !important;
}

/* catalog-cards-20260701 */
.admin-page #adminViewCatalog > .admin-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  margin-bottom:20px !important;
}

.admin-page #adminViewCatalog > .admin-stack > .admin-panel{
  margin:0 !important;
}

.admin-page #adminViewCatalog > .admin-stack > .admin-panel:first-child{
  border:3px solid rgba(220,38,38,0.22) !important;
  background:linear-gradient(180deg, rgba(254,242,242,0.95) 0%, rgba(255,255,255,1) 100%) !important;
  box-shadow:0 12px 30px rgba(220,38,38,0.08) !important;
}

.admin-page .admin-stats-grid{
  margin-top:8px !important;
}

/* course-cards-20260701 */
.admin-page #adminCourseList{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

.admin-page #adminCourseList .admin-course-card{
  border:3px solid rgba(250,204,21,0.9) !important;
  border-radius:18px !important;
  background:#fff !important;
  padding:18px !important;
  box-shadow:0 8px 24px rgba(15,23,42,0.06) !important;
  margin:0 !important;
}

.admin-page #adminCourseList .admin-course-card.is-inactive{
  background:#f3f4f6 !important;
  border-color:#d1d5db !important;
  box-shadow:none !important;
}

.admin-page #adminCourseList .admin-course-card.is-inactive input,
.admin-page #adminCourseList .admin-course-card.is-inactive select{
  background:#f9fafb !important;
}

.admin-page #adminCourseList .admin-course-card.is-inactive h3,
.admin-page #adminCourseList .admin-course-card.is-inactive .admin-course-code,
.admin-page #adminCourseList .admin-course-card.is-inactive .admin-course-meta{
  color:#6b7280 !important;
}

/* course-state-20260701 */
.admin-page #adminCourseList .admin-course-card{
  border-color: rgba(55,65,81,0.85) !important; /* gris oscuro */
}

.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)){
  background:#f3f4f6 !important;
  border-color:#9ca3af !important;
  box-shadow:none !important;
}

.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)) input,
.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)) select{
  background:#f9fafb !important;
}

.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)) h3,
.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)) .admin-course-code,
.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)) .admin-course-meta,
.admin-page #adminCourseList .admin-course-card:has(.admin-title-active-toggle input:not(:checked)) .admin-title-active-toggle span{
  color:#6b7280 !important;
}

/* search-compact-20260701 */
.admin-page .admin-search-panel .admin-inline-filter-form{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.admin-page .admin-search-panel .admin-search-input-full{
  flex:1 1 420px !important;
  max-width:520px !important;
}

.admin-page .admin-search-panel .button{
  margin:0 !important;
}

/* catalog-search-inline-20260701 */
.admin-page #adminViewCatalog .admin-search-panel .admin-inline-filter-form-full{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}

.admin-page #adminViewCatalog .admin-search-panel .admin-search-input-full{
  flex:0 1 520px !important;
  min-width:280px !important;
  max-width:520px !important;
}

.admin-page #adminViewCatalog .admin-search-panel .button,
.admin-page #adminViewCatalog .admin-search-panel a.button{
  margin:0 !important;
  white-space:nowrap !important;
}

@media (max-width: 760px) {
  .admin-page #adminViewCatalog .admin-search-panel .admin-inline-filter-form-full{
    flex-wrap:wrap !important;
  }
}

/* hide-course-active-20260701 */
.admin-page #adminViewCatalog > .admin-stack > .admin-panel:first-child .admin-edit-form-compact > .checkbox-label{
  display:none !important;
}

.admin-page #adminViewCatalog > .admin-stack > .admin-panel:first-child .admin-edit-form-compact .admin-actions-row{
  grid-column: 1 / -1 !important;
  margin-top: 6px !important;
}

/* course-checkbox-align-20260701 */
.admin-page .admin-title-active-toggle{
  padding-right: 18px !important;
}

.admin-page .admin-title-active-toggle input{
  margin-right: 8px !important;
}

/* course-toggle-20260701 */
.admin-page .admin-title-active-toggle{
  display:flex !important;
  align-items:center !important;
  justify-self:end !important;
  gap:6px !important;
  margin-right:18px !important;
  padding-right:0 !important;
  top:0 !important;
}

.admin-page .admin-title-active-toggle input{
  margin:0 !important;
}

.admin-page .admin-title-active-toggle span{
  margin:0 !important;
  line-height:1 !important;
}

/* course-toggle-align2-20260701 */
.admin-page .admin-title-active-toggle{
  margin-right: 34px !important;
}

/* course-final-align-20260701 */
.admin-page .admin-title-active-toggle{
  gap:2px !important;
  transform:translateX(18px) !important;
}

.admin-page .admin-title-active-toggle span{
  margin-left:2px !important;
}

/* active-final-20260701 */
.admin-page .admin-course-title-row .admin-title-active-toggle{
  min-width: 150px !important;
  justify-content: flex-end !important;
  transform: translateX(28px) !important;
}

.admin-page .admin-course-title-row .admin-title-active-toggle span{
  margin-left: 6px !important;
}

/* topcard-red-20260701 */
.admin-page > .admin-panel.admin-panel-wide,
.admin-page > section.card.admin-panel.admin-panel-wide{
  border:3px solid rgba(220,38,38,0.28) !important;
  background:linear-gradient(180deg, rgba(254,242,242,0.98) 0%, rgba(255,255,255,1) 100%) !important;
  box-shadow:0 12px 28px rgba(220,38,38,0.10) !important;
}

/* topcard-red2-20260701 */
.admin-page > .admin-panel.admin-panel-wide,
.admin-page > section.card.admin-panel.admin-panel-wide{
  border:3px solid rgba(220,38,38,0.40) !important;
  background:linear-gradient(180deg, rgba(254,226,226,0.98) 0%, rgba(255,255,255,1) 100%) !important;
  box-shadow:0 14px 30px rgba(220,38,38,0.14) !important;
}

/* topcard-red3-20260701 */
.admin-page > .admin-panel.admin-panel-wide,
.admin-page > section.card.admin-panel.admin-panel-wide{
  border:3px solid rgba(220,38,38,0.58) !important;
  background:linear-gradient(180deg, rgba(254,210,210,0.99) 0%, rgba(255,242,242,1) 100%) !important;
  box-shadow:0 16px 34px rgba(220,38,38,0.20) !important;
}

.commercial-top-actions {
  display: flex;
  justify-content: flex-start;
  margin: 14px 0 6px;
}