:root{
  --navy:#16213e;
  --navy-soft:#1f2d52;
  --muted:#6b7280;
  --line:#e5e7eb;
  --surface:#ffffff;
  --surface-2:#fbfcff;
  --bg:#f3f6fb;
  --bg-2:#eef4ff;
  --sidi:#6a46d8;
  --sidi-soft:#f4efff;
  --nikah:#f36a11;
  --nikah-soft:#fff4ec;
  --baptis:#1769d2;
  --baptis-soft:#ecf5ff;
  --success:#16a34a;
  --danger:#dc2626;
  --shadow:0 20px 60px rgba(15,23,42,.08);
  --shadow-sm:0 12px 30px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at top left, rgba(120,119,198,.08), transparent 28%),
  radial-gradient(circle at top right, rgba(23,105,210,.06), transparent 25%),
  var(--bg);
  color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none}
.text-muted-2{color:var(--muted)!important}
.bg-surface{background:var(--surface)}
.bg-surface-2{background:var(--surface-2)}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#29406f);color:#fff;font-size:1.15rem;box-shadow:0 12px 25px rgba(22,33,62,.28)}
.navbar{backdrop-filter:blur(12px);background:rgba(255,255,255,.88)!important}
.navbar-brand{font-size:.96rem;line-height:1.1}.navbar-brand small{display:block;font-weight:500;color:var(--muted);font-size:.67rem;margin-top:3px}
.nav-link{font-weight:700;color:#334155;padding:.6rem .85rem!important;border-radius:999px;transition:.2s}.nav-link:hover,.nav-link.active{background:#f1f5f9;color:#111827}
.navbar .btn{border-radius:999px}
.btn{font-weight:700}
.btn-soft{background:#f1f5f9;border:1px solid #dbe3ef;color:#0f172a}.btn-soft:hover{background:#e8eef7;color:#0f172a}
.btn-theme{color:#fff;border:0;font-weight:800;box-shadow:0 12px 24px rgba(79,70,229,.18)}.btn-theme:hover{color:#fff;filter:brightness(.96)}
.theme-sidi .btn-theme,.theme-sidi .step-dot.active,.theme-sidi .service-strip,.theme-sidi .chip-dot,.theme-sidi .mini-icon{background:var(--sidi)}
.theme-nikah .btn-theme,.theme-nikah .step-dot.active,.theme-nikah .service-strip,.theme-nikah .chip-dot,.theme-nikah .mini-icon{background:var(--nikah)}
.theme-baptis .btn-theme,.theme-baptis .step-dot.active,.theme-baptis .service-strip,.theme-baptis .chip-dot,.theme-baptis .mini-icon{background:var(--baptis)}
.hero{padding:56px 0 28px}.hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid var(--line);border-radius:30px;padding:46px;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,rgba(106,70,216,.12),rgba(23,105,210,.08))}.hero h1{font-weight:900;letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.6rem);margin-bottom:10px}.hero p{color:var(--muted);max-width:700px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eef2ff;border:1px solid #dbe3ff;font-weight:800;font-size:.8rem;color:#4338ca;margin-bottom:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.hero-stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:var(--shadow-sm)}.hero-stat .num{font-size:1.5rem;font-weight:900}.hero-quick{display:grid;gap:12px}
.service-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;transition:.22s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(15,23,42,.1)}.service-card:after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:28px;opacity:.08}.service-card.sidi:after{background:var(--sidi)}.service-card.nikah:after{background:var(--nikah)}.service-card.baptis:after{background:var(--baptis)}.service-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:1.55rem;margin-bottom:18px;box-shadow:0 12px 25px rgba(15,23,42,.12)}.service-card h3{font-size:1.12rem;font-weight:900}.service-card p{color:var(--muted);min-height:48px}.service-card.sidi .service-icon{background:linear-gradient(135deg,var(--sidi),#8871ea)}.service-card.nikah .service-icon{background:linear-gradient(135deg,var(--nikah),#ff974b)}.service-card.baptis .service-icon{background:linear-gradient(135deg,var(--baptis),#4d8ee6)}.service-tag{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:800;margin-bottom:12px}.service-card.sidi .service-tag{background:var(--sidi-soft);color:var(--sidi)}.service-card.nikah .service-tag{background:var(--nikah-soft);color:var(--nikah)}.service-card.baptis .service-tag{background:var(--baptis-soft);color:var(--baptis)}
.form-shell{max-width:1080px;margin:34px auto 0;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.service-strip{height:7px}.form-head{padding:28px 32px 20px;background:linear-gradient(180deg,#fff, #fbfcff)}.form-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.form-title-wrap{display:flex;gap:14px;align-items:flex-start}.icon-badge{width:54px;height:54px;flex:0 0 54px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:1.4rem;box-shadow:0 12px 25px rgba(15,23,42,.12)}.theme-sidi .icon-badge{background:linear-gradient(135deg,var(--sidi),#8b74ec)}.theme-nikah .icon-badge{background:linear-gradient(135deg,var(--nikah),#ffa15a)}.theme-baptis .icon-badge{background:linear-gradient(135deg,var(--baptis),#5394eb)}.form-head h1{font-size:1.55rem;font-weight:900;margin:0 0 3px}.form-head p{margin:0;color:var(--muted)}.form-meta{display:flex;flex-wrap:wrap;gap:10px}.meta-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#334155;font-weight:700;font-size:.84rem;box-shadow:var(--shadow-sm)}
.closed-box,.open-box{margin:0 32px 24px;padding:15px 16px 15px 18px;border-radius:15px;font-weight:800;display:flex;align-items:center;gap:10px}.closed-box{border:1px solid #f0b869;background:#fff9ef;color:#9a4e08}.open-box{border:1px solid #b9d8ff;background:#f2f8ff;color:#1559aa}
.steps{display:grid;gap:12px;padding:0 32px 26px}.steps.cols-4{grid-template-columns:repeat(4,1fr)}.steps.cols-3{grid-template-columns:repeat(3,1fr)}.step-item{position:relative;text-align:center;color:#64748b;font-size:.78rem;font-weight:800;padding-top:2px}.step-item:before{content:"";position:absolute;top:17px;left:-50%;right:50%;height:2px;background:#e5e7eb;z-index:0}.step-item:first-child:before{display:none}.step-dot{position:relative;z-index:1;margin:0 auto 8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#64748b;border:2px solid #fff;box-shadow:0 4px 12px rgba(15,23,42,.08)}.step-item.done .step-dot{background:#dcfce7;color:#166534}.step-item.done .step-dot:before{content:"\F26E";font-family:"bootstrap-icons"}.step-dot.active{color:#fff}
.step-panel{display:none;padding:0 32px 32px}.step-panel.active{display:block}.section-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 12px 26px rgba(15,23,42,.03)}.section-title{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.03rem;margin-bottom:6px}.section-desc{color:var(--muted);font-size:.92rem;margin-bottom:18px}.mini-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1rem}
.form-label{font-weight:800;font-size:.86rem;color:#0f172a}.form-control,.form-select{border-radius:13px;border-color:#dbe3ef;padding:.78rem .92rem;background:#fff}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .22rem rgba(79,70,229,.08);border-color:#b4befc}.form-check-input:checked{background-color:#4f46e5;border-color:#4f46e5}.required{color:var(--danger)}
.hint-box{border-radius:16px;padding:15px 16px;background:#f8fafc;border:1px solid #dbe2ea;color:#475569;font-size:.9rem}.inline-note{font-size:.8rem;color:#64748b}.confirm-group{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;height:100%}.confirm-group h4{font-size:.95rem;font-weight:900;margin-bottom:14px}.confirm-row{display:grid;grid-template-columns:42% 58%;gap:8px;font-size:.84rem;padding:6px 0;border-bottom:1px dashed #eef0f4}.confirm-row:last-child{border-bottom:0}.confirm-row span:first-child{color:#64748b}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.wizard-actions .btn{min-width:132px;border-radius:12px;padding:.8rem 1rem}
.summary-card{padding:20px;border-radius:20px;border:1px dashed #d9e2ef;background:#fbfdff}
.success-card{text-align:center;padding:44px 24px}.success-icon{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;margin:0 auto 18px;color:#fff;font-size:2rem;background:linear-gradient(135deg,#16a34a,#3ccf74);box-shadow:0 12px 25px rgba(34,197,94,.24)}.code-box{display:inline-flex;align-items:center;gap:10px;margin:16px 0;padding:14px 22px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);font-weight:900;font-size:1.2rem;letter-spacing:.02em}
.status-card{max-width:780px;margin:34px auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}
.footer{background:linear-gradient(180deg,#101827,#0b1220);color:#d1d5db;margin-top:56px}.footer strong{color:#fff}.footer .footer-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1e293b;color:#fff}
.admin-wrap{min-height:100vh;background:linear-gradient(180deg,#f5f7fc,#eef3fb)}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:linear-gradient(180deg,#11203f,#192b52);color:#fff;padding:24px 18px;overflow-y:auto}.admin-sidebar .brand{display:flex;gap:12px;align-items:flex-start;font-weight:900;margin-bottom:26px}.admin-sidebar .brand .brand-mark{width:44px;height:44px;border-radius:14px}.admin-sidebar .brand-text{line-height:1.2}.admin-sidebar a{display:flex;align-items:center;gap:10px;color:#cbd5e1;padding:11px 12px;border-radius:12px;margin:4px 0;font-weight:700}.admin-sidebar a:hover,.admin-sidebar a.active{background:rgba(255,255,255,.08);color:#fff}.admin-main{margin-left:270px;padding:28px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow-sm)}.stat-card .num{font-size:2rem;font-weight:900}.table-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow-sm)}.soft-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.82rem;font-weight:800}
.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#eef2ff,transparent 35%),radial-gradient(circle at bottom right,rgba(23,105,210,.08),transparent 30%),#f8fafc}.login-card{width:min(460px,92vw);background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow)}
.table th{font-size:.82rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:991.98px){
  .admin-sidebar{position:static;width:auto;border-radius:0 0 22px 22px}.admin-main{margin-left:0;padding:20px}.hero-card{padding:30px}.hero-stats{grid-template-columns:1fr}.form-head,.steps,.step-panel{padding-left:18px;padding-right:18px}.closed-box,.open-box{margin-left:18px;margin-right:18px}
}
@media(max-width:767.98px){
  .hero{padding-top:24px}.hero-actions{flex-direction:column;align-items:stretch}.form-top{align-items:stretch}.form-title-wrap{align-items:flex-start}.form-meta{width:100%}.form-meta .meta-pill{width:100%;justify-content:center}.steps.cols-4,.steps.cols-3{display:flex;overflow:auto;padding-bottom:14px;scrollbar-width:none}.steps.cols-4::-webkit-scrollbar,.steps.cols-3::-webkit-scrollbar{display:none}.step-item{min-width:140px;flex:0 0 140px}.step-item:before{display:none}.wizard-actions{position:sticky;bottom:10px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding-top:12px;border-top:1px solid #eef2f7;z-index:10}.wizard-actions .btn{flex:1}
}
@media(max-width:575.98px){
  .navbar-brand span strong{font-size:.9rem}.hero-card,.form-shell,.status-card,.login-card,.table-card,.stat-card{border-radius:22px}.section-card{padding:18px}.wizard-actions{flex-direction:column-reverse}.wizard-actions .btn{width:100%}.confirm-row{grid-template-columns:1fr}.admin-main{padding:14px}
}
@media print{.navbar,.footer,.no-print,.wizard-actions{display:none!important}body{background:#fff}.form-shell,.status-card{box-shadow:none;border:0;margin:0;max-width:none}.step-panel{display:block!important;padding:0}.steps{display:none}.form-head{padding:0 0 20px;background:#fff}.section-card{box-shadow:none;border:0;padding:0}}

/* ===== V3 PREMIUM UI ===== */
:root{
  --v3-ink:#0f172a;
  --v3-soft:#64748b;
  --v3-line:#e2e8f0;
  --v3-card:rgba(255,255,255,.92);
  --v3-glow:0 24px 70px rgba(15,23,42,.10);
}
body{padding-bottom:0}
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:13px;background:#fff;border:1px solid #e5e7eb;padding:4px;box-shadow:0 10px 22px rgba(15,23,42,.10)}
.brand-logo-lg{width:64px;height:64px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid #e5e7eb;padding:6px;box-shadow:0 14px 30px rgba(15,23,42,.12)}
.navbar{border-color:rgba(226,232,240,.8)!important}
.navbar .container{min-height:58px}
.navbar-collapse{transition:.2s}
.hero-card{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,255,.94));border-color:rgba(226,232,240,.85)}
.service-card{backdrop-filter:blur(10px)}
.form-shell{background:rgba(255,255,255,.96)}
.mobile-bottom-nav{display:none}
.page-shell{max-width:1180px;margin:0 auto}
.premium-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--v3-line);box-shadow:0 8px 22px rgba(15,23,42,.06);font-size:.78rem;font-weight:800;color:#334155}
.section-card{background:linear-gradient(180deg,#fff,#fefeff)}
.form-control,.form-select{min-height:48px}
textarea.form-control{min-height:auto}
.form-control::placeholder{color:#a7b0bf}
.theme-sidi .section-title{color:#4f36b8}.theme-nikah .section-title{color:#cc570b}.theme-baptis .section-title{color:#1259b1}

/* Proof / print document */
.proof-page-wrap{max-width:980px;margin:28px auto 60px;padding:0 14px}
.proof-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.proof-toolbar-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;max-width:100%}.proof-toolbar .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:8px!important;line-height:1.15!important;white-space:nowrap!important;font-size:.78rem!important;font-weight:800!important}
.proof-paper{--proof-accent:#1d4ed8;background:#fff;border:1px solid #dfe6ef;border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.12);padding:30px 34px;overflow:hidden;position:relative}
.proof-paper.sidi{--proof-accent:#6a46d8}.proof-paper.nikah{--proof-accent:#f36a11}.proof-paper.baptis{--proof-accent:#1769d2}
.proof-paper:before{content:"";position:absolute;left:0;top:0;right:0;height:7px;background:var(--proof-accent)}
.proof-header{display:grid;grid-template-columns:82px 1fr 120px;gap:18px;align-items:center;padding:6px 0 20px;border-bottom:2px solid var(--proof-accent)}
.proof-logo{width:72px;height:72px;object-fit:contain;border-radius:16px;border:1px solid #dfe6ef;padding:5px;background:#fff}
.proof-logo-fallback{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#263b67);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.35rem;letter-spacing:.06em}
.proof-title{text-align:center}.proof-title h1{font-size:1.33rem;line-height:1.25;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.01em}.proof-title p{font-size:.88rem;color:#475569;margin:6px 0 0;font-weight:700}.proof-year{text-align:right}.proof-year .year-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.proof-year .year-num{font-weight:900;font-size:1.35rem;color:var(--proof-accent)}
.proof-meta{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px;margin:20px 0}.proof-meta-box{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:12px 14px}.proof-meta-box .label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-weight:800}.proof-meta-box .value{font-size:.96rem;color:#0f172a;font-weight:900;margin-top:3px;word-break:break-word}.proof-meta-box.code{background:color-mix(in srgb,var(--proof-accent) 7%,#fff);border-color:color-mix(in srgb,var(--proof-accent) 20%,#e2e8f0)}.proof-meta-box.code .value{color:var(--proof-accent);font-size:1.05rem}
.proof-section{margin-top:18px;break-inside:avoid}.proof-section-title{display:flex;align-items:center;gap:8px;font-size:.93rem;font-weight:900;color:#0f172a;margin-bottom:10px}.proof-section-title:before{content:"";width:5px;height:20px;border-radius:99px;background:var(--proof-accent)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proof-card{border:1px solid #dfe6ef;border-radius:16px;overflow:hidden;background:#fff;break-inside:avoid}.proof-card-head{padding:11px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:.86rem;font-weight:900}.proof-data-row{display:grid;grid-template-columns:42% 58%;min-height:36px;border-bottom:1px solid #edf1f5;font-size:.82rem}.proof-data-row:last-child{border-bottom:0}.proof-data-row .k{padding:8px 11px;color:#475569;font-weight:800;background:#fbfcfe}.proof-data-row .v{padding:8px 11px;color:#111827;font-weight:650;word-break:break-word}
.proof-note{margin-top:18px;border:1px solid #e4e8ef;border-left:5px solid var(--proof-accent);border-radius:14px;padding:14px 16px;background:#fbfcff;font-size:.8rem;line-height:1.55;break-inside:avoid}.proof-note strong{font-size:.84rem}.proof-note ol{margin:7px 0 0;padding-left:20px}.proof-note li{margin:3px 0}
.declaration-box{border:1px dashed #cfd8e5;border-radius:14px;padding:14px 16px;background:#fcfdff;font-size:.82rem;line-height:1.55;margin-top:16px}
.signature-area{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:26px 28px 2px;text-align:center;break-inside:avoid}.signature-block{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem}.signature-name{font-weight:900;border-bottom:1px solid #94a3b8;display:inline-block;padding:0 14px 3px;min-width:160px}.proof-location{text-align:right;font-size:.8rem;color:#475569;margin-top:18px}.proof-footer-line{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:10px;border-top:1px solid #e5e7eb;font-size:.7rem;color:#94a3b8}

/* Admin V3 */
.admin-sidebar .brand-logo{width:44px;height:44px;flex:0 0 44px}
.settings-branding{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.logo-preview-card{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;padding:22px;text-align:center}.logo-preview-card img{max-width:130px;max-height:130px;object-fit:contain}.upload-zone{border:1.5px dashed #cbd5e1;border-radius:16px;padding:20px;background:#fbfdff}.upload-zone input[type=file]{max-width:100%}

@media(max-width:991.98px){
  .admin-sidebar{position:sticky;top:0;z-index:1020;width:100%;height:auto;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:10px 12px;border-radius:0;background:rgba(17,32,63,.97);backdrop-filter:blur(12px);white-space:nowrap}.admin-sidebar .brand{margin:0 8px 0 0;flex:0 0 auto}.admin-sidebar .brand-text{display:none}.admin-sidebar a{display:inline-flex;flex:0 0 auto;margin:0;padding:9px 11px}.admin-sidebar hr{display:none}.admin-main{margin-left:0;padding:18px}.settings-branding{grid-template-columns:1fr}
}
@media(max-width:767.98px){
  body{padding-bottom:72px}.footer{margin-bottom:0}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:1050;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:7px;box-shadow:0 18px 45px rgba(15,23,42,.30);backdrop-filter:blur(15px)}.mobile-bottom-nav a{color:#cbd5e1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.62rem;font-weight:800;padding:5px 2px;border-radius:12px}.mobile-bottom-nav a i{font-size:1.05rem}.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover{background:rgba(255,255,255,.10);color:#fff}
  .proof-page-wrap{padding:0 8px;margin-top:14px}.proof-paper{padding:24px 16px;border-radius:18px}.proof-header{grid-template-columns:58px 1fr;gap:10px}.proof-logo,.proof-logo-fallback{width:54px;height:54px;border-radius:13px}.proof-year{grid-column:1/-1;text-align:center;display:flex;justify-content:center;gap:7px;align-items:baseline}.proof-title h1{font-size:1.03rem}.proof-title p{font-size:.76rem}.proof-meta{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr}.signature-area{gap:18px;margin-left:0;margin-right:0}.proof-data-row{grid-template-columns:45% 55%;font-size:.78rem}
}
@media(max-width:480px){.signature-area{grid-template-columns:1fr;gap:22px}.proof-toolbar .btn{flex:1}.proof-toolbar{align-items:stretch}.proof-toolbar-actions{width:100%;justify-content:stretch}.proof-toolbar-actions .badge,.proof-toolbar-actions .btn{flex:1}}
@media print{
  @page{size:A4 portrait;margin:9mm}
  html,body{background:#fff!important;padding:0!important;margin:0!important}
  .proof-page-wrap{max-width:none;margin:0;padding:0}.proof-toolbar,.mobile-bottom-nav{display:none!important}.proof-paper{box-shadow:none;border:0;border-radius:0;padding:0 2mm;overflow:visible}.proof-paper:before{display:none}.proof-header{padding-top:0}.proof-title h1{font-size:14pt}.proof-title p{font-size:9pt}.proof-logo,.proof-logo-fallback{width:58px;height:58px}.proof-meta{margin:12px 0;gap:8px}.proof-meta-box{padding:8px 10px}.proof-meta-box .label{font-size:6.5pt}.proof-meta-box .value{font-size:8.5pt}.proof-section{margin-top:11px}.proof-section-title{font-size:8.5pt;margin-bottom:6px}.proof-grid{gap:8px}.proof-data-row{min-height:27px;font-size:7.8pt}.proof-data-row .k,.proof-data-row .v{padding:5px 8px}.proof-card-head{padding:7px 9px;font-size:8pt}.proof-note,.declaration-box{font-size:7.5pt;padding:9px 11px;margin-top:10px}.proof-note li{margin:1px 0}.signature-area{margin-top:15px;gap:55px}.signature-block{min-height:78px;font-size:7.5pt}.proof-location{font-size:7.5pt;margin-top:10px}.proof-footer-line{display:none!important}.navbar,.footer{display:none!important}
}
.dashboard-hero{background:linear-gradient(135deg,#16213e,#263f72);color:#fff;border-radius:24px;padding:24px 26px;box-shadow:0 20px 48px rgba(22,33,62,.22);position:relative;overflow:hidden}.dashboard-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-90px;background:rgba(255,255,255,.08)}.dashboard-hero p{color:#dbe5f5}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-actions .btn{border-radius:12px}.metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.15rem}.metric-sidi{background:var(--sidi-soft);color:var(--sidi)}.metric-nikah{background:var(--nikah-soft);color:var(--nikah)}.metric-baptis{background:var(--baptis-soft);color:var(--baptis)}.stat-sub{font-size:.78rem;color:#64748b}.recent-service{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800}.status-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #eef2f7}.status-line:last-of-type{border-bottom:0}
@media(max-width:575.98px){.dashboard-hero{padding:20px}.dashboard-actions{flex-direction:column}.dashboard-actions .btn{width:100%}}
.step-item.done .step-dot{font-size:0}.step-item.done .step-dot:before{font-size:1rem}


/* ===== Public UI V4 inspired by user references ===== */
:root{
  --ui-bg:#f3f7fc;
  --ui-card:#ffffff;
  --ui-border:#dbe4ef;
  --ui-text:#12224f;
  --ui-muted:#66738f;
  --ui-link:#2563eb;
}
body{background:linear-gradient(180deg,#f7faff 0%,#f2f6fb 100%)!important;color:var(--ui-text)}
.navbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(209,219,232,.9)!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important}
.container{max-width:1380px}
.brand-logo,.footer-logo,.navbar-brand .brand-mark{width:50px;height:50px;border-radius:12px;object-fit:contain;background:#fff;box-shadow:0 8px 18px rgba(37,99,235,.15)}
.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#2163ef,#0f56df)!important;color:#fff;font-size:1.5rem!important}
.navbar-brand strong{font-size:1.08rem;color:#0f1e4d}.navbar-brand small{font-size:.84rem;color:#5e6b86;margin-top:2px}
.nav-link{position:relative;padding:.85rem 1.05rem!important;border-radius:12px;font-weight:700;color:#2f3c58!important;background:transparent!important}
.nav-link i{font-size:1rem}.nav-link.active,.nav-link:hover{color:#2563eb!important}.nav-link.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-11px;height:3px;border-radius:99px;background:#2563eb}
.navbar-toggler{border:0;box-shadow:none!important}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2818,34,79,0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.public-page{padding:34px 0 28px}.page-shell{max-width:1400px}
.service-hero{display:flex;align-items:flex-start;gap:18px;margin-bottom:26px}.service-hero-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);border:1px solid rgba(218,227,239,.95);box-shadow:0 12px 28px rgba(15,23,42,.06);font-size:2.15rem;flex:0 0 78px}.theme-sidi .service-hero-icon{color:var(--sidi)}.theme-nikah .service-hero-icon{color:#d38c12}.theme-baptis .service-hero-icon{color:#2563eb}
.service-hero h1{font-size:clamp(2.1rem,4vw,3.15rem);line-height:1.08;font-weight:900;letter-spacing:-.04em;margin:6px 0 6px;color:#0b1d4d}.service-hero p{margin:0;font-size:1rem;color:#61708b}
.v4-notice{margin-bottom:18px;border:1px solid #dbe4ef;background:#fff;border-radius:16px;padding:12px 16px;font-size:.92rem;color:#4b5b7a}
.v4-notice.ok{border-color:#bfe1cb;background:#f7fffa;color:#187244}.v4-notice.err{border-color:#f4c0c0;background:#fff7f7;color:#ae2c2c}.v4-notice.warn{border-color:#f0d097;background:#fffaf0;color:#976000}
.v4-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.v4-steps{display:flex;gap:0;background:#fff;border:1px solid rgba(217,226,237,.95);border-radius:22px;padding:22px 28px;box-shadow:0 14px 34px rgba(15,23,42,.05);margin-bottom:24px}.v4-steps .step-item{display:flex;align-items:center;gap:12px;min-width:0;flex:1;font-size:.97rem;font-weight:700;color:#445271;position:relative}.v4-steps .step-item:not(:last-child){padding-right:18px;margin-right:18px}.v4-steps .step-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:2px;background:#dde4ef;border-radius:999px}.v4-steps .step-dot{width:42px;height:42px;min-width:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#445271;border:1.5px solid #d3dceb;box-shadow:none;font-weight:800}.v4-steps .step-item.done .step-dot{background:#e6f6ec;border-color:#c7ead4;color:#15803d}.v4-steps .step-item.done .step-dot:before{content:"\F26E";font-family:"bootstrap-icons";font-size:1rem}.v4-steps .step-item.done .step-dot{font-size:0}.theme-sidi .v4-steps .step-dot.active,.theme-sidi .v4-steps .step-item.active .step-dot{background:var(--sidi);border-color:var(--sidi);color:#fff}.theme-nikah .v4-steps .step-dot.active,.theme-nikah .v4-steps .step-item.active .step-dot{background:#dda22a;border-color:#dda22a;color:#fff}.theme-baptis .v4-steps .step-dot.active,.theme-baptis .v4-steps .step-item.active .step-dot{background:#2563eb;border-color:#2563eb;color:#fff}.theme-sidi .v4-steps .step-item.active,.theme-nikah .v4-steps .step-item.active,.theme-baptis .v4-steps .step-item.active{color:#14234c}.theme-sidi .v4-steps .step-item.active{color:var(--sidi)}.theme-nikah .v4-steps .step-item.active{color:#c88606}.theme-baptis .v4-steps .step-item.active{color:#2563eb}
.v4-content{background:#fff;border:1px solid rgba(217,226,237,.96);border-radius:22px;box-shadow:0 18px 42px rgba(15,23,42,.05);overflow:hidden}.v4-content .step-panel{display:none;padding:0}.v4-content .step-panel.active{display:block}.v4-content .section-card{padding:28px 30px 22px;background:transparent;border:0;border-radius:0;box-shadow:none}.v4-content .section-title{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:900;color:#13234b;margin-bottom:4px}.v4-content .section-title .mini-icon{width:38px;height:38px;border-radius:50%;background:#f0f5ff;color:#2563eb;display:grid;place-items:center;font-size:1.05rem}.theme-sidi .v4-content .section-title .mini-icon{background:#f3ebff;color:var(--sidi)}.theme-nikah .v4-content .section-title .mini-icon{background:#fff7ea;color:#d38c12}.theme-baptis .v4-content .section-title .mini-icon{background:#edf5ff;color:#2563eb}.v4-content .section-desc{font-size:.95rem;color:#5f6f8b;margin-bottom:24px}.v4-fields .form-label{font-weight:800;color:#13234b;font-size:.93rem;margin-bottom:7px}.v4-fields .form-control,.v4-fields .form-select{border:1px solid #d4deeb;border-radius:14px;min-height:50px;padding:.82rem 1rem;font-size:1rem;color:#12224f;background:#fff;box-shadow:none}.v4-fields textarea.form-control{min-height:110px}.v4-fields .form-control::placeholder,.v4-fields .form-select{color:#8492ab}.v4-fields .form-control:focus,.v4-fields .form-select:focus{border-color:#a9bee9;box-shadow:0 0 0 .18rem rgba(37,99,235,.10)}.v4-fields .required{color:#ef4444}.v4-fields .form-check-label{font-size:1rem;color:#233253;display:flex;align-items:center;gap:10px}.v4-fields .form-check-input{width:20px;height:20px;margin:0;border-color:#ccd6e6}.v4-fields .input-icon-wrap{position:relative}.v4-fields .input-icon-wrap .icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7b8699;font-size:1.25rem;pointer-events:none}.v4-fields .input-icon-wrap .form-control{padding-left:56px}.v4-fields .input-icon-wrap .form-select{padding-left:16px}
.v4-divider{margin:22px 0 14px;border-top:1px solid #e9eef5}
.v4-actions{display:flex;justify-content:space-between;gap:14px;margin-top:12px;padding-top:14px;border-top:1px solid #e7edf5}.v4-actions .btn{min-height:54px;border-radius:14px;padding:.82rem 1.25rem;font-weight:800;font-size:1.06rem;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-outline-v4{background:#fff;border:1.5px solid #a8b7cf;color:#1c2b4f}.btn-outline-v4:hover{background:#f8fbff;color:#1c2b4f;border-color:#8ea1be}.btn-primary-v4{border:0;color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.18)}.theme-sidi .btn-primary-v4{background:linear-gradient(135deg,#8b3df6,#7c3aed)}.theme-nikah .btn-primary-v4{background:linear-gradient(135deg,#d99a18,#f1b534)}.theme-baptis .btn-primary-v4{background:linear-gradient(135deg,#2463ff,#2563eb)}.btn-primary-v4:hover{color:#fff;filter:brightness(.98)}
.v4-aside{background:#fff;border:1px solid rgba(217,226,237,.96);border-radius:22px;box-shadow:0 18px 42px rgba(15,23,42,.05);padding:28px 26px;position:sticky;top:112px}.v4-aside .hero-img{width:100%;height:176px;border-radius:18px;background:linear-gradient(180deg,#eef5ff,#f6f9ff);display:grid;place-items:center;color:#2563eb;font-size:5rem;margin-bottom:20px;overflow:hidden}.theme-sidi .v4-aside .hero-img{background:linear-gradient(180deg,#faf4ff,#fcfbff);color:var(--sidi)}.theme-nikah .v4-aside .hero-img{background:linear-gradient(180deg,#fff9ef,#fffcf6);color:#d38c12}.v4-aside .hero-icon-lg{display:inline-block}.v4-aside h3{font-size:1.18rem;font-weight:900;color:#0e1f4d;margin-bottom:10px;text-align:left}.theme-sidi .v4-aside h3{color:var(--sidi)}.theme-nikah .v4-aside h3{color:#0e1f4d}.theme-baptis .v4-aside h3{color:#0e1f4d}.v4-aside p{font-size:.95rem;line-height:1.65;color:#5f6f8b}.v4-list{margin:18px 0 0;padding:0;list-style:none}.v4-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;color:#1d2d53}.v4-list .badge-icon{width:34px;height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;background:#f4f7fb;color:#2563eb;font-size:1rem}.theme-sidi .v4-list .badge-icon{background:#f3ebff;color:var(--sidi)}.theme-nikah .v4-list .badge-icon{background:#fff7ea;color:#d38c12}.v4-list li strong{display:block;font-size:1.02rem;font-weight:800;color:#0f1e4b}.v4-list li span{display:block;font-size:.93rem;color:#66748f;line-height:1.5}
.v4-mini-secure{margin-top:18px;padding-top:18px;border-top:1px dashed #d7e0ec}.v4-mini-secure .secure-box{display:flex;align-items:flex-start;gap:14px}.v4-mini-secure .secure-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#fff6e7;color:#d38c12;font-size:1.4rem}.theme-sidi .v4-mini-secure .secure-icon{background:#eef5ff;color:#2563eb}.theme-baptis .v4-mini-secure .secure-icon{background:#eef5ff;color:#2563eb}.v4-mini-secure strong{display:block;color:#0f1e4b;font-size:1.02rem;margin-bottom:4px}.v4-mini-secure span{font-size:.93rem;color:#66748f;line-height:1.55}
.v4-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.confirm-group{border:1px solid #dfe6ef;border-radius:18px;padding:18px;background:#fff;box-shadow:none;height:100%}.confirm-group h4{font-size:1rem;font-weight:900;color:#0f1e4b}.confirm-row{display:grid;grid-template-columns:43% 57%;gap:8px;padding:8px 0;border-bottom:1px dashed #e6ebf2;font-size:.9rem}.confirm-row span:first-child{color:#66748f}.confirm-row:last-child{border-bottom:0}.hint-box{border-radius:16px;padding:15px 16px;background:#f8fbff;border:1px solid #dbe6f3;color:#52617d;font-size:.93rem}
/* page header/tabs */
.page-breadcrumb{color:#70809c;font-size:.94rem;display:flex;align-items:center;gap:10px;margin-bottom:18px}.page-breadcrumb a{color:#6e7d98}
.status-hero{text-align:center;max-width:760px;margin:0 auto 34px}.status-hero h1{font-size:clamp(2.4rem,4vw,3.35rem);line-height:1.08;font-weight:900;letter-spacing:-.04em;color:#0b1d4d;margin-bottom:10px}.status-hero p{color:#61708b;font-size:1rem}
.status-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}
.status-card-v4,.steps-card-v4{background:#fff;border:1px solid rgba(217,226,237,.96);border-radius:22px;box-shadow:0 18px 42px rgba(15,23,42,.05);padding:28px 30px}.status-card-v4 .form-label{font-weight:900;color:#162553;font-size:1rem;margin-bottom:10px}.status-card-v4 .field-icon{display:inline-flex;align-items:center;gap:10px}.status-card-v4 .field-icon i{font-size:1.2rem;color:#60708e}.status-card-v4 .form-select,.status-card-v4 .form-control{min-height:58px;border-radius:16px;border:1px solid #d4deeb;padding:.9rem 1rem;font-size:1rem}.status-card-v4 .btn-check-status{width:100%;min-height:58px;border:0;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1354e2);color:#fff;font-size:1.13rem;font-weight:800;box-shadow:0 16px 30px rgba(37,99,235,.2)}.status-card-v4 .btn-check-status:hover{color:#fff;filter:brightness(.98)}.status-card-v4 .secure-row{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:18px;border-top:1px solid #e8eef6;margin-top:22px;color:#66748f}.status-card-v4 .secure-row i{color:#2563eb}
.steps-card-v4 h3{font-size:1.1rem;font-weight:900;color:#0e1f4b;margin-bottom:18px}.timeline-v4{position:relative;display:grid;gap:20px}.timeline-v4:before{content:"";position:absolute;left:22px;top:10px;bottom:10px;width:2px;background:#d6dfeb}.timeline-item{position:relative;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:flex-start}.timeline-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#eafaf1;color:#10b981;border:1px solid #bde7ce;font-size:1.35rem;position:relative;z-index:1}.timeline-item:nth-child(2) .timeline-icon{background:#eef5ff;color:#2563eb;border-color:#bfd3fb}.timeline-item:nth-child(3) .timeline-icon{background:#f5edff;color:#8b5cf6;border-color:#dac6fb}.timeline-item strong{display:block;font-size:1rem;color:#10214e;margin-bottom:5px}.timeline-item span{display:block;color:#6a7893;line-height:1.55}
.info-note-v4{margin-top:24px;background:#f7fbff;border:1px solid #cfe0ff;border-radius:18px;padding:18px 20px;color:#5c6a84;display:flex;gap:14px;align-items:flex-start}.info-note-v4 i{color:#2563eb;font-size:1.6rem;line-height:1}
.footer{background:linear-gradient(90deg,#051936,#0b2c61);padding:0!important}.footer .container{padding-top:34px!important;padding-bottom:34px!important}.footer strong,.footer .fs-6{color:#fff!important}.footer .footer-mark{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff;font-size:1.45rem}.footer-logo{width:52px;height:52px;background:#fff;padding:4px}.footer ul{padding-left:0;list-style:none;margin:0}.footer li{display:flex;gap:12px;align-items:center;color:#d5e2f7;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.16)}.footer li:last-child{border-bottom:0}
.mobile-bottom-nav{background:rgba(11,29,77,.96)!important}
@media(max-width:1199.98px){.v4-main{grid-template-columns:1fr}.v4-aside{position:static}.status-layout{grid-template-columns:1fr}.status-card-v4,.steps-card-v4{padding:24px 22px}}
@media(max-width:991.98px){.service-hero h1{font-size:2.5rem}.v4-steps{overflow:auto;padding:18px 18px}.v4-steps .step-item{min-width:180px;flex:0 0 auto}.status-hero{margin-bottom:24px}.navbar-brand strong{font-size:1rem}.navbar-brand small{font-size:.76rem}.nav-link.active:after{display:none}}
@media(max-width:767.98px){body{padding-bottom:78px}.public-page{padding-top:24px}.service-hero{gap:14px;margin-bottom:18px}.service-hero-icon{width:64px;height:64px;flex:0 0 64px;font-size:1.7rem}.service-hero h1{font-size:2rem}.v4-content .section-card,.status-card-v4,.steps-card-v4,.v4-aside{padding:20px 18px}.v4-actions{flex-direction:column-reverse}.v4-actions .btn{width:100%}.v4-confirm-grid{grid-template-columns:1fr}.page-breadcrumb{font-size:.86rem}.status-hero h1{font-size:2.1rem}.timeline-v4:before{left:21px}.footer .container{padding-bottom:88px!important}}
@media(max-width:575.98px){.container{padding-left:14px;padding-right:14px}.v4-steps{border-radius:18px}.v4-content,.v4-aside,.status-card-v4,.steps-card-v4{border-radius:18px}.confirm-row{grid-template-columns:1fr}.mobile-bottom-nav{left:8px;right:8px;bottom:8px}.mobile-bottom-nav a{font-size:.58rem}}

/* ===== V4.1 Home refresh + step connector fix ===== */
.v4-steps .step-item:before{display:none!important;content:none!important}
.v4-steps .step-item:not(:last-child){padding-right:0!important;margin-right:50px!important}
.v4-steps .step-item:not(:last-child):after{
  content:""!important;
  position:absolute!important;
  top:20px!important;
  right:-40px!important;
  width:30px!important;
  height:2px!important;
  transform:none!important;
  background:#dce4ef!important;
  border-radius:99px!important;
  z-index:0!important;
  pointer-events:none!important;
}
.v4-steps .step-dot,.v4-steps .step-item>span{position:relative;z-index:2;background:#fff}
.v4-steps .step-item>span{padding:0 5px}

/* Homepage matching the new visual direction */
.home-hero{padding:38px 0 16px;overflow:hidden}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:28px;min-height:465px}
.home-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #d8e2f0;border-radius:999px;background:rgba(255,255,255,.85);color:#2563eb;font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.home-hero h1{font-size:clamp(3rem,5.5vw,5.25rem);line-height:.98;letter-spacing:-.055em;font-weight:950;color:#0a1c4e;margin:18px 0 18px;max-width:650px}
.home-hero-copy{font-size:1.23rem;line-height:1.6;color:#5e6c87;max-width:590px;margin-bottom:22px}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 18px}.home-hero-actions .btn{min-height:54px;border-radius:13px;padding:.85rem 1.45rem;font-size:1rem;font-weight:850;display:inline-flex;align-items:center;gap:10px}.home-primary{background:linear-gradient(135deg,#2563eb,#1458e7);border:0;color:#fff;box-shadow:0 13px 30px rgba(37,99,235,.22)}.home-primary:hover{color:#fff;filter:brightness(.98)}.home-secondary{background:#fff;border:1px solid #d8e1ee;color:#13234e}.home-secondary:hover{background:#f9fbff;color:#13234e}
.home-quick-info{display:flex;flex-wrap:wrap;gap:16px 24px;color:#53627e;font-size:.92rem;margin:18px 0 26px;position:relative;z-index:3}.home-quick-info span{display:inline-flex;align-items:center;gap:8px}.home-quick-info i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;font-size:1rem}
.home-art{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}.home-art:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 45% 38%,#f7fbff 0,#e5f0ff 58%,#dceaff 100%);right:10%;top:0}.home-art svg{position:relative;z-index:1;width:100%;max-width:720px;height:auto;filter:drop-shadow(0 22px 30px rgba(44,89,157,.10))}
.home-metrics{position:relative;z-index:2;margin-top:8px;background:#fff;border:1px solid #dce4ef;border-radius:19px;box-shadow:0 16px 38px rgba(15,23,42,.08);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.home-metric{display:flex;align-items:center;gap:14px;padding:18px 24px;position:relative}.home-metric:not(:last-child):after{content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:#e3e9f1}.home-metric-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:#2563eb;font-size:1.4rem;flex:0 0 52px}.home-metric strong{display:block;color:#0d1e4b;font-size:1.12rem;font-weight:900}.home-metric span{display:block;color:#64728d;font-size:.84rem;margin-top:2px}
.home-services{padding:34px 0 18px}.home-section-head{text-align:center;margin-bottom:26px}.home-section-kicker{color:#2563eb;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:900}.home-section-head h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:950;letter-spacing:-.035em;color:#0b1d4d;margin:6px 0}.home-section-head p{margin:0;color:#71809a}
.home-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-service-card{background:#fff;border:1px solid #dce4ef;border-radius:19px;padding:24px;box-shadow:0 13px 30px rgba(15,23,42,.045);display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:center;transition:.2s}.home-service-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.08)}.home-service-symbol{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:3rem}.home-service-card.sidi .home-service-symbol{background:#f5efff;color:#7c3aed}.home-service-card.nikah .home-service-symbol{background:#fff7e9;color:#d9910d}.home-service-card.baptis .home-service-symbol{background:#eef5ff;color:#2563eb}.home-service-card h3{font-size:1.08rem;font-weight:900;margin:0 0 6px}.home-service-card.sidi h3{color:#7c3aed}.home-service-card.nikah h3{color:#d9910d}.home-service-card.baptis h3{color:#1560df}.home-service-card p{font-size:.9rem;color:#66748e;line-height:1.55;margin:0 0 13px}.home-service-card .btn{width:100%;border:0;border-radius:10px;color:#fff;font-weight:850;display:flex;justify-content:space-between;align-items:center}.home-service-card.sidi .btn{background:linear-gradient(135deg,#8842de,#7c3aed)}.home-service-card.nikah .btn{background:linear-gradient(135deg,#d99a18,#e9aa22)}.home-service-card.baptis .btn{background:linear-gradient(135deg,#2563eb,#1458df)}
.home-flow{margin:16px 0 34px;background:#fff;border:1px solid #dce4ef;border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.04);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.home-flow-item{padding:17px 20px;display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;position:relative}.home-flow-item:not(:last-child){border-right:1px solid #e4eaf2}.home-flow-num{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:#1e5fe8;font-size:1.32rem;font-weight:900}.home-flow-item strong{display:block;color:#0f1f4c;font-size:.92rem}.home-flow-item span{display:block;color:#6f7d96;font-size:.78rem;line-height:1.4}.home-flow-arrow{color:#8b98ad;font-size:1.45rem}
.footer-help-title{font-size:.88rem;font-weight:900;color:#fff;margin-bottom:8px}.footer-help-text{font-size:.9rem;color:#cbd8eb;line-height:1.55}.footer .help-list{padding:0;margin:0;list-style:none}.footer .help-list li{display:flex;align-items:flex-start;gap:11px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.13)}.footer .help-list li:last-child{border-bottom:0}.footer .help-list i{color:#a9c7f5;font-size:1.05rem;margin-top:2px}.footer .help-list span{font-size:.9rem;line-height:1.45;color:#d8e4f3}

@media(max-width:1199.98px){.home-hero-grid{grid-template-columns:1fr 1fr}.home-art{min-height:380px}.home-service-grid{grid-template-columns:1fr}.home-service-card{grid-template-columns:110px 1fr}.home-metrics{grid-template-columns:repeat(2,1fr)}.home-metric:nth-child(2):after{display:none}.home-metric:nth-child(-n+2){border-bottom:1px solid #e3e9f1}.home-flow{grid-template-columns:repeat(2,1fr)}.home-flow-item:nth-child(2){border-right:0}.home-flow-item:nth-child(-n+2){border-bottom:1px solid #e4eaf2}}
@media(max-width:991.98px){.home-hero-grid{grid-template-columns:1fr}.home-hero{padding-top:26px}.home-hero h1{max-width:760px}.home-art{min-height:330px;margin-top:-18px}.home-art:before{width:360px;height:360px;right:20%}.v4-steps .step-item:not(:last-child){margin-right:38px!important}.v4-steps .step-item:not(:last-child):after{right:-30px!important;width:22px!important}}
@media(max-width:767.98px){.home-hero h1{font-size:3rem}.home-hero-copy{font-size:1.05rem}.home-art{min-height:260px}.home-art:before{width:280px;height:280px;right:12%;top:5%}.home-metrics{grid-template-columns:1fr}.home-metric{border-bottom:1px solid #e3e9f1!important}.home-metric:last-child{border-bottom:0!important}.home-metric:after{display:none!important}.home-service-card{grid-template-columns:86px 1fr;padding:18px}.home-service-symbol{width:86px;height:86px;font-size:2.35rem}.home-flow{grid-template-columns:1fr}.home-flow-item{border-right:0!important;border-bottom:1px solid #e4eaf2!important}.home-flow-item:last-child{border-bottom:0!important}.home-flow-arrow{transform:rotate(90deg)}.v4-steps .step-item:not(:last-child){margin-right:34px!important}.v4-steps .step-item:not(:last-child):after{right:-26px!important;width:18px!important}}
@media(max-width:575.98px){.home-hero h1{font-size:2.55rem}.home-hero-actions{flex-direction:column}.home-hero-actions .btn{width:100%;justify-content:center}.home-quick-info{gap:12px}.home-art{min-height:225px}.home-service-card{grid-template-columns:1fr;text-align:center}.home-service-symbol{margin:0 auto}.v4-steps .step-item>span{white-space:nowrap}.v4-steps .step-item:not(:last-child){margin-right:26px!important}.v4-steps .step-item:not(:last-child):after{right:-20px!important;width:14px!important}}

/* ===== V4.2: proof alignment, announcement & secretary ===== */
.proof-header{grid-template-columns:72px minmax(0,1fr) 72px;align-items:center}
.proof-header-spacer{width:72px;height:72px}
.proof-title{min-width:0;text-align:center}
.proof-year{display:flex!important;align-items:baseline;justify-content:center;gap:8px;margin-top:12px;text-align:center!important}
.proof-year .year-label{font-size:.72rem;color:#475569;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.proof-year .year-num{font-size:1.38rem;font-weight:950;color:var(--proof-accent);line-height:1}
.announcement-nav{border:0;background:transparent;position:relative}
.announcement-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#ef4444;right:3px;top:7px;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.announcement-modal-content{border:0;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden}
.announcement-modal-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#eef5ff;color:#2563eb;font-size:1.35rem}
.announcement-body{color:#475569;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.secretary-card{display:flex;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.06)}
.secretary-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#fff;font-size:1.25rem}
.secretary-card strong{font-size:1.05rem;color:#fff}.secretary-card a{color:#dceaff;font-weight:700}.secretary-card a:hover{color:#fff}
.mobile-bottom-nav button{border:0;background:transparent;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.62rem;font-weight:800;padding:5px 2px;border-radius:12px}
.mobile-bottom-nav button i{font-size:1.05rem}.mobile-bottom-nav button:hover{background:rgba(255,255,255,.10);color:#fff}
@media(max-width:767.98px){
  .proof-header{grid-template-columns:54px minmax(0,1fr) 54px!important;gap:10px!important}
  .proof-header-spacer{width:54px;height:54px}
  .proof-year{grid-column:auto!important;margin-top:8px}
  .proof-year .year-num{font-size:1.15rem}
  .announcement-dot{right:10px;top:5px}
}
@media print{
  .proof-header{grid-template-columns:58px minmax(0,1fr) 58px!important;gap:10px!important;align-items:center!important}
  .proof-header-spacer{width:58px;height:58px}
  .proof-title{text-align:center!important}
  .proof-year{display:flex!important;justify-content:center!important;align-items:baseline!important;gap:6px!important;margin-top:6px!important;text-align:center!important}
  .proof-year .year-label{font-size:7pt!important}.proof-year .year-num{font-size:12pt!important}
}


/* ===== Admin Dashboard V2 ===== */
.admin-v2{background:#f5f7fb;color:#12213f}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:270px;background:linear-gradient(180deg,#0f1f44 0%, #152a59 100%);padding:18px 16px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:12px 0 34px rgba(15,31,68,.18)}.admin-branding{display:flex;align-items:center;gap:12px;padding:10px 8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand-box{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:0 0 44px}.admin-sidebar .brand-logo{width:36px;height:36px;border-radius:10px;object-fit:contain;background:#fff;padding:3px}.admin-sidebar .brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.2);color:#fff}.admin-brand-copy strong{display:block;color:#fff;font-size:.9rem;line-height:1.2;font-weight:800;text-transform:uppercase}.admin-brand-copy small{display:block;color:rgba(255,255,255,.65);font-size:.68rem;line-height:1.35;margin-top:4px;text-transform:uppercase}.admin-menu-v2{display:flex;flex-direction:column;gap:6px}.admin-menu-v2 a,.admin-side-footer a{display:flex;align-items:center;gap:10px;color:#d9e3f7;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:.9rem;font-weight:600;background:transparent;transition:.2s ease}.admin-menu-v2 a i,.admin-side-footer a i{width:18px;text-align:center}.admin-menu-v2 a:hover,.admin-menu-v2 a.active,.admin-side-footer a:hover{background:rgba(255,255,255,.1);color:#fff}.admin-side-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.admin-main-v2{flex:1;padding:18px 20px 24px;overflow:auto}.admin-topbar-v2{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.topbar-title{text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;font-weight:800;color:#1f2f53}.topbar-subtitle{margin-top:6px;color:#71809a;font-size:.88rem}.topbar-profile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;padding:8px 12px;border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.topbar-avatar{font-size:1.1rem;color:#1f2f53}.topbar-profile strong{display:block;font-size:.86rem;color:#1e2d51}.topbar-profile small{display:block;color:#7c8aa3;font-size:.73rem}
.admin-grid-v2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.admin-stat-card,.admin-panel-card{background:#fff;border:1px solid #e6ecf4;border-radius:16px;box-shadow:0 12px 26px rgba(15,23,42,.05)}.admin-stat-card{padding:16px 18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:132px}.admin-stat-card.grad-purple{background:linear-gradient(135deg,#8b5cf6,#9f7aea)}.admin-stat-card.grad-orange{background:linear-gradient(135deg,#fb923c,#f59e0b)}.admin-stat-card.grad-blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.admin-stat-card{grid-column:span 2}.stat-card-top{display:flex;align-items:center;gap:10px}.stat-icon{width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:.9rem}.stat-service{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.92)}.stat-number{font-size:2rem;line-height:1;font-weight:800;margin-top:10px}.stat-caption{font-size:.82rem;color:rgba(255,255,255,.9);margin-top:4px}.stat-link{margin-top:12px;color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.stat-link:hover{color:#fff;opacity:.92}
.admin-panel-card{padding:16px 18px}.admin-panel-card:nth-child(4){grid-column:span 2}.admin-panel-card:nth-child(5){grid-column:span 3}.admin-panel-card.chart-card{grid-column:span 3}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head h3{margin:0;font-size:.88rem;font-weight:800;color:#1b2b4d}.panel-badge,.panel-link-mini{font-size:.72rem;font-weight:700;color:#97a3b8}.status-compact-list{margin-top:10px;display:grid;gap:12px}.status-compact-item{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%}.dot-sidi{background:#8b5cf6}.dot-nikah{background:#f59e0b}.dot-baptis{background:#3b82f6}.status-copy{min-width:0;flex:1}.status-copy strong{display:block;font-size:.83rem;color:#15254b}.status-copy small{display:block;color:#7b889d;font-size:.72rem;margin-top:1px}.status-badge{font-size:.62rem;font-weight:800;padding:4px 8px;border-radius:999px;letter-spacing:.03em}.status-badge.open{background:#dcfce7;color:#15803d}.status-badge.closed{background:#fee2e2;color:#dc2626}.panel-link{display:inline-block;margin-top:12px;font-size:.76rem;font-weight:700;color:#3b82f6;text-decoration:none}.latest-list{display:grid;gap:12px;margin-top:10px}.latest-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;border-bottom:1px solid #edf2f7}.latest-item:last-child{border-bottom:0;padding-bottom:0}.latest-item strong{display:block;font-size:.78rem;color:#192951}.latest-item small{display:block;font-size:.7rem;color:#7a889f;margin-top:2px}.latest-item span{font-size:.68rem;color:#99a3b5;white-space:nowrap}.empty-note{padding:12px 0;color:#7c8aa1;font-size:.8rem}.chart-wrap{margin-top:8px;height:170px}.recent-table-card{margin-top:16px}.table-admin-v2 thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#7f8ba0;border-bottom:1px solid #e9eff6}.table-admin-v2 tbody td{font-size:.85rem;color:#22314f;border-color:#eef2f7;padding-top:.7rem;padding-bottom:.7rem}.service-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.75rem}.service-sidi{background:#f3ecff;color:#7c3aed}.service-nikah{background:#fff2df;color:#d97706}.service-baptis{background:#e9f2ff;color:#2563eb}.btn-admin-view{border:1px solid #dce5f1;background:#fff;color:#1f2f53;border-radius:10px}.btn-admin-view:hover{background:#f8fbff;color:#1f2f53}
@media (max-width: 1199.98px){.admin-stat-card{grid-column:span 4}.admin-panel-card:nth-child(4),.admin-panel-card:nth-child(5),.admin-panel-card.chart-card{grid-column:span 4}}
@media (max-width: 991.98px){.admin-shell{display:block}.admin-sidebar{width:100%;height:auto;position:sticky;top:0;z-index:1030;box-shadow:none}.admin-brand-copy small{display:none}.admin-menu-v2{flex-direction:row;overflow:auto}.admin-menu-v2 a{white-space:nowrap}.admin-side-footer{display:none}.admin-main-v2{padding:14px}.admin-topbar-v2{flex-direction:column;align-items:stretch}.topbar-profile{align-self:flex-start}.admin-stat-card{grid-column:span 6}.admin-panel-card:nth-child(4),.admin-panel-card:nth-child(5),.admin-panel-card.chart-card{grid-column:span 6}}
@media (max-width: 575.98px){.admin-grid-v2{grid-template-columns:1fr}.admin-stat-card,.admin-panel-card,.admin-panel-card:nth-child(4),.admin-panel-card:nth-child(5),.admin-panel-card.chart-card{grid-column:span 1}.admin-sidebar{padding:12px}.admin-branding{padding-bottom:10px}.admin-menu-v2 a{padding:9px 10px;font-size:.82rem}.topbar-title{font-size:.82rem}.topbar-subtitle{font-size:.8rem}.chart-wrap{height:220px}}

/* ===== Admin V4.5 consistency ===== */
.admin-v2 .admin-sidebar{position:sticky;left:auto;top:0;bottom:auto;height:100vh;flex:0 0 270px;overflow-y:auto}
.admin-page-head-card,.admin-detail-header{background:#fff;border:1px solid #e5ebf3;border-radius:16px;box-shadow:0 12px 26px rgba(15,23,42,.05);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-page-head-copy{display:flex;align-items:center;gap:14px}.admin-page-head-card h2,.admin-detail-header h2{margin:0;color:#172749;font-size:1.05rem;font-weight:800}.admin-page-head-card p{margin:4px 0 0;color:#71809a;font-size:.82rem}.page-service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 42px;font-size:1.1rem}.page-service-icon.service-sidi{background:#f2ebff;color:#7c3aed}.page-service-icon.service-nikah{background:#fff2df;color:#d97706}.page-service-icon.service-baptis{background:#eaf2ff;color:#2563eb}.btn-admin-primary,.btn-admin-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:700}.btn-admin-primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn-admin-primary:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.btn-admin-secondary{background:#fff;border:1px solid #dce5f1;color:#223153}.btn-admin-secondary:hover{background:#f7faff;color:#223153}
.admin-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mini-stat{background:#fff;border:1px solid #e5ebf3;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.mini-stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.mini-stat-icon.total{background:#eef4ff;color:#2563eb}.mini-stat-icon.pending{background:#fff5df;color:#d97706}.mini-stat-icon.verified{background:#e9f9ef;color:#16a34a}.mini-stat-icon.rejected{background:#feecec;color:#dc2626}.mini-stat strong{display:block;font-size:1.15rem;line-height:1;color:#142548}.mini-stat small{display:block;margin-top:4px;color:#7b879c;font-size:.72rem}.admin-data-panel{padding:0;overflow:hidden}.admin-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto;gap:10px;padding:16px 18px;border-bottom:1px solid #edf1f6;background:#fbfcfe}.admin-search-box{position:relative}.admin-search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8795aa;z-index:2}.admin-search-box input{padding-left:40px}.admin-filter-bar .form-control,.admin-filter-bar .form-select{min-height:42px;border-radius:10px;border-color:#dce5ef;font-size:.84rem}.admin-registration-table thead th{padding:12px 16px}.admin-registration-table tbody td{padding:12px 16px}.registration-code{color:#17284d;font-size:.83rem}.registrant-name{font-weight:600;color:#2a3957}.date-cell{display:inline-flex;align-items:center;gap:6px;color:#71809a;font-size:.78rem}.admin-empty-state{padding:42px 16px;text-align:center;color:#8290a6;display:flex;flex-direction:column;align-items:center;gap:6px}.admin-empty-state i{font-size:2rem;color:#b0bbcb}.admin-empty-state strong{color:#53627c}.admin-empty-state span{font-size:.78rem}.btn-admin-view span{margin-left:4px}
.admin-detail-header .detail-service-name{margin-top:3px;color:#7b879c;font-size:.78rem}.detail-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.admin-detail-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.admin-section-title>i{width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;flex:0 0 36px}.admin-section-title h3{font-size:.94rem;font-weight:800;color:#17284d;margin:1px 0 0}.admin-section-title p{font-size:.74rem;color:#7b879d;margin:3px 0 0}.admin-section-title.compact{margin-bottom:14px}.admin-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.admin-detail-row{padding:10px 0;border-bottom:1px solid #edf1f6;display:grid;grid-template-columns:44% 56%;gap:10px;font-size:.81rem}.admin-detail-row.span-2{grid-column:span 2}.admin-detail-row .detail-label{color:#7a879c}.admin-detail-row strong{color:#263655;font-weight:650;word-break:break-word}.detail-long-text{background:#f8fafc;border:1px solid #e7edf4;border-radius:12px;padding:14px;color:#45536d;font-size:.84rem;line-height:1.6}.danger-zone{border-color:#f3d2d2;background:#fffafa}.danger-zone .admin-section-title>i{background:#feecec;color:#dc2626}
.settings-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{padding:18px}.settings-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.settings-icon{width:40px;height:40px;border-radius:11px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;flex:0 0 40px}.settings-card-head h3{margin:1px 0 0;font-size:.95rem;font-weight:800;color:#17284d}.settings-card-head p{margin:4px 0 0;color:#78869d;font-size:.75rem}.logo-settings-card,.services-settings-card{grid-column:span 2}.settings-logo-layout{display:grid;grid-template-columns:190px 1fr;gap:18px}.settings-logo-preview{min-height:155px;border:1px dashed #cbd7e7;background:#f8fbff;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.settings-logo-preview img{max-width:105px;max-height:105px;object-fit:contain}.settings-logo-preview span{font-size:.72rem;color:#7a879a}.settings-logo-fallback{width:72px;height:72px;border-radius:18px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-size:1.8rem}.settings-form-block .form-control,.settings-form-block .form-select{border-radius:10px;border-color:#dce5ef;min-height:43px;font-size:.84rem}.form-help{font-size:.72rem;color:#7b899f;margin-top:6px}.service-toggle-list{display:grid}.service-toggle-row{display:grid;grid-template-columns:42px 1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f6}.service-toggle-row:last-child{border-bottom:0}.service-toggle-copy strong{display:block;color:#233251;font-size:.83rem}.service-toggle-copy small{display:block;color:#7b889d;font-size:.72rem;margin-top:3px}.account-layout-v2{display:grid;grid-template-columns:300px minmax(0,620px);gap:16px;align-items:start}.account-profile-card{text-align:center;padding:26px}.account-avatar{font-size:4rem;color:#2563eb;line-height:1}.account-profile-card h2{font-size:1.05rem;color:#17284d;margin:12px 0 2px}.account-profile-card>span{color:#7d899e;font-size:.8rem}.account-security-note{margin-top:22px;text-align:left;background:#f8fbff;border:1px solid #e5ecf5;border-radius:12px;padding:12px;display:flex;gap:10px}.account-security-note i{color:#2563eb}.account-security-note strong{display:block;font-size:.78rem;color:#263655}.account-security-note small{display:block;font-size:.7rem;color:#7b879b;line-height:1.45;margin-top:3px}.account-password-card{padding:20px}
.admin-modal-card{border:0;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.18)}.admin-modal-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem}.admin-modal-icon.warning{background:#fff2df;color:#d97706}.admin-modal-icon.success{background:#e9f9ef;color:#16a34a}.admin-modal-icon.danger{background:#feecec;color:#dc2626}.admin-modal-card .btn{border-radius:10px;font-weight:700}
/* Login admin */
.admin-login-body{margin:0;background:#f4f7fb;min-height:100vh}.admin-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr)}.admin-login-brand-panel{background:linear-gradient(145deg,#0e1e43,#17336c);color:#fff;padding:34px 42px;display:flex;flex-direction:column;position:relative;overflow:hidden}.admin-login-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.05);right:-180px;bottom:-180px}.login-brand-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.login-brand-top img,.login-brand-top>span{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center;object-fit:contain;padding:4px;color:#17336c}.login-brand-top strong{display:block;font-size:1rem}.login-brand-top small{display:block;color:#bac8e3;font-size:.72rem;margin-top:3px}.login-brand-content{margin:auto 0;max-width:520px;position:relative;z-index:1}.login-security-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;font-size:.74rem;font-weight:700}.login-brand-content h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.08;font-weight:850;margin:18px 0}.login-brand-content p{color:#c5d1e7;line-height:1.65;font-size:.95rem}.login-brand-points{display:grid;gap:11px;margin-top:22px}.login-brand-points div{display:flex;align-items:center;gap:10px;color:#d7e0f1;font-size:.85rem}.login-brand-points i{color:#7fb0ff}.login-brand-footer{color:#8fa5c9;font-size:.72rem;position:relative;z-index:1}.admin-login-form-panel{display:grid;place-items:center;padding:28px}.admin-login-card-v2{width:min(440px,100%);background:#fff;border:1px solid #e4eaf3;border-radius:20px;padding:30px;box-shadow:0 20px 50px rgba(15,23,42,.08)}.login-form-icon{width:52px;height:52px;border-radius:14px;background:#edf4ff;color:#2563eb;display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px}.admin-login-card-v2 h2{font-size:1.35rem;font-weight:800;color:#142548;margin-bottom:4px}.admin-login-card-v2 p{font-size:.82rem;color:#7c899f;margin:0}.login-input-wrap{position:relative}.login-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8996aa}.login-input-wrap input{padding-left:40px;min-height:46px;border-radius:10px;border-color:#dce5ef}.btn-admin-login{min-height:48px;border-radius:10px;background:#17336c;border-color:#17336c;color:#fff;font-weight:700}.btn-admin-login:hover{background:#102754;color:#fff}.login-back-link{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px;color:#77859b;text-decoration:none;font-size:.78rem}.admin-login-error{display:flex;gap:9px;align-items:flex-start;background:#fff1f1;border:1px solid #f5cdcd;color:#b42323;border-radius:10px;padding:11px 12px;font-size:.78rem;margin-bottom:16px}
/* Registration success popup */
.registration-success-page{min-height:65vh;display:grid;place-items:center;padding:60px 0}.success-background-card{max-width:650px;margin:auto;text-align:center;background:#fff;border:1px solid #e4eaf3;border-radius:22px;padding:42px 28px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.success-bg-icon{width:68px;height:68px;border-radius:20px;margin:0 auto 18px;background:#e9f9ef;color:#16a34a;display:grid;place-items:center;font-size:1.8rem}.success-background-card h1{font-size:1.6rem;color:#15264b;font-weight:800}.success-background-card p{color:#78869c;max-width:500px;margin:10px auto 0}.registration-success-modal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.2)}.success-popup-accent{height:7px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.theme-sidi~.registration-success-modal .success-popup-accent{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.success-popup-body{text-align:center;padding:30px}.success-popup-icon{width:68px;height:68px;border-radius:50%;background:#e9f9ef;color:#16a34a;display:grid;place-items:center;font-size:2rem;margin:0 auto 12px}.success-popup-label{text-transform:uppercase;letter-spacing:.1em;color:#16a34a;font-size:.7rem;font-weight:800}.success-popup-body h2{font-size:1.35rem;color:#15264b;font-weight:800;margin:6px 0}.success-popup-body>p{font-size:.82rem;color:#78869c;max-width:420px;margin:0 auto 18px}.success-code-block{border:1px solid #dbe5f2;background:#f8fbff;border-radius:14px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:5px}.success-code-block span{font-size:.7rem;color:#7a879b;text-transform:uppercase;letter-spacing:.06em}.success-code-block strong{font-size:1.2rem;color:#174cae;letter-spacing:.03em}.success-code-block .btn{color:#2563eb;font-size:.75rem}.success-popup-note{display:flex;align-items:flex-start;gap:9px;text-align:left;background:#f8fafc;border-radius:10px;padding:10px 12px;margin-top:12px;color:#65738b;font-size:.75rem}.success-popup-note i{color:#2563eb}.success-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.success-popup-actions .btn{border-radius:10px;font-weight:700;font-size:.82rem}.success-popup-actions .btn-link{grid-column:span 2;color:#75839a;text-decoration:none}.btn-success-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-success-primary:hover{background:#1d4ed8;color:#fff}
@media(max-width:1199.98px){.admin-detail-layout{grid-template-columns:1fr}.admin-detail-side{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-grid-v2{grid-template-columns:1fr}.settings-card,.logo-settings-card,.services-settings-card{grid-column:span 1}}
@media(max-width:991.98px){.admin-v2 .admin-sidebar{position:sticky;height:auto;flex:auto}.admin-mini-stats{grid-template-columns:repeat(2,1fr)}.admin-filter-bar{grid-template-columns:1fr 180px auto}.admin-filter-bar>a{display:none}.account-layout-v2{grid-template-columns:1fr}.admin-login-shell{grid-template-columns:1fr}.admin-login-brand-panel{display:none}}
@media(max-width:767.98px){.admin-page-head-card,.admin-detail-header{align-items:flex-start;flex-direction:column}.detail-header-actions{width:100%}.admin-filter-bar{grid-template-columns:1fr}.admin-detail-two,.admin-detail-side,.admin-detail-grid{grid-template-columns:1fr}.admin-detail-row.span-2{grid-column:span 1}.settings-logo-layout{grid-template-columns:1fr}.service-toggle-row{grid-template-columns:42px 1fr auto}.service-toggle-row .status-badge{display:none}.admin-login-form-panel{padding:18px}.success-popup-actions{grid-template-columns:1fr}.success-popup-actions .btn-link{grid-column:span 1}}
@media(max-width:575.98px){.admin-mini-stats{grid-template-columns:1fr 1fr}.admin-registration-table{min-width:760px}.admin-page-head-card,.admin-panel-card{border-radius:13px}.topbar-profile{display:none}.success-popup-body{padding:24px 18px}}

/* =========================================================
   V4.8 RESPONSIVE MASTER FIX - PUBLIC UI
   Mobile first fixes for 320px -> large desktop
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
main{min-width:0}
.navbar>.container{min-width:0}
.navbar-brand{min-width:0;max-width:calc(100% - 58px)}
.navbar-brand>span:last-child{min-width:0}
.navbar-brand strong,.navbar-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v4-main>*{min-width:0}
.v4-content,.v4-content form,.v4-content .section-card,.status-card-v4,.steps-card-v4{min-width:0}
.form-control,.form-select,textarea{max-width:100%}
.table-responsive{max-width:100%}

/* prevent connector lines from touching labels */
.v4-steps .step-item:not(:last-child):after{right:-8px!important;width:16px!important;z-index:0!important}
.v4-steps .step-item>span{position:relative;z-index:2;background:#fff;padding:0 5px}
.v4-steps .step-dot{z-index:3!important}

/* iOS safe-area bottom navigation */
.mobile-bottom-nav{bottom:max(8px,env(safe-area-inset-bottom))!important}

@media (min-width:1400px){
  .page-shell{max-width:1380px!important}
  .v4-main{grid-template-columns:minmax(0,1fr) 350px!important;gap:28px!important}
  .v4-content .section-card{padding:30px 32px 24px!important}
}

@media (max-width:1199.98px){
  .page-shell{max-width:100%!important}
  .v4-main{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .v4-aside{position:static!important;display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
  .v4-aside .hero-img{height:150px!important;margin:0!important;grid-row:1/4!important}
  .v4-aside .v4-list{margin-top:10px!important}
  .v4-mini-secure{grid-column:2!important}
}

@media (max-width:991.98px){
  .navbar>.container{padding-top:8px!important;padding-bottom:8px!important}
  .navbar-brand{gap:10px!important}
  .brand-logo,.navbar-brand .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;border-radius:11px!important}
  .navbar-brand strong{font-size:.98rem!important}
  .navbar-brand small{font-size:.72rem!important}
  .navbar-toggler{width:44px;height:42px;padding:6px!important;display:grid;place-items:center;flex:0 0 44px}
  .navbar-collapse{width:100%;margin-top:8px;padding:8px 0 4px;border-top:1px solid #edf1f6;background:#fff}
  .navbar-nav{gap:2px!important;margin-top:0!important;align-items:stretch!important}
  .navbar-nav .nav-link{padding:10px 12px!important;border-radius:10px!important}
  .navbar-nav .nav-link.active:after{display:none!important}
  .public-page{padding-top:24px!important}
  .service-hero{margin-bottom:18px!important}
  .service-hero h1{font-size:clamp(1.85rem,4vw,2.5rem)!important}
  .v4-steps{padding:18px!important}
}

@media (max-width:767.98px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
  .container,.page-shell{width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
  .navbar{position:sticky!important;top:0!important;z-index:1040!important}
  .navbar>.container{padding-left:14px!important;padding-right:14px!important}
  .navbar-brand{max-width:calc(100% - 52px)!important}
  .brand-logo,.navbar-brand .brand-mark{width:42px!important;height:42px!important;min-width:42px!important}
  .navbar-brand strong{font-size:.9rem!important;line-height:1.2!important}
  .navbar-brand small{font-size:.66rem!important;line-height:1.25!important;max-width:260px!important}

  .public-page{padding:20px 0 28px!important}
  .service-hero{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;margin:0 0 16px!important}
  .service-hero-icon{width:56px!important;height:56px!important;min-width:56px!important;flex-basis:56px!important;font-size:1.55rem!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}
  .service-hero h1{font-size:1.8rem!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0 0 5px!important;overflow-wrap:anywhere}
  .service-hero p{font-size:.9rem!important;line-height:1.45!important}
  .v4-notice{padding:11px 13px!important;margin-bottom:16px!important;border-radius:14px!important;font-size:.84rem!important;line-height:1.45!important}

  .v4-main{display:block!important}
  .v4-aside{display:none!important}

  /* compact stepper that always fits the viewport */
  .v4-steps{display:grid!important;gap:4px!important;padding:14px 8px!important;margin:0 0 16px!important;border-radius:18px!important;overflow:visible!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}
  .v4-steps.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .v4-steps.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v4-steps .step-item{min-width:0!important;width:auto!important;flex:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:0 2px!important;margin:0!important;text-align:center!important;font-size:.68rem!important;line-height:1.18!important;white-space:normal!important;color:#53617d!important}
  .v4-steps .step-item:not(:last-child){padding-right:2px!important;margin-right:0!important}
  .v4-steps .step-item:not(:last-child):after{display:none!important}
  .v4-steps .step-item>span{display:block!important;width:100%!important;min-width:0!important;padding:0!important;background:transparent!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .v4-steps .step-dot{width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;font-size:.82rem!important;border-width:1.5px!important}
  .v4-steps .step-item.done .step-dot:before{font-size:.9rem!important}

  .v4-content{border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}
  .v4-content .section-card{padding:19px 16px 18px!important}
  .v4-content .section-title{gap:9px!important;font-size:.98rem!important;line-height:1.25!important}
  .v4-content .section-title .mini-icon{width:36px!important;height:36px!important;min-width:36px!important;font-size:1rem!important}
  .v4-content .section-desc{font-size:.84rem!important;line-height:1.5!important;margin:7px 0 18px!important}
  .v4-fields.row{--bs-gutter-x:14px!important;--bs-gutter-y:17px!important}
  .v4-fields .form-label{font-size:.85rem!important;margin-bottom:7px!important}
  .v4-fields .form-control,.v4-fields .form-select{width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;border-radius:12px!important;padding:11px 13px!important;font-size:16px!important;line-height:1.35!important}
  .v4-fields textarea.form-control{min-height:88px!important;resize:vertical!important}
  .v4-fields .input-icon-wrap .form-control{padding-left:48px!important}
  .v4-fields .input-icon-wrap .icon{left:14px!important;font-size:1.05rem!important}
  .v4-fields .form-check-label{font-size:.9rem!important;gap:7px!important}
  .v4-fields .form-check-input{width:19px!important;height:19px!important;min-width:19px!important}
  .v4-fields .d-flex.flex-wrap.gap-4{gap:12px 22px!important}

  .v4-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px!important;padding-top:16px!important;position:static!important;background:transparent!important;backdrop-filter:none!important}
  .v4-actions .btn{width:100%!important;min-width:0!important;min-height:48px!important;padding:10px 10px!important;border-radius:12px!important;font-size:.88rem!important;white-space:normal!important}
  .v4-confirm-grid{grid-template-columns:1fr!important;gap:12px!important}
  .confirm-group{padding:14px!important;border-radius:14px!important}
  .confirm-group h4{font-size:.9rem!important}
  .confirm-row{grid-template-columns:42% 58%!important;font-size:.78rem!important;gap:8px!important}
  .confirm-row strong{overflow-wrap:anywhere!important}
  .hint-box{padding:12px 13px!important;border-radius:13px!important;font-size:.8rem!important;line-height:1.5!important}

  /* home */
  .home-hero{padding:22px 0 12px!important}
  .home-hero-grid{display:block!important;min-height:0!important}
  .home-kicker{font-size:.7rem!important}
  .home-hero h1{font-size:clamp(2.35rem,11vw,3.25rem)!important;line-height:.98!important;margin:14px 0!important}
  .home-hero-copy{font-size:.98rem!important;line-height:1.55!important;margin-bottom:18px!important}
  .home-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:16px 0!important}
  .home-hero-actions .btn{min-width:0!important;min-height:48px!important;padding:10px 8px!important;justify-content:center!important;font-size:.84rem!important}
  .home-quick-info{display:none!important}
  .home-art{min-height:230px!important;margin:6px 0 0!important}
  .home-art svg{width:100%!important;height:auto!important;max-height:245px!important}
  .home-metrics{grid-template-columns:1fr 1fr!important;margin-top:8px!important;border-radius:16px!important}
  .home-metric{padding:12px!important;gap:9px!important;min-width:0!important;border-bottom:1px solid #e8edf4!important}
  .home-metric:nth-child(odd){border-right:1px solid #e8edf4!important}
  .home-metric:nth-child(3),.home-metric:nth-child(4){border-bottom:0!important}
  .home-metric:after{display:none!important}
  .home-metric-icon{width:40px!important;height:40px!important;min-width:40px!important;font-size:1rem!important}
  .home-metric strong{font-size:.88rem!important;line-height:1.2!important}
  .home-metric span{font-size:.68rem!important;line-height:1.3!important}
  .home-services{padding-top:26px!important}
  .home-section-head h2{font-size:1.55rem!important}
  .home-section-head p{font-size:.86rem!important}
  .home-service-grid{grid-template-columns:1fr!important;gap:12px!important}
  .home-service-card{grid-template-columns:72px minmax(0,1fr)!important;padding:16px!important;text-align:left!important;gap:14px!important}
  .home-service-symbol{width:72px!important;height:72px!important;margin:0!important;font-size:2rem!important}
  .home-service-card h3{font-size:1rem!important}
  .home-service-card p{font-size:.78rem!important;line-height:1.45!important}
  .home-service-card .btn{min-height:40px!important;font-size:.78rem!important}
  .home-flow{grid-template-columns:1fr!important}
  .home-flow-item{padding:13px!important;border-right:0!important;border-bottom:1px solid #e4eaf2!important}
  .home-flow-item:last-child{border-bottom:0!important}
  .home-flow-arrow{transform:rotate(90deg)!important}

  /* status */
  .page-breadcrumb{font-size:.78rem!important;margin-bottom:14px!important;flex-wrap:wrap!important}
  .status-hero{margin-bottom:20px!important;padding:0 4px!important}
  .status-hero h1{font-size:2rem!important;line-height:1.05!important}
  .status-hero p{font-size:.9rem!important}
  .status-layout{display:block!important}
  .status-card-v4,.steps-card-v4{padding:18px 16px!important;border-radius:18px!important}
  .steps-card-v4{margin-top:14px!important}
  .status-card-v4 .form-label{font-size:.88rem!important}
  .status-card-v4 .form-control,.status-card-v4 .form-select{min-height:50px!important;font-size:16px!important;border-radius:12px!important}
  .status-card-v4 .btn-check-status{min-height:50px!important;font-size:.95rem!important}
  .status-card-v4 .secure-row{font-size:.75rem!important;text-align:center!important}
  .timeline-item{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  .timeline-icon{width:40px!important;height:40px!important}
  .timeline-v4:before{left:19px!important}
  .timeline-item strong{font-size:.9rem!important}.timeline-item span{font-size:.78rem!important}
  .info-note-v4{padding:13px!important;font-size:.8rem!important;border-radius:14px!important}

  /* footer + bottom nav */
  .footer .container{padding:28px 14px calc(92px + env(safe-area-inset-bottom))!important}
  .footer .fs-4{font-size:1.05rem!important}.footer .fs-5{font-size:.9rem!important}.footer-help-text,.help-list,.secretary-card{font-size:.78rem!important}
  .mobile-bottom-nav{left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;min-height:62px!important;padding:6px 7px!important;border-radius:17px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;box-shadow:0 12px 35px rgba(15,31,68,.28)!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0!important;padding:5px 1px!important;font-size:.57rem!important;line-height:1.15!important;gap:3px!important;border:0!important;background:transparent!important;color:#cbd5e1!important;overflow:hidden!important}
  .mobile-bottom-nav a i,.mobile-bottom-nav button i{font-size:1rem!important}
  .mobile-bottom-nav a span,.mobile-bottom-nav button span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .mobile-bottom-nav a.active{background:rgba(255,255,255,.10)!important;color:#fff!important}

  /* modals */
  .modal-dialog{margin:12px!important;max-width:calc(100% - 24px)!important}
  .announcement-modal-content,.registration-success-modal .modal-content{border-radius:18px!important}
  .success-popup-body{padding:22px 16px!important}
  .success-popup-actions{grid-template-columns:1fr!important}
  .success-popup-actions .btn-link{grid-column:auto!important}
}

@media (max-width:420px){
  .navbar-brand small{max-width:205px!important}
  .service-hero{grid-template-columns:50px minmax(0,1fr)!important}
  .service-hero-icon{width:50px!important;height:50px!important;min-width:50px!important;font-size:1.35rem!important}
  .service-hero h1{font-size:1.62rem!important}
  .v4-steps{padding:12px 5px!important}
  .v4-steps .step-item{font-size:.62rem!important;padding:0 1px!important}
  .v4-steps .step-dot{width:33px!important;height:33px!important;min-width:33px!important}
  .home-hero-actions{grid-template-columns:1fr!important}
  .home-service-card{grid-template-columns:60px minmax(0,1fr)!important;gap:11px!important;padding:14px!important}
  .home-service-symbol{width:60px!important;height:60px!important;font-size:1.7rem!important}
  .confirm-row{grid-template-columns:1fr!important;gap:2px!important}
}

@media (max-width:359.98px){
  .container,.page-shell,.navbar>.container{padding-left:10px!important;padding-right:10px!important}
  .brand-logo,.navbar-brand .brand-mark{width:38px!important;height:38px!important;min-width:38px!important}
  .navbar-brand strong{font-size:.82rem!important}.navbar-brand small{font-size:.6rem!important;max-width:175px!important}
  .service-hero h1{font-size:1.48rem!important}
  .v4-actions{grid-template-columns:1fr!important}
  .v4-steps .step-item{font-size:.58rem!important}
  .v4-steps .step-dot{width:30px!important;height:30px!important;min-width:30px!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:.52rem!important}
}

/* V4.8 mobile navbar grid + form focus mode */
@media(max-width:991.98px){
  .navbar{width:100%!important}
  .navbar>.container{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;column-gap:8px!important;flex-wrap:nowrap!important}
  .navbar-brand{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:100%!important;margin:0!important}
  .navbar-toggler{grid-column:2!important;grid-row:1!important;margin:0!important;justify-self:end!important}
  .navbar-collapse{grid-column:1/-1!important;grid-row:2!important;min-width:0!important}
}
@media(max-width:767.98px){
  body.registration-page{padding-bottom:0!important}
  body.registration-page .mobile-bottom-nav{display:none!important}
  body.registration-page .footer .container{padding-bottom:30px!important}
}

/* =========================================================
   V4.9 FINAL PUBLIC RESPONSIVE POLISH
   Improve mobile readability without breaking compact layout
   ========================================================= */
@media (max-width:767.98px){
  .navbar-brand strong{font-size:.96rem!important}.navbar-brand small{font-size:.72rem!important}
  .service-hero h1{font-size:1.78rem!important}.service-hero p{font-size:.96rem!important}
  .v4-notice{font-size:.9rem!important}
  .v4-steps .step-item{font-size:.75rem!important;line-height:1.22!important;font-weight:750!important}
  .v4-steps .step-dot{font-size:.88rem!important}
  .v4-content .section-title{font-size:1.05rem!important}.v4-content .section-desc{font-size:.91rem!important}
  .v4-fields .form-label{font-size:.92rem!important}.v4-fields .form-check-label{font-size:.96rem!important}
  .v4-actions .btn{font-size:.94rem!important}
  .confirm-group h4{font-size:.98rem!important}.confirm-row{font-size:.86rem!important}
  .hint-box{font-size:.86rem!important}
  .home-kicker{font-size:.76rem!important}.home-hero-copy{font-size:1.02rem!important}.home-hero-actions .btn{font-size:.91rem!important}
  .home-metric strong{font-size:.96rem!important}.home-metric span{font-size:.75rem!important}
  .home-section-head p{font-size:.92rem!important}.home-service-card h3{font-size:1.05rem!important}.home-service-card p{font-size:.86rem!important}.home-service-card .btn{font-size:.86rem!important}
  .page-breadcrumb{font-size:.84rem!important}.status-hero p{font-size:.96rem!important}.status-card-v4 .form-label{font-size:.94rem!important}.status-card-v4 .secure-row{font-size:.82rem!important}.timeline-item strong{font-size:.96rem!important}.timeline-item span{font-size:.84rem!important}.info-note-v4{font-size:.86rem!important}
  .footer-help-text,.help-list,.secretary-card{font-size:.84rem!important}
  .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:.64rem!important}.mobile-bottom-nav a i,.mobile-bottom-nav button i{font-size:1.08rem!important}
}
@media (max-width:420px){
  .service-hero h1{font-size:1.62rem!important}.v4-steps .step-item{font-size:.69rem!important}.home-service-card p{font-size:.83rem!important}
}
@media (max-width:359.98px){
  .navbar-brand strong{font-size:.86rem!important}.navbar-brand small{font-size:.64rem!important}.service-hero h1{font-size:1.48rem!important}.v4-steps .step-item{font-size:.64rem!important}.mobile-bottom-nav a,.mobile-bottom-nav button{font-size:.58rem!important}
}