/* ══════════════════════════════════════════════════════
   ZEKAT APP — Professional Mobile-First CSS
   ══════════════════════════════════════════════════════ */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }

:root {
    --teal:     #1a6b6e;
    --teal-2:   #0f5457;
    --teal-lt:  #e8f5f5;
    --gold:     #d97706;
    --gold-lt:  #fef3c7;
    --green:    #16a34a;
    --green-dk: #15803d;
    --purple:   #7c3aed;
    --red:      #dc2626;
    --red-dk:   #b91c1c;
    --gray-50:  #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-400: #9ca3af;
    --gray-600: #4b5563;
    --gray-800: #1f2937;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow:    0 4px 16px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.06);
    --shadow-lg: 0 10px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08);
    --r-sm: 12px;
    --r:    16px;
    --r-lg: 22px;
}

html { font-size: 16px; -webkit-text-size-adjust: 100%; }

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: linear-gradient(160deg, #1a6b6e 0%, #0f9b9f 55%, #1ab09e 100%);
    min-height: 100vh;
    color: var(--gray-800);
    padding-bottom: 40px;
}

/* ── HEADER ──────────────────────────────────────────── */
.app-header {
    position: sticky; top: 0; z-index: 50;
    background: rgba(26,107,110,.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding: 13px 18px;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.hdr-brand { display:flex; align-items:center; gap:10px; }
.hdr-logo  { font-size:1.5rem; line-height:1; }
.hdr-title { color:#fff; font-size:.95rem; font-weight:700; line-height:1.2; }
.hdr-sub   { color:rgba(255,255,255,.6); font-size:.72rem; margin-top:2px; }
.hdr-right { display:flex; align-items:center; gap:8px; flex-shrink:0; }

.icon-btn {
    width:36px; height:36px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.2);
    border-radius:10px; color:#fff; text-decoration:none; transition:background .2s;
}
.icon-btn:hover { background:rgba(255,255,255,.25); }

.back-btn {
    display:inline-flex; align-items:center; gap:5px;
    background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25);
    color:#fff; padding:8px 14px; border-radius:50px;
    font-weight:600; font-size:.82rem; text-decoration:none; transition:background .2s;
    white-space:nowrap; flex-shrink:0;
}
.back-btn:hover { background:rgba(255,255,255,.25); }

.lang-pill { display:flex; background:rgba(0,0,0,.2); border-radius:50px; padding:3px; gap:2px; }
.lang-pill__opt {
    padding:5px 11px; border-radius:50px; font-size:.76rem; font-weight:700;
    color:rgba(255,255,255,.65); text-decoration:none; transition:all .2s;
}
.lang-pill__opt.active { background:#fff; color:var(--teal); }

/* ── MAIN ────────────────────────────────────────────── */
.app-main {
    max-width: 540px; margin:0 auto;
    padding: 18px 14px;
    display:flex; flex-direction:column; gap:14px;
}

/* ── INFO STRIP ──────────────────────────────────────── */
.info-strip {
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.2);
    border-radius:var(--r);
    padding:13px 16px;
    display:flex; align-items:center; justify-content:space-between; gap:4px;
    backdrop-filter:blur(8px);
}
.info-strip__cell { display:flex; flex-direction:column; align-items:center; flex:1; }
.info-strip__key  { font-size:.68rem; color:rgba(255,255,255,.6); font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-bottom:3px; }
.info-strip__val  { font-size:.84rem; color:#fff; font-weight:700; white-space:nowrap; }
.info-strip__sep  { width:1px; height:34px; background:rgba(255,255,255,.2); flex-shrink:0; }

/* ── PAYMENT CARD ─────────────────────────────────────── */
.pcard {
    background:#fff; border-radius:var(--r-lg);
    box-shadow:var(--shadow-lg); overflow:hidden;
}

/* Hadith */
.hadith {
    display:flex; align-items:flex-start; gap:12px;
    padding:18px 20px;
    background:linear-gradient(135deg,#fffbeb 0%,#fef9e7 100%);
    border-bottom:1px solid #fde68a;
}
.hadith__icon  { font-size:1.7rem; flex-shrink:0; line-height:1; margin-top:1px; }
.hadith__quote { font-size:.88rem; color:#78350f; line-height:1.6; font-style:italic; }
.hadith__sub   { font-size:.74rem; color:#b45309; font-weight:600; margin-top:4px; }

/* TAB SWITCHER */
.tab-sw {
    display:grid; grid-template-columns:1fr 1fr;
    background:var(--gray-100);
    border-bottom:2px solid var(--gray-200);
}
.tab-sw__btn {
    display:flex; align-items:center; justify-content:center; gap:6px;
    padding:14px 8px;
    background:none; border:none; border-bottom:3px solid transparent;
    margin-bottom:-2px;
    font-size:.88rem; font-weight:600; color:var(--gray-400);
    cursor:pointer; transition:all .2s;
    width:100%; font-family:inherit;
}
.tab-sw__btn + .tab-sw__btn { border-left:1px solid var(--gray-200); }
.tab-sw__btn:hover  { color:var(--teal); background:rgba(26,107,110,.04); }
.tab-sw__btn.active { color:var(--teal); border-bottom-color:var(--teal); background:#fff; }
#tab-fitr.active    { color:var(--gold); border-bottom-color:var(--gold); }

/* Tab panels */
.tab-panel { padding:22px 20px; }

/* ── FORM ────────────────────────────────────────────── */
.field { margin-bottom:18px; }
.field__lbl {
    display:block; font-size:.83rem; font-weight:600;
    color:var(--gray-600); margin-bottom:7px; letter-spacing:.01em;
}
.field__inp {
    width:100%; padding:13px 15px;
    border:1.5px solid var(--gray-200); border-radius:var(--r-sm);
    font-size:16px; color:var(--gray-800); background:var(--gray-50);
    transition:border-color .2s, box-shadow .2s; font-family:inherit;
    -webkit-appearance:none; appearance:none;
}
.field__inp:focus { outline:none; border-color:var(--teal); background:#fff; box-shadow:0 0 0 3px rgba(26,107,110,.1); }
.field__hint { font-size:.74rem; color:var(--gray-400); margin-top:5px; line-height:1.4; }

.amt-field { position:relative; display:flex; align-items:center; }
.amt-field__inp {
    width:100%; padding:13px 58px 13px 15px;
    border:1.5px solid var(--gray-200); border-radius:var(--r-sm);
    font-size:1.35rem; font-weight:700; color:var(--teal); background:var(--gray-50);
    transition:border-color .2s, box-shadow .2s; font-family:inherit;
    -webkit-appearance:none; appearance:none;
}
.amt-field__inp:focus { outline:none; border-color:var(--teal); background:#fff; box-shadow:0 0 0 3px rgba(26,107,110,.1); }
.amt-field__badge { position:absolute; right:13px; font-size:.78rem; font-weight:700; color:var(--gray-400); pointer-events:none; }

/* Stepper */
.stepper { display:flex; align-items:stretch; border:1.5px solid var(--gray-200); border-radius:var(--r-sm); overflow:hidden; background:var(--gray-50); }
.stepper__btn { width:52px; display:flex; align-items:center; justify-content:center; background:var(--gray-100); border:none; color:var(--teal); cursor:pointer; flex-shrink:0; transition:background .15s; margin:0; }
.stepper__btn:hover { background:var(--gray-200); }
.stepper__val { flex:1; text-align:center; font-size:1.25rem; font-weight:700; color:var(--teal); border:none; background:transparent; padding:12px 0; font-family:inherit; -webkit-appearance:none; appearance:none; }
.stepper__val:focus { outline:none; }

/* Rate buttons */
.rate-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.rate-btn {
    display:flex; flex-direction:column; align-items:center; padding:13px 6px;
    border:1.5px solid var(--gray-200); border-radius:var(--r-sm);
    background:var(--gray-50); cursor:pointer; transition:all .2s;
    width:100%; margin:0; gap:2px; font-family:inherit;
}
.rate-btn__num  { font-size:1.1rem; font-weight:800; color:var(--gray-800); }
.rate-btn__dkk  { font-size:.67rem; font-weight:700; color:var(--gray-400); letter-spacing:.05em; }
.rate-btn__lbl  { font-size:.68rem; font-weight:600; color:var(--gray-400); margin-top:2px; text-transform:uppercase; letter-spacing:.04em; }
.rate-btn.active { border-color:var(--gold); background:var(--gold-lt); box-shadow:0 2px 10px rgba(217,119,6,.18); }
.rate-btn.active .rate-btn__num { color:#92400e; }
.rate-btn.active .rate-btn__dkk, .rate-btn.active .rate-btn__lbl { color:#b45309; }
.rate-btn:active { transform:scale(0.97); }

/* Total row */
.total-row {
    display:flex; align-items:center; justify-content:space-between;
    background:linear-gradient(135deg,#ecfdf5,#d1fae5);
    border:1.5px solid #a7f3d0; border-radius:var(--r-sm);
    padding:13px 16px; margin-bottom:18px;
    font-size:.88rem; color:#065f46; font-weight:600;
}
.total-row strong { font-size:1.35rem; font-weight:800; color:var(--green); }

/* Submit buttons */
.pay-btn {
    display:flex; align-items:center; justify-content:center; gap:9px;
    width:100%; padding:15px 20px; border:none; border-radius:var(--r-sm);
    font-size:.98rem; font-weight:700; color:#fff; cursor:pointer;
    transition:all .2s; margin:0; font-family:inherit; letter-spacing:.02em;
}
.pay-btn--teal { background:linear-gradient(135deg,var(--teal),#0f9b9f); box-shadow:0 4px 16px rgba(26,107,110,.3); }
.pay-btn--gold { background:linear-gradient(135deg,#b45309,var(--gold)); box-shadow:0 4px 16px rgba(217,119,6,.3); }
.pay-btn:hover  { transform:translateY(-2px); filter:brightness(1.06); }
.pay-btn:active { transform:translateY(0); filter:brightness(0.96); }

/* ── RESULT CARD ─────────────────────────────────────── */
.result-card {
    background:linear-gradient(135deg,#f0fdf4,#dcfce7);
    border-radius:var(--r-lg); box-shadow:var(--shadow-lg);
    border-top:5px solid var(--green);
    padding:32px 22px 24px; text-align:center;
}
.result-card__icon   { font-size:3rem; margin-bottom:10px; }
.result-card__name   { font-size:1.3rem; font-weight:800; color:#166534; margin-bottom:4px; }
.result-card__detail { color:#15803d; font-size:.88rem; margin-bottom:12px; font-weight:500; }
.result-card__amount { font-size:2.8rem; font-weight:900; color:var(--green); line-height:1.1; margin-bottom:10px; }
.result-card__amount small { font-size:1.1rem; font-weight:600; color:#4ade80; }
.result-card__label  { font-size:.8rem; color:#15803d; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }

/* ── PAYMENT METHOD CHOICE ───────────────────────────── */
.pay-choice {
    background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow-lg);
    overflow:hidden;
}
.pay-choice__title {
    padding:18px 20px 14px; font-size:.95rem;
    color:var(--gray-600); font-weight:600; border-bottom:1px solid var(--gray-100);
}

.pay-method-btn {
    display:flex; align-items:center; gap:14px;
    width:100%; padding:18px 20px;
    background:#fff; border:none; border-bottom:1px solid var(--gray-100);
    cursor:pointer; transition:background .15s; text-align:left; font-family:inherit;
}
.pay-method-btn:last-child { border-bottom:none; }
.pay-method-btn:hover { background:var(--gray-50); }
.pay-method-btn:active { background:var(--gray-100); }

.pmb-icon {
    width:52px; height:52px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
.pay-method-btn--mp   .pmb-icon { background:#ede9fe; color:#5a4fcf; }
.pay-method-btn--cash .pmb-icon { background:#d1fae5; color:var(--green); }

.pmb-text { flex:1; display:flex; flex-direction:column; gap:3px; }
.pmb-text strong { font-size:1rem; font-weight:700; color:var(--gray-800); }
.pmb-text span   { font-size:.8rem; color:var(--gray-400); }

.pmb-arrow { color:var(--gray-300); flex-shrink:0; }

/* ── MOBILEPAY PANEL ─────────────────────────────────── */
.mp-card {
    background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow-lg);
    overflow:hidden;
}
.mp-card__header {
    display:flex; align-items:center; gap:14px;
    padding:20px 22px 16px;
    background:linear-gradient(135deg,#ede9fe,#f5f3ff);
    border-bottom:1px solid #ddd6fe;
}
.mp-card__icon { width:56px; height:56px; background:#fff; border-radius:14px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(90,79,207,.15); flex-shrink:0; }
.mp-card__title { font-size:1.05rem; font-weight:700; color:#4c1d95; }
.mp-card__sub   { font-size:.78rem; color:#7c3aed; margin-top:2px; }

.mp-btn {
    display:flex; align-items:center; justify-content:center; gap:10px;
    margin:20px; padding:17px 20px;
    background:linear-gradient(135deg,#5a4fcf,var(--purple));
    color:#fff; text-decoration:none; border-radius:var(--r-sm);
    font-size:1rem; font-weight:700; font-family:inherit;
    box-shadow:0 5px 18px rgba(124,58,237,.35); transition:all .2s;
}
.mp-btn:hover  { transform:translateY(-2px); box-shadow:0 8px 24px rgba(124,58,237,.4); }
.mp-btn:active { transform:translateY(0); }

.mp-comment-box {
    margin:0 20px 20px; padding:12px 14px;
    background:var(--gray-50); border-radius:var(--r-sm);
    border:1px solid var(--gray-200);
}
.mp-comment-label { font-size:.72rem; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:.05em; margin-bottom:4px; }
.mp-comment       { font-size:.82rem; color:var(--gray-600); word-break:break-all; line-height:1.4; }

.mp-thanks {
    display:flex; align-items:flex-start; gap:12px;
    margin:0 20px 20px; padding:14px 16px;
    background:linear-gradient(135deg,#fffbeb,#fef9e7);
    border-radius:var(--r-sm); border:1px solid #fde68a;
}
.mp-thanks__icon { font-size:1.5rem; flex-shrink:0; }
.mp-thanks p     { font-size:.84rem; color:#78350f; line-height:1.5; font-style:italic; }

/* ── CASH PANEL ──────────────────────────────────────── */
.cash-card {
    background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow-lg);
    overflow:hidden; text-align:center;
}
.cash-card__check {
    width:64px; height:64px; background:linear-gradient(135deg,var(--green),var(--green-dk));
    border-radius:50%; color:#fff; font-size:1.8rem; font-weight:900;
    display:flex; align-items:center; justify-content:center;
    margin:28px auto 12px; box-shadow:0 4px 16px rgba(22,163,74,.35);
}
.cash-card__title  { font-size:1.1rem; font-weight:700; color:var(--gray-800); margin-bottom:4px; }
.cash-card__amount { font-size:2.4rem; font-weight:900; color:var(--green); margin-bottom:4px; }
.cash-card__name   { font-size:.9rem; color:var(--gray-400); font-weight:500; margin-bottom:22px; }

.cash-info {
    display:flex; align-items:flex-start; gap:14px; text-align:left;
    margin:0 20px 16px; padding:16px;
    background:#eff6ff; border-radius:var(--r-sm); border:1px solid #bfdbfe;
}
.cash-info__icon { color:#2563eb; flex-shrink:0; margin-top:2px; }
.cash-info__text strong { font-size:.88rem; font-weight:700; color:#1e40af; display:block; margin-bottom:5px; }
.cash-info__text p  { font-size:.83rem; color:#1e3a8a; line-height:1.55; }

.cash-thanks {
    display:flex; align-items:flex-start; gap:12px; text-align:left;
    margin:0 20px 22px; padding:14px 16px;
    background:linear-gradient(135deg,#fffbeb,#fef9e7);
    border-radius:var(--r-sm); border:1px solid #fde68a;
}
.cash-thanks span { font-size:1.4rem; flex-shrink:0; }
.cash-thanks strong { font-size:.88rem; color:#78350f; display:block; margin-bottom:3px; }
.cash-thanks p  { font-size:.82rem; color:#92400e; font-style:italic; line-height:1.4; }

/* Back to choice */
.back-choice-btn {
    display:flex; align-items:center; justify-content:center; gap:6px;
    width:100%; padding:13px 20px; margin:0;
    background:none; border:none; color:var(--gray-400);
    font-size:.82rem; font-weight:600; cursor:pointer; transition:color .2s;
    font-family:inherit;
}
.back-choice-btn:hover { color:var(--gray-600); }

/* ── FOOTER ──────────────────────────────────────────── */
.app-footer {
    max-width:540px; margin:0 auto;
    padding:12px 14px 32px; text-align:center;
    color:rgba(255,255,255,.8); font-size:.8rem;
}
.app-footer__copy   { font-weight:500; }
.app-footer__author { color:rgba(255,255,255,.5); margin-top:2px; font-size:.72rem; }

/* Share dock */
.share-dock {
    margin-top:18px;
    background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18);
    border-radius:var(--r-lg); padding:14px;
    backdrop-filter:blur(8px);
}
.share-dock__title {
    font-size:.72rem; font-weight:600; color:rgba(255,255,255,.7);
    text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px;
}
.share-dock__row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }

.sc {
    display:flex; flex-direction:column; align-items:center; gap:6px;
    padding:12px 6px; border:none; border-radius:var(--r-sm);
    cursor:pointer; color:#fff; font-family:inherit;
    transition:transform .15s, filter .15s;
}
.sc__icon  { width:24px; height:24px; flex-shrink:0; }
.sc__label { font-size:.68rem; font-weight:700; }
.sc:active { transform:scale(0.92); filter:brightness(.85); }
.sc--viber { background:#7360f2; }
.sc--wa    { background:#25d366; }
.sc--sms   { background:#007aff; }
.sc--more  { background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.25); }

/* ── ADMIN STYLES ────────────────────────────────────── */
.admin-wrap { max-width:900px; margin:0 auto; padding:18px 14px 40px; }

.white-card { background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow); padding:22px; margin-bottom:14px; }
.white-card h2 { color:var(--teal); font-size:.95rem; font-weight:700; margin-bottom:14px; }

.alert { padding:13px 16px; border-radius:var(--r-sm); font-weight:600; font-size:.88rem; margin-bottom:14px; border-left:4px solid; }
.alert--success { background:#dcfce7; color:#166534; border-color:var(--green); }
.alert--error   { background:#fee2e2; color:#991b1b; border-color:var(--red); }

.admin-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.admin-tab {
    background:rgba(255,255,255,.85); color:var(--teal);
    padding:10px 16px; border-radius:50px; text-decoration:none;
    font-weight:600; font-size:.85rem; transition:all .2s;
    box-shadow:var(--shadow-sm); border:1.5px solid transparent; white-space:nowrap;
}
.admin-tab:hover  { border-color:var(--teal); }
.admin-tab.active { background:var(--teal); color:#fff; border-color:var(--teal); }

table { width:100%; border-collapse:collapse; }
th { background:var(--gray-50); font-weight:700; color:var(--teal); font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; padding:10px 12px; text-align:left; border-bottom:2px solid var(--gray-100); }
td { padding:11px 12px; font-size:.85rem; border-bottom:1px solid var(--gray-100); vertical-align:middle; }
tr:last-child td { border-bottom:none; }
tr:hover td { background:var(--gray-50); }
tr.row-confirmed td { background:#f0fdf4; }

.badge { display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:50px; font-size:.72rem; font-weight:700; white-space:nowrap; }
.badge--ok   { background:#dcfce7; color:#15803d; }
.badge--wait { background:#fef3c7; color:#92400e; }

.btn-sm { display:inline-flex; align-items:center; gap:4px; padding:5px 10px; border:none; border-radius:8px; font-size:.75rem; font-weight:600; cursor:pointer; transition:all .15s; font-family:inherit; white-space:nowrap; margin:2px; }
.btn-sm:active { transform:scale(0.96); }
.btn-confirm { background:#dcfce7; color:#15803d; }
.btn-remove  { background:#fef3c7; color:#92400e; }
.btn-delete  { background:#fee2e2; color:#991b1b; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 20px; border:none; border-radius:50px; font-size:.88rem; font-weight:600; cursor:pointer; text-decoration:none; transition:all .2s; font-family:inherit; color:#fff; }
.btn--teal { background:linear-gradient(135deg,var(--teal),#0f9b9f); box-shadow:0 3px 10px rgba(26,107,110,.25); }
.btn--red  { background:linear-gradient(135deg,var(--red),var(--red-dk)); }
.btn--gray { background:linear-gradient(135deg,#6b7280,#4b5563); }
.btn:hover { transform:translateY(-1px); filter:brightness(1.07); }
.admin-actions { display:flex; gap:10px; flex-wrap:wrap; }

/* Login */
.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.login-box  { background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow-lg); padding:40px 32px; width:100%; max-width:400px; }
.login-box h1 { color:var(--teal); text-align:center; margin-bottom:24px; font-size:1.3rem; }

/* Form elements (admin) */
label { display:block; font-size:.82rem; font-weight:600; color:var(--gray-600); margin-bottom:7px; margin-top:16px; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select {
    width:100%; padding:11px 13px; border:1.5px solid var(--gray-200); border-radius:var(--r-sm);
    font-size:16px; color:var(--gray-800); background:var(--gray-50); font-family:inherit;
    -webkit-appearance:none; appearance:none; transition:border-color .2s, box-shadow .2s;
}
input:focus, select:focus { outline:none; border-color:var(--teal); background:#fff; box-shadow:0 0 0 3px rgba(26,107,110,.1); }
button[type="submit"] {
    width:100%; padding:13px; background:linear-gradient(135deg,var(--teal),#0f9b9f);
    color:#fff; border:none; border-radius:var(--r-sm); font-size:.95rem;
    font-weight:700; cursor:pointer; margin-top:18px; font-family:inherit;
    transition:all .2s; box-shadow:0 4px 14px rgba(26,107,110,.3);
}
button[type="submit"]:hover { transform:translateY(-2px); filter:brightness(1.06); }
.fitr-inputs { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.fitr-inputs input { margin:0; }

/* ── RESPONSIVE ──────────────────────────────────────── */
@media (max-width:400px) {
    .hdr-title { font-size:.85rem; }
    .info-strip__val { font-size:.76rem; }
    .result-card__amount { font-size:2.2rem; }
    .tab-sw__btn { font-size:.8rem; padding:13px 6px; }
    .rate-grid { gap:6px; }
    .fitr-inputs { grid-template-columns:1fr; }
    .sc__label { font-size:.64rem; }
}

@media (min-width:600px) {
    .app-main, .app-footer { padding-left:22px; padding-right:22px; }
    .admin-wrap { padding:24px 22px 48px; }
    .hdr-title { font-size:1.05rem; }
}