:root {
  --primary: #2f6b3b;
  --primary-dark: #255630;
  --sand: #c0965a;
  --sand-soft: #e9d5b4;
  --sand-deep: #a97c3c;
  --bg: #f7f2e8;
  --surface: #fffdf9;
  --text: #1f241f;
  --muted: #647063;
  --border: #dcc7a8;
  --white: #ffffff;
  --shadow: 0 16px 38px rgba(53, 65, 50, .10);
  --shadow-soft: 0 8px 20px rgba(0,0,0,.05);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
  color: var(--text);
  background: var(--bg);
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; }
.container { width: min(1200px, calc(100% - 32px)); margin: 0 auto; }
.top-strip {
  background: #214c2a;
  color: #f9f4ea;
  font-size: 14px;
}
.top-strip-inner {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.site-header {
  background: #f6efdf;
  border-bottom: 1px solid var(--border);
}
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0 16px;
}
.brand-wrap { display: flex; align-items: center; gap: 18px; }
.brand-logo {
  width: 82px;
  height: 90px;
  background: #fff;
  border-radius: 20px;
  padding: 8px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
}
.micro-text { color: var(--sand-deep); font-size: 14px; margin-bottom: 4px; }
.site-header h1 { margin: 0; font-size: 30px; color: var(--primary-dark); }
.subhead { margin: 6px 0 0; color: #5f675d; }
.main-nav {
  background: var(--primary);
  border-top: 1px solid rgba(255,255,255,.15);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.nav-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 62px;
}
.nav-inner a {
  color: #fff;
  padding: 11px 16px;
  border-radius: 12px;
  font-weight: 700;
}
.nav-inner a:hover,
.nav-inner a.active {
  background: rgba(255,255,255,.15);
}
.hero-shell { padding: 26px 0 34px; }
.hero-panel {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 22px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  border-radius: 28px;
  padding: 30px;
}
.chip {
  display: inline-flex;
  background: var(--sand-soft);
  color: #7a6333;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
}
.hero-copy h2 { margin: 14px 0 12px; font-size: 34px; line-height: 1.5; color: var(--primary-dark); }
.hero-copy p { margin: 0; color: #526052; line-height: 2; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.hero-stats { display: grid; gap: 14px; }
.stat-card, .surface, .info-card, .mini-card, .filter-card, .form-shell, .result-card, .details-card, .login-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
}
.stat-card {
  padding: 20px;
  border-right: 5px solid var(--primary);
}
.stat-card strong { display: block; color: var(--primary-dark); font-size: 22px; margin-bottom: 8px; }
.section { padding: 54px 0; }
.section-alt { background: #f2ebdd; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.section-head { margin-bottom: 24px; }
.section-head .eyebrow { color: var(--primary); font-weight: 700; margin-bottom: 8px; display: block; }
.section-head h2 { margin: 0 0 10px; font-size: 30px; color: var(--primary-dark); }
.section-head p { margin: 0; color: var(--muted); line-height: 1.9; }
.grid-3, .grid-4 { display: grid; gap: 18px; }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.surface, .info-card { padding: 24px; }
.surface h3, .info-card h3 { margin-top: 0; color: var(--primary-dark); }
.surface p, .info-card p, .surface li { color: #555; line-height: 1.9; }
.info-split { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; }
.check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.check-list li {
  background: #faf6ee;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 14px 16px;
}
.btn {
  border: none;
  border-radius: 14px;
  padding: 13px 22px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
}
.btn-primary { color: #fff; background: var(--primary); }
.btn-secondary { color: var(--primary-dark); background: var(--sand-soft); border: 1px solid var(--sand); }
.btn-success { color: #fff; background: var(--primary-dark); }
.btn-outline { color: var(--primary); border: 1px solid #bfd1c6; background: #fff; }
.page-wrap { padding: 54px 0; }
.page-banner {
  margin-bottom: 24px;
  background: #f3e3c8;
  color: var(--primary-dark);
  border-radius: 24px;
  padding: 28px;
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--border);
}
.page-banner h2 { margin: 0 0 10px; }
.page-banner p { margin: 0; color: #5e675d; line-height: 1.9; }
.form-shell { padding: 28px; }
.grid-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.field { display: flex; flex-direction: column; gap: 8px; }
.field.full { grid-column: 1 / -1; }
.field label { font-weight: 700; color: #435341; }
.field input, .field select, .field textarea, .filter-card input, .filter-card select {
  width: 100%;
  border: 1px solid #d8d0c3;
  border-radius: 14px;
  padding: 14px 15px;
  background: #fff;
  font-size: 15px;
  font-family: inherit;
}
.field textarea { min-height: 120px; resize: vertical; }
.note-strip {
  background: #f8ecd9;
  border: 1px solid var(--sand);
  color: #70592f;
  padding: 14px 16px;
  border-radius: 14px;
  margin-bottom: 18px;
  line-height: 1.8;
}
.form-actions, .status-box, .inline-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.spouse-field, .custom-area-wrap { display: none; }
.alert {
  padding: 16px 18px;
  border-radius: 14px;
  line-height: 1.8;
  margin-bottom: 18px;
}
.alert-danger { background: #fff0ee; color: #8f2718; border: 1px solid #edc1bd; }
.alert-success { background: #ecf8ef; color: #1e6a3f; border: 1px solid #c8e5d1; }
.filter-card {
  padding: 18px;
  display: grid;
  grid-template-columns: 1fr 180px 180px 180px auto auto;
  gap: 12px;
  margin-bottom: 18px;
}
.dashboard-layout { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; }
.sidebar {
  background: var(--primary-dark);
  color: #fff;
  padding: 28px;
}
.sidebar .side-logo { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.sidebar .side-logo img { width: 48px; height: 54px; background: rgba(255,255,255,.12); border-radius: 12px; padding: 5px; }
.sidebar nav { display: grid; gap: 10px; }
.sidebar nav a {
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 12px 14px;
}
.dashboard-main { padding: 28px; }
.dashboard-top { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-bottom: 18px; }
.dashboard-top p { margin: 6px 0 0; color: var(--muted); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 18px; }
.mini-card { padding: 20px; }
.mini-card span { display: block; color: var(--muted); margin-bottom: 8px; }
.mini-card strong { font-size: 28px; color: var(--primary-dark); }
.table-wrap {
  overflow: auto;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  box-shadow: var(--shadow-soft);
}
table { width: 100%; border-collapse: collapse; min-width: 980px; }
th, td { text-align: right; padding: 15px 14px; border-bottom: 1px solid #f0e8dc; }
thead th { background: #faf7f1; color: #435341; }
.table-link { color: var(--primary); font-weight: 700; }
.badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
}
.badge.neutral { background: #efefef; color: #505050; }
.badge.info { background: #e9f0ff; color: #1f53a1; }
.badge.warning { background: #fff1df; color: #9c6209; }
.badge.success-soft { background: #edf8ef; color: #227345; }
.badge.success { background: #dff4e6; color: #166238; }
.badge.danger { background: #ffe8e8; color: #9e1e1e; }
.result-card, .details-card { padding: 26px; }
.result-grid, .details-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.result-grid > div, .details-grid > div {
  padding: 14px 16px;
  background: #fbfaf7;
  border: 1px solid var(--border);
  border-radius: 16px;
}
.attachments-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.attachments-list li {
  padding: 14px 16px;
  background: #fbfaf7;
  border: 1px solid var(--border);
  border-radius: 16px;
}
.social-links { display: flex; gap: 10px; flex-wrap: wrap; }
.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  font-size: 18px;
  transition: .2s ease;
}
.social-links a:hover { transform: translateY(-2px); }
.social-links--top a {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}
.social-links--cards a,
.social-links--footer a {
  background: #f6ead7;
  border-color: var(--border);
  color: var(--primary-dark);
}
.footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 34px 0; }
.site-footer {
  margin-top: 40px;
  background: #244b2d;
  color: #f2eee6;
}
.site-footer h3 { color: #fff; }
.site-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.site-footer p, .site-footer li, .footer-note { color: #e5ddcf; line-height: 1.9; }
.footer-bottom {
  text-align: center;
  padding: 14px 16px 20px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #dfd5c5;
}
.login-card { width: min(460px, 100%); margin: 0 auto; padding: 28px; }
.center-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.print-header { margin-bottom: 20px; padding-bottom: 14px; border-bottom: 2px solid var(--primary); }
.muted { color: var(--muted); }

@media (max-width: 992px) {
  .hero-panel,
  .info-split,
  .dashboard-layout,
  .grid-4,
  .grid-3,
  .stats-grid,
  .footer-grid,
  .filter-card,
  .grid-form,
  .result-grid,
  .details-grid {
    grid-template-columns: 1fr !important;
  }
  .topbar,
  .top-strip-inner,
  .dashboard-top {
    flex-direction: column;
    align-items: stretch;
  }
  .nav-inner { justify-content: center; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 20px, 1200px); }
  .site-header h1 { font-size: 24px; }
  .hero-copy h2 { font-size: 26px; }
  .brand-wrap { align-items: flex-start; }
  .brand-logo { width: 66px; height: 74px; }
}


.login-body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
  background: #f6efdf;
}

.login-card h1,
.login-card label,
.login-card input,
.login-card button,
.login-card a,
.login-card .text-muted {
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
}

.sidebar nav a.active,
.sidebar nav a:hover {
  background: var(--sand);
  color: #fff;
}

.settings-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
}

.preview-logo-box {
  background: #fbfaf7;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 24px;
  text-align: center;
}

.preview-logo-box img {
  max-height: 140px;
  width: auto;
}

.help-text { color: var(--muted); font-size: 14px; line-height: 1.8; }

:root{--sand:#c0965a;--sand-soft:#e7cfac;--sand-deep:#b0854d;}
body, input, select, textarea, button, table, .btn, .sidebar, .dashboard-main{font-family:'Cairo',Tahoma,Arial,sans-serif!important;}
.btn i{margin-left:8px}.btn span{display:inline-block}.site-footer{background:#214c2a;color:#fff;padding:28px 0;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center}.social-links--cards a{background:var(--sand-soft)}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f3eedf}.login-wrap{width:min(460px,calc(100% - 32px))}.login-card{padding:28px}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:18px}.login-brand img{width:72px;height:72px;background:#fff;padding:8px;border-radius:16px;border:1px solid var(--border)}.login-brand h1{margin:0;font-size:22px}.login-brand p{margin:6px 0 0;color:var(--muted)}
.sidebar nav a{display:flex;align-items:center;gap:10px}.disabled-link{opacity:.55;pointer-events:none}.five-cols{grid-template-columns:repeat(5,1fr)}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.preview-logo-box{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft)}.preview-logo-box img{max-height:160px;display:block;margin:auto}.help-text{color:var(--muted);font-size:14px;margin-top:8px}.action-icons{display:flex;gap:8px;flex-wrap:wrap}.large-icons .icon-btn{width:46px;height:46px}.icon-btn,.icon-pill{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#edf4ef;color:var(--primary-dark);border:1px solid #c7d7cc}.icon-btn.success,.icon-pill.success{background:#e4f5ea;color:#1c6b3b}.icon-btn.danger{background:#ffe8e8;color:#9e1e1e;border-color:#f0c7c7}.icon-btn.soft,.icon-pill.soft{background:#f7f1e6;color:#7a6333;border-color:#ead8b8}.filter-card{align-items:center}.filter-card .icon-pill{border:none;cursor:pointer}.details-grid{margin-top:6px}.attachments-list{list-style:none;padding:0;display:grid;gap:12px}.attachments-list li{padding:12px 14px;background:#faf7f1;border-radius:14px;border:1px solid var(--border)}.print-page{background:#ece7dc;padding:20px}.print-sheet{width:min(900px,100%);margin:auto;background:#fff;padding:30px;border-radius:20px;box-shadow:var(--shadow-soft)}.receipt-sheet{max-width:820px}.receipt-head{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--sand);padding-bottom:16px;margin-bottom:22px}.receipt-head h1{margin:0;color:var(--primary-dark)}.receipt-head p{margin:6px 0 0}.print-logo{width:82px;height:90px;object-fit:contain}.receipt-title{font-size:28px;font-weight:800;color:var(--primary-dark);margin-bottom:20px;text-align:center}.print-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.table-wrap td .table-link{display:inline-flex}
@media print {.no-print{display:none!important}.print-page{background:#fff;padding:0}.print-sheet{box-shadow:none;border-radius:0;width:100%;max-width:none;padding:0}}
@media (max-width: 980px){.dashboard-layout{grid-template-columns:1fr}.sidebar{padding:20px}.stats-grid,.five-cols{grid-template-columns:repeat(2,1fr)}.settings-grid,.info-split,.hero-panel,.grid-4,.grid-3,.footer-grid{grid-template-columns:1fr}.filter-card{grid-template-columns:1fr 1fr}.result-grid,.details-grid,.grid-form{grid-template-columns:1fr}}
@media (max-width: 640px){.nav-inner{gap:6px}.nav-inner a{padding:9px 12px}.top-strip-inner,.topbar,.dashboard-top,.receipt-head{flex-direction:column;align-items:flex-start}.filter-card{grid-template-columns:1fr}.stats-grid,.five-cols{grid-template-columns:1fr}}


/* === OVERRIDES: white header, larger logo, circular social icons === */
:root{--sand:#bf9860;--sand-soft:#efe2cd;--sand-deep:#bf9860;}
.site-header{background:#ffffff !important;border-bottom:1px solid #e7e7e7 !important;}
.topbar{padding:26px 0 20px !important;}
.brand-wrap{gap:22px !important;}
.brand-logo{width:118px !important;height:118px !important;padding:10px !important;border-radius:24px !important;border:1px solid #e6e0d4 !important;background:#fff !important;box-shadow:0 8px 24px rgba(0,0,0,.08) !important;object-fit:contain !important;}
.micro-text{color:var(--sand-deep) !important;font-size:17px !important;font-weight:600 !important;}
.site-header h1{font-size:46px !important;line-height:1.2 !important;color:var(--primary-dark) !important;}
.subhead{font-size:20px !important;margin-top:8px !important;}
.social-links a{width:42px;height:42px;border-radius:999px !important;border:none !important;color:#fff !important;box-shadow:0 8px 18px rgba(0,0,0,.14) !important;}
.social-links a:hover{transform:translateY(-2px) scale(1.03);}
.social-links a .fa-facebook-f{color:#fff}.social-links a .fa-instagram{color:#fff}.social-links a .fa-youtube{color:#fff}.social-links a .fa-telegram{color:#fff}.social-links a .fa-x-twitter{color:#fff}
.social-links a[href*="facebook"], .social-links .facebook{background:#1877F2 !important;}
.social-links a[href*="instagram"], .social-links .instagram{background:#E4405F !important;}
.social-links a[href*="youtube"], .social-links .youtube{background:#FF0000 !important;}
.social-links a[href*="telegram"], .social-links .telegram{background:#229ED9 !important;}
.social-links a[href*="twitter"], .social-links a[href*="x.com"], .social-links .x{background:#000 !important;}
.social-links a[href="#"]{background:var(--primary) !important;}
.social-links--top a{background:transparent !important;box-shadow:0 8px 18px rgba(0,0,0,.14) !important;}
.social-links--cards a,.social-links--footer a{background:var(--primary) !important;}
.site-footer .social-links a[href="#"]{background:#fff !important;color:var(--primary-dark) !important;}
.site-footer .social-links a[href="#"] i{color:var(--primary-dark) !important;}
@media (max-width: 640px){
  .brand-logo{width:92px !important;height:92px !important;}
  .site-header h1{font-size:31px !important;}
  .subhead{font-size:17px !important;}
  .micro-text{font-size:14px !important;}
}


.brand-logo {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  width: 110px;
  height: 110px;
}

.social-links a {
  width: 42px;
  height: 42px;
  border-radius: 999px;
}
.social-links .facebook { background:#1877F2; color:#fff; border-color:#1877F2; }
.social-links .instagram { background:#E4405F; color:#fff; border-color:#E4405F; }
.social-links .youtube { background:#FF0000; color:#fff; border-color:#FF0000; }
.social-links .telegram { background:#229ED9; color:#fff; border-color:#229ED9; }
.social-links--top a { background: transparent; }
.site-header { background:#fff; }
.official-form .field label { font-size:15px; }
.radio-row { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; }
.inline-radio { display:inline-flex; align-items:center; gap:6px; background:#fbfaf7; border:1px solid var(--border); border-radius:999px; padding:8px 12px; }
.inline-radio input { width:auto; margin:0; }
.form-actions-center { justify-content:center; }
.declaration-row label { line-height:2; }
.filter-card-grouped { grid-template-columns: 1fr 180px 180px 180px auto; }
.filter-tools { display:flex; gap:8px; align-items:center; justify-content:flex-start; }
.icon-pill, .icon-btn {
  width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:12px; border:1px solid var(--border); background:#fff; color:var(--primary-dark);
}
.icon-pill.success, .icon-btn.success { background:var(--primary-dark); color:#fff; }
.icon-pill.soft, .icon-btn.soft { background:#f6ead7; color:var(--primary-dark); }
.action-icons { display:flex; gap:8px; align-items:center; }
.large-icons .icon-btn { width:46px; height:46px; }
@media (max-width: 992px) {
  .filter-card-grouped { grid-template-columns:1fr !important; }
  .filter-tools { justify-content:flex-start; }
}


/* === Responsive polish v5 === */
html, body {
  overflow-x: hidden;
}

input, select, textarea {
  font-size: 16px;
}

canvas {
  max-width: 100%;
}

.table-wrap {
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 1200px) {
  .container { width: min(100% - 24px, 1200px); }
  .dashboard-main { padding: 22px; }
}

@media (max-width: 992px) {
  .top-strip-inner,
  .topbar,
  .dashboard-top,
  .receipt-head,
  .status-box,
  .print-actions,
  .footer-grid,
  .hero-actions,
  .inline-actions,
  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .brand-wrap {
    width: 100%;
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }

  .nav-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 12px 0;
  }

  .nav-inner a {
    width: 100%;
    text-align: center;
    padding: 11px 10px;
  }

  .hero-panel,
  .info-split,
  .grid-4,
  .grid-3,
  .stats-grid,
  .footer-grid,
  .filter-card,
  .grid-form,
  .result-grid,
  .details-grid,
  .settings-grid,
  .filter-card-grouped {
    grid-template-columns: 1fr !important;
  }

  .hero-panel,
  .form-shell,
  .page-banner,
  .details-card,
  .result-card,
  .surface,
  .info-card,
  .mini-card,
  .login-card,
  .preview-logo-box {
    padding: 22px;
  }

  .dashboard-layout {
    grid-template-columns: 1fr;
  }

  .sidebar {
    padding: 18px;
  }

  .sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .filter-tools,
  .action-icons {
    flex-wrap: wrap;
  }

  table {
    min-width: 860px;
  }
}

@media (max-width: 768px) {
  .container { width: min(100% - 18px, 1200px); }

  .site-header h1 {
    font-size: 30px !important;
  }

  .subhead {
    font-size: 16px !important;
  }

  .micro-text {
    font-size: 13px !important;
  }

  .brand-logo {
    width: 84px !important;
    height: 84px !important;
  }

  .hero-shell {
    padding: 18px 0 22px;
  }

  .hero-copy h2 {
    font-size: 24px;
    line-height: 1.7;
  }

  .hero-copy p,
  .section-head p,
  .page-banner p,
  .surface p,
  .info-card p,
  .check-list li,
  .note-strip,
  .alert {
    font-size: 15px;
    line-height: 1.9;
  }

  .section {
    padding: 34px 0;
  }

  .section-head h2,
  .page-banner h2 {
    font-size: 24px;
  }

  .btn,
  .hero-actions .btn,
  .inline-actions .btn,
  .form-actions .btn,
  .print-actions .btn {
    width: 100%;
  }

  .stats-grid,
  .five-cols,
  .sidebar nav {
    grid-template-columns: 1fr;
  }

  .table-wrap {
    border-radius: 18px;
  }

  th, td {
    padding: 12px 10px;
    font-size: 14px;
    white-space: nowrap;
  }

  .result-grid > div,
  .details-grid > div,
  .attachments-list li,
  .check-list li {
    padding: 12px;
  }

  .filter-card,
  .filter-card-grouped {
    padding: 14px;
  }

  .filter-tools {
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  .top-strip {
    font-size: 12px;
  }

  .top-strip-inner {
    min-height: auto;
    padding: 10px 0;
    text-align: center;
  }

  .nav-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-header h1 {
    font-size: 26px !important;
  }

  .hero-copy h2 {
    font-size: 21px;
  }

  .hero-panel,
  .form-shell,
  .page-banner,
  .details-card,
  .result-card,
  .surface,
  .info-card,
  .mini-card,
  .login-card {
    padding: 16px;
    border-radius: 18px;
  }

  .brand-wrap {
    gap: 12px !important;
  }

  .brand-logo {
    width: 74px !important;
    height: 74px !important;
  }

  .social-links a,
  .icon-btn,
  .icon-pill {
    width: 40px;
    height: 40px;
  }

  .receipt-title {
    font-size: 22px;
  }

  .print-sheet,
  .receipt-sheet {
    padding: 18px;
    border-radius: 14px;
  }

  table {
    min-width: 760px;
  }
}