/* =========================================================
   SILADES NOVA UI v3.8.110
   Layer tema modern untuk layar aplikasi.
   Print tetap memakai silades-style.css agar format dokumen tidak berubah.
   ========================================================= */

@media screen {
  html.silades-nova-ui {
    font-size: 92% !important;
    background: #eef3f1;
    scroll-behavior: smooth;
  }

  body.silades-nova-ui {
    --nova-ink: #10201d;
    --nova-muted: #60736e;
    --nova-line: #d8e2de;
    --nova-line-strong: #bdccc7;
    --nova-page: #eef3f1;
    --nova-panel: #ffffff;
    --nova-panel-soft: #f7faf8;
    --nova-nav: #14342e;
    --nova-nav-2: #1b443c;
    --nova-primary: #1f7a68;
    --nova-primary-dark: #15594d;
    --nova-blue: #2f6f9f;
    --nova-gold: #b58a2c;
    --nova-emerald: #20805f;
    --nova-red: #b93a3a;
    --nova-purple: #6b5ca5;
    --nova-shadow: 0 16px 40px rgba(22, 48, 43, .10);
    --nova-shadow-soft: 0 8px 22px rgba(22, 48, 43, .08);
    --nova-radius: 8px;
    --nova-radius-sm: 6px;
    --app-default-zoom: 92%;
    color: var(--nova-ink);
    background:
      linear-gradient(180deg, rgba(31, 122, 104, .06), transparent 270px),
      var(--nova-page) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  body.silades-nova-ui *,
  body.silades-nova-ui *::before,
  body.silades-nova-ui *::after {
    letter-spacing: 0 !important;
  }

  body.silades-nova-ui ::selection {
    background: rgba(31, 122, 104, .18);
    color: var(--nova-ink);
  }

  body.silades-nova-ui ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  body.silades-nova-ui ::-webkit-scrollbar-track {
    background: rgba(216, 226, 222, .65);
  }

  body.silades-nova-ui ::-webkit-scrollbar-thumb {
    background: #9fb3ad;
    border: 2px solid rgba(238, 243, 241, .95);
    border-radius: 999px;
  }

  body.silades-nova-ui #mainAppContainer {
    background:
      linear-gradient(180deg, rgba(255,255,255,.72), rgba(247,250,248,.45)),
      var(--nova-page) !important;
  }

  body.silades-nova-ui #mainContent {
    background:
      linear-gradient(180deg, rgba(255,255,255,.84) 0, rgba(238,243,241,.96) 320px),
      var(--nova-page) !important;
  }

  body.silades-nova-ui #lazyPageContainer {
    color: var(--nova-ink);
  }

  /* Login */
  body.silades-nova-ui #loginView {
    background:
      linear-gradient(135deg, #10201d 0%, #14342e 48%, #efe8d8 48.2%, #f7faf8 100%) !important;
  }

  body.silades-nova-ui #loginView > div {
    border: 1px solid rgba(255,255,255,.42) !important;
    border-top: 1px solid rgba(255,255,255,.42) !important;
    border-radius: var(--nova-radius) !important;
    background: rgba(255,255,255,.95) !important;
    box-shadow: 0 28px 80px rgba(10, 30, 26, .34) !important;
    backdrop-filter: blur(14px);
  }

  body.silades-nova-ui #loginView h1 {
    color: var(--nova-primary-dark) !important;
    font-weight: 900 !important;
  }

  body.silades-nova-ui #loginView button[onclick="handleLogin()"] {
    background: var(--nova-primary) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: var(--nova-radius-sm) !important;
    box-shadow: var(--nova-shadow-soft) !important;
  }

  /* App shell */
  body.silades-nova-ui nav.no-print {
    background:
      linear-gradient(180deg, var(--nova-nav), #102a25) !important;
    border-right: 1px solid rgba(255,255,255,.10);
    box-shadow: 10px 0 30px rgba(12, 36, 31, .13) !important;
  }

  body.silades-nova-ui nav.no-print > div:first-child {
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.04);
  }

  body.silades-nova-ui nav.no-print > div:first-child .text-white {
    color: #f7fbf9 !important;
  }

  body.silades-nova-ui nav.no-print > div:first-child span {
    color: rgba(235, 247, 242, .72) !important;
  }

  body.silades-nova-ui nav.no-print button,
  body.silades-nova-ui nav.no-print .sidebar-menu-group > summary {
    min-height: 38px;
    border-radius: var(--nova-radius-sm) !important;
    border: 1px solid transparent !important;
    color: rgba(234, 246, 242, .82) !important;
    background: transparent !important;
    font-weight: 760 !important;
    transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
  }

  body.silades-nova-ui nav.no-print button:hover,
  body.silades-nova-ui nav.no-print .sidebar-menu-group > summary:hover,
  body.silades-nova-ui nav.no-print .sidebar-menu-group[open] > summary {
    background: rgba(255,255,255,.09) !important;
    color: #ffffff !important;
    border-color: rgba(163, 207, 194, .22) !important;
    transform: translateX(2px);
  }

  body.silades-nova-ui nav.no-print button.bg-\[\#153650\],
  body.silades-nova-ui nav.no-print button.bg-\[\#153650\].text-white {
    background: rgba(255,255,255,.14) !important;
    color: #ffffff !important;
    border-color: rgba(181, 138, 44, .58) !important;
    box-shadow: inset 3px 0 0 var(--nova-gold) !important;
  }

  body.silades-nova-ui nav.no-print .sidebar-submenu {
    margin-top: .35rem !important;
    padding-left: .42rem !important;
    border-left: 1px solid rgba(255,255,255,.10);
  }

  body.silades-nova-ui #userRoleDisplay,
  body.silades-nova-ui #mobileUserRole {
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: var(--nova-radius-sm) !important;
    color: #eaf6f2 !important;
  }

  body.silades-nova-ui .offline-sync-badge {
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
  }

  /* Topbar */
  body.silades-nova-ui #topbarMenu {
    background: rgba(255,255,255,.88) !important;
    border-bottom: 1px solid var(--nova-line) !important;
    box-shadow: 0 8px 22px rgba(20,52,46,.08) !important;
    backdrop-filter: blur(16px);
  }

  body.silades-nova-ui #topbarMenu .topbar-section-label {
    color: var(--nova-muted) !important;
    font-weight: 840 !important;
  }

  body.silades-nova-ui #topbarMenu button,
  body.silades-nova-ui #topbarMenu .topbar-dropdown > summary {
    min-height: 36px;
    border-radius: var(--nova-radius-sm) !important;
    border: 1px solid var(--nova-line) !important;
    background: #ffffff !important;
    color: #243f39 !important;
    box-shadow: none !important;
    font-weight: 780 !important;
  }

  body.silades-nova-ui #topbarMenu button:hover,
  body.silades-nova-ui #topbarMenu .topbar-dropdown > summary:hover,
  body.silades-nova-ui #topbarMenu .topbar-dropdown[open] > summary {
    border-color: rgba(31,122,104,.35) !important;
    background: #f3faf7 !important;
    color: var(--nova-primary-dark) !important;
  }

  body.silades-nova-ui #topbarMenu .quick-topbar-primary {
    border-color: rgba(31,122,104,.24) !important;
    background: #f6fbf8 !important;
    color: var(--nova-primary-dark) !important;
  }

  body.silades-nova-ui #topbarMenu .topbar-dropdown-menu {
    border: 1px solid var(--nova-line) !important;
    border-radius: var(--nova-radius) !important;
    background: #ffffff !important;
    box-shadow: 0 18px 45px rgba(17, 42, 37, .16) !important;
    padding: .55rem !important;
  }

  body.silades-nova-ui #topbarMenu .topbar-dropdown-menu button {
    border-radius: var(--nova-radius-sm) !important;
    border-color: transparent !important;
    background: transparent !important;
  }

  body.silades-nova-ui #topbarMenu .topbar-dropdown-menu button:hover {
    background: #f2f7f5 !important;
    transform: none !important;
  }

  /* Page containers and panels */
  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView):not(#loginView) {
    color: var(--nova-ink);
  }

  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) > .bg-white,
  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) > section.bg-white,
  body.silades-nova-ui #mainContent .bg-white.shadow-xl,
  body.silades-nova-ui #mainContent .bg-white.shadow-lg,
  body.silades-nova-ui #mainContent .bg-white.shadow-sm,
  body.silades-nova-ui #mainContent .rounded-\[1\.5rem\],
  body.silades-nova-ui #mainContent .ai-card,
  body.silades-nova-ui #mainContent .rekom-card {
    background: var(--nova-panel) !important;
    border: 1px solid var(--nova-line) !important;
    border-radius: var(--nova-radius) !important;
    box-shadow: var(--nova-shadow) !important;
  }

  body.silades-nova-ui #mainContent .rounded-lg,
  body.silades-nova-ui #mainContent .rounded-xl,
  body.silades-nova-ui #mainContent .rounded-2xl {
    border-radius: var(--nova-radius) !important;
  }

  body.silades-nova-ui #mainContent .rounded-full {
    border-radius: 999px !important;
  }

  body.silades-nova-ui #mainContent .shadow-xl,
  body.silades-nova-ui #mainContent .shadow-lg {
    box-shadow: var(--nova-shadow) !important;
  }

  body.silades-nova-ui #mainContent .shadow,
  body.silades-nova-ui #mainContent .shadow-md,
  body.silades-nova-ui #mainContent .shadow-sm {
    box-shadow: var(--nova-shadow-soft) !important;
  }

  body.silades-nova-ui #mainContent .border-slate-200,
  body.silades-nova-ui #mainContent .border-slate-300,
  body.silades-nova-ui #mainContent .border-gray-200,
  body.silades-nova-ui #mainContent .border-gray-300 {
    border-color: var(--nova-line) !important;
  }

  body.silades-nova-ui #mainContent .bg-slate-50,
  body.silades-nova-ui #mainContent .bg-gray-50 {
    background-color: var(--nova-panel-soft) !important;
  }

  body.silades-nova-ui #mainContent .text-slate-500,
  body.silades-nova-ui #mainContent .text-gray-500,
  body.silades-nova-ui #mainContent .text-gray-600,
  body.silades-nova-ui #mainContent .text-slate-600 {
    color: var(--nova-muted) !important;
  }

  body.silades-nova-ui #mainContent .text-\[\#1e4b6e\],
  body.silades-nova-ui #mainContent .text-blue-800 {
    color: var(--nova-primary-dark) !important;
  }

  /* Section headers */
  body.silades-nova-ui #mainContent .text-white.p-4,
  body.silades-nova-ui #mainContent .text-white.p-5,
  body.silades-nova-ui #mainContent .text-white.md\:p-6,
  body.silades-nova-ui #mainContent .bg-blue-800,
  body.silades-nova-ui #mainContent .bg-purple-700,
  body.silades-nova-ui #mainContent .bg-fuchsia-700,
  body.silades-nova-ui #mainContent .bg-emerald-600,
  body.silades-nova-ui #mainContent .bg-\[\#1e4b6e\],
  body.silades-nova-ui #mainContent .bg-\[\#14314d\] {
    background: linear-gradient(90deg, #173f37, #246655) !important;
    color: #ffffff !important;
  }

  body.silades-nova-ui #mainContent .text-white h1,
  body.silades-nova-ui #mainContent .text-white h2,
  body.silades-nova-ui #mainContent .text-white h3 {
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  body.silades-nova-ui #mainContent .text-white p,
  body.silades-nova-ui #mainContent .text-blue-200,
  body.silades-nova-ui #mainContent .text-emerald-100 {
    color: rgba(236, 253, 245, .82) !important;
  }

  /* Dashboard */
  body.silades-nova-ui #dashboardView .dashboard-shell {
    gap: 1rem !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-hero {
    border-radius: var(--nova-radius) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    background:
      linear-gradient(135deg, #14342e, #1f7a68 68%, #9a7626) !important;
    box-shadow: var(--nova-shadow) !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-hero::after {
    display: none !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-pill {
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #f7fbf9 !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-stat-card,
  body.silades-nova-ui #dashboardView .dashboard-group-card,
  body.silades-nova-ui #dashboardView .dashboard-soft-panel,
  body.silades-nova-ui #dashboardView .dashboard-menu-card {
    border-radius: var(--nova-radius) !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-stat-card {
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: none !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-stat-label {
    color: rgba(236,253,245,.78) !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-stat-value {
    color: #ffffff !important;
    font-weight: 900 !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-soft-panel,
  body.silades-nova-ui #dashboardView .dashboard-group-card {
    background: var(--nova-panel) !important;
    border: 1px solid var(--nova-line) !important;
    box-shadow: var(--nova-shadow-soft) !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-icon {
    border-radius: var(--nova-radius-sm) !important;
    background: #eef7f3 !important;
    color: var(--nova-primary-dark) !important;
    border: 1px solid rgba(31,122,104,.16) !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-mini-link {
    border-radius: var(--nova-radius-sm) !important;
    border: 1px solid var(--nova-line) !important;
    background: #ffffff !important;
    color: #25423b !important;
  }

  body.silades-nova-ui #dashboardView .dashboard-mini-link:hover {
    background: #f2f8f5 !important;
    border-color: rgba(31,122,104,.28) !important;
    transform: none !important;
  }

  /* Forms */
  body.silades-nova-ui .form-input,
  body.silades-nova-ui input:not([type="checkbox"]):not([type="radio"]),
  body.silades-nova-ui select,
  body.silades-nova-ui textarea {
    border: 1px solid var(--nova-line-strong) !important;
    border-radius: var(--nova-radius-sm) !important;
    background-color: #ffffff !important;
    color: var(--nova-ink) !important;
    box-shadow: none !important;
    min-height: 38px;
  }

  body.silades-nova-ui textarea {
    min-height: 74px;
  }

  body.silades-nova-ui .form-input:focus,
  body.silades-nova-ui input:not([type="checkbox"]):not([type="radio"]):focus,
  body.silades-nova-ui select:focus,
  body.silades-nova-ui textarea:focus {
    border-color: var(--nova-primary) !important;
    box-shadow: 0 0 0 3px rgba(31,122,104,.16) !important;
    outline: none !important;
  }

  body.silades-nova-ui label {
    color: #435b55 !important;
    font-weight: 740 !important;
  }

  body.silades-nova-ui optgroup {
    color: var(--nova-primary-dark) !important;
    background: #f2f8f5 !important;
  }

  body.silades-nova-ui option {
    color: var(--nova-ink) !important;
  }

  body.silades-nova-ui input[readonly],
  body.silades-nova-ui select:disabled,
  body.silades-nova-ui input:disabled,
  body.silades-nova-ui textarea:disabled {
    background: #eef3f1 !important;
    color: #64746f !important;
    cursor: not-allowed;
  }

  /* Buttons */
  body.silades-nova-ui button,
  body.silades-nova-ui .action-btn {
    border-radius: var(--nova-radius-sm) !important;
    font-weight: 820 !important;
  }

  body.silades-nova-ui #mainContent button:not(.dashboard-mini-link):not(.spp-wizard-step-btn):not(.topbar-dropdown-item),
  body.silades-nova-ui #confirmModal button {
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease !important;
  }

  body.silades-nova-ui #mainContent button:not(:disabled):hover,
  body.silades-nova-ui #confirmModal button:not(:disabled):hover {
    transform: translateY(-1px);
  }

  body.silades-nova-ui .bg-\[\#1e4b6e\],
  body.silades-nova-ui .bg-blue-600,
  body.silades-nova-ui .bg-blue-700,
  body.silades-nova-ui .bg-blue-800,
  body.silades-nova-ui .bg-blue-900 {
    background-color: var(--nova-primary) !important;
  }

  body.silades-nova-ui .hover\:bg-\[\#153650\]:hover,
  body.silades-nova-ui .hover\:bg-blue-800:hover,
  body.silades-nova-ui .hover\:bg-blue-900:hover {
    background-color: var(--nova-primary-dark) !important;
  }

  body.silades-nova-ui .bg-green-600,
  body.silades-nova-ui .bg-emerald-600,
  body.silades-nova-ui .bg-emerald-700 {
    background-color: var(--nova-emerald) !important;
  }

  body.silades-nova-ui .bg-red-600,
  body.silades-nova-ui .bg-red-700 {
    background-color: var(--nova-red) !important;
  }

  body.silades-nova-ui .bg-purple-700,
  body.silades-nova-ui .bg-fuchsia-700 {
    background-color: var(--nova-purple) !important;
  }

  body.silades-nova-ui .text-white {
    color: #ffffff !important;
  }

  body.silades-nova-ui .spp-wizard-step-btn {
    border: 1px solid var(--nova-line) !important;
    border-radius: var(--nova-radius-sm) !important;
    background: #ffffff !important;
    color: #405a53 !important;
    box-shadow: none !important;
  }

  body.silades-nova-ui .spp-wizard-step-btn.active,
  body.silades-nova-ui .spp-wizard-step-btn.spp-step-active,
  body.silades-nova-ui .spp-wizard-step-btn[aria-current="step"] {
    background: #eef8f4 !important;
    border-color: rgba(31,122,104,.34) !important;
    color: var(--nova-primary-dark) !important;
  }

  body.silades-nova-ui .spp-wizard-num {
    background: var(--nova-primary) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
  }

  body.silades-nova-ui .spp-step-section {
    border-radius: var(--nova-radius) !important;
  }

  body.silades-nova-ui .spp-wizard-nav {
    border-color: var(--nova-line) !important;
  }

  /* Tables */
  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--nova-line) !important;
    border-radius: var(--nova-radius) !important;
    overflow: hidden;
  }

  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) thead {
    background: #edf5f1 !important;
  }

  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) th {
    background: #edf5f1 !important;
    color: #344e47 !important;
    font-weight: 850 !important;
    border-color: var(--nova-line) !important;
  }

  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) td {
    color: #1f312d !important;
    border-color: var(--nova-line) !important;
  }

  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) tbody tr:hover {
    background: #f5faf7 !important;
  }

  body.silades-nova-ui #mainContent [id$="View"]:not(#previewView) tfoot td {
    background: #f1f7f4 !important;
    font-weight: 850 !important;
  }

  body.silades-nova-ui #mainContent .overflow-x-auto,
  body.silades-nova-ui #mainContent .overflow-y-auto {
    scrollbar-width: thin;
  }

  /* Status badges and helper blocks */
  body.silades-nova-ui .cloud-safe-badge,
  body.silades-nova-ui .silades-notif-badge,
  body.silades-nova-ui #pendapatanEditBadge,
  body.silades-nova-ui .offline-sync-badge {
    border-radius: 999px !important;
  }

  body.silades-nova-ui .bg-blue-50,
  body.silades-nova-ui .bg-emerald-50,
  body.silades-nova-ui .bg-green-50,
  body.silades-nova-ui .bg-cyan-50 {
    background-color: #eef8f4 !important;
  }

  body.silades-nova-ui .bg-amber-50,
  body.silades-nova-ui .bg-yellow-50 {
    background-color: #fff8e8 !important;
  }

  body.silades-nova-ui .bg-red-50,
  body.silades-nova-ui .bg-rose-50 {
    background-color: #fff1f1 !important;
  }

  body.silades-nova-ui .border-blue-200,
  body.silades-nova-ui .border-emerald-200,
  body.silades-nova-ui .border-green-200,
  body.silades-nova-ui .border-cyan-200 {
    border-color: rgba(31,122,104,.24) !important;
  }

  body.silades-nova-ui .border-amber-200,
  body.silades-nova-ui .border-yellow-200 {
    border-color: rgba(181,138,44,.28) !important;
  }

  /* Notifications, toast, modal */
  body.silades-nova-ui #toast {
    border-radius: var(--nova-radius) !important;
    box-shadow: 0 16px 44px rgba(16,32,29,.18) !important;
  }

  body.silades-nova-ui #confirmModal {
    background: rgba(16,32,29,.48) !important;
  }

  body.silades-nova-ui #confirmModal > div {
    border-radius: var(--nova-radius) !important;
    border: 1px solid var(--nova-line) !important;
    box-shadow: 0 24px 70px rgba(16,32,29,.24) !important;
  }

  body.silades-nova-ui .silades-notif-btn,
  body.silades-nova-ui .silades-notif-panel {
    border-radius: var(--nova-radius) !important;
    border: 1px solid var(--nova-line) !important;
    box-shadow: var(--nova-shadow) !important;
  }

  body.silades-nova-ui .silades-notif-btn {
    background: var(--nova-panel) !important;
    color: var(--nova-primary-dark) !important;
  }

  body.silades-nova-ui .silades-notif-panel {
    background: #ffffff !important;
  }

  /* AI and recommendation pages */
  body.silades-nova-ui #aiAgentView .ai-hero,
  body.silades-nova-ui #rekomendasiView .rekom-card > .text-white {
    border-radius: var(--nova-radius) var(--nova-radius) 0 0 !important;
    background: linear-gradient(90deg, #173f37, #246655) !important;
  }

  body.silades-nova-ui #aiAgentView .ai-panel,
  body.silades-nova-ui #aiAgentView .ai-stat,
  body.silades-nova-ui #aiAgentView .ai-draft {
    border-radius: var(--nova-radius) !important;
    border-color: var(--nova-line) !important;
    box-shadow: none !important;
  }

  /* Keep document previews close to their print layout */
  body.silades-nova-ui #previewView .doc-page,
  body.silades-nova-ui #previewView .doc-page * {
    font-family: inherit;
  }

  body.silades-nova-ui #previewView .doc-page {
    border-radius: var(--nova-radius-sm) !important;
  }

  /* Mobile */
  @media (min-width: 768px) {
    body.silades-nova-ui nav.no-print {
      width: 276px !important;
    }

    body.silades-nova-ui #mainContent > [id$="View"],
    body.silades-nova-ui #lazyPageContainer > [id$="View"] {
      padding-top: 1.25rem !important;
    }
  }

  @media (max-width: 900px) {
    html.silades-nova-ui {
      font-size: 96% !important;
    }

    body.silades-nova-ui nav.no-print {
      border-right: 0 !important;
      border-bottom: 1px solid rgba(255,255,255,.10) !important;
    }

    body.silades-nova-ui #topbarMenu {
      padding-left: .75rem !important;
      padding-right: .75rem !important;
      overflow-x: auto !important;
    }

    body.silades-nova-ui #mainContent [id$="View"] {
      padding-left: .9rem !important;
      padding-right: .9rem !important;
    }
  }

  @media (max-width: 560px) {
    html.silades-nova-ui {
      font-size: 100% !important;
    }

    body.silades-nova-ui #loginView > div {
      margin: 1rem;
      padding: 1.25rem !important;
    }

    body.silades-nova-ui #mainContent .p-6 {
      padding: 1rem !important;
    }

    body.silades-nova-ui #mainContent .grid {
      gap: .85rem !important;
    }
  }
}