/* Home 14 — iOS-inspired, compact app navigation layered over Home 12 detail views. */
:root { --h14-primary:#009447; --h14-primary-dark:#007438; --h14-blue:#009447; --h14-red:#ed1c24; --h14-orange:#ff9500; --h14-green:#34c759; --h14-teal:#00a6a6; --h14-indigo:#5856d6; --h14-pink:#ed1c24; --h14-gray:#69707a; }
body.h14-body { background:#eef1f5; color:#111; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif; }
.h14-body a:focus-visible,
.h14-body button:focus-visible,
.h14-body input:focus-visible,
.h14-body select:focus-visible,
.h14-body textarea:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(234,27,35,.22) !important;
}
.h14-body .h12-app-viewport { max-width:900px; overflow:hidden; background:radial-gradient(circle at 100% 23%,rgba(8,124,255,.07),transparent 25%),radial-gradient(circle at 0 72%,rgba(88,86,214,.055),transparent 28%),linear-gradient(155deg,#f8f9fb 0%,#edf1f6 100%); box-shadow:0 18px 60px rgba(22,32,55,.12); }
.h14-body .h12-header { margin:0 12px;border:0;border-bottom:1px solid rgba(60,60,67,.12);border-radius:0 0 18px 18px;background:rgba(255,255,255,.78); backdrop-filter:saturate(180%) blur(22px); -webkit-backdrop-filter:saturate(180%) blur(22px); box-shadow:0 5px 20px rgba(25,35,55,.055); }
.h14-body .h12-header-inner { height:66px;padding:0 16px; }
.h14-body .h12-logo-img { height:43px;max-width:200px; }
.h14-body .h12-header-actions { gap:7px; }
.h14-body .h12-icon-btn,.h14-body .h12-back-btn { width:35px;height:35px;border:0;background:rgba(118,118,128,.12);color:#087cff;box-shadow:inset 0 0 0 .5px rgba(60,60,67,.08);font-size:1rem; }
.h14-body .h12-back-btn { background:#087cff;color:#fff; }
.h14-body .h12-shell { padding:30px 28px 112px; }
.h14-body .h12-footer,.h14-body .h12-whatsapp-float { display:none; }
.h14-welcome,.h14-page-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:2px 2px 24px; }
.h14-welcome h1,.h14-page-heading h1 { margin:3px 0 4px;font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.12;letter-spacing:-.045em;color:#111; }
.h14-welcome p,.h14-page-heading p { margin:0;color:#71717a;font-size:.94rem; }
.h14-page-heading { display:block; }
.h14-eyebrow { color:#e5242e;font-size:.68rem;font-weight:800;letter-spacing:.095em;text-transform:uppercase; }
.h14-trust { flex:none;padding:7px 11px;border-radius:999px;background:rgba(52,199,89,.12);color:#248a3d;font-size:.72rem;font-weight:700; }
.h14-app-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;padding:24px 20px;margin-bottom:28px;border-radius:28px;background:rgba(255,255,255,.78);box-shadow:0 12px 34px rgba(28,39,58,.07);border:1px solid rgba(255,255,255,.9); }
.h14-app { min-width:0;text-align:center;text-decoration:none;color:#202124;font-size:.76rem;font-weight:600;line-height:1.2;transition:transform .18s ease; }
.h14-app:hover { color:#111;transform:translateY(-3px); }
.h14-app-icon { display:flex;align-items:center;justify-content:center;width:62px;height:62px;margin:0 auto 8px;border-radius:15px;color:#eaeaea;font-size:1.65rem;box-shadow:inset 0 1px rgba(255,255,255,.35),0 7px 14px rgba(30,40,60,.16); }
.h14-blue { background:linear-gradient(145deg,#42a5ff,#087cff); }.h14-orange { background:linear-gradient(145deg,#ffb43b,#ff8500); }.h14-red { background:linear-gradient(145deg,#ff6259,#ed1c24); }.h14-green { background:linear-gradient(145deg,#65d77c,#20a944); }.h14-teal { background:linear-gradient(145deg,#36c9c9,#008f95); }.h14-indigo { background:linear-gradient(145deg,#7775e9,#4d4bc3); }.h14-pink { background:linear-gradient(145deg,#ff6682,#e91e50); }.h14-gray { background:linear-gradient(145deg,#89919b,#59616b); }.h14-dark { background:linear-gradient(145deg,#42454b,#17181b); }
.h14-search-card { padding:19px;margin-bottom:14px;border-radius:22px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);box-shadow:0 9px 26px rgba(28,39,58,.07); }
.h14-search-heading { display:flex;align-items:center;gap:12px;margin-bottom:14px; }.h14-mini-icon { display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;color:#fff;font-size:1.15rem; }
.h14-search-heading h2 { margin:0 0 2px;color:#111;font-size:1rem;letter-spacing:-.02em; }.h14-search-heading p { margin:0;color:#71717a;font-size:.76rem; }
.h14-search-row { position:relative;display:flex;align-items:center;padding:3px;border:1.5px solid transparent;border-radius:13px;background:#eff1f4;transition:border-color .18s ease,background .18s ease; }
.h14-search-row:focus-within { border-color:var(--h14-primary);background:#fff;box-shadow:none!important;outline:0!important; }
.h14-cnic-input { flex:1;min-width:0;height:42px;box-sizing:border-box;padding:0 52px 0 10px;border:0;outline:0;background:transparent;color:#111;font-size:.93rem;letter-spacing:.03em;box-shadow:none!important; }
.h14-body .h14-search-row .h14-cnic-input:focus,
.h14-body .h14-search-row .h14-cnic-input:focus-visible {
    outline:0!important;
    border:0!important;
    box-shadow:none!important;
}
.h14-body .h14-search-row button:focus,
.h14-body .h14-search-row button:focus-visible {
    outline:0!important;
    box-shadow:none!important;
}
.h14-search-row>span { position:absolute;right:52px;color:#8e8e93;font-size:.65rem;pointer-events:none; }
.h14-search-row button { flex:0 0 38px;width:38px;height:38px;margin-left:4px;border:0;border-radius:10px;background:#087cff;color:#fff;font-size:1rem; }
.h14-error { display:none;margin:6px 0 0;color:#ff3b30;font-size:.75rem;font-weight:600; }.h14-text-button { margin-top:11px;padding:0;border:0;background:none;color:#087cff;font-size:.78rem;font-weight:600; }
.h14-wide-action,.h14-service-list>a { display:flex;align-items:center;gap:12px;padding:13px 15px;background:rgba(255,255,255,.92);color:#111;text-decoration:none; }
.h14-wide-action { border-radius:18px;box-shadow:0 7px 22px rgba(28,39,58,.06); }.h14-wide-action>span:nth-child(2),.h14-service-list>a>span:nth-child(2) { flex:1;display:flex;flex-direction:column; }.h14-wide-action strong,.h14-service-list strong { font-size:.86rem; }.h14-wide-action small,.h14-service-list small { margin-top:2px;color:#7a7a80;font-size:.71rem; }.h14-wide-action>i,.h14-service-list>a>i { color:#b4b4b8;font-size:.76rem; }
.h14-service-list { overflow:hidden;margin-bottom:16px;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(28,39,58,.07); }.h14-service-list>a { border-bottom:1px solid #ececf0;transition:background .18s; }.h14-service-list>a:last-child { border-bottom:0; }.h14-service-list>a:hover { background:#f6f7f9; }
.h14-body .h12-bottom-nav { left:50%;right:auto;bottom:12px;width:min(calc(100% - 24px),860px);height:68px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));transform:translateX(-50%);border:1px solid rgba(255,255,255,.88);border-radius:22px;background:rgba(250,250,252,.84);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);box-shadow:0 10px 35px rgba(25,35,55,.18),inset 0 0 0 .5px rgba(60,60,67,.08);overflow:hidden; }
.h14-body .h12-bottom-item { height:58px;padding:4px 0 2px;border-radius:16px;color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;font-size:.58rem;font-weight:600;gap:2px; }
.h14-body .h12-bottom-item i { display:flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:9px;font-size:1.12rem; }
.h14-body .h12-bottom-item.active { color:#087cff;background:rgba(8,124,255,.075); }.h14-body .h12-bottom-item.active i { color:#fff;background:#087cff;box-shadow:0 4px 10px rgba(8,124,255,.24);transform:none; }
.h14-body .h12-bottom-item.active::before { display:none; }.h14-body .h12-bottom-item-orange,.h14-body .h12-bottom-item-crimson { color:#8e8e93!important; }.h14-body .h12-bottom-item-orange:hover,.h14-body .h12-bottom-item-crimson:hover { color:#087cff!important;background:rgba(8,124,255,.06); }
@media(max-width:600px){ .h14-body .h12-app-viewport{padding-bottom:0}.h14-body .h12-shell{padding:24px 15px 108px}.h14-body .h12-header{margin:0 8px;border-radius:0 0 16px 16px}.h14-body .h12-header-inner{height:58px;padding:0 10px}.h14-body .h12-logo-img{height:36px;max-width:164px}.h14-body .h12-icon-btn,.h14-body .h12-back-btn{width:32px;height:32px}.h14-app-grid{gap:22px 8px;padding:22px 10px}.h14-app-icon{width:56px;height:56px;border-radius:14px;font-size:1.5rem}.h14-app{font-size:.69rem}.h14-welcome{margin-bottom:20px}.h14-welcome h1{font-size:1.58rem}.h14-trust{display:none}.h14-body .h12-bottom-nav{bottom:8px;width:calc(100% - 16px);height:66px;border-radius:20px}.h14-body .h12-bottom-item{height:56px} }
.h14-group { margin-bottom:16px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(28,39,58,.06); }
.h14-group h2 { margin:0;padding:15px 16px 8px;color:#777;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em; }
.h14-steps>div,.h14-link-list>div,.h14-check-list>div { display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 15px;border-bottom:1px solid #ececf0; }.h14-group>div:last-child{border-bottom:0}.h14-steps b{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:50%;background:#087cff;color:#fff;font-size:.78rem}.h14-steps span,.h14-link-list span{display:flex;flex-direction:column}.h14-steps strong,.h14-link-list strong{font-size:.86rem}.h14-steps small,.h14-link-list small{margin-top:2px;color:#777;font-size:.73rem}.h14-link-list>div>i{width:30px;color:#087cff;text-align:center;font-size:1.15rem}.h14-check-list i{color:#34c759}.h14-check-list span{font-size:.82rem}
.h14-primary-action { display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:49px;margin-top:14px;border-radius:14px;background:#087cff;color:#fff!important;text-decoration:none;font-size:.88rem;font-weight:700;box-shadow:0 8px 18px rgba(8,124,255,.22); }
.h14-profile-card { display:flex;align-items:center;gap:16px;padding:19px;margin-bottom:16px;border-radius:22px;background:#fff;box-shadow:0 9px 25px rgba(28,39,58,.07) }.h14-profile-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 66px;height:66px;border-radius:50%;background:linear-gradient(145deg,#7775e9,#4d4bc3);color:#fff;font-size:1.2rem;font-weight:700}.h14-profile-card h2{margin:3px 0;font-size:1.05rem}.h14-profile-card p{margin:0;color:#777;font-size:.75rem}.h14-verified{color:#5856d6;font-size:.68rem;font-weight:700;text-transform:uppercase}
.h14-faq{overflow:hidden;margin-bottom:16px;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(28,39,58,.06)}.h14-faq details{border-bottom:1px solid #ececf0}.h14-faq details:last-child{border-bottom:0}.h14-faq summary{display:flex;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;list-style:none;font-size:.84rem;font-weight:650}.h14-faq summary::-webkit-details-marker{display:none}.h14-faq details[open] summary i{transform:rotate(180deg)}.h14-faq p{margin:0;padding:0 16px 16px;color:#68686e;font-size:.78rem;line-height:1.5}
.h14-segment{display:flex;padding:3px;margin:-8px 0 16px;border-radius:11px;background:#e2e4e8}.h14-segment a{flex:1;padding:7px 3px;border-radius:8px;color:#68686e;text-align:center;text-decoration:none;font-size:.68rem;font-weight:650}.h14-segment a.active{background:#fff;color:#111;box-shadow:0 2px 7px rgba(0,0,0,.12)}
.h14-service-hero{display:flex;align-items:center;gap:17px;margin-bottom:22px}.h14-service-hero .h14-app-icon{flex:0 0 62px;margin:0}.h14-service-hero h1{margin:2px 0 4px;color:#111;font-size:1.35rem;letter-spacing:-.035em}.h14-service-hero p{margin:0;color:#777;font-size:.77rem}.h14-service-search{padding:17px;margin-bottom:14px;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(28,39,58,.06)}.h14-service-search label{display:block;margin-bottom:7px;font-size:.74rem;font-weight:700}.h14-service-search>div{display:flex;gap:8px}.h14-service-search input{flex:1;min-width:0;padding:11px 12px;border:0;border-radius:11px;background:#eff1f4;outline:0}.h14-service-search button{width:43px;border:0;border-radius:11px;background:#087cff;color:#fff}
.h14-contact-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.h14-contact-shortcuts a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;background:#fff;color:#111;text-decoration:none;font-size:.8rem;font-weight:650;box-shadow:0 6px 18px rgba(28,39,58,.05)}
.h14-form{display:flex;flex-direction:column;gap:13px;padding:18px;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(28,39,58,.06)}.h14-form label{color:#3d3d42;font-size:.73rem;font-weight:650}.h14-form label small{float:right;color:#929298;font-weight:500}.h14-form input,.h14-form select,.h14-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:0;border-radius:11px;background:#eff1f4;color:#111;font:inherit;font-size:.84rem;outline:0}.h14-form input:focus,.h14-form select:focus,.h14-form textarea:focus{box-shadow:0 0 0 2px #087cff}.h14-form button,.h14-success button{min-height:46px;border:0;border-radius:12px;background:#087cff;color:#fff;font-size:.85rem;font-weight:700}.h14-form-message{display:none;margin:0;font-size:.76rem}.h14-form-message.success,.h14-form-message.error{display:block}.h14-form-message.success{color:#248a3d}.h14-form-message.error{color:#d70015}
.h14-success{display:none;padding:30px 20px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 8px 25px rgba(28,39,58,.06)}.h14-success .h14-app-icon{margin:0 auto 12px}.h14-success h2{margin:0 0 5px;font-size:1.1rem}.h14-success p{margin:0 0 16px;color:#777;font-size:.8rem}.h14-success button{padding:0 18px}

/* Employee Verifier brand treatment: primary interaction is consistently red. */
.h14-body .h12-app-viewport { background:radial-gradient(circle at 100% 23%,rgba(234,27,35,.065),transparent 25%),radial-gradient(circle at 0 72%,rgba(196,18,25,.045),transparent 28%),linear-gradient(155deg,#faf9fa 0%,#f1f2f5 100%); }
.h14-body .h12-icon-btn { color:var(--h14-primary); }
.h14-body .h12-back-btn { background:var(--h14-primary);color:#fff; }
.h14-blue { background:linear-gradient(145deg,#ff555c,var(--h14-primary)); }
.h14-search-row button,.h14-service-search button,.h14-primary-action,.h14-form button,.h14-success button { background:linear-gradient(145deg,#f23b43,var(--h14-primary-dark)); }
.h14-primary-action { box-shadow:0 8px 18px rgba(234,27,35,.2); }
.h14-text-button,.h14-link-list>div>i { color:var(--h14-primary); }
.h14-steps b { background:var(--h14-primary); }
.h14-form input:focus,.h14-form select:focus,.h14-form textarea:focus { box-shadow:0 0 0 2px rgba(234,27,35,.8); }
.h14-body .h12-bottom-item.active { color:var(--h14-primary);background:rgba(234,27,35,.075); }
.h14-body .h12-bottom-item.active i { background:var(--h14-primary);box-shadow:0 4px 10px rgba(234,27,35,.24); }
.h14-body .h12-bottom-item-orange:hover,.h14-body .h12-bottom-item-crimson:hover { color:var(--h14-primary)!important;background:rgba(234,27,35,.06); }

/* Sub-pages use one focused brand palette; the app launcher remains multicolour. */
.h14-subpage .h14-page-heading { padding-left:13px;border-left:4px solid var(--h14-primary); }
.h14-subpage .h14-mini-icon:not(.h14-green),
.h14-subpage .h14-service-hero .h14-app-icon,
.h14-subpage .h14-profile-avatar {
    background:linear-gradient(145deg,#ff555c,var(--h14-primary-dark));
}
.h14-subpage .h14-verified,
.h14-subpage .h14-segment a.active { color:var(--h14-primary); }
.h14-subpage .h14-segment a.active { box-shadow:inset 0 -2px var(--h14-primary),0 2px 7px rgba(0,0,0,.1); }
.h14-subpage .h14-check-list i { color:var(--h14-primary); }
.h14-team-list>a { display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 14px;border-bottom:1px solid #ececf0;color:#111;text-decoration:none; }
.h14-team-list>a:last-child { border-bottom:0; }.h14-team-list>a>span:nth-child(2) { flex:1;min-width:0;display:flex;flex-direction:column; }
.h14-team-list strong,.h14-team-list small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.h14-team-list strong { font-size:.82rem; }.h14-team-list small { margin-top:2px;color:#777;font-size:.69rem; }.h14-team-list>a>i { color:#b4b4b8;font-size:.72rem; }
.h14-team-avatar { display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#ff555c,var(--h14-primary-dark));color:#fff;font-size:.68rem;font-weight:800; }
.h14-profile-link { color:#111;text-decoration:none; }.h14-profile-link>div { flex:1;min-width:0; }.h14-profile-link>i { color:#b4b4b8;font-size:.75rem; }
.h14-member-hero { display:flex;flex-direction:column;align-items:center;padding:25px 18px;margin-bottom:16px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 9px 25px rgba(28,39,58,.07); }.h14-member-avatar { display:flex;align-items:center;justify-content:center;width:78px;height:78px;margin-bottom:12px;border-radius:50%;background:linear-gradient(145deg,#ff555c,var(--h14-primary-dark));color:#fff;font-size:1.3rem;font-weight:800;box-shadow:0 8px 18px rgba(234,27,35,.2); }.h14-member-hero h1 { margin:5px 0 2px;color:#111;font-size:1.25rem; }.h14-member-hero p { margin:0;color:#444;font-size:.8rem;font-weight:650; }.h14-member-hero small { margin-top:5px;color:#777;font-size:.72rem; }
.h14-secondary-action { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:10px;border-radius:14px;background:#e5e5ea;color:#3a3a3c;text-decoration:none;font-size:.82rem;font-weight:700; }

/* Advanced Search as an iOS-style modal sheet. */
.h14-body #h12DrawerBackdrop { background:rgba(20,22,28,.38);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px); }
.h14-body #h12DrawerPanel { top:auto;right:auto;bottom:0;left:50%;width:min(100%,620px);max-width:620px;height:min(88dvh,760px);border-radius:26px 26px 0 0;background:#f2f2f7;box-shadow:0 -18px 55px rgba(0,0,0,.2);transform:translate(-50%,105%);transition:transform .38s cubic-bezier(.32,.72,0,1);overflow:hidden; }
.h14-body #h12DrawerPanel.show { transform:translate(-50%,0)!important; }
.h14-body #h12DrawerPanel::before { content:"";position:absolute;z-index:4;top:8px;left:50%;width:38px;height:5px;transform:translateX(-50%);border-radius:999px;background:#c7c7cc; }
.h14-body #h12DrawerPanel .h12-drawer-header { min-height:66px;box-sizing:border-box;padding:20px 18px 10px;background:rgba(242,242,247,.92);border:0;border-bottom:1px solid rgba(60,60,67,.12); }
.h14-body #h12DrawerPanel .h12-drawer-title { color:#111!important;font-size:1.08rem;letter-spacing:-.025em; }
.h14-body #h12DrawerPanel .h12-drawer-title i { display:none; }
.h14-body #h12DrawerPanel .h12-drawer-close { width:32px;height:32px;background:#dedee3;color:#666;border-radius:50%;font-size:.85rem; }
.h14-body #h12DrawerPanel .h12-drawer-body { padding:16px 18px 24px; }
.h14-body #h12DrawerPanel .h12-drawer-body>p { margin:0 2px 18px!important;color:#6e6e73!important;font-size:.78rem!important; }
.h14-body #h12DrawerPanel .h12-form-group { margin-bottom:13px; }
.h14-body #h12DrawerPanel .h12-form-label { margin:0 3px 6px;color:#3a3a3c;font-size:.73rem;font-weight:650; }
.h14-body #h12DrawerPanel .h12-form-label i { display:none; }
.h14-body #h12DrawerPanel .h12-form-control { height:48px;padding:0 14px;border:0;border-radius:12px;background:#fff;color:#111;font-size:.84rem;box-shadow:inset 0 0 0 .5px rgba(60,60,67,.14); }
.h14-body #h12DrawerPanel .h12-form-control:focus { box-shadow:0 0 0 3px rgba(234,27,35,.18)!important; }
.h14-body #h12DrawerPanel .h12-drawer-footer { gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(249,249,251,.9);border-top:1px solid rgba(60,60,67,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); }
.h14-body #h12DrawerPanel .h12-drawer-footer button { min-height:46px!important;border:0!important;border-radius:13px!important;font-size:.82rem!important;box-shadow:none!important; }
.h14-body #h12DrawerPanel .h12-drawer-footer button:first-child { flex:0 0 92px;background:#e5e5ea!important;color:#3a3a3c!important; }
.h14-body #h12DrawerPanel .h12-drawer-footer button:last-child { background:linear-gradient(145deg,#f23b43,var(--h14-primary-dark))!important;color:#fff!important; }
@media(min-width:769px){.h14-body #h12DrawerPanel{bottom:18px;border-radius:26px}.h14-body #h12DrawerPanel.show{transform:translate(-50%,0)!important}}

/* Home14 brand: logo green is primary, verifier red is the supporting accent. */
.h14-body .h12-app-viewport { background:radial-gradient(circle at 100% 22%,rgba(0,148,71,.075),transparent 26%),radial-gradient(circle at 0 72%,rgba(237,28,36,.05),transparent 28%),linear-gradient(155deg,#f8faf9 0%,#eef2f0 100%); }
.h14-body .h12-icon-btn { color:var(--h14-primary); }.h14-body .h12-back-btn { background:var(--h14-primary); }
.h14-blue { background:linear-gradient(145deg,#21bd6a,var(--h14-primary-dark))!important; }
.h14-body .h14-search-row:focus-within { border-color:var(--h14-primary); }
.h14-body a:focus-visible,.h14-body button:focus-visible,.h14-body input:focus-visible,.h14-body select:focus-visible,.h14-body textarea:focus-visible { box-shadow:0 0 0 3px rgba(0,148,71,.2)!important; }
.h14-search-row button,.h14-service-search button,.h14-primary-action,.h14-form button,.h14-success button { background:linear-gradient(145deg,#16ad60,var(--h14-primary-dark))!important;box-shadow:0 8px 18px rgba(0,148,71,.18); }
.h14-text-button,.h14-link-list>div>i,.h14-subpage .h14-verified,.h14-subpage .h14-segment a.active { color:var(--h14-primary)!important; }
.h14-steps b { background:var(--h14-primary); }.h14-check-list i { color:var(--h14-primary)!important; }
.h14-body .h12-bottom-item.active { color:var(--h14-primary);background:rgba(0,148,71,.08); }.h14-body .h12-bottom-item.active i { background:var(--h14-primary);box-shadow:0 4px 10px rgba(0,148,71,.24); }
.h14-subpage .h14-page-heading { border-left-color:#ed1c24; }.h14-eyebrow { color:#ed1c24; }
.h14-team-avatar,.h14-member-avatar,.h14-subpage .h14-mini-icon:not(.h14-green),.h14-subpage .h14-service-hero .h14-app-icon,.h14-subpage .h14-profile-avatar { background:linear-gradient(145deg,#20b966,var(--h14-primary-dark)); }

.h14-home .h14-client-portal {
    margin-bottom:16px;
    padding-inline:19px;
    border:1px solid rgba(255,255,255,.9);
}

/* Softer iPhone-style launcher colours and slightly larger app tiles. */
.h14-app-grid .h14-app-icon {
    width:70px;
    height:70px;
    border-radius:17px;
    font-size:1.9rem;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 5px 12px rgba(30,40,60,.10);
}
.h14-app-grid .h14-blue { background:linear-gradient(180deg,#52d589,#24b967)!important; }
.h14-app-grid .h14-orange { background:linear-gradient(180deg,#ffc15a,#ff9f0a); }
.h14-app-grid .h14-red { background:linear-gradient(180deg,#ff7972,#ff453a); }
.h14-app-grid .h14-indigo { background:linear-gradient(180deg,#9290f5,#726fee); }
.h14-app-grid .h14-pink { background:linear-gradient(180deg,#ff7a9a,#ff5078); }
.h14-app-grid .h14-teal { background:linear-gradient(180deg,#59d7db,#30bfc6); }
.h14-app-grid .h14-green { background:linear-gradient(180deg,#79df87,#42ca62); }
.h14-app-grid .h14-gray { background:linear-gradient(180deg,#aeb3bd,#8e949f); }
@media(max-width:600px){
    .h14-app-grid .h14-app-icon{width:64px;height:64px;border-radius:16px;font-size:2.2rem}
}
@media(max-width:359px){
    .h14-app-grid{column-gap:6px;padding-inline:8px}
    .h14-app-grid .h14-app-icon{width:58px;height:58px;border-radius:15px;font-size:2.2rem}
}

/* Shared verification results rendered inside the Home14 app shell. */
.h14-body .h14-results { min-height:auto!important;padding:4px 0 28px!important;background:transparent!important; }
.h14-body .h14-results>.container { max-width:none;padding:0!important; }
.h14-body .h14-results .evs-sr-search { padding:16px!important;border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 25px rgba(28,39,58,.065)!important; }
.h14-body .h14-results .evs-sr-search__field { padding:3px!important;border:1.5px solid transparent!important;border-radius:13px!important;background:#eff1f4!important;box-shadow:none!important; }
.h14-body .h14-results .evs-sr-search__field:focus-within { border-color:var(--h14-primary)!important;background:#fff!important; }
.h14-body .h14-results .evs-sr-search__field input { border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important; }
.h14-body .h14-results .evs-sr-search__field button,.h14-body .h14-results .evs-sr-btn--primary { border-color:transparent!important;border-radius:10px!important;background:linear-gradient(145deg,#16ad60,var(--h14-primary-dark))!important;box-shadow:none!important; }
.h14-body .h14-results .evs-sr-adv-toggle { color:var(--h14-primary)!important; }
.h14-body .h14-results .evs-sr-heading { margin:22px 2px 14px!important;text-align:left!important; }
.h14-body .h14-results .evs-sr-heading h1 { margin:0!important;color:#111!important;font-size:1.55rem!important;letter-spacing:-.04em!important; }
.h14-body .h14-results .evs-sr-heading h1 span { color:var(--h14-primary)!important; }
.h14-body .h14-results .evs-sr-panel,.h14-body .h14-results .evs-emp-selector { border:0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 25px rgba(28,39,58,.065)!important; }
.h14-body .h14-results .evs-sr-legal { margin-top:18px!important;border-radius:20px!important;background:#fff!important;color:#111!important;overflow:hidden!important;box-shadow:0 8px 25px rgba(28,39,58,.065)!important; }
.h14-body .h14-results .h14-result-legal { display:none!important; }

/* Home14 pre-result identity modal. */
.h14-body .srm-header-icon-ring { background:rgba(0,148,71,.1)!important;color:var(--h14-primary)!important; }
.h14-body .srm-input-icon { color:var(--h14-primary)!important; }
.h14-body .srm-input:focus { border-color:var(--h14-primary)!important;box-shadow:0 0 0 3px rgba(0,148,71,.16)!important; }
.h14-body .srm-btn-next { background:linear-gradient(145deg,#16ad60,var(--h14-primary-dark))!important;box-shadow:0 8px 22px rgba(0,148,71,.25)!important; }
.h14-body .srm-btn-next:hover:not(:disabled) { background:linear-gradient(145deg,#19bd69,#006c34)!important;box-shadow:0 10px 25px rgba(0,148,71,.3)!important; }
.h14-body .srm-title { color:#17241d!important; }
.h14-body .srm-label { color:#385043!important; }
.h14-body .h14-results .evs-sr-member-cta { background:linear-gradient(145deg,#16ad60,var(--h14-primary-dark))!important;box-shadow:0 7px 20px rgba(0,148,71,.24)!important; }
.h14-body .h14-results .evs-sr-member-cta:hover { transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,148,71,.3)!important; }

/* Home14 interaction states override the shared Home12 red/orange states. */
.h14-body {
    --h14-tint:rgba(0,148,71,.08);
    --h14-focus:rgba(0,148,71,.48);
}
.h14-body :is(a,button,input,select,textarea,summary) {
    -webkit-tap-highlight-color:transparent;
    transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease,filter .2s ease;
}
.h14-body :is(a,button,input,select,textarea,summary):focus-visible {
    outline:2px solid var(--h14-focus)!important;
    outline-offset:2px;
    box-shadow:none!important;
}
.h14-body .h12-bottom-nav { border-image:none; }
.h14-body .h12-bottom-nav .h12-bottom-item {
    color:#8e8e93!important;
    background:transparent;
}
.h14-body .h12-bottom-nav .h12-bottom-item:is(:hover,:focus-visible,.active) {
    color:var(--h14-primary)!important;
    background:var(--h14-tint);
}
.h14-body .h12-bottom-nav .h12-bottom-item i {
    color:inherit;
    line-height:1;
    transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.h14-body .h12-bottom-nav .h12-bottom-item.active i {
    color:#fff;
    background:var(--h14-primary);
    box-shadow:0 3px 8px rgba(0,148,71,.16);
}
.h14-body .h12-bottom-nav .h12-bottom-item:focus-visible { outline-offset:-3px; }
.h14-body .h12-icon-btn:is(:hover,:focus-visible) {
    color:var(--h14-primary-dark);
    background:rgba(0,148,71,.12);
}
.h14-body .h12-back-btn:is(:hover,:focus-visible) { color:#fff;background:var(--h14-primary-dark); }
.h14-body .h14-app:hover { transform:none; }
.h14-app-icon { transition:filter .2s ease,transform .2s ease; }
.h14-app:is(:hover,:focus-visible) .h14-app-icon { filter:brightness(1.04); }
.h14-body :is(.h14-wide-action,.h14-service-list>a,.h14-team-list>a,.h14-contact-shortcuts a):is(:hover,:focus-visible) {
    color:#111;
    background:#f2f8f4;
}
.h14-body .h14-text-button:is(:hover,:focus-visible) { color:var(--h14-primary-dark)!important; }
.h14-body :is(.h14-primary-action,.h14-search-row button,.h14-service-search button,.h14-form button,.h14-success button):is(:hover,:focus-visible) {
    color:#fff!important;
    filter:brightness(1.06);
}
.h14-body :is(.h12-bottom-item,.h12-icon-btn,.h12-back-btn,.h14-primary-action,.h14-search-row button):active { transform:scale(.97); }
.h14-app:active .h14-app-icon { transform:scale(.96);filter:brightness(.96); }
.h14-body :is(#h12MobileMenu,#h12DrawerPanel) .h12-drawer-header { background:#f2f2f7!important;color:#1c1c1e!important;border-bottom:1px solid rgba(60,60,67,.12); }
.h14-body #h12DrawerPanel .h12-drawer-title span { color:#1c1c1e!important; }
.h14-body #h12MobileMenu .h12-drawer-title { color:#1c1c1e!important; }
.h14-body #h12MobileMenu :is(.h12-drawer-title,nav a span)>i { color:var(--h14-primary)!important; }
.h14-body #h12MobileMenu nav a:is(:hover,:focus-visible) { background:#f2f8f4!important;color:var(--h14-primary-dark)!important; }
.h14-body :is(#h12MobileMenu,#h12DrawerPanel) .h12-drawer-close { width:36px;height:36px;background:#e5e5ea;color:#29292e!important;font-size:1rem; }
.h14-body :is(#h12MobileMenu,#h12DrawerPanel) .h12-drawer-close i { color:inherit!important; }
.h14-body :is(#h12MobileMenu,#h12DrawerPanel) .h12-drawer-close:hover { background:#dcdce1;color:#1c1c1e!important; }
.h14-body #h12DrawerPanel .h12-drawer-footer button:last-child { background:linear-gradient(145deg,#16ad60,var(--h14-primary-dark))!important; }
.h14-body #h12DrawerPanel .h12-form-control:focus { border-color:var(--h14-primary)!important;box-shadow:0 0 0 3px rgba(0,148,71,.16)!important; }
@media(prefers-reduced-motion:reduce){
    .h14-body :is(a,button,input,select,textarea,summary,.h14-app-icon,.h12-bottom-item i){transition:none}
}
/* The row itself is the focus indicator; per-field outlines doubled the border. */
.h14-body .h14-search-row :is(.h14-cnic-input,button):is(:focus,:focus-visible) {
    outline:0!important;
    outline-offset:0!important;
    box-shadow:none!important;
}
.h14-body .h14-search-row:focus-within { box-shadow:0 0 0 3px rgba(0,148,71,.14)!important; }

/* Signed-in account identity stays compact beside the mobile logo. */
.h14-body .h14-account-btn{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;background:#009447;color:#fff;text-decoration:none;font-size:.95rem;font-weight:650}
.h14-body .h14-account-btn>i{position:absolute;right:-4px;bottom:-3px;font-size:12px;line-height:1;background:#fff;border:2px solid #fff;border-radius:50%;color:#009447}
.h14-body .h14-account-btn:hover{background:#007438;color:#fff}
@media(max-width:600px){.h14-body .h14-account-btn{width:32px;height:32px}}

/* Home14 launcher: search panel sits first, portal moved into the grid — home fits one screen. */
.h14-home .h14-search-card { margin-bottom:18px; }
.h14-home .h14-search-heading>div { flex:1;min-width:0; }
.h14-home .h14-search-heading h1 { margin:0 0 2px;color:#111;font-size:1rem;line-height:1.2;letter-spacing:-.02em; }
.h14-home .h14-search-heading .h14-trust { align-self:center; }
.h14-home .h14-app-grid { margin-bottom:4px; }
@media(max-width:600px){
    .h14-home .h14-search-card { padding:16px;margin-bottom:14px; }
    .h14-home .h14-search-heading { margin-bottom:12px; }
    .h14-home .h14-app-grid { gap:18px 8px;padding:18px 10px; }
}

/* Sub-page choosers (e.g. complaint type): each option is its own tappable card. */
.h14-choice-list { display:flex;flex-direction:column;gap:12px;margin-bottom:14px; }
.h14-choice-card { display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;border:1px solid rgba(0,148,71,.12);background:#fff;color:#111;text-decoration:none;box-shadow:0 8px 24px rgba(28,39,58,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.h14-choice-card:is(:hover,:focus-visible) { color:#111;border-color:rgba(0,148,71,.4);box-shadow:0 12px 28px rgba(0,148,71,.16);transform:translateY(-2px); }
.h14-choice-card:active { transform:scale(.99); }
.h14-choice-icon { display:flex;align-items:center;justify-content:center;flex:0 0 56px;width:56px;height:56px;border-radius:17px;background:linear-gradient(145deg,#20b966,var(--h14-primary-dark));color:#fff;font-size:1.6rem;box-shadow:0 7px 16px rgba(0,148,71,.24); }
.h14-choice-icon-alt { background:linear-gradient(145deg,#3f4d5c,#1d2530);box-shadow:0 7px 16px rgba(29,37,48,.24); }
.h14-choice-body { flex:1;min-width:0;display:flex;flex-direction:column;gap:3px; }
.h14-choice-body strong { font-size:.95rem;letter-spacing:-.02em; }
.h14-choice-body small { color:#71717a;font-size:.75rem;line-height:1.45; }
.h14-choice-card>.bi-chevron-right { flex:none;color:#b4b4b8;font-size:.8rem; }
.h14-choice-note { display:flex;align-items:flex-start;gap:7px;margin:0 4px;color:#8a8a90;font-size:.72rem;line-height:1.5; }
.h14-choice-note i { margin-top:2px;color:var(--h14-primary); }
@media(max-width:600px){
    .h14-choice-card { padding:14px;gap:12px; }
    .h14-choice-icon { flex:0 0 50px;width:50px;height:50px;border-radius:15px;font-size:1.45rem; }
    .h14-choice-body small { font-size:.72rem; }
}
.h14-choice-back { display:inline-flex;align-items:center;gap:2px;margin:-14px 2px 14px;color:var(--h14-primary);font-size:.78rem;font-weight:700;text-decoration:none; }
.h14-choice-back i { font-size:1.15rem; }

/* Multi-step complaint wizard. */
.h14-wizard .h14-step { display:none;flex-direction:column;gap:13px;min-width:0;padding:0;margin:0;border:0; }
.h14-wizard .h14-step.is-active { display:flex; }
.h14-wizard .h14-step legend { padding:0;margin:0 0 2px;color:#111;font-size:.95rem;font-weight:800;letter-spacing:-.02em; }
.h14-wizard .h14-step-note { margin:-4px 0 0;color:#8a8a90;font-size:.72rem; }
.h14-wizard .h14-step-error { margin:0;color:#d70015;font-size:.74rem;font-weight:600; }
.h14-wizard .h14-step-error:empty { display:none; }
.h14-wizard .h14-hint { display:block;float:none;margin-top:4px;color:#929298;font-weight:500; }
.h14-wizard .h14-check { display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:12px;background:#f4f6f8;font-weight:600; }
.h14-wizard .h14-check input { width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;padding:0;accent-color:var(--h14-primary); }
.h14-wizard .h14-check span { line-height:1.35; }
.h14-wizard-bar { display:flex;gap:6px;padding:0;margin:0 0 4px;list-style:none;counter-reset:none; }
.h14-wizard-bar li { flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;color:#a2a2a8;font-size:.66rem;font-weight:700;text-align:center; }
.h14-wizard-bar li span { display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e9ecf0;color:#8a8f96;font-size:.72rem; }
.h14-wizard-bar li.active { color:#111; }
.h14-wizard-bar li.active span { background:var(--h14-primary);color:#fff;box-shadow:0 4px 10px rgba(0,148,71,.25); }
.h14-wizard-bar li.done span { background:rgba(0,148,71,.16);color:var(--h14-primary-dark); }
.h14-wizard-nav { display:flex;gap:10px;margin-top:3px; }
.h14-wizard-nav button { flex:1; }
.h14-wizard-nav .h14-ghost-btn { flex:0 0 auto;padding:0 16px;background:#eff1f4!important;color:#3d3d42!important;box-shadow:none!important; }

/* Home14 bottom bar carries four items: Home, Complaint, Inquiry, Legal Services. */
.h14-body .h12-bottom-item { width:20%;font-size:.58rem;line-height:1.1;text-align:center; }
.h14-body .h12-bottom-item span { max-width:100%; }

/* Service detail: shortcuts from the inline CNIC box to the full search screen.
   These sit inside .h14-service-search, so they must opt out of its submit-button styling. */
.h14-service-search>.h14-service-search-foot { display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:12px; }
.h14-body .h14-service-search .h14-text-button {
    display:inline-flex;align-items:center;gap:5px;
    width:auto!important;min-height:0!important;height:auto;
    padding:0!important;margin:0;border:0;border-radius:0!important;
    background:none!important;box-shadow:none!important;
    color:var(--h14-primary)!important;font-size:.78rem;font-weight:700;text-decoration:none;
}
.h14-body .h14-service-search .h14-text-button i { font-size:.95rem; }
.h14-body .h14-service-search .h14-text-button:is(:hover,:focus-visible) { color:var(--h14-primary-dark)!important;background:none!important;box-shadow:none!important;transform:none!important;filter:none!important; }

/* Inner pages inherit the colour of their tile on the home launcher. */
.h14-subpage { --h14-accent-a:#20b966;--h14-accent-b:var(--h14-primary-dark);--h14-accent-line:#ed1c24;--h14-accent-tint:rgba(0,148,71,.12); }
.h14-accent-pink { --h14-accent-a:#ff7a9a;--h14-accent-b:#ff5078;--h14-accent-line:#ff5078;--h14-accent-tint:rgba(255,80,120,.14); }
.h14-accent-teal { --h14-accent-a:#59d7db;--h14-accent-b:#30bfc6;--h14-accent-line:#30bfc6;--h14-accent-tint:rgba(48,191,198,.16); }
.h14-accent-indigo { --h14-accent-a:#9290f5;--h14-accent-b:#726fee;--h14-accent-line:#726fee;--h14-accent-tint:rgba(114,111,238,.14); }
.h14-accent-orange { --h14-accent-a:#ffc15a;--h14-accent-b:#ff9f0a;--h14-accent-line:#ff9f0a;--h14-accent-tint:rgba(255,159,10,.16); }
.h14-accent-red { --h14-accent-a:#ff7972;--h14-accent-b:#ff453a;--h14-accent-line:#ff453a;--h14-accent-tint:rgba(255,69,58,.14); }
.h14-accent-green { --h14-accent-a:#79df87;--h14-accent-b:#42ca62;--h14-accent-line:#42ca62;--h14-accent-tint:rgba(66,202,98,.16); }
.h14-accent-gray { --h14-accent-a:#aeb3bd;--h14-accent-b:#8e949f;--h14-accent-line:#8e949f;--h14-accent-tint:rgba(142,148,159,.18); }

.h14-team-avatar,.h14-member-avatar,
.h14-subpage .h14-mini-icon:not(.h14-green),
.h14-subpage .h14-service-hero .h14-app-icon,
.h14-subpage .h14-profile-avatar,
.h14-subpage .h14-choice-icon {
    background:linear-gradient(145deg,var(--h14-accent-a),var(--h14-accent-b));
    box-shadow:0 7px 16px var(--h14-accent-tint);
}
.h14-subpage .h14-page-heading { border-left-color:var(--h14-accent-line); }
.h14-subpage .h14-eyebrow { color:var(--h14-accent-line); }
.h14-subpage .h14-choice-card { border-color:var(--h14-accent-tint); }
.h14-subpage .h14-choice-card:is(:hover,:focus-visible) { border-color:var(--h14-accent-line);box-shadow:0 12px 28px var(--h14-accent-tint); }
.h14-subpage .h14-choice-icon-alt { background:linear-gradient(145deg,#3f4d5c,#1d2530);box-shadow:0 7px 16px rgba(29,37,48,.24); }