/* ============================================================
   AZPanel — GreenLeaf Theme v1.0
   Earthy, organic, sustainability-first design system.
   Overlays MDUI 1.x defaults. Non-destructive: all mdui-*
   classes and JS behaviors remain functional.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;0,900;1,400&family=Raleway:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap');

:root {
  --gl-primary:       #166534;
  --gl-primary-hover: #14532D;
  --gl-primary-active:#052E16;
  --gl-primary-muted: rgba(22,101,52,.08);
  --gl-primary-glow:  rgba(22,101,52,.18);
  --gl-secondary:     #86A873;
  --gl-tertiary:      #A47148;
  --gl-neutral:       #A8A29E;

  --bg-body:          #FAFAF5;
  --bg-surface:       #F5F5EB;
  --bg-card:          #FFFFFF;
  --bg-card-hover:    #F9FAF5;
  --bg-drawer:        #FFFFFF;
  --bg-input:         #FFFFFF;
  --bg-toolbar:       #FFFFFF;

  --border-subtle:    #E7E5E4;
  --border-default:   #D6D3D1;
  --border-strong:    #A8A29E;

  --green:            #166534;
  --green-muted:      rgba(22,101,52,.06);
  --red:              #B91C1C;
  --red-muted:        rgba(185,28,28,.06);
  --orange:           #CA8A04;
  --orange-muted:     rgba(202,138,4,.06);
  --teal:             #0E7490;

  --text-primary:     #1C1917;
  --text-secondary:   #57534E;
  --text-tertiary:    #78716C;
  --text-on-accent:   #FFFFFF;

  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;

  --shadow-card:      none;
  --shadow-elevated:  none;

  --ease-out: cubic-bezier(.22,1,.36,1);

  --font-headline: 'Merriweather', Georgia, 'Times New Roman', serif;
  --font-body:     'Raleway', 'Segoe UI', sans-serif;
  --font-mono:     'Fira Code', 'Consolas', monospace;
}

/* ── 0. BASE ── */
html { scroll-behavior: smooth; }

body,
body.mdui-drawer-body-left,
body.mdui-appbar-with-toolbar {
  font-family: var(--font-body) !important;
  background: var(--bg-body) !important;
  color: var(--text-primary) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: .01em;
  font-size: 16px;
  line-height: 1.6;
}

::selection { background: var(--gl-primary); color: #fff; }

code, pre, .monospace, [style*="monospace"] {
  font-family: var(--font-mono) !important;
}

a { color: var(--gl-primary); transition: color .2s var(--ease-out); }
a:hover { color: var(--gl-primary-hover); }

hr, .mdui-typo hr { border-color: var(--border-subtle) !important; opacity: 1; }

/* ── 1. TOP APP BAR ── */
.mdui-appbar { box-shadow: none !important; }

.mdui-toolbar,
.mdui-toolbar.mdui-color-theme,
.mdui-toolbar.mdui-color-indigo {
  background: var(--bg-toolbar) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
  min-height: 56px;
  border-bottom: 2px solid var(--border-default);
}

.mdui-toolbar .mdui-typo-title,
.mdui-toolbar p.mdui-typo-title {
  font-family: var(--font-headline) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .01em;
  color: var(--gl-primary) !important;
  -webkit-text-fill-color: var(--gl-primary) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}

.mdui-toolbar .mdui-btn-icon { color: var(--text-secondary) !important; }
.mdui-toolbar .mdui-btn-icon:hover {
  color: var(--gl-primary) !important;
  background: var(--gl-primary-muted) !important;
}
.mdui-toolbar .mdui-btn-icon i { font-size: 22px; }

/* ── 2. NAVIGATION DRAWER ── */
.mdui-drawer {
  background: var(--bg-drawer) !important;
  border-right: 2px solid var(--border-default) !important;
  box-shadow: none !important;
  width: 260px !important;
}
.mdui-drawer .mdui-list { padding: 8px !important; }

.mdui-collapse-item-header.mdui-list-item {
  border-radius: var(--radius-md) !important;
  margin: 2px 0 !important;
  padding: 10px 12px !important;
  min-height: 44px !important;
  color: var(--text-secondary) !important;
  font-family: var(--font-body) !important;
  transition: all .2s var(--ease-out);
}
.mdui-collapse-item-header.mdui-list-item:hover {
  background: var(--gl-primary-muted) !important;
  color: var(--gl-primary) !important;
}

.mdui-collapse-item-header .mdui-list-item-icon {
  color: var(--gl-neutral) !important;
  font-size: 20px !important;
  margin-right: 12px !important;
}
.mdui-collapse-item-header:hover .mdui-list-item-icon { color: var(--gl-primary) !important; }

.mdui-collapse-item-header .mdui-list-item-content {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .01em;
}

.mdui-collapse-item-arrow { color: var(--text-tertiary) !important; font-size: 18px !important; }

.mdui-collapse-item-body.mdui-list { padding: 2px 0 2px 16px !important; }
.mdui-collapse-item-body .mdui-list-item {
  border-radius: var(--radius-sm) !important;
  margin: 1px 0 !important;
  padding: 8px 12px 8px 28px !important;
  min-height: 36px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--text-secondary) !important;
  position: relative;
  transition: all .15s var(--ease-out);
}
.mdui-collapse-item-body .mdui-list-item::before {
  content: '';
  position: absolute;
  left: 12px; top: 50%;
  transform: translateY(-50%);
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--border-default);
  transition: all .15s var(--ease-out);
}
.mdui-collapse-item-body .mdui-list-item:hover {
  background: var(--gl-primary-muted) !important;
  color: var(--gl-primary) !important;
}
.mdui-collapse-item-body .mdui-list-item:hover::before {
  background: var(--gl-primary);
  width: 6px; height: 6px;
}

.mdui-drawer > .mdui-list > a.mdui-list-item {
  border-radius: var(--radius-md) !important;
  padding: 10px 12px !important;
  color: var(--text-secondary) !important;
  font-size: 14px !important;
  font-weight: 500;
}
.mdui-drawer > .mdui-list > a.mdui-list-item:hover {
  background: var(--gl-primary-muted) !important;
  color: var(--gl-primary) !important;
}
.mdui-drawer .mdui-typo.mdui-m-a-2 { display: none; }

/* ── 3. CARDS — flat, grounded bottom border ── */
.mdui-card {
  background: var(--bg-card) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  border: 1px solid var(--border-subtle);
  border-bottom: 2px solid var(--border-default);
  transition: all .25s var(--ease-out);
  overflow: visible;
}
.mdui-card:hover { border-color: var(--gl-neutral); }
.mdui-card-content { padding: 24px !important; }
.mdui-card-actions {
  padding: 16px 24px !important;
  border-top: 1px solid var(--border-subtle) !important;
}

/* ── 4. TABLES ── */
.mdui-table-fluid,
.mdui-table-fluid-fixed {
  border: 1px solid var(--border-default) !important;
  border-bottom: 2px solid var(--border-default) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  overflow: hidden; overflow-x: auto;
  background: var(--bg-card);
}
.mdui-table { background: transparent !important; border: none !important; }

.mdui-table thead tr { background: var(--bg-surface) !important; }
.mdui-table thead th {
  font-family: var(--font-body) !important;
  color: var(--text-secondary) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  border-bottom: 1px solid var(--border-default) !important;
  padding: 12px 16px !important;
}

.mdui-table tbody tr {
  border-bottom: 1px solid var(--border-subtle) !important;
  transition: background .15s var(--ease-out);
}
.mdui-table tbody tr:hover { background: var(--bg-card-hover) !important; }
.mdui-table tbody tr:last-child { border-bottom: none !important; }

.mdui-table td {
  font-family: var(--font-body) !important;
  color: var(--text-primary) !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border-bottom: none !important;
}

.mdui-table-selectable thead tr,
.mdui-table-selectable tbody tr.mdui-table-row-selected {
  background: var(--gl-primary-muted) !important;
}

/* ── 5. BUTTONS ── */
.mdui-btn {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .01em !important;
  border-radius: var(--radius-md) !important;
  text-transform: none !important;
  transition: all .2s var(--ease-out) !important;
}

.mdui-btn-raised, .mdui-btn.mdui-btn-raised { box-shadow: none !important; }
.mdui-btn-raised:hover {
  box-shadow: none !important;
  transform: translateY(-1px);
  filter: brightness(0.95);
}

.mdui-btn.mdui-color-indigo,
.mdui-btn.mdui-color-theme {
  background: var(--gl-primary) !important;
  color: var(--text-on-accent) !important;
  border: none !important;
}
.mdui-btn.mdui-color-indigo:hover { background: var(--gl-primary-hover) !important; }
.mdui-btn.mdui-color-indigo:active { background: var(--gl-primary-active) !important; }

.mdui-btn.mdui-color-blue-grey {
  background: transparent !important;
  color: var(--gl-primary) !important;
  border: 2px solid var(--gl-primary) !important;
}
.mdui-btn.mdui-color-blue-grey:hover {
  background: #F0FDF4 !important;
  border-color: var(--gl-primary-hover) !important;
}

.mdui-btn.mdui-color-teal { background: var(--gl-tertiary) !important; color: #fff !important; }

.mdui-btn.mdui-color-red { background: var(--red) !important; color: #fff !important; border: none !important; }
.mdui-btn.mdui-color-red:hover { background: #991B1B !important; }

.mdui-btn.mdui-color-pink-accent,
.mdui-fab.mdui-color-pink-accent {
  background: var(--gl-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 2px solid var(--gl-primary-hover);
}
.mdui-btn.mdui-color-pink-accent:hover,
.mdui-fab.mdui-color-pink-accent:hover { background: var(--gl-primary-hover) !important; }

.mdui-btn-block {
  border-radius: var(--radius-md) !important;
  padding: 12px !important;
  font-size: 14px !important;
}

.mdui-btn[disabled], .mdui-btn.mdui-btn-disabled {
  opacity: 0.5 !important; cursor: not-allowed !important;
}

/* ── 6. TEXT FIELDS ── */
.mdui-textfield { padding-top: 16px !important; padding-bottom: 8px !important; }

.mdui-textfield-label {
  font-family: var(--font-body) !important;
  color: var(--text-tertiary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.mdui-textfield-input {
  font-family: var(--font-body) !important;
  color: var(--text-primary) !important;
  font-size: 14px !important;
  border-bottom-color: var(--border-default) !important;
  caret-color: var(--gl-primary);
}

.mdui-textfield-focus .mdui-textfield-input {
  border-bottom-color: var(--gl-primary) !important;
  box-shadow: 0 1px 0 var(--gl-primary) !important;
}
.mdui-textfield-focus .mdui-textfield-label { color: var(--gl-primary) !important; }

.mdui-textfield .mdui-icon { color: var(--gl-neutral) !important; }
.mdui-textfield-focus .mdui-icon { color: var(--gl-primary) !important; }

textarea.mdui-textfield-input {
  background: var(--bg-input) !important;
  border-radius: var(--radius-md) !important;
  padding: 12px 16px !important;
  border: 1px solid var(--border-default) !important;
}
textarea.mdui-textfield-input:focus {
  border-color: var(--gl-primary) !important;
  box-shadow: 0 0 0 2px rgba(22,101,52,.20) !important;
}

/* ── 7. SELECTS ── */
.mdui-select {
  background: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-md) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
}
.mdui-select-open .mdui-select { border-color: var(--gl-primary) !important; }

.mdui-select-menu {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
}
.mdui-select-menu-item {
  color: var(--text-primary) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
}
.mdui-select-menu-item:hover { background: var(--gl-primary-muted) !important; }
.mdui-select-menu-item[selected] { color: var(--gl-primary) !important; }

/* ── 8. DIALOGS ── */
.mdui-dialog {
  background: var(--bg-card) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  border: 1px solid var(--border-default);
  border-bottom: 3px solid var(--gl-neutral);
  color: var(--text-primary) !important;
}
.mdui-dialog-title {
  font-family: var(--font-headline) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}
.mdui-dialog-content {
  font-family: var(--font-body) !important;
  color: var(--text-secondary) !important;
}
.mdui-dialog-actions .mdui-btn { color: var(--gl-primary) !important; }

.mdui-overlay {
  background: rgba(28,25,23,.40) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* ── 9. SNACKBAR ── */
.mdui-snackbar {
  background: var(--text-primary) !important;
  color: #fff !important;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
  font-family: var(--font-body) !important;
}

/* ── 10. PROGRESS ── */
.mdui-progress {
  background: var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  height: 4px !important;
  overflow: hidden;
}
.mdui-progress-determinate,
.mdui-progress-indeterminate::before,
.mdui-progress-indeterminate::after { background: var(--gl-primary) !important; }

/* ── 11. TABS ── */
.mdui-tab { background: transparent !important; border-bottom: 1px solid var(--border-subtle); }
.mdui-tab a {
  font-family: var(--font-body) !important;
  color: var(--text-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
.mdui-tab a.mdui-tab-active { color: var(--gl-primary) !important; }
.mdui-tab-indicator { background: var(--gl-primary) !important; border-radius: 2px 2px 0 0; }

/* ── 12. CHECKBOXES / SWITCHES / RADIOS ── */
.mdui-checkbox-icon, .mdui-radio-icon { border-color: var(--gl-neutral) !important; }
.mdui-checkbox input[type="checkbox"]:checked + .mdui-checkbox-icon,
.mdui-radio input[type="radio"]:checked + .mdui-radio-icon {
  border-color: var(--gl-primary) !important;
  background: var(--gl-primary) !important;
}
.mdui-switch-icon { background: var(--border-strong) !important; }
.mdui-switch input:checked + .mdui-switch-icon { background: var(--gl-primary-muted) !important; }
.mdui-switch input:checked + .mdui-switch-icon::after { background: var(--gl-primary) !important; }
.mdui-checkbox, .mdui-switch { color: var(--text-primary) !important; font-family: var(--font-body) !important; }

/* ── 13. MENUS ── */
.mdui-menu {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-default) !important;
  border-bottom: 2px solid var(--border-default) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
  padding: 4px !important;
}
.mdui-menu-item > a {
  font-family: var(--font-body) !important;
  color: var(--text-primary) !important;
  font-size: 13px !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 16px !important;
}
.mdui-menu-item > a:hover {
  background: var(--gl-primary-muted) !important;
  color: var(--gl-primary) !important;
}
.mdui-menu-item > a .mdui-icon { color: var(--text-secondary) !important; font-size: 18px !important; }
.mdui-menu-item > a:hover .mdui-icon { color: var(--gl-primary) !important; }

/* ── 14. FAB ── */
.mdui-fab {
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
  border: 2px solid var(--border-default);
  transition: all .25s var(--ease-out) !important;
}
.mdui-fab:hover { transform: scale(1.04); border-color: var(--gl-primary); }
.mdui-fab-mini { border-radius: var(--radius-sm) !important; }

/* ── 15. PAGE TITLES — Merriweather headlines ── */
p[style*="color: #3F51B5"][style*="font-size: 34px"],
p[style*="color:#3F51B5"][style*="font-size:34px"] {
  font-family: var(--font-headline) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  letter-spacing: .01em;
  line-height: 1.3;
  margin-bottom: 4px;
}
p[style*="color: #3F51B5"][style*="font-size: 20px"],
p[style*="color:#3F51B5"][style*="font-size:20px"] {
  font-family: var(--font-headline) !important;
  color: var(--text-primary) !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1.4;
}
p[style*="color: #3F51B5"][style*="font-size: 18px"],
p[style*="color:#3F51B5"][style*="font-size:18px"] {
  font-family: var(--font-headline) !important;
  color: var(--gl-primary) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
p[style*="color: #3F51B5"][style*="font-size: 14px"],
p[style*="color:#3F51B5"][style*="font-size:14px"] {
  color: var(--text-tertiary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .02em;
}

.mdui-typo p {
  font-family: var(--font-body) !important;
  color: var(--text-secondary);
  line-height: 1.6;
}

.mdui-typo code, code {
  font-family: var(--font-mono) !important;
  background: var(--bg-surface) !important;
  color: var(--gl-primary) !important;
  padding: 2px 6px !important;
  border-radius: var(--radius-sm) !important;
  font-size: 13px !important;
  border: 1px solid var(--border-subtle);
}

/* ── 16. PAGINATION ── */
.pagination > li > a, .pagination > li > span {
  font-family: var(--font-body) !important;
  background: var(--bg-card) !important;
  border-color: var(--border-default) !important;
  color: var(--text-secondary) !important;
  border-radius: var(--radius-sm) !important;
  margin: 0 2px !important;
  font-size: 13px;
}
.pagination > li > a:hover {
  background: var(--gl-primary-muted) !important;
  color: var(--gl-primary) !important;
  border-color: var(--gl-primary) !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover {
  background: var(--gl-primary) !important;
  border-color: var(--gl-primary) !important;
  color: #fff !important;
}
.pagination > .disabled > a, .pagination > .disabled > span {
  background: var(--bg-surface) !important;
  color: var(--text-tertiary) !important;
  border-color: var(--border-subtle) !important;
}

/* ── 17. STATUS COLORS ── */
span[style*="color:green"], td[style*="color: green"], td[style*="color:green"],
span[style*="color: green"] { color: var(--gl-primary) !important; }
span[style*="color:red"], td[style*="color: red"], td[style*="color:red"],
span[style*="color: red"] { color: var(--red) !important; }
td[style*="color: orange"], td[style*="color:orange"] { color: var(--orange) !important; }

/* ── 18. TOOLTIP ── */
.mdui-tooltip {
  background: var(--text-primary) !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  padding: 8px 12px !important;
}

/* ── 19. SCROLLBAR ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-default); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--gl-neutral); }
* { scrollbar-width: thin; scrollbar-color: var(--border-default) transparent; }

/* ── 20. AUTH PAGES ── */
.auth-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  position: relative;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(134,168,115,.08) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 30%, rgba(164,113,72,.06) 0%, transparent 50%),
    var(--bg-body);
}

.auth-wrapper .mdui-card {
  transform: none !important;
  width: 100%;
  max-width: 420px;
  border: 1px solid var(--border-default);
  border-bottom: 3px solid var(--gl-primary);
  background: var(--bg-card) !important;
}

.auth-wrapper .auth-inner {
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.auth-wrapper .auth-inner .mdui-card {
  width: 100%;
}

.auth-wrapper .mdui-card-actions {
  text-align: center !important;
}

.auth-wrapper .mdui-btn-block {
  text-align: center !important;
  display: block;
  width: 100%;
}

.auth-topbar { background: transparent !important; border-bottom: none !important; }
.auth-topbar .mdui-toolbar { background: transparent !important; border-bottom: none !important; }

/* Override auth inline styles */
.auth-wrapper div[style*="text-align:center"] p[style*="font-size:22px"],
.auth-wrapper div[style*="text-align: center"] p[style*="font-size:22px"] {
  font-family: var(--font-headline) !important;
  color: var(--text-primary) !important;
}
.auth-wrapper div[style*="text-align:center"] p[style*="font-size:13px"] {
  color: var(--text-tertiary) !important;
}
.auth-wrapper div[style*="border-radius:14px"] {
  background: var(--gl-primary) !important;
}

.auth-wrapper .mdui-card-actions a.mdui-btn {
  background: var(--bg-surface) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-default) !important;
  font-size: 13px !important;
}
.auth-wrapper .mdui-card-actions a.mdui-btn:hover {
  border-color: var(--gl-primary) !important;
  color: var(--gl-primary) !important;
  background: var(--gl-primary-muted) !important;
}

/* ── 21. CONTENT AREA ── */
.mdui-container-fluid { padding-left: 20px !important; padding-right: 20px !important; }
.mdui-drawer-body-left .mdui-container-fluid { max-width: 1400px; }

/* ── 22. RIPPLE ── */
.mdui-ripple-wave { background: rgba(22,101,52,.10) !important; }

/* ── 23. LIST ITEMS ── */
.mdui-list-item { color: var(--text-primary) !important; font-family: var(--font-body) !important; }
.mdui-list-item-icon { color: var(--gl-neutral) !important; }
.mdui-list .mdui-divider, .mdui-list .mdui-divider-inset { background: var(--border-subtle) !important; }

/* ── 24. CODE BLOCKS ── */
pre[class*="language-"], code[class*="language-"] {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-mono) !important;
}

/* ── 25. ANIMATIONS ── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.mdui-card { animation: fadeInUp .35s var(--ease-out) both; }
.mdui-table-fluid, .mdui-table-fluid-fixed {
  animation: fadeInUp .4s var(--ease-out) both;
  animation-delay: .08s;
}

/* ── 26. RESPONSIVE ── */
@media (max-width: 599px) {
  p[style*="font-size: 34px"], p[style*="font-size:34px"] { font-size: 22px !important; }
  .mdui-card-content { padding: 16px !important; }
  .mdui-table td, .mdui-table th { padding: 8px 10px !important; font-size: 12px !important; }
  .mdui-drawer { width: 280px !important; }
}

/* ── 27. MISC ── */
.h-captcha { border-radius: var(--radius-sm); overflow: hidden; }
.mdui-row { margin-left: -8px !important; margin-right: -8px !important; }
.mdui-row > [class*="mdui-col-"] { padding-left: 8px !important; padding-right: 8px !important; }

.site-footer-text {
  color: var(--text-tertiary) !important;
  font-size: 12px !important;
  font-family: var(--font-body) !important;
  padding: 16px 0 !important;
}

.nav-section-label {
  display: block;
  padding: 18px 12px 6px 12px;
  font-family: var(--font-body);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
  color: var(--gl-secondary);
}

.mdui-card .mdui-card-content .mdui-float-right { color: var(--text-tertiary) !important; }

/* ── 28. ICONS IN BUTTONS ── */
.mdui-btn .mdui-icon, .mdui-btn i.mdui-icon { vertical-align: middle; }
.mdui-btn.mdui-color-blue-grey .mdui-icon { color: var(--gl-primary) !important; }

/* ── 29. COLLAPSE STATE ── */
.mdui-collapse-item-body { transition: height .3s var(--ease-out) !important; }
.mdui-collapse-item-open > .mdui-collapse-item-header {
  background: var(--gl-primary-muted) !important;
  color: var(--gl-primary) !important;
}
.mdui-collapse-item-open > .mdui-collapse-item-header .mdui-list-item-icon {
  color: var(--gl-primary) !important;
}

/* ── 30. INLINE COLOR OVERRIDES ── */
a[style*="color:#009688"], a[style*="color: #009688"] { color: var(--gl-secondary) !important; }
a[style*="color:#E91E63"], a[style*="color: #E91E63"] { color: var(--gl-tertiary) !important; }
a[style*="color:#3F51B5"], a[style*="color: #3F51B5"] { color: var(--gl-primary) !important; }
a[style*="color:#FF9800"], a[style*="color: #FF9800"] { color: var(--orange) !important; }

td a[style*="text-decoration:underline"],
td a[style*="text-decoration: underline"] {
  text-decoration-color: var(--border-default) !important;
  text-underline-offset: 3px;
}
td a[style*="text-decoration:underline"]:hover,
td a[style*="text-decoration: underline"]:hover {
  text-decoration-color: currentColor !important;
}

/* ── 31. MDUI COLOR CLASS OVERRIDES ── */
.mdui-color-indigo, [class*="mdui-color-indigo"]:not(.mdui-btn):not(.mdui-toolbar) {
  background-color: var(--gl-primary) !important;
}

/* ── 32. DENSE BUTTON ── */
.mdui-btn-dense {
  font-size: 12px !important;
  padding: 0 12px !important;
  height: 32px !important;
  line-height: 32px !important;
}

/* ── 33. FLEX GAP ── */
.mdui-container-fluid[style*="display:flex"] { gap: 16px; }

/* ── 34. PRINT ── */
@media print {
  .mdui-drawer, .mdui-appbar, .mdui-fab { display: none !important; }
  body { background: #fff !important; }
}