/*
 * Shared desktop readability scale.
 * Kept separate so the application-wide sizing pass is easy to audit or revert.
 */
@media (min-width: 1000px) {
  :root {
    --ui-page-title: 26px;
    --ui-page-subtitle: 13px;
    --ui-section-title: 17px;
    --ui-body: 12px;
    --ui-control: 13px;
    --ui-label: 12px;
    --ui-caption: 11px;
    --ui-table-head: 11.5px;
    --ui-table-cell: 12px;
  }

  .content {
    width: 100%;
    max-width: 1680px;
    padding: 32px 36px 50px;
  }

  .page-title { margin-bottom: 26px; }
  .page-title h1 { font-size: var(--ui-page-title) !important; line-height: 1.55; }
  .page-title p,
  .page-title span { font-size: var(--ui-page-subtitle) !important; line-height: 1.85; }

  #systemAdminContent { max-width: 1500px; }
  .admin-heading { margin-bottom: 22px; }
  .admin-heading h1 { font-size: 28px !important; line-height: 1.6; }
  .admin-heading p { font-size: 14px !important; line-height: 1.9; }

  .panel,
  .admin-card { border-radius: 16px; }
  .panel-head h2,
  .card-title h2,
  .admin-card h2,
  .general-grid .card-title h2,
  .web-server-grid .card-title h2,
  .certificate-form-card .card-title h2,
  .certificate-table-card .card-title h2,
  .certificate-events-card .card-title h2 { font-size: var(--ui-section-title) !important; line-height: 1.65 !important; }

  .panel-head p,
  .card-title p,
  .admin-card > p,
  .general-grid .card-title p,
  .web-server-grid .card-title p,
  .certificate-form-card .card-title p,
  .certificate-table-card .card-title p,
  .certificate-events-card .card-title p,
  .log-card > p,
  .log-card .card-title p,
  #systemAdminContent > .admin-card > p { font-size: var(--ui-body) !important; line-height: 1.9 !important; }

  .admin-field label,
  .form-field > span,
  .general-grid .admin-field label,
  .web-server-grid label,
  .certificate-form-card .admin-field label,
  .certificate-report-toolbar label { font-size: var(--ui-label) !important; line-height: 1.7; }

  input,
  select,
  textarea,
  .soft-select-trigger,
  .date-picker-button,
  .general-grid .admin-field input,
  .general-grid .admin-field select,
  .certificate-form-card input,
  .certificate-form-card select,
  .certificate-report-toolbar input,
  .certificate-report-toolbar .date-picker-button {
    font-size: var(--ui-control) !important;
    line-height: 1.6 !important;
  }

  .admin-field input,
  .admin-field select,
  .soft-select,
  .soft-select-trigger,
  .date-picker-button,
  .general-grid .admin-field input,
  .general-grid .admin-field select,
  .certificate-form-card input,
  .certificate-form-card select,
  .certificate-report-toolbar input,
  .certificate-report-toolbar .date-picker-button { min-height: 42px !important; }

  input::placeholder,
  textarea::placeholder { font-size: 12px !important; }

  button.btn,
  a.btn,
  .certificate-report-toolbar > .btn,
  .general-grid .form-foot .btn,
  .web-server-grid .form-foot .btn {
    min-height: 38px !important;
    height: 38px !important;
    padding-inline: 14px !important;
    font-size: 11.5px !important;
  }

  .data-panel table th,
  .message-table th,
  .admin-table th,
  .service-table th,
  .log-results-wrap table th,
  .certificate-table-card .admin-table th,
  .certificate-events-card .admin-table th {
    padding-block: 12px !important;
    font-size: var(--ui-table-head) !important;
    line-height: 1.75 !important;
  }

  .data-panel table td,
  .message-table td,
  .admin-table td,
  .service-table td,
  .log-results-wrap table td,
  .certificate-table-card .admin-table td,
  .certificate-events-card .admin-table td {
    padding-block: 13px !important;
    font-size: var(--ui-table-cell) !important;
    line-height: 1.85 !important;
  }

  .data-panel table td small,
  .message-table td small,
  .admin-table td small,
  .log-results-wrap table td small,
  .admin-field small,
  .form-field > small,
  .general-grid .admin-field small { font-size: var(--ui-caption) !important; line-height: 1.8 !important; }

  .app-shell .page.active small { font-size: var(--ui-caption) !important; line-height: 1.8 !important; }
  .general-grid .form-foot > span,
  .general-grid .status-facts span,
  .general-grid .status-facts b { font-size: var(--ui-caption) !important; line-height: 1.75; }

  .data-panel .row-actions button,
  .message-table .row-actions button,
  .admin-table button,
  .log-results-wrap table button,
  .connect-btn,
  .edit-btn,
  .danger-btn,
  .text-btn {
    min-height: 34px !important;
    height: 34px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
  }

  .badge,
  .service-tag,
  .priority-tag { font-size: 11px !important; }

  .pagination,
  .audit-pagination,
  .log-pagination { font-size: 11px !important; }

  .compact-certificate-hero { min-height: 146px !important; padding: 22px !important; }
  .compact-certificate-hero small { font-size: 11px !important; }
  .compact-certificate-hero h2 { font-size: 20px !important; line-height: 1.6; }
  .compact-certificate-hero p { font-size: 12px !important; line-height: 1.9; }
  .compact-certificate-hero .certificate-kpis span { font-size: 11px !important; }
  .compact-certificate-hero .certificate-kpis b { font-size: 16px !important; }
  .certificate-tabs button { min-height: 40px; font-size: 12px !important; }
  .installed-certificates summary { font-size: 12px !important; }

  .stat-card span,
  .stat-card small,
  .health-list > div,
  .event p,
  .event p b { font-size: 11px !important; }
  .stat-card strong { font-size: 25px; }

  .nav-item span { font-size: 13.5px; }
  .nav-label { font-size: 11px; }
  .breadcrumb,
  .search input { font-size: 12px; }
  .breadcrumb { min-height: 42px; padding-inline: 8px; font-size: 15px !important; font-weight: 750; }
  .topbar-user strong { font-size: 12px; }
  .topbar-user small { font-size: 10px; }

  .soft-select-menu .soft-select-option { min-height: 40px; font-size: 12px; line-height: 1.75; }
  .notification-panel #notificationList strong { font-size: 12px; }
  .notification-panel #notificationList small,
  .notification-panel #notificationList time { font-size: 10px; }
}

@media (min-width: 1800px) {
  .content { padding-inline: 44px; }
  #systemAdminContent { max-width: 1580px; }
}

#genericPage[data-table-page="users"] .row-actions .user-disable-btn {
  background: #c2410c;
  color: #fff;
  border: 1px solid #9a3412;
  font-weight: 800;
}
#genericPage[data-table-page="users"] .row-actions .user-disable-btn:hover {
  background: #9a3412;
}
#genericPage[data-table-page="users"] .row-actions button.user-enable-btn {
  background: #07854d !important;
  color: #fff !important;
  border: 1px solid #067647 !important;
  font-weight: 800;
}
#genericPage[data-table-page="users"] .row-actions button.user-enable-btn:hover {
  background: #067647 !important;
}

#genericPage[data-table-page="users"] tbody tr.user-inactive td {
  background: #fff4f3;
  border-bottom-color: #f6d9d6;
  transition: background-color .2s ease;
}
#genericPage[data-table-page="users"] tbody tr.user-inactive:hover td {
  background: #ffebe8;
}
#genericPage[data-table-page="users"] tbody tr.user-inactive td:first-child {
  box-shadow: inset -3px 0 #e9a6a0;
}
#genericPage[data-table-page="users"] tbody tr.user-inactive .badge.offline {
  background: #ffedd5;
  color: #b45309;
  font-weight: 800;
}
.dark #genericPage[data-table-page="users"] tbody tr.user-inactive td {
  background: #392522;
  border-bottom-color: #61342e;
}
.dark #genericPage[data-table-page="users"] tbody tr.user-inactive:hover td {
  background: #472b27;
}