/* ═══════════════════════════════════════════════════════════════
   DAILY AMN KARACHI — روزنامہ امن
   Main stylesheet (shared by index.html [Urdu] and en.html [English])
   Edit brand colors and fonts in :root below.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --navy:#0f2f47; --navy-d:#07202f; --red:#0e9fd8; --red-d:#0a6fa8; --gold:#17b0e8; --red-b:#5fd8ff;
  --ink:#102b3c; --muted:#5c7f92; --line:#d2e7f2; --paper:#f4fafd; --soft:#e8f3fa;
  --urdu:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq','Urdu Typesetting',serif;
  --lat:'Inter',system-ui,sans-serif;
  --serif:Georgia,'Times New Roman',serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--urdu);color:var(--ink);background:linear-gradient(rgba(240,248,252,.9),rgba(238,246,251,.8) 40%,rgba(236,244,250,.86)),url('../assets/field-reporting.jpg') center top/cover fixed no-repeat;line-height:2.05;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.num{font-family:var(--lat);font-weight:600;letter-spacing:.2px}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── Language switcher ───────────────────── */
.lang-switch{display:flex;border:1px solid rgba(255,255,255,.35);border-radius:3px;overflow:hidden;font-family:var(--lat);font-size:11.5px;font-weight:700;line-height:1}
.lang-switch a{padding:5px 13px;color:#dbe4ef;transition:.15s}
.lang-switch a.urdu{font-family:var(--urdu);font-size:12.5px;padding:2px 13px 1px}
.lang-switch a.on{background:var(--gold);color:#052f47}
.lang-switch a:not(.on):hover{background:rgba(255,255,255,.12);color:#fff}

/* ── Top bar ─────────────────────────────── */
.topbar{background:var(--navy-d);color:#d3e8f5;font-size:13px;line-height:2.6;border-bottom:3px solid var(--gold)}
.topbar-in{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.tb-date b{color:#fff;font-weight:600}
.tb-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:0 10px;line-height:1.9;border-radius:3px;font-size:12px;color:#dbe4ef;white-space:nowrap}
.chip b{color:#8fd18f}
.chip-gold b{color:var(--gold)}
.tb-link{color:#d3e8f5;font-size:13px}
.tb-link:hover{color:#fff}
.btn-sub{background:var(--gold);color:#201a05 !important;padding:0 14px;line-height:2;border-radius:3px;font-size:12.5px;font-weight:700}
.btn-sub:hover{background:#dbb833}

/* ── Masthead ────────────────────────────── */
.masthead{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--gold) inset}
.mast-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 20px 14px}
.mast-side{justify-self:start;max-width:300px}
.mast-quote{color:var(--navy);font-size:15px;line-height:2.3;border-inline-start:3px solid var(--gold);padding-inline-start:12px}
.mast-meta{color:var(--muted);font-size:12px;margin-top:6px}
.brand{text-align:center}
.brand-kicker{font-family:var(--lat);font-size:10.5px;font-weight:800;letter-spacing:5px;color:var(--red);margin-bottom:-2px}
.brand h1{font-size:clamp(38px,5.2vw,58px);line-height:1.7;color:var(--navy);font-weight:700}
.brand h1 em{font-style:normal;color:var(--red)}
.brand-tag{font-size:13px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 14px;display:inline-block;margin-top:2px}
.mast-epaper{justify-self:end;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--red);padding:12px 16px;min-width:250px}
.mast-epaper .t1{font-size:12px;color:var(--red);font-weight:700;letter-spacing:1px}
.mast-epaper .t2{font-size:14.5px;line-height:2;color:var(--navy)}
.mast-epaper .t3{font-size:11.5px;color:var(--muted);font-family:var(--lat)}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;line-height:2.4;padding:0 18px;border-radius:3px;cursor:pointer;border:1px solid transparent;transition:.15s}
.btn svg{width:15px;height:15px}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-d)}
.btn-ghost{background:#fff;color:var(--navy);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--navy)}
.btn-block{display:flex;justify-content:center;width:100%;margin-top:8px}

/* ── Nav ─────────────────────────────────── */
.mainnav{background:var(--navy);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(9,38,58,.35)}
.nav-in{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav-in::-webkit-scrollbar{display:none}
.nav-in a{color:#e8eef6;font-size:14.5px;padding:0 15px;line-height:3.1;white-space:nowrap;border-bottom:3px solid transparent;transition:.15s}
.nav-in a:hover,.nav-in a.on{color:#fff;border-bottom-color:var(--gold);background:rgba(255,255,255,.05)}
.nav-in a.a-ep{color:var(--gold);font-weight:700}
.nav-price{margin-inline-start:auto;color:#8fb2c9;font-size:11.5px;white-space:nowrap;padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.15)}

/* ── Ticker ──────────────────────────────── */
.ticker{background:#fff;border-bottom:1px solid var(--line)}
.tick-in{display:flex;align-items:center;gap:0}
.tick-label{background:var(--red);color:#fff;font-size:13px;font-weight:700;padding:0 16px;line-height:2.6;white-space:nowrap;position:relative;z-index:2}
.tick-view{overflow:hidden;flex:1}
.tick-track{display:flex;width:max-content;animation:tick 72s linear infinite}
.tick-view:hover .tick-track{animation-play-state:paused}
.tick-item{padding:0 22px;font-size:13.5px;color:var(--navy);white-space:nowrap;line-height:2.6;position:relative}
.tick-item::before{content:"";position:absolute;inset-inline-start:4px;top:50%;width:5px;height:5px;background:var(--gold);transform:translateY(-50%) rotate(45deg)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── Hero ────────────────────────────────── */
.hero{display:grid;grid-template-columns:2.05fr 1fr;gap:20px;padding:24px 0 4px}
.lead{border:1px solid var(--line);background:#fff}
.lead-img{position:relative;overflow:hidden;aspect-ratio:16/8.4}
.lead-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.lead:hover .lead-img img{transform:scale(1.025)}
.lead-img .chip{position:absolute;inset-inline-start:0;bottom:0;border-radius:0}
.chip{background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:0 12px;line-height:2;border:none;letter-spacing:.5px}
.lead-body{padding:20px 22px 16px}
.lead-body h1{font-size:clamp(21px,2.6vw,30px);line-height:2.05;color:var(--navy);font-weight:700}
.lead-body h1:hover{color:var(--red);cursor:pointer}
.lead-dek{color:#434a55;font-size:14.5px;margin-top:6px;line-height:2.2}
.byline{display:flex;gap:14px;align-items:center;margin-top:10px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.byline b{color:var(--navy)}
.dot-sep{width:3px;height:3px;background:var(--gold);transform:rotate(45deg)}
.lead-list{margin-top:12px;border-top:1px dashed var(--line);padding-top:6px}
.lead-list li{list-style:none;font-size:13.5px;color:var(--navy);padding:6px 0;border-bottom:1px dashed var(--line);display:flex;gap:10px;align-items:baseline}
.lead-list li::before{content:"";flex:none;width:6px;height:6px;background:var(--red);transform:rotate(45deg);margin-bottom:2px}
.lead-list li:last-child{border-bottom:none}
.hero-side{display:flex;flex-direction:column;gap:14px}
.hcard{display:grid;grid-template-columns:118px 1fr;gap:12px;border:1px solid var(--line);background:#fff;padding:10px;align-items:center}
.hcard img{width:118px;height:96px;object-fit:cover}
.hcard h3{font-size:14px;line-height:2.15;color:var(--navy);font-weight:600}
.hcard h3:hover{color:var(--red)}
.tag{color:var(--red);font-size:11.5px;font-weight:700;letter-spacing:.5px}
.hmeta{color:var(--muted);font-size:11px;margin-top:2px}
.more-news{border:1px solid var(--line);background:var(--paper);padding:10px 14px}
.more-news h4{color:var(--red);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:2px;margin-bottom:4px}
.more-news li{list-style:none;font-size:12.5px;color:var(--navy);line-height:2.3;border-bottom:1px dashed var(--line);padding:4px 0 4px 14px;position:relative}
.more-news li::before{content:"";position:absolute;inset-inline-start:0;top:16px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.more-news li:last-child{border-bottom:none}

/* ── E-paper band ────────────────────────── */
.epaper{background:linear-gradient(135deg,rgba(9,38,58,.95),rgba(12,54,82,.9)),url('../assets/newsroom-bg.jpg') center/cover;color:#e9eef5;margin:22px 0;padding:38px 0;border-top:4px solid var(--gold)}
.ep-grid{display:grid;grid-template-columns:250px 1.15fr 1.3fr;gap:34px;align-items:start}
.ep-thumb{background:#fff;color:var(--ink);padding:14px 14px 10px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
.ep-thumb .top{border-top:4px solid var(--red);padding-top:6px;text-align:center}
.ep-thumb .lg{font-family:var(--urdu);font-size:26px;font-weight:700;color:var(--navy);line-height:1.5;direction:rtl}
.ep-thumb .lg em{font-style:normal;color:var(--red)}
.ep-thumb .dt{font-family:var(--lat);font-size:9px;color:var(--muted);letter-spacing:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3px 0;margin:4px 0}
.ep-thumb .bar{height:9px;background:#2a2f3a;margin:6px 0}
.ep-thumb .bar.s{height:5px;background:#aeb6c2;width:82%}
.ep-thumb .bar.x{background:var(--red);width:64%;height:6px}
.ep-thumb .thumbcols{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.ep-thumb .iii{aspect-ratio:1/.72;background-size:cover;background-position:center}
.ep-thumb .btns{display:flex;gap:6px;margin-top:10px}
.ep-kicker{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:1px}
.ep-title{font-size:27px;line-height:2;color:#fff;font-weight:700;margin:4px 0 2px}
.ep-sub{font-size:14px;color:#acccdf;line-height:2.2;max-width:480px}
.ep-today{margin-top:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:14px 18px}
.ep-today .d{font-size:16px;color:#fff;font-weight:600}
.ep-today .m{font-family:var(--lat);font-size:11.5px;color:#8fb2c9;margin-top:2px}
.ep-btns{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.btn-gold{background:var(--gold);color:#052f47}
.btn-gold:hover{background:#dcb633}
.btn-oline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn-oline:hover{border-color:#fff}
.ep-note{font-size:12px;color:#8fa3bb;margin-top:12px;display:flex;gap:8px;align-items:center}
.ep-note svg{width:14px;height:14px;color:var(--gold)}
.ep-arch h4{color:#fff;font-size:16px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:4px;margin-bottom:2px}
.ep-arch table{width:100%;border-collapse:collapse;font-size:13px}
.ep-arch td{padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.1);color:#d5deea;vertical-align:middle}
.ep-arch tr:last-child td{border-bottom:none}
.ep-arch .sz{font-family:var(--lat);font-size:11px;color:#8fa3bb;white-space:nowrap}
.badge-today{background:var(--gold);color:#052f47;font-size:10px;font-weight:700;padding:0 8px;line-height:1.9;border-radius:2px;display:inline-block;margin-inline-start:6px}
.dl-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11.5px;padding:1px 12px;border-radius:3px;white-space:nowrap}
.dl-btn:hover{background:var(--red);border-color:var(--red)}
.dl-btn svg{width:13px;height:13px}

/* ── Layout columns ──────────────────────── */
.cols{display:grid;grid-template-columns:1fr 310px;gap:26px;padding:26px 0 8px;align-items:start}

/* Section blocks */
.sec{margin-bottom:34px}
.sec-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.sec-head h2{background:var(--navy);color:#fff;font-size:16px;font-weight:700;padding:0 18px;line-height:2.35;position:relative}
.sec-head h2::after{content:"";position:absolute;inset-inline-end:-9px;top:0;border-style:solid;border-width:5px 4px 5px 5px;border-color:var(--red) transparent transparent var(--red)}
.sec-rule{flex:1;height:1px;background:var(--line)}
.sec-more{color:var(--red);font-size:12.5px;white-space:nowrap;font-weight:600}
.sec-more:hover{text-decoration:underline}

.cardrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border:1px solid var(--line);background:#fff;overflow:hidden}
.card:hover{box-shadow:0 6px 18px rgba(12,54,82,.08)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.card .pad{padding:12px 14px 10px}
.card h3{font-size:15px;line-height:2.15;color:var(--navy);font-weight:600}
.card h3:hover{color:var(--red);cursor:pointer}
.card p{font-size:12.5px;color:#4a7285;line-height:2.1;margin-top:4px}
.card .hmeta{margin-top:6px}
.wide{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);background:#fff;overflow:hidden;margin-bottom:14px}
.wide img{width:100%;height:100%;object-fit:cover;min-height:230px}
.wide .pad{padding:18px 20px}
.wide h3{font-size:19px;line-height:2.1;color:var(--navy);font-weight:700}
.wide h3:hover{color:var(--red);cursor:pointer}
.wide p{font-size:13.5px;color:#4a7285;margin-top:6px;line-height:2.15}
.minilist{list-style:none}
.minilist li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13.5px;color:var(--navy);line-height:2.1}
.minilist li::before{content:"";flex:none;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);margin-bottom:2px}
.minilist li:last-child{border-bottom:none}
.minilist li:hover{color:var(--red);cursor:pointer}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* Ad strip */
.adstrip{border:1px dashed #c7cccf;background:var(--soft);margin:6px 0 30px;text-align:center;padding:14px;color:var(--muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.adstrip .tag-adv{font-family:var(--lat);font-size:9px;letter-spacing:2px;color:#9aa3ad;text-transform:uppercase}
.adstrip b{color:var(--navy)}

/* Editorial / columns */
.editorial{border:1px solid #e3d9b8;border-inline-start:4px solid var(--gold);background:linear-gradient(180deg,#fdfbf4,#fff);padding:20px 24px;margin-bottom:16px;position:relative}
.editorial .k{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:1.5px}
.editorial h3{font-size:19px;color:var(--navy);line-height:2.1;font-weight:700}
.editorial p{font-size:13.5px;color:#4a7285;margin-top:4px;line-height:2.15}
.editorial .who{margin-top:10px;font-size:12.5px;color:var(--red);font-weight:600}
.colrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.colcard{border:1px solid var(--line);padding:16px;background:#fff}
.colcard h4{font-size:15px;color:var(--navy);font-weight:700;line-height:2.15;border-bottom:1px dashed var(--line);padding-bottom:6px}
.colcard h4:hover{color:var(--red)}
.colwho{display:flex;gap:10px;align-items:center;margin-top:12px}
.avatar{flex:none;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;border:2px solid var(--gold)}
html[lang="en"] .avatar{font-family:var(--lat);font-size:16px}
.colwho .n{font-size:13px;font-weight:600;color:var(--ink);line-height:1.7}
.colwho .r{font-size:11px;color:var(--muted)}

/* Gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gal figure{position:relative;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--line)}
.gal img{width:100%;height:100%;object-fit:cover}
.gal figure:hover figcaption{background:linear-gradient(transparent,rgba(8,28,42,1))}
.gal figcaption{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(transparent,rgba(8,28,42,.92));color:#fff;font-size:12px;padding:26px 12px 8px;line-height:2}

/* ── Sidebar ─────────────────────────────── */
.sidebar{display:flex;flex-direction:column;gap:22px}
.widget{border:1px solid var(--line);background:#fff}
.widget-head{background:var(--paper);border-bottom:2px solid var(--red);padding:0 16px;line-height:2.5;font-size:14.5px;font-weight:700;color:var(--navy)}
.widget-body{padding:10px 16px 12px}
.latest{list-style:none}
.latest li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}
.latest li:last-child{border-bottom:none}
.latest .tm{flex:none;font-family:var(--lat);font-size:11px;font-weight:700;color:var(--red);min-width:46px;line-height:2.6}
.latest .tx{font-size:12.5px;line-height:2.25;color:#2c3644;cursor:pointer}
.latest .tx:hover{color:var(--red)}
.prayer{background:linear-gradient(160deg,var(--navy),#1b3d5e);color:#fff;border:none}
.prayer .widget-head{background:rgba(255,255,255,.08);border-bottom-color:var(--gold);color:var(--gold)}
.prayer table{width:100%;border-collapse:collapse;font-size:13px}
.prayer td{padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
.prayer tr:last-child td{border-bottom:none}
.prayer .pt{font-family:var(--lat);font-weight:700;text-align:end;color:#dce6f2}
.prayer .note{font-size:10.5px;color:#8fb2c9;margin-top:8px;font-family:var(--lat)}
.pop{list-style:none;counter-reset:p}
.pop li{counter-increment:p;display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:12.5px;line-height:2.25;color:#2c3644;align-items:flex-start;cursor:pointer}
.pop li::before{content:counter(p);flex:none;width:24px;height:24px;background:var(--paper);border:1px solid var(--gold);color:var(--red);font-family:var(--lat);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:5px}
.pop li:last-child{border-bottom:none}
.pop li:hover{color:var(--red)}

/* Poll (interactive — see js/main.js) */
.pollq{font-size:14px;color:var(--navy);font-weight:700;line-height:2.2;margin-bottom:10px}
.pollopt{display:block;width:100%;background:none;border:none;font:inherit;color:inherit;text-align:start;cursor:pointer;margin-bottom:10px}
.pollopt .l{display:flex;justify-content:space-between;font-size:12.5px;color:#3a4450}
.pollopt:hover .l .opt-name{color:var(--red)}
.pollopt .sel{color:var(--red);font-weight:700;display:none}
.pollopt.voted .sel{display:inline}
.pollbar{height:7px;background:var(--soft);margin-top:4px;overflow:hidden}
.pollbar i{display:block;height:100%;background:var(--red);transition:width .6s}
.pollbar.g i{background:var(--gold)}
.pollopt:disabled{cursor:default}
.pollopt:disabled:hover .l .opt-name{color:#3a4450}
.pollfoot{font-size:10.5px;color:var(--muted);font-family:var(--lat);margin-top:6px}
.mini-ep{background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;border:none;padding:18px;text-align:center}
.mini-ep h4{font-size:16px;line-height:2.2}
.mini-ep p{font-size:12px;color:#f6d9db;line-height:2.1;margin:4px 0 12px}
.btn-hollow{background:transparent;border:1.5px solid #fff;color:#fff}
.btn-hollow:hover{background:#fff;color:var(--red)}

/* ── Footer ──────────────────────────────── */
footer{background:var(--navy-d);color:#a8c8da;margin-top:30px;border-top:4px solid var(--red)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding:36px 20px 26px}
.foot-brand h2{color:#fff;font-size:30px;line-height:1.8}
.foot-brand h2 em{font-style:normal;color:var(--red)}
.foot-brand p{font-size:12.5px;line-height:2.2;margin-top:6px;color:#8fb2c9}
.socials{display:flex;gap:10px;margin-top:14px}
.socials a{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;color:#d3e8f5}
.socials a:hover{background:var(--red);border-color:var(--red);color:#fff}
.socials svg{width:15px;height:15px}
footer h5{color:#fff;font-size:14.5px;margin-bottom:10px;font-weight:700}
.foot-links{list-style:none}
.foot-links li{font-size:12.5px;padding:5px 0;line-height:2;color:#a9b8ca;cursor:pointer}
.foot-links li:hover{color:var(--gold)}
.foot-contact li{list-style:none;font-size:12.5px;display:flex;gap:10px;padding:6px 0;line-height:2.1;color:#a9b8ca}
.foot-contact svg{width:14px;height:14px;flex:none;color:var(--gold);margin-top:7px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#8ba0b8}
.foot-bottom a{margin-inline-start:14px}
.foot-bottom a:hover{color:#fff}

/* ═══ ENGLISH OVERRIDES (en.html — html[lang="en"]) ═══ */
html[lang="en"] body{font-family:var(--lat);line-height:1.65;font-size:15px}
html[lang="en"] .brand h1,
html[lang="en"] .foot-brand h2,
html[lang="en"] .lead-body h1,
html[lang="en"] .wide h3,
html[lang="en"] .ep-title,
html[lang="en"] .editorial h3,
html[lang="en"] .sec-head h2{font-family:var(--serif)}
html[lang="en"] .brand h1{font-size:clamp(40px,5.4vw,62px);line-height:1.15;letter-spacing:.5px}
html[lang="en"] .brand-tag{border-radius:0}
html[lang="en"] .mast-quote{line-height:1.8;font-size:14px}
html[lang="en"] .lead-body h1{line-height:1.45}
html[lang="en"] .lead-dek{line-height:1.75}
html[lang="en"] .lead-list li{line-height:1.7}
html[lang="en"] .hcard h3{line-height:1.5;font-size:13.5px}
html[lang="en"] .more-news li{line-height:1.65}
html[lang="en"] .ep-title{line-height:1.35}
html[lang="en"] .ep-sub{line-height:1.75}
html[lang="en"] .ep-today .d{line-height:1.5}
html[lang="en"] .wide h3{line-height:1.4}
html[lang="en"] .wide p{line-height:1.75}
html[lang="en"] .card h3{line-height:1.5}
html[lang="en"] .card p{line-height:1.65}
html[lang="en"] .minilist li{line-height:1.65}
html[lang="en"] .editorial h3{line-height:1.4}
html[lang="en"] .editorial p{line-height:1.75}
html[lang="en"] .colcard h4{line-height:1.5}
html[lang="en"] .gal figcaption{line-height:1.6}
html[lang="en"] .latest .tx{line-height:1.55}
html[lang="en"] .latest .tm{line-height:1.55;margin-top:3px}
html[lang="en"] .pop li{line-height:1.55}
html[lang="en"] .pollq{line-height:1.6}
html[lang="en"] .mini-ep h4{line-height:1.5}
html[lang="en"] .mini-ep p{line-height:1.7}
html[lang="en"] .foot-brand p{line-height:1.7}
html[lang="en"] .foot-links li{line-height:1.6}
html[lang="en"] .foot-contact li{line-height:1.6}
html[lang="en"] .tick-item{line-height:2.6}
html[lang="en"] .chip,
html[lang="en"] .btn{font-family:var(--lat)}
html[lang="en"] .sec-head h2{line-height:2.2}

/* ── Responsive ──────────────────────────── */
@media(max-width:1020px){
  .mast-in{grid-template-columns:1fr;justify-items:center;gap:16px}
  .mast-side,.mast-epaper{justify-self:center;text-align:center}
  .mast-quote{border-inline-start:none;border-top:3px solid var(--gold);padding:8px 12px 0}
  .hero{grid-template-columns:1fr}
  .cols{grid-template-columns:1fr}
  .ep-grid{grid-template-columns:1fr 1fr}
  .ep-thumb{max-width:250px}
  .cardrow{grid-template-columns:1fr 1fr}
  .gal{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .cardrow,.pair,.colrow,.gal{grid-template-columns:1fr}
  .ep-grid{grid-template-columns:1fr}
  .wide{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .lead-body h1{font-size:20px}
}
@media print{.topbar,.mainnav,.ticker,.epaper,footer,.adstrip,.sidebar{display:none}}

/* ═══ BRAND LOGO (official Daily Amn logo) ═══ */
.brand-logo{height:116px;width:auto;border-radius:10px;border:1px solid #dcd6c8;box-shadow:0 10px 26px rgba(9,38,58,.16);background:#000}
.foot-logo{width:148px;height:auto;border-radius:8px;margin-bottom:12px;box-shadow:0 8px 20px rgba(0,0,0,.45)}
@media(max-width:1020px){.brand-logo{height:96px}}

/* ═══ REACT APP — routes & About Us page ═══ */
.route-view{min-height:40vh;animation:rvIn .35s ease both}
@keyframes rvIn{from{opacity:0}to{opacity:1}}
.nav-in a{cursor:pointer;-webkit-user-select:none;user-select:none}
.about-hero{background:linear-gradient(120deg,rgba(9,38,58,.92),rgba(12,54,82,.86)),url('../assets/newsroom-bg.jpg') center/cover;color:#fff;border-bottom:4px solid var(--gold);padding:34px 0}
.about-hero-in{display:flex;align-items:center;gap:26px}
.about-logo{height:120px;width:auto;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)}
.about-hero h1{font-size:clamp(24px,3.4vw,38px);line-height:1.9;font-weight:700}
.about-hero p{color:#acccdf;font-size:14.5px;line-height:2.1;max-width:560px}
html[lang="en"] .about-hero h1{font-family:var(--serif);line-height:1.35}
.about-teamsub{color:var(--muted);font-size:13px;margin:-8px 0 14px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.t-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:none;box-shadow:0 3px 10px rgba(9,38,58,.2);transition:transform .25s ease,border-color .25s ease}
.p-credit{position:absolute;bottom:0;inset-inline-end:0;background:rgba(8,28,42,.78);color:#d8e2ee;font-size:10.5px;padding:1px 12px;line-height:2;border-start-start-radius:6px}
.tcard{border:1px solid var(--line);background:#fff;padding:18px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--gold));transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.tcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(9,38,58,.16);border-color:#d6d0c2}
.tcard:hover::before{transform:scaleX(1)}
.tcard:hover .t-photo,.tcard:hover .t-ava{transform:scale(1.04);border-color:var(--red)}
.tcard .t-ava{transition:transform .25s ease,border-color .25s ease}
.vcard{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.vcard:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(9,38,58,.12);border-color:var(--gold)}
.panel{transition:box-shadow .22s ease}
.panel:hover{box-shadow:0 8px 24px rgba(9,38,58,.09)}
.btn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(9,38,58,.22)}
.btn:active{transform:translateY(0);box-shadow:none}
.tcard::before{content:"";position:absolute;top:0;inset-inline-start:0;bottom:0;width:4px;background:var(--red)}
.t-top{display:flex;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.t-ava{width:56px;height:56px;font-size:26px}
.t-name{font-size:16.5px;font-weight:700;color:var(--navy);line-height:1.9}
.t-since{font-size:11.5px;color:var(--muted)}
.t-bio{font-size:12.5px;color:#4a7285;line-height:2.1;margin-top:10px}
.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:var(--navy);border-radius:6px;padding:20px;margin:26px 0;color:#fff}
.stat2{text-align:center}
.stat2 .v{font-size:27px;font-weight:800;color:var(--gold)}
.stat2 .k{font-size:12px;color:#acccdf;line-height:2}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-inline-start:4px solid var(--red);padding:16px 20px;margin-bottom:20px}
.about-cta b{color:var(--navy);font-size:15px}
.valgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vcard{border:1px solid var(--line);background:var(--paper);padding:12px 14px;border-radius:5px}
.vcard .vi{width:30px;height:30px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:8px}
.vcard .vt{font-weight:700;color:var(--navy);font-size:13.5px}
.vcard .vp{font-size:11.5px;color:var(--muted);line-height:1.9}
@media(max-width:900px){.team-grid{grid-template-columns:1fr}.stat-band{grid-template-columns:1fr 1fr}.about-hero-in{flex-direction:column;text-align:center}}

/* ═══ Admin: users page extras ═══ */
.user-chip{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:4px 14px 4px 5px;font-size:12.5px;font-weight:600;color:var(--navy)}
.user-chip .miniava{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.demo-box{background:#fffbe8;border:1px dashed var(--gold);border-radius:6px;padding:12px 16px;font-size:12.5px;line-height:1.9;margin-top:14px}
.demo-box a{color:var(--red);font-weight:700;word-break:break-all}

/* ═══════════════════════════════════════════
   ADMIN PANEL (used by /admin pages only)
   ═══════════════════════════════════════════ */
body.admin{font-family:var(--lat);line-height:1.6;color:var(--ink);line-height:1.6}
.adm-top{background:var(--navy-d);color:#fff;padding:10px 0;border-bottom:3px solid var(--gold)}
.adm-top-in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}
.adm-top img{height:46px;width:auto;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.adm-title{font-weight:800;font-size:18px;letter-spacing:.3px}
.adm-title small{display:block;font-weight:400;font-size:11px;color:#8fb2c9}
.adm-nav{margin-inline-start:auto;display:flex;gap:8px;flex-wrap:wrap}
.adm-nav a{color:#d3e8f5;font-size:12.5px;border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:3px}
.adm-nav a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.adm-shell{max-width:1180px;margin:24px auto 60px;padding:0 20px}
.msg{border-radius:4px;padding:10px 16px;margin-bottom:18px;font-size:13.5px;border:1px solid}
.msg.ok{background:#e8f6ec;border-color:#bfe4c9;color:#1e6b3a}
.msg.err{background:#e6f7fd;border-color:#d4f0fb;color:#91222b}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:22px}
.stat{background:#fff;border:1px solid var(--line);border-top:3px solid var(--navy);padding:14px 16px;border-radius:6px}
.stat .v{font-size:23px;font-weight:800;color:var(--navy);font-family:var(--lat)}
.stat .k{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.stat.gold{border-top-color:var(--gold)}
.stat.red{border-top-color:var(--red)}
.panel{background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:22px}
.panel-h{padding:12px 18px;border-bottom:1px solid var(--line);font-weight:700;color:var(--navy);font-size:15px;display:flex;align-items:center;gap:8px}
.panel-h .sub{font-weight:400;font-size:11.5px;color:var(--muted);margin-inline-start:auto}
.panel-b{padding:16px 18px}
.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:900px){.grid-2col{grid-template-columns:1fr}}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:11.5px;font-weight:700;color:var(--navy);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}
.fld input{width:100%;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font:inherit;font-size:14px;background:#fff}
.fld input:focus{outline:2px solid var(--gold);outline-offset:1px}
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{background:var(--paper);text-align:start;padding:9px 12px;border-bottom:2px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);white-space:nowrap}
.tbl td{padding:9px 12px;border-bottom:1px solid var(--soft);vertical-align:middle}
.tbl tr:hover td{background:#eaf5fb}
.btn-sm{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:3px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--navy);font-family:var(--lat)}
.btn-sm:hover{border-color:var(--navy)}
.btn-sm.red{color:var(--red);border-color:#efc4c6}
.btn-sm.red:hover{background:var(--red);color:#fff}
.btn-main{background:var(--red);color:#fff;border:none;font-weight:700;font-size:14px;padding:9px 22px;border-radius:4px;cursor:pointer;font-family:var(--lat)}
.btn-main:hover{background:var(--red-d)}
.btn-navy{background:var(--navy);color:#fff;border:none;font-weight:700;font-size:13px;padding:8px 18px;border-radius:4px;cursor:pointer;font-family:var(--lat)}
.btn-navy:hover{background:#1b3d5e}
.note{font-size:12px;color:var(--muted);line-height:1.75}
.ret-box{background:var(--paper);border:1px dashed var(--gold);border-radius:6px;padding:12px 14px;margin-bottom:12px;font-size:13px;line-height:1.8}
.inline-form{display:inline}
.badge-pill{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700;white-space:nowrap}
.badge-pill.green{color:#1e6b3a;border-color:#bfe4c9;background:#e8f6ec}
.badge-pill.red{color:var(--red);border-color:#d4f0fb;background:#e6f7fd}
.adm-foot{max-width:1180px;margin:0 auto;padding:0 20px 40px;font-size:11.5px;color:var(--muted);text-align:center}
/* login */
.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(9,38,58,.96),rgba(12,54,82,.92)),url('../assets/newsroom-bg.jpg') center/cover;margin:0;padding:20px}
.login-card{background:#fff;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:34px 34px 26px;width:390px;max-width:94vw;text-align:center;border-top:4px solid var(--red);animation:rvIn .4s ease both}
.login-logo{height:118px;width:auto;border-radius:10px;margin:0 auto 14px;box-shadow:0 8px 24px rgba(9,38,58,.25)}
.login-card h1{font-size:21px;color:var(--navy);font-weight:800}
.login-sub{font-size:12px;color:var(--muted);margin:4px 0 18px}
.login-card .fld{text-align:start}
.login-hint{margin-top:16px;font-size:11px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}
.login-hint code{background:var(--soft);padding:1px 6px;border-radius:3px;font-size:11px;font-family:ui-monospace,monospace}

/* ═══ AMN ASSISTANT — on-site chatbot ═══ */
.cb-fab{position:fixed;bottom:22px;inset-inline-end:22px;width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-size:23px;cursor:pointer;z-index:300;box-shadow:0 10px 28px rgba(14,112,158,.48);display:flex;align-items:center;justify-content:center;transition:transform .22s ease,box-shadow .22s ease}
.cb-fab:hover{transform:scale(1.08);box-shadow:0 14px 34px rgba(14,112,158,.6)}
.cb-fab::after{content:"";position:absolute;top:-2px;inset-inline-start:-2px;width:13px;height:13px;border-radius:50%;background:#2ecc71;border:2.5px solid #fff}
.cb-panel{position:fixed;bottom:90px;inset-inline-end:22px;width:min(368px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 64px rgba(9,38,58,.3);z-index:300;overflow:hidden;animation:cbIn .26s cubic-bezier(.2,.9,.3,1.2)}
@keyframes cbIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.cb-head{display:flex;align-items:center;gap:11px;background:linear-gradient(120deg,var(--navy-d),var(--navy));color:#fff;padding:12px 14px;border-bottom:2px solid var(--gold)}
.cb-head img{width:36px;height:36px;border-radius:50%;background:#fff;padding:2px;object-fit:contain}
.cb-head strong{display:block;font-size:14.5px;line-height:1.5}
.cb-on{color:#e8d58a;font-size:11px;display:inline-flex;align-items:center;gap:5px}
.cb-on i{width:7px;height:7px;border-radius:50%;background:#2ecc71;display:inline-block}
.cb-x{margin-inline-start:auto;background:none;border:0;color:#d3e8f5;font-size:16px;cursor:pointer;opacity:.8;padding:4px}
.cb-x:hover{opacity:1;color:#fff}
.cb-body{height:330px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#f7f6f2,#efede6)}
.cb-msg{max-width:84%;padding:10px 13px;font-size:13.5px;line-height:2;border-radius:14px;animation:msgIn .24s ease}
@keyframes msgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cb-msg.b{background:#fff;border:1px solid var(--line);color:var(--ink);align-self:flex-start;border-start-start-radius:4px;box-shadow:0 2px 6px rgba(9,38,58,.05)}
.cb-msg.u{background:var(--navy);color:#f2f6fa;align-self:flex-end;border-start-end-radius:4px}
.cb-typing{display:inline-flex;gap:5px;align-items:center}
.cb-typing span{width:7px;height:7px;border-radius:50%;background:#9fb0c0;animation:cbDot 1.1s infinite}
.cb-typing span:nth-child(2){animation-delay:.18s}
.cb-typing span:nth-child(3){animation-delay:.36s}
@keyframes cbDot{0%,55%,100%{transform:none;opacity:.45}25%{transform:translateY(-5px);opacity:1}}
.cb-chips{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;margin-top:2px}
.cb-chips button{border:1px solid var(--navy);color:var(--navy);background:#fff;border-radius:999px;padding:5px 13px;font-size:12px;cursor:pointer;transition:.18s}
.cb-chips button:hover{background:var(--navy);color:#fff}
.cb-form{display:flex;border-top:1px solid var(--line);background:#fff}
.cb-form input{flex:1;border:0;padding:13px 15px;font-size:13.5px;outline:none;background:transparent;color:var(--ink)}
.cb-form button{border:0;background:var(--red);color:#fff;padding:0 20px;cursor:pointer;font-size:16px;transition:.18s}
.cb-form button:hover{background:var(--red-d)}
@media(max-width:640px){.cb-panel{inset-inline-end:10px;bottom:80px}.cb-fab{bottom:14px;inset-inline-end:12px}}

/* ═══ ADMIN PANEL — visual polish ═══ */
.adm-top{background:linear-gradient(120deg,var(--navy-d),var(--navy));box-shadow:0 5px 20px rgba(9,38,58,.32)}
.adm-nav a{transition:background .18s,color .18s,border-color .18s}
.stat{transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.stat:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(9,38,58,.12);border-color:var(--gold)}
.btn-main{transition:background .18s,transform .18s,box-shadow .18s}
.btn-main:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(14,112,158,.28)}
.btn-main:active{transform:none;box-shadow:none}
body.admin:not(.login-bg){background:linear-gradient(rgba(9,24,40,.72),rgba(12,30,49,.8)),url('../assets/field-reporting.jpg') center top/cover fixed no-repeat}
input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(12,54,82,.14)}

/* ═══ MODERN WEB — tasteful motion layer ═══ */
/* old once-per-route rise animation retired — the fx layer (js/fx.js) now
   handles reveal-on-scroll for every block, incl. after route changes */
@keyframes riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.card img{transition:transform .45s ease}
.card:hover img{transform:scale(1.04)}
.brand img{transition:transform .25s ease,filter .25s ease}
.brand img:hover{transform:scale(1.03);filter:drop-shadow(0 4px 10px rgba(9,38,58,.25))}
.btn-red{position:relative;overflow:hidden}
.btn-red::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-22deg);transition:left .55s ease}
.btn-red:hover::after{left:140%}
.tick-label{animation:tlp 2.6s ease-in-out infinite}
@keyframes tlp{0%,100%{filter:none}50%{filter:brightness(1.18)}}
.ep-thumb{transition:transform .3s ease,box-shadow .3s ease}
.ep-thumb:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.36)}
.gal figure img{transition:transform .45s ease}
.gal figure:hover img{transform:scale(1.04)}
.mast-epaper{transition:box-shadow .22s ease,transform .22s ease}
.mast-epaper:hover{box-shadow:0 10px 24px rgba(9,38,58,.14);transform:translateY(-2px)}
.pub{transition:transform .2s ease,box-shadow .2s ease}
.pub:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(9,38,58,.12)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ═══ PALETTE REFRESH — warm newsprint (no white surfaces) ═══ */
.masthead,.ticker,.lead,.card,.panel,.tcard,.vcard,.mast-epaper,.login-card,.cb-msg.b,.tbl,.side-mini,.pollbox,.readbox{background:#eef6fb;border-color:#cfe4f0}
.stat{background:#f2f9fd!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{background:#f2f9fd!important;color:var(--ink)}
.tbl td{background:transparent}
.login-card{box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px #d9eaf4}

/* ═══ access-control matrix (users page) ═══ */
.user-row{border:1px solid #cfe4f0;background:#f2f9fd;border-radius:8px;padding:12px 14px}
.user-row-top{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--navy)}
.miniava{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:13px;flex:none}
.badge-pill{display:inline-block;background:rgba(12,54,82,.12);color:var(--navy);border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:1px 9px}
.badge-pill.gold{background:var(--gold);color:#3c2f04}
.perm-note{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}
.perm-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed #e0d7c4}
.perm-lab{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #cfe4f0;border-radius:999px;padding:3px 11px;transition:.15s}
.perm-lab:hover{border-color:var(--navy);background:#f6f2e8}
.fname-live{display:block;margin-top:7px;font-size:12.5px;font-weight:700;color:var(--navy);min-height:18px}
.btn-sm{display:inline-block;background:var(--navy);color:#fff;border:none;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:4px;cursor:pointer;transition:.15s}
.btn-sm:hover{background:var(--navy-d);transform:translateY(-1px)}
.btn-sm.red{background:var(--red)}
.btn-sm.red:hover{background:var(--red-d)}

/* ═══ sign-up flow ═══ */
.signup-link{display:block;margin-top:14px;padding:11px 0;text-align:center;border:1.5px dashed var(--navy);border-radius:8px;color:var(--navy);font-size:13.5px;transition:.18s}
.signup-link:hover{background:var(--navy);color:#fff;border-style:solid}
.signup-link b{color:var(--red)}
.signup-link:hover b{color:#ffd84d}
.user-row.pending{border-color:#e3b6b9;background:#fdf6f2}
.badge-pill.red{background:#f3d7d8;color:#8c1c22}

/* ═══════════════════════════════════════════════════════════════
   RED × BLACK THEME — final accent pass
   Near-black surfaces (#0f2f47) + newspaper red (#0e9fd8);
   --red-b is the brighter red reserved for small text & icons
   sitting on dark backgrounds, so everything stays readable.
   ═══════════════════════════════════════════════════════════════ */
:root{--red-b:#ff5b5e}

/* small text & icons on dark surfaces → bright red */
.ep-kicker,.stat2 .v,.vcard .vi,.prayer .widget-head,.foot-contact svg,
.foot-links li:hover,.nav-in a.a-ep,.chip-gold b{color:var(--red-b)}
.prayer .widget-head{border-bottom-color:var(--red-b)}

/* the former gold buttons/badges are red now — white text */
.lang-switch a.on,.btn-gold,.badge-today,.badge-pill.gold{color:#fff}
.btn-gold{background:var(--red)}
.btn-gold:hover{background:var(--red-d)}
.btn-oline:hover{border-color:var(--red-b)}

/* deep surfaces → true black families */
.epaper{background:linear-gradient(135deg,rgba(8,28,40,.96),rgba(11,34,48,.9)),url('../assets/newsroom-bg.jpg') center/cover}
.about-hero{background:linear-gradient(120deg,rgba(8,28,40,.94),rgba(11,34,48,.86)),url('../assets/newsroom-bg.jpg') center/cover}
.prayer{background:linear-gradient(160deg,#141417,#16364a)}
.login-bg{background:linear-gradient(135deg,rgba(8,28,40,.97),rgba(15,45,65,.93)),url('../assets/newsroom-bg.jpg') center/cover}
body.admin:not(.login-bg){background:linear-gradient(rgba(8,28,40,.8),rgba(10,30,44,.84)),url('../assets/field-reporting.jpg') center top/cover fixed no-repeat}

/* shadows: drop the old navy tint */
.mainnav{box-shadow:0 2px 10px rgba(0,0,0,.4)}
.cb-panel{box-shadow:0 24px 64px rgba(0,0,0,.35)}
.login-card{box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 0 0 1px #d9eaf4}
.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.12)}
.tcard:hover{box-shadow:0 16px 34px rgba(0,0,0,.18)}
.panel:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)}
.btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.25)}

/* hairline accents follow the red */
.stat:hover{border-color:var(--red)}
.vcard:hover{border-color:var(--red)}
.demo-box{border-color:var(--red);background:#faf3ef}
.ret-box{border-color:var(--red)}
.signup-link:hover b{color:#ff8f92}

/* ═══ About page — "AMN across the city" billboard band ═══ */
.brand-strip{margin:0 0 26px;background:linear-gradient(140deg,#0a2a3f,#1e1e23);color:#e3eff7;border:1px solid #26262c;border-inline-start:4px solid var(--red);border-radius:8px;padding:20px 22px}
.brand-strip .bs-k{font-family:var(--lat);font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--red-b)}
.brand-strip h2{color:#fff;font-size:21px;line-height:1.9;margin:2px 0 4px}
.brand-strip .bs-head p{color:#b9bcc4;font-size:13px;line-height:2.1;max-width:680px}
.brand-strip figure{margin-top:14px;position:relative;border:1px solid #2c2c33;border-radius:6px;overflow:hidden}
.brand-strip figure img{width:100%;display:block}
.brand-strip figcaption{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#e8e4da;font-size:12px;padding:30px 16px 10px;line-height:2}
html[lang="en"] .brand-strip h2{font-family:var(--serif);line-height:1.35}
html[lang="en"] .brand-strip figcaption{line-height:1.6}

/* ═══ ADMIN — homepage editor & media library ═══ */
.txt{width:100%;border:1px solid var(--line);border-radius:4px;padding:9px 12px;font:inherit;font-size:13.5px;background:#f2f9fd!important;min-height:76px;resize:vertical;color:var(--ink)}
.txt:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(14,38,54,.14)}
select.inp{width:100%;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font:inherit;font-size:13.5px;background:#f2f9fd}
select.inp:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(14,38,54,.14)}
.imgprev{margin-top:9px;border:1px solid var(--line);border-radius:6px;max-width:340px;display:block;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.med-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:14px}
.med-card{border:1px solid #cfe4f0;border-radius:8px;background:#f2f9fd;padding:10px;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,box-shadow .18s ease}
.med-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.med-card a{display:block}
.med-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:5px;border:1px solid #cfe4f0;background:#fff}
.med-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11.5px}
.med-name{font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:132px;font-family:var(--lat)}
.med-size{color:var(--muted);font-family:var(--lat);flex:none}
.med-path{display:block;font-size:10.5px;font-family:ui-monospace,monospace;background:#fff;border:1px dashed var(--line);border-radius:4px;padding:3px 7px;cursor:pointer;color:var(--red);word-break:break-all;transition:.15s}
.med-path:hover{border-color:var(--red)}
.med-path.copied{background:#e8f6ec;color:#1e6b3a;border-color:#bfe4c9}
.med-card form{align-self:flex-start}

/* ═══ e-paper band — auto-picked edition headlines ═══ */
.ep-hl{margin-top:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-inline-start:4px solid var(--red);padding:12px 16px;border-radius:3px}
.ep-hl h5{color:#fff;font-size:13.5px;font-weight:700;line-height:2;margin-bottom:4px}
.ep-hl h5 .kc{color:var(--red-b);font-family:var(--lat);font-size:9.5px;letter-spacing:2.5px;font-weight:800;display:block;line-height:1.9}
.ep-hl ul{margin:0}
.ep-hl li{list-style:none;font-size:12.5px;line-height:2.05;color:#d5deea;padding:4px 0;border-bottom:1px dotted rgba(255,255,255,.14);display:flex;gap:9px}
.ep-hl li::before{content:"";flex:none;width:5px;height:5px;background:var(--red-b);transform:rotate(45deg);margin-top:11px}
.ep-hl li:last-child{border-bottom:none}
html[lang="en"] .ep-hl li{line-height:1.6}
html[lang="en"] .ep-hl li::before{margin-top:6px}

/* ═══ dashboard — expandable headline list per edition row ═══ */
details.hlist summary{cursor:pointer;color:var(--red);font-size:12px;font-weight:700;list-style:none}
details.hlist summary::before{content:"▸ ";color:var(--muted)}
details.hlist[open] summary::before{content:"▾ "}
details.hlist ol{margin:8px 0 2px;padding-inline-start:20px;font-size:12px;line-height:1.9;color:var(--navy);max-height:220px;overflow-y:auto}
details.hlist ol li{margin-bottom:3px}

/* ═══ classic-screen video band (brand nostalgia) ═══ */
.vidband{background:linear-gradient(140deg,#0a2a3f,#1e1e23);color:#e3eff7;margin:6px 0 30px;padding:32px 0;border-top:4px solid var(--red)}
.vid-in{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;align-items:center}
.vid-copy .bs-k{font-family:var(--lat);font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--red-b)}
.vid-copy h2{color:#fff;font-size:clamp(20px,2.6vw,28px);line-height:1.9;margin:2px 0 6px}
.vid-copy p{color:#b9bcc4;font-size:13.5px;line-height:2.15}
.vid-tag{display:inline-block;margin-top:12px;border:1px solid var(--red);color:var(--red-b);padding:3px 15px;border-radius:999px;font-size:12px;font-weight:700}
.vid-note{margin-top:8px;font-size:10.5px;color:#7d838d;font-family:var(--lat)}
.vid-frame{position:relative;border:1px solid #2c2c33;border-radius:10px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.5);background:#000}
.vid-frame::after{content:"";position:absolute;top:0;inset-inline-start:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),transparent);pointer-events:none}
.vid-frame video{width:100%;display:block;aspect-ratio:16/9;background:#000}
html[lang="en"] .vid-copy h2{font-family:var(--serif);line-height:1.35}
html[lang="en"] .vid-copy p{line-height:1.75}
@media(max-width:900px){.vid-in{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════════
   FX LAYER — smooth intro, progress, reveals & micro-interactions
   (subtle, newspaper-mature; everything degrades gracefully)
   ═══════════════════════════════════════════════════════════════ */

/* ── branded intro: the AMN mark revolves in, then the curtain vaults ── */
.fx-splash{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(0);background:radial-gradient(62% 50% at 50% 44%,rgba(19,166,216,.16),transparent 62%),linear-gradient(180deg,#0a2a3f,#061722);transition:transform .8s cubic-bezier(.76,0,.24,1),opacity .55s ease}
.fx-splash.out{transform:translateY(-102%);opacity:.25;pointer-events:none;box-shadow:0 16px 48px rgba(10,111,168,.5)}
.fx-orb{position:absolute;top:42%;left:50%;width:440px;height:440px;transform:translate(-50%,-50%) scale(.5);background:radial-gradient(circle,rgba(19,166,216,.3),rgba(19,166,216,.07) 45%,transparent 66%);filter:blur(30px);opacity:0;animation:fxOrb 2s ease-out both;pointer-events:none}
@keyframes fxOrb{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}32%{opacity:1}100%{opacity:.9;transform:translate(-50%,-50%) scale(1.15)}}
.fx-splash-in{position:relative;text-align:center}
.fx-stage{position:relative;width:192px;height:192px;margin:0 auto 20px}
.fx-ring{position:absolute;inset:-13px;pointer-events:none}
.fx-ring i{display:block;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--red-b);border-inline-end-color:rgba(95,216,255,.45);filter:drop-shadow(0 0 10px rgba(95,216,255,.5));animation:fxRing 1.05s .08s cubic-bezier(.6,.05,.3,1) both}
@keyframes fxRing{0%{opacity:0;transform:rotate(0deg)}14%{opacity:1}100%{opacity:1;transform:rotate(1260deg)}}
.fx-logo-rev{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;border-radius:16px;box-shadow:0 34px 70px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.09);backface-visibility:visible;animation:fxRevolve 1.25s cubic-bezier(.32,.72,.18,1) both}
@keyframes fxRevolve{0%{opacity:0;transform:perspective(950px) rotateY(0deg) scale(1.55);filter:blur(10px) brightness(.55)}22%{opacity:1;filter:blur(0) brightness(1)}100%{opacity:1;transform:perspective(950px) rotateY(-720deg) scale(1)}}
.fx-stage::after{content:"";position:absolute;inset:8px;border-radius:16px;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%);transform:translateX(-140%);animation:fxShine 1.15s .34s ease both;pointer-events:none}
@keyframes fxShine{0%{transform:translateX(-140%)}100%{transform:translateX(140%)}}
.fx-splash-word{font-size:32px;color:#fff;line-height:2;animation:fxSplashIn .7s .5s cubic-bezier(.2,.9,.3,1.1) both}
.fx-splash-word em{font-style:normal;color:var(--red-b);font-weight:700;text-shadow:0 0 26px rgba(95,216,255,.6)}
.fx-splash-line{height:3px;background:rgba(255,255,255,.1);margin:10px auto 12px;width:230px;max-width:60vw;overflow:hidden;border-radius:3px}
.fx-splash-line i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red-d),var(--red-b));transform:scaleX(0);animation:fxLineIn 1.15s .3s cubic-bezier(.2,.8,.2,1) both}
.fx-splash-sub{font-size:10px;letter-spacing:4px;color:#8ab0c2;animation:fxSplashIn .7s .78s both}
@keyframes fxSplashIn{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}
@keyframes fxLineIn{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

/* ── scroll progress ── */
.fx-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),var(--red-b));z-index:400;box-shadow:0 0 10px rgba(19,166,216,.55);transition:width .08s linear}

/* ── reveal on scroll ── */
.fx-rv{opacity:0;transform:translateY(34px) scale(.98);filter:blur(3px)}
.fx-rv.fx-in{opacity:1;transform:none;filter:none;transition:opacity .7s ease var(--fx-d,0ms),transform .7s cubic-bezier(.2,.9,.25,1) var(--fx-d,0ms),filter .7s ease var(--fx-d,0ms)}
/* photos settle cinematically as their card reveals */
.fx-rv img{transform:scale(1.045)}
.fx-rv.fx-in img{transform:scale(1);transition:transform 1.25s cubic-bezier(.2,.8,.2,1) var(--fx-d,0ms)}

/* ── section rule sweep once the section lands ── */
.sec-rule{transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) .12s}
html[dir="rtl"] .sec-rule{transform-origin:right center}
.sec.fx-in .sec-rule{transform:scaleX(1)}

/* ── masthead shrinks when you start reading ── */
.mast-in{transition:padding .3s ease,gap .3s ease}
.brand-logo{transition:height .3s ease,transform .25s ease,filter .25s ease}
body.fx-scrolled .mast-in{padding-top:10px;padding-bottom:8px}
body.fx-scrolled .brand-logo{height:84px}
.brand h1,.brand img{animation:fxFloat 7s ease-in-out infinite}
@keyframes fxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* ── smart navbar ── */
.mainnav{transition:transform .32s ease}
body.fx-nav-hidden .mainnav{transform:translateY(-100%)}

/* ── hero tilt + hover smoothness ── */
.lead-img img{transition:transform .16s ease-out;will-change:transform}
.hcard img{transition:transform .4s ease}
.hcard:hover img{transform:scale(1.05)}
.gal figure{transition:transform .3s ease,box-shadow .3s ease}
.gal figure:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.22)}
.widget{transition:box-shadow .25s ease,border-color .25s ease}
.widget:hover{box-shadow:0 10px 24px rgba(0,0,0,.1);border-color:#d9d2c2}
.foot-links li{transition:color .15s ease,padding-inline-start .2s ease}
.foot-links li:hover{padding-inline-start:4px}
.vid-frame{transition:box-shadow .3s ease,transform .3s ease}
.vid-frame:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(0,0,0,.6),0 0 0 1px rgba(19,166,216,.35)}
.brand-strip figure img{transition:transform .5s ease}
.brand-strip figure:hover img{transform:scale(1.01)}
.ep-thumb .lg em,.brand h1 em,.foot-brand h2 em{transition:color .2s ease}

/* ── magnetic buttons get a soft spring ── */
.btn-red,.btn-gold,.btn-main{transition:transform .16s ease-out,background .18s,box-shadow .18s,border-color .18s}
.fx-btt{position:fixed;bottom:24px;inset-inline-start:22px;width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-size:19px;cursor:pointer;z-index:280;opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .25s ease,transform .25s ease,box-shadow .2s ease;box-shadow:0 10px 26px rgba(10,111,168,.4)}
.fx-btt.on{opacity:1;transform:none;pointer-events:auto}
.fx-btt:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,111,168,.55)}

/* number pop once the count-up lands */
.stat2 .v{transition:transform .3s ease}

/* static greeting when OS animations are off (Windows default on many PCs) */
.fx-splash.fx-nos{transition:opacity .35s ease}
.fx-logo-plate{height:118px;width:auto;border-radius:12px;box-shadow:0 18px 44px rgba(0,0,0,.55);margin:0 auto 12px}
.fx-nos .fx-word2{font-size:28px;color:#fff;line-height:2}
.fx-nos .fx-word2 em{font-style:normal;color:var(--red-b);font-weight:700}
.fx-nos .fx-sub2{font-size:10px;letter-spacing:4px;color:#8ab0c2}

/* respect reduced-motion strictly for the fx layer */
@media (prefers-reduced-motion:reduce){
  .fx-orb,.fx-ring,.fx-stage::after,.fx-logo-rev,.fx-splash-word,.fx-splash-sub,.fx-splash-line i{animation:none!important}
  .fx-rv{opacity:1!important;transform:none!important;filter:none!important}
  .sec-rule{transform:none!important}
  .brand h1,.brand img{animation:none!important}
}

/* ═══════════════════════════════════════════════════════════════
   PREMIUM 2026 — glass navbar, cinematic chrome, dark admin suite
   ═══════════════════════════════════════════════════════════════ */

/* ── site entrance while the splash vaults away ── */
body.fx-boot .masthead{animation:fxEnt .8s 1.66s cubic-bezier(.2,.9,.3,1) both}
body.fx-boot .mainnav{animation:fxEnt .7s 1.76s cubic-bezier(.2,.9,.3,1) both}
body.fx-boot .ticker{animation:fxEnt .8s 1.86s cubic-bezier(.2,.9,.3,1) both}
@keyframes fxEnt{0%{opacity:0;transform:translateY(-26px)}100%{opacity:1;transform:none}}

/* ── navbar: black glass + red heat ── */
.mainnav{background:linear-gradient(180deg,rgba(13,40,57,.96),rgba(8,32,46,.97));position:sticky;top:0;z-index:50;border-bottom:2px solid var(--red);box-shadow:0 10px 34px rgba(0,0,0,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mainnav::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red-b) 50%,transparent);opacity:.85;pointer-events:none}
.nav-in{position:relative;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav-in a{color:#c9e2f0;font-size:14.5px;padding:0 15px;line-height:3.05;white-space:nowrap;border-radius:8px 8px 0 0;transition:color .18s ease,text-shadow .18s ease;position:relative}
.nav-in a:hover,.nav-in a.on{color:#fff;text-shadow:0 0 18px rgba(95,216,255,.75);background:none}
.nav-brand{display:flex;align-items:center;gap:10px;padding-inline-end:14px;margin-inline-end:10px;border-inline-end:1px solid rgba(255,255,255,.14);flex:none}
.nav-brand img{height:34px;width:auto;border-radius:7px;box-shadow:0 4px 14px rgba(0,0,0,.6);transition:transform .25s ease}
.nav-brand:hover img{transform:scale(1.07) rotate(-2deg)}
.nav-word{font-size:15.5px;color:#fff;white-space:nowrap;line-height:1;padding:10px 0}
.nav-word em{font-style:normal;color:var(--red-b);font-weight:700;text-shadow:0 0 16px rgba(95,216,255,.5)}
.nav-ink{position:absolute;bottom:0;height:3px;width:0;left:0;background:linear-gradient(90deg,var(--red),var(--red-b));border-radius:4px 4px 0 0;box-shadow:0 -2px 14px rgba(95,216,255,.7);opacity:0;pointer-events:none;transition:left .28s cubic-bezier(.4,.9,.3,1),width .28s cubic-bezier(.4,.9,.3,1),opacity .2s ease}
.nav-in a.a-ep{margin-inline-start:auto;line-height:2.1;padding:0 18px;margin-block:9px;border-radius:8px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0f8fd0,var(--red-d));box-shadow:0 8px 22px rgba(10,111,168,.5),inset 0 1px 0 rgba(255,255,255,.28);overflow:hidden;position:relative}
.nav-in a.a-ep::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .55s ease}
.nav-in a.a-ep:hover::after{left:130%}
.nav-in a.a-ep:hover{text-shadow:none;color:#fff}

/* ── ticker: hot wire ── */
.ticker{background:#07202f;border-bottom:1px solid rgba(19,166,216,.35)}
.tick-in{display:flex;align-items:center;gap:0}
.tick-label{background:linear-gradient(135deg,#0f8fd0,var(--red-d));color:#fff;font-size:13px;font-weight:700;padding:0 18px 0 16px;line-height:2.6;white-space:nowrap;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.4);animation:none;display:flex;align-items:center;gap:9px}
.tick-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:fxLiveDot 1.4s ease-in-out infinite}
@keyframes fxLiveDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
.tick-view{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent)}
.tick-item{color:#e8ebf1;font-size:13.5px}
.tick-item::before{background:var(--red-b);box-shadow:0 0 8px rgba(95,216,255,.7)}

/* ── buttons: cinema grade ── */
.btn-red,.btn-main{position:relative;overflow:hidden;background:linear-gradient(135deg,#17b0e8,#0a6fa8);color:#fff;box-shadow:0 10px 26px rgba(10,111,168,.4),inset 0 1px 0 rgba(255,255,255,.28);border-radius:8px;transition:transform .18s ease,box-shadow .22s ease,filter .18s ease}
.btn-red::after,.btn-main::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);transition:left .55s ease;pointer-events:none}
.btn-red:hover,.btn-main:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(10,111,168,.55),inset 0 1px 0 rgba(255,255,255,.3);filter:brightness(1.06)}
.btn-red:hover::after,.btn-main:hover::after{left:130%}
.btn-red:active,.btn-main:active{transform:translateY(0) scale(.98)}
.btn-gold{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1e24,#09222f);color:#fff;border:1px solid rgba(95,216,255,.55);border-radius:8px;transition:transform .18s ease,box-shadow .22s ease,border-color .2s ease}
.btn-gold:hover{transform:translateY(-2px);border-color:var(--red-b);box-shadow:0 14px 30px rgba(10,111,168,.4)}
.btn-navy{background:linear-gradient(135deg,#1e4258,#0c2434);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:transform .18s ease,box-shadow .22s ease}
.btn-navy:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.4)}

/* ── cards & paper: lift, glow, zoom ── */
.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(0,0,0,.16);border-color:rgba(19,166,216,.5)}
.card figure img,.lead-img img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover figure img{transform:scale(1.055)}
.hcard{transition:transform .25s ease,box-shadow .25s ease}
.hcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.15)}
.lead{transition:box-shadow .25s ease}
.lead:hover{box-shadow:0 24px 54px rgba(0,0,0,.18)}
.sec-head h2{background:linear-gradient(135deg,#123049,#09222f);box-shadow:0 6px 18px rgba(0,0,0,.28);border-radius:2px;letter-spacing:.2px}
.minilist li{transition:padding-inline-start .2s ease,color .2s ease}
.minilist li:hover{padding-inline-start:6px;color:var(--red)}

/* ── chrome details ── */
::selection{background:var(--red);color:#fff}
html{scrollbar-width:thin;scrollbar-color:var(--red) #071f2e}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#071f2e}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#17b0e8,var(--red-d));border-radius:8px;border:2px solid #071f2e}
::-webkit-scrollbar-thumb:hover{background:var(--red-b)}
footer{border-top:none;box-shadow:0 -3px 0 var(--red) inset,0 -14px 44px rgba(0,0,0,.35);position:relative}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red-b) 50%,transparent)}

/* respect reduced-motion strictly */
@media (prefers-reduced-motion:reduce){
  body.fx-boot .masthead,body.fx-boot .mainnav,body.fx-boot .ticker{animation:none!important}
  .nav-ink{transition:none}
  .card,.card figure img,.btn-red,.btn-main,.hcard{transition:none}
}

/* ═══ ADMIN SUITE — dark cockpit ═══ */
body.admin{font-family:var(--lat);color:#e9f6fc;background:#061521!important}
body.admin a{color:#8fe2ff}
body.admin::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(46% 34% at 82% -6%,rgba(19,166,216,.13),transparent 60%),radial-gradient(40% 30% at 8% 110%,rgba(19,166,216,.09),transparent 60%)}
.adm-top{background:linear-gradient(120deg,rgba(15,45,65,.94),rgba(13,13,16,.96));border-bottom:2px solid var(--red);box-shadow:0 12px 34px rgba(0,0,0,.55);position:sticky;top:0;z-index:60;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.adm-top img{box-shadow:0 6px 18px rgba(0,0,0,.6),0 0 0 1px rgba(95,216,255,.3)}
.adm-title{color:#fff;text-shadow:0 0 22px rgba(95,216,255,.35)}
.adm-title small{color:#84aec2}
.adm-nav a{color:#cfe9f5;font-size:12.5px;border:1px solid rgba(255,255,255,.16);padding:7px 15px;border-radius:999px;transition:transform .18s ease,box-shadow .22s ease,background .18s ease,border-color .18s ease}
.adm-nav a:hover{background:linear-gradient(135deg,#17b0e8,var(--red-d));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,111,168,.5)}
.admin .panel{background:linear-gradient(180deg,#0e2534,#0a1f2e);border:1px solid #1e4258;border-color:#1e4258;border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.42);color:#e9f6fc;overflow:hidden}
.admin .panel:hover{box-shadow:0 20px 46px rgba(0,0,0,.5)}
.admin .panel-h{padding:14px 20px;border-bottom:1px solid rgba(95,216,255,.3);color:#fff;font-weight:700;letter-spacing:.2px;background:linear-gradient(90deg,rgba(19,166,216,.1),transparent 55%)}
.admin .panel-b{padding:16px 20px}
.admin .stat{background:linear-gradient(180deg,#123047,#0b2233);border:1px solid #224a62;border-top:3px solid var(--red);border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.admin .stat:hover{transform:translateY(-3px);border-color:rgba(95,216,255,.6);box-shadow:0 18px 38px rgba(0,0,0,.5)}
.admin .stat .v{color:var(--red-b);font-weight:800}
.admin .stat .k,.admin .stat .sub{color:#7fa4b8}
.admin .tbl{color:#dceefb;border-color:#224a62}
.admin .tbl th{color:#8fe2ff;border-bottom:2px solid rgba(95,216,255,.4);text-transform:uppercase;font-size:11px;letter-spacing:.8px}
.admin .tbl td{border-bottom:1px solid #16364a}
.admin .tbl tr:hover td{background:rgba(19,166,216,.07)}
.admin .fld label{color:#8db3c6;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.admin .fld input,.admin .fld textarea,.admin .fld select{background:#0a1a26;border:1px solid #235264;color:#eef8fd;border-radius:9px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;caret-color:var(--red-b)}
.admin .fld input:focus,.admin .fld textarea:focus,.admin .fld select:focus{outline:none;border-color:var(--red-b);box-shadow:0 0 0 4px rgba(95,216,255,.16);background:#0a1f2e}
.admin details.hlist summary{color:#9fe7ff}
.admin .note{color:#7fa4b8}
.admin .ret-box{background:rgba(19,166,216,.07);border:1px dashed rgba(95,216,255,.5);color:#f0d9db;border-radius:10px}
.admin .msg.ok{background:rgba(46,160,67,.14);border-color:rgba(46,160,67,.5);color:#9fe6b0}
.admin .msg.err{background:rgba(19,166,216,.13);border-color:rgba(95,216,255,.5);color:#bfeaff}
.admin code{background:#0f2c3c;color:#9fe7ff;border-radius:5px;padding:2px 7px}
body.login-bg::before{display:none}
.login-card{background:linear-gradient(180deg,rgba(15,42,60,.88),rgba(10,30,44,.94));border:1px solid #224a62;border-top:3px solid var(--red);color:#eef0f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 34px 80px rgba(0,0,0,.65),0 0 60px rgba(19,166,216,.14);border-radius:16px}
.login-card h1{color:#fff;letter-spacing:.4px}
.login-sub{color:#7fa4b8}
.login-card .fld input{background:#0b2a3f;border:1px solid #255770;color:#f0f9fe;border-radius:9px;transition:border-color .2s ease,box-shadow .2s ease}
.login-card .fld input:focus{outline:none;border-color:var(--red-b);box-shadow:0 0 0 4px rgba(95,216,255,.2)}
.login-card .fld label{color:#8db3c6;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.login-logo{box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 26px rgba(19,166,216,.28);border-radius:12px}
.login-hint{color:#6f97ab;border-top:1px dashed #1c4159}
.login-hint code{background:#123243;color:#9fe7ff}
.login-card a{color:#8fe2ff}
.signup-link{color:#cfe9f5!important}
.signup-link b{color:#8fe2ff}

/* ═══════════════════════════════════════════════════════════════
   ARCTIC · LOCATION PAGE — revolving ice-water globe
   ═══════════════════════════════════════════════════════════════ */
.loc-head{text-align:center;margin:6px auto 20px;max-width:760px}
.loc-kicker{display:inline-block;font-size:11.5px;letter-spacing:3px;color:var(--red);border:1px solid rgba(23,176,232,.4);border-radius:999px;padding:4px 18px;background:rgba(23,176,232,.08);margin-bottom:10px;font-weight:700}
h2.loc-title{font-size:clamp(24px,4.2vw,36px);color:var(--navy);line-height:1.75;margin:0}
.loc-sub{color:var(--muted);font-size:14px;margin-top:6px}
.loc-hero{position:relative;border-radius:18px;overflow:hidden;color:#eaf7fe;background:radial-gradient(70% 90% at 18% 8%,rgba(126,231,255,.14),transparent 52%),radial-gradient(60% 70% at 88% 96%,rgba(23,176,232,.16),transparent 55%),linear-gradient(150deg,#072736,#0b3a57 48%,#072335);box-shadow:0 28px 66px rgba(7,32,47,.55),inset 0 0 0 1px rgba(126,231,255,.22)}
.loc-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.028) 0 2px,transparent 2px 26px);pointer-events:none}
.loc-grid{display:grid;grid-template-columns:1.15fr .95fr;min-height:460px}
.globe-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;cursor:crosshair;padding:14px}
#globeCv{width:min(440px,88vw);height:min(440px,88vw);display:block;transition:filter .45s ease,transform .45s ease;filter:drop-shadow(0 26px 54px rgba(14,110,170,.42))}
#globeCv[data-hot="1"]{filter:drop-shadow(0 30px 62px rgba(23,176,232,.62));transform:scale(1.015)}
.globe-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(6,30,46,.82);border:1px solid rgba(126,231,255,.4);color:#c8ecfa;padding:7px 16px;border-radius:999px;font-size:11px;letter-spacing:1.6px;white-space:nowrap;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:opacity .4s ease;pointer-events:none}
.globe-wrap:hover .globe-hint{opacity:0}
.loc-info{padding:34px 32px;border-inline-start:1px solid rgba(126,231,255,.2);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.loc-row{display:flex;gap:15px;padding:15px 0;border-bottom:1px dashed rgba(126,231,255,.26);align-items:center}
.loc-row:last-of-type{border-bottom:none}
.loc-ic{flex:none;width:46px;height:46px;border-radius:13px;background:rgba(23,176,232,.15);border:1px solid rgba(126,231,255,.38);display:flex;align-items:center;justify-content:center;color:#9fe7ff;box-shadow:0 6px 16px rgba(6,26,40,.35)}
.loc-ic svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.loc-k{display:block;font-size:10.5px;letter-spacing:1.8px;font-weight:700;color:#8cd7f4;margin-bottom:2px;font-family:var(--lat)}
.loc-row b{display:block;color:#fff;font-size:16.5px;line-height:1.8;font-weight:700;word-break:break-word}
.loc-row b.num{font-size:15px;letter-spacing:.3px}
.loc-coord{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.chip{background:rgba(23,176,232,.13);border:1px solid rgba(126,231,255,.32);color:#a9e4fb;border-radius:999px;padding:5px 15px;font-size:11.5px;letter-spacing:.6px;transition:transform .2s ease,background .2s ease}
.chip:hover{transform:translateY(-2px);background:rgba(23,176,232,.24)}
@media (max-width:900px){
  .loc-grid{grid-template-columns:1fr}
  .globe-wrap{min-height:auto;padding:22px 8px 8px}
  .loc-info{border-inline-start:none;border-top:1px solid rgba(126,231,255,.2);padding:22px 22px 28px}
}

/* frost polish — keep everything on-brand after hover states */
.lead .chip,.chip-num{color:#eae2c8}
.gal figure:hover{box-shadow:0 14px 30px rgba(9,38,58,.28)}
.widget:hover{border-color:#bcdcec}
.ad-strip-a{border-color:#9cc8de!important}

/* ═══════════════════════════════════════════════════════════════
   FIX PACK — admin legibility · bg image back · navbar fits all
   ═══════════════════════════════════════════════════════════════ */

/* ── navbar: everything visible, ink stays a hairline ── */
.nav-word{font-size:14px}
.nav-brand img{height:30px}
.nav-brand{padding-inline-end:12px;margin-inline-end:8px}
.nav-in a{font-size:13.8px;padding:0 11px;letter-spacing:.1px}
.nav-in a.a-ep{font-size:13.2px;padding:0 13px;flex:none}
.nav-ink{height:2.5px;border-radius:2px 2px 0 0;box-shadow:0 -1px 9px rgba(95,216,255,.55)}
@media (max-width:1260px){
  .nav-in a{font-size:12.8px;padding:0 8px}
  .nav-word{display:none}
  .nav-brand{padding-inline-end:10px;margin-inline-end:6px}
}
@media (max-width:860px){
  .nav-in a{font-size:12px;padding:0 6px}
  .tick-label{font-size:12px;padding:0 12px}
}

/* ── admin: the newsroom photo comes back, text becomes crisp ── */
body.admin{color:#dceefb;background:linear-gradient(rgba(6,21,33,.88),rgba(8,32,46,.91)),url('../assets/field-reporting.jpg') center top/cover fixed no-repeat}
body.login-bg{background:linear-gradient(140deg,rgba(7,25,38,.93),rgba(10,32,46,.9) 55%,rgba(8,24,36,.94)),url('../assets/newsroom-bg.jpg') center/cover}
.admin .tbl{color:#e6f3fa}
.admin .tbl th{background:#0d2433;color:#9fe7ff;border-bottom:2px solid rgba(95,216,255,.4)}
.admin .tbl td{border-bottom:1px solid #16364a;background:transparent}
.admin .tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.admin .tbl tr:hover td{background:rgba(23,176,232,.09)}
.admin details.hlist{background:#0d2433;border:1px solid #1e4258;border-radius:9px;padding:8px 12px}
.admin details.hlist summary{color:#8fe2ff;font-weight:700}
.admin details.hlist ol{color:#cfe9f5}
.admin details.hlist summary::before{color:#6f97ab}
.admin input:not([type="checkbox"]):not([type="radio"]),.admin textarea,.admin select{width:100%;background:#0a1f2e;border:1px solid #235264;color:#f0f9fe;border-radius:9px;padding:8px 12px;font:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;caret-color:#5fd8ff}
.admin input:not([type="checkbox"]):not([type="radio"]):focus,.admin textarea:focus,.admin select:focus{outline:none;border-color:#5fd8ff;box-shadow:0 0 0 4px rgba(95,216,255,.18)}
.admin .fld input{background:#0a1f2e;border-color:#235264;color:#f0f9fe}
.admin h1,.admin h2,.admin h3,.admin .panel-h{color:#fff}
.admin strong,.admin b{color:#fff}
.admin .k,.admin .sub{color:#93b9cc}
.admin .stat .k,.admin .stat .sub{color:#93b9cc}
.admin .note{color:#8fb2c9}
.admin .fname-live{color:#9fe7ff;background:rgba(23,176,232,.1);border:1px dashed rgba(95,216,255,.4);border-radius:8px;padding:6px 12px;display:inline-block}
.admin .btn-main{color:#fff!important}
.admin .btn-navy{color:#dfeefb}
.admin .tbl a{color:#8fe2ff;font-weight:700}
.admin .tbl a:hover{color:#c8f2ff;text-decoration:underline}
.admin [class*="btn-"]{border-radius:8px}
.admin small{color:#93b9cc}
.admin .grid-2col>*{min-width:0}
.admin .inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin .inline-form input{flex:1;min-width:220px;width:auto}
.admin .panel-b label{color:#a9c6d6}
.admin ::placeholder{color:#5c8aa0;opacity:1}
.admin a[href^="/epaper"]{color:#8fe2ff}
html body.admin .login-card a{color:#8fe2ff}
html body.admin .login-card a b{color:#9fe7ff}

/* ── site table warmth gone anywhere (safety net) ── */
.tbl tr:hover td{background:#eaf5fb}

/* ═══════════════════════════════════════════════════════════════
   FIX PACK v2 — admin money-readable tables & chips, branch cards
   ═══════════════════════════════════════════════════════════════ */
.admin .tbl{background:#0d2433!important;border-color:#1e4258!important}
.admin .tbl th{background:#071f2e!important;color:#9fe7ff!important}
.admin .tbl td{background:transparent!important;color:#eaf7fe!important;border-bottom:1px solid #16364a!important}
.admin .tbl tbody tr:nth-child(even) td{background:rgba(255,255,255,.03)!important}
.admin .tbl tr:hover td{background:rgba(23,176,232,.11)!important}
.admin .tbl b,.admin .tbl strong{color:#fff!important}
.admin .tbl .num{color:#bfe4f5!important}
.admin .btn-sm{background:#12364c!important;color:#eaf7fe!important;border:1px solid #2a5b72!important;border-radius:7px!important;transition:transform .15s ease,box-shadow .2s ease,background .18s ease!important}
.admin .btn-sm:hover{background:#1a4a64!important;color:#fff!important;transform:translateY(-1px)}
.admin .btn-sm.red{background:linear-gradient(135deg,#0f8fd0,#0a5b8a)!important;color:#fff!important;border-color:rgba(95,216,255,.5)!important}
.admin .btn-sm.red:hover{background:linear-gradient(135deg,#17b0e8,#0a6fa8)!important;color:#fff!important;box-shadow:0 8px 18px rgba(10,111,168,.45)!important}
.admin .badge-pill{background:#12364c!important;color:#cfe9f5!important;border:1px solid #2a5b72!important}
.admin .badge-pill.gold{background:rgba(23,176,232,.2)!important;color:#9fe7ff!important;border-color:rgba(95,216,255,.55)!important}
.admin .badge-pill.green{background:rgba(46,160,67,.16)!important;color:#9fe6b0!important;border-color:rgba(46,160,67,.55)!important}
.admin .badge-pill.red{background:rgba(23,176,232,.14)!important;color:#8fe2ff!important;border-color:rgba(95,216,255,.45)!important}
.admin details.hlist ol li{color:#cfe9f5}
.admin details.hlist ol{color:#cfe9f5!important}
.admin summary::marker{color:#6f97ab}

/* branch cards on the Find Us page */
.loc-branches{margin-top:26px}
.loc-br-head{display:flex;align-items:center;gap:16px;margin:10px 0 14px}
.loc-br-head h3{font-size:21px;color:var(--navy);margin:0;white-space:nowrap}
.loc-br-head .rule{flex:1;height:2px;background:linear-gradient(90deg,rgba(23,176,232,.55),transparent)}
.loc-br-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.loc-branch{position:relative;border-radius:16px;overflow:hidden;padding:22px 22px 18px;color:#eaf7fe;background:radial-gradient(80% 120% at 100% 0%,rgba(126,231,255,.12),transparent 55%),linear-gradient(150deg,#072736,#0b334e);box-shadow:0 18px 44px rgba(7,32,47,.45),inset 0 0 0 1px rgba(126,231,255,.2);transition:transform .25s ease,box-shadow .3s ease}
.loc-branch:hover{transform:translateY(-4px);box-shadow:0 26px 54px rgba(7,32,47,.6),inset 0 0 0 1px rgba(126,231,255,.38)}
.loc-branch h4{margin:0 0 3px;font-size:17px;color:#fff;letter-spacing:.4px}
.loc-branch .city-k{display:inline-block;font-size:9.5px;letter-spacing:2.6px;font-weight:700;color:#9fe7ff;border:1px solid rgba(126,231,255,.4);border-radius:999px;padding:2px 11px;margin-bottom:10px;background:rgba(23,176,232,.12)}
.loc-branch p{margin:0 0 10px;font-size:14px;color:#cfe9f5;line-height:1.95}
.loc-branch .note{font-size:12.5px;color:#8fd4f0;border-inline-start:2px solid rgba(126,231,255,.45);padding-inline-start:10px;margin-top:8px}
.loc-branch .ph{display:inline-flex;align-items:center;gap:8px;background:rgba(23,176,232,.14);border:1px solid rgba(126,231,255,.32);color:#bdf3ff;border-radius:999px;padding:4px 13px;font-size:12px;letter-spacing:.4px;font-family:var(--lat)}
.loc-maps-btn{margin-top:20px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.loc-maps-btn:hover{text-decoration:none}
@media (max-width:860px){.loc-br-grid{grid-template-columns:1fr}.loc-br-head h3{white-space:normal}}

/* ── navbar final fit: every item fully visible on 1360px laptops ── */
.nav-word{font-size:13px}
.nav-brand img{height:28px}
.nav-brand{padding-inline-end:10px;margin-inline-end:6px}
.nav-brand:hover img{transform:none}
.nav-in a{font-size:13.2px;padding:0 9.5px}
.nav-in a.a-ep{font-size:12.8px;padding:0 11px}
@media (max-width:1260px){.nav-in a{font-size:12.6px;padding:0 7.5px}.nav-in a.a-ep{padding:0 9px}}
@media (max-width:860px){.nav-in a{font-size:11.8px;padding:0 6px}}
.globe-wrap{display:flex}
.globe-wrap :where(canvas){flex:none}

/* ══════════════════════════════════════════════════════════════════
   v7 · READABILITY EVERYWHERE + REAL EARTH GLOBE + EYE TOGGLE + PHOTOS
   Light surfaces, dark-black text — no washed-out ghosts anywhere.
   ══════════════════════════════════════════════════════════════════ */

/* ── real-earth globe — grab it with the cursor ── */
.globe-wrap{cursor:grab}
.globe-wrap.dragging,.globe-wrap:active{cursor:grabbing!important}
#globeCv{display:block}

/* ── brand grid — AMN in the world (billboard + field reporter + identity) ── */
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.brand-grid figure{margin:0}
@media(max-width:900px){.brand-grid{grid-template-columns:1fr}}

/* ── gallery — portrait reporter framing ── */
.gal img[src*="amn-reporter"]{object-position:center 18%}

/* ══ ADMIN & LOGIN — every surface light, every letter dark-black ══ */
body.admin{background:#e9f3f9!important}
body.admin .adm-shell,body.admin .adm-top-in,body.admin .panel,body.admin .panel-b,
body.admin .stat,body.admin .tbl-wrap,body.admin .ret-box,body.admin .note,
body.admin .login-card,body.admin .imgprev{
  background:#ffffff!important;border:1.5px solid #c3dcea!important;
  box-shadow:0 14px 34px rgba(9,38,58,.10)!important}
body.admin .stat{border-top:3px solid #0e9fd8!important}
body.admin .stat.red{border-top-color:#e63f3f!important}
body.admin .stat.gold{border-top-color:#e0a51d!important}
body.admin th{background:#eaf4fa!important}
body.admin td{border-bottom:1px solid #d7e7f0!important}

/* ALL text inside admin/login — dark-ink black, no exceptions */
body.admin h1,body.admin h2,body.admin h3,body.admin h4,
body.admin .adm-title,body.admin .panel-h,body.admin .stat b,body.admin .stat span,
body.admin .k,body.admin .v,body.admin td,body.admin th,
body.admin .fld label,body.admin .fld span,body.admin .fname-live,
body.admin .login-sub,body.admin .login-hint,
body.admin p,body.admin span,body.admin div,body.admin label,body.admin small{
  color:#071e2c!important;-webkit-text-fill-color:#071e2c!important;text-shadow:none!important}
body.admin .sub,body.admin .note,body.admin .login-sub,body.admin .stat small{
  color:#33556b!important;-webkit-text-fill-color:#33556b!important}
body.admin a{color:#0e5aa8!important}
body.admin body.admin .stat span{color:#33556b!important;-webkit-text-fill-color:#33556b!important}

/* inputs / textareas / selects — white field, dark-black text, ANY state incl. pasted/selected */
body.admin input,body.admin textarea,body.admin select,
body.admin .inp,body.admin .txt,body.admin input[type=file]{
  background:#ffffff!important;color:#071e2c!important;-webkit-text-fill-color:#071e2c!important;
  caret-color:#071e2c!important;border:1.5px solid #9fc2d8!important;border-radius:10px!important}
body.admin input:focus,body.admin textarea:focus,body.admin select:focus{
  border-color:#0e9fd8!important;box-shadow:0 0 0 4px rgba(14,159,216,.15)!important;outline:none!important}
body.admin input::placeholder,body.admin textarea::placeholder{color:#5b7d92!important;opacity:1!important}
body.admin input::selection,body.admin textarea::selection{background:#cdeaf8!important;color:#06202e!important}

/* buttons stay high-contrast on their own colors */
body.admin .btn-main,body.admin .btn-navy,body.admin button[type=submit]{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* ── password show/hide eye — login + reset + admin.php-compatible ── */
.pwd-wrap{position:relative}
.pwd-wrap input{padding-inline-end:52px!important}
.pwd-eye{position:absolute;top:50%;inset-inline-end:7px;transform:translateY(-50%);
  width:38px;height:38px;border:0;border-radius:10px;background:transparent;
  cursor:pointer;display:grid;place-items:center;padding:0}
.pwd-eye svg{width:22px;height:22px;stroke:#0e5aa8;fill:none}
.pwd-eye:hover{background:#e8f4fb}
.pwd-eye:focus-visible{outline:2px solid #0e9fd8;outline-offset:2px}

/* ══════════════════════════════════════════════════════════════════
   v8 · ADMIN PHOTO BACKGROUND RESTORED + ARCHIVE TABLE READABLE
   ══════════════════════════════════════════════════════════════════ */

/* the newsroom picture is back — white solid panels mean text stays
   perfectly dark on top of the photo, no ghost text anywhere */
body.admin:not(.login-bg){
  background:linear-gradient(rgba(9,24,40,.55),rgba(12,30,49,.68)),
             url('../assets/field-reporting.jpg') center top/cover fixed no-repeat!important}
body.admin.login-bg{
  background:linear-gradient(135deg,rgba(7,25,38,.93),rgba(10,32,46,.9) 55%,rgba(8,24,36,.94)),
             url('../assets/newsroom-bg.jpg') center/cover!important}

/* e-paper archive table — every row is solid, every word dark & readable */
body.admin .tbl{background:#ffffff!important;border-radius:12px!important;overflow:hidden}
body.admin .tbl td{background:#ffffff!important;color:#071e2c!important;-webkit-text-fill-color:#071e2c!important}
body.admin .tbl tr:nth-child(even) td{background:#f3f9fc!important}
body.admin .tbl th{background:#eaf4fa!important;color:#0a3d5c!important;-webkit-text-fill-color:#0a3d5c!important}
body.admin .tbl td *{text-shadow:none!important}
body.admin .tbl td b,body.admin .tbl td strong,body.admin .tbl td span,
body.admin .tbl td div,body.admin .tbl td small,body.admin .tbl td a{color:#071e2c!important;-webkit-text-fill-color:#071e2c!important}
body.admin .adm-shell,body.admin .adm-nav{box-shadow:0 24px 60px rgba(3,14,22,.35)!important}

/* photo frame behind the dark-label rows (View/Delete buttons keep their own colors) */
body.admin .tbl td .btn-main,body.admin .tbl td button{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* ══════════════════════════════════════════════════════════════════
   v9 · ARCHIVE TABLE CHIPS — navy pills, bright text (dark-on-dark fixed)
   ══════════════════════════════════════════════════════════════════ */

/* "📰 N headlines picked" chip — deep navy gradient, paper-white words */
body.admin details.hlist{
  background:linear-gradient(180deg,#0e3a5c,#0a2c47)!important;
  border:1px solid #2c6d96!important;border-radius:10px!important;
  padding:8px 12px!important;display:inline-block;min-width:210px}
body.admin details.hlist summary,
body.admin details.hlist ol,
body.admin details.hlist ol li,
body.admin details.hlist ol li *{
  color:#eaf7ff!important;-webkit-text-fill-color:#eaf7ff!important;text-shadow:none!important}
body.admin details.hlist summary{font-weight:700!important;font-size:12px!important;cursor:pointer;list-style:none}
body.admin details.hlist summary::before{content:"▸ ";color:#8fd8ff!important;-webkit-text-fill-color:#8fd8ff!important}
body.admin details.hlist[open] summary::before{content:"▾ "}
body.admin details.hlist ol{margin:8px 0 2px;padding-inline-start:20px;font-size:12px;line-height:1.9;max-height:220px;overflow-y:auto}

/* View button — navy pill with white text (Delete keeps its blue) */
body.admin a.btn-sm,body.admin .btn-sm{
  background:linear-gradient(180deg,#0e3a5c,#0a2c47)!important;
  color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;
  border:1px solid #2c6d96!important;border-radius:8px!important;
  padding:5px 14px!important;font-weight:700!important;text-shadow:none!important}
body.admin a.btn-sm:hover,body.admin .btn-sm:hover{background:linear-gradient(180deg,#156193,#0e4873)!important}

/* ══════════════════════════════════════════════════════════════════
   v10 · TABLE CHIPS — extra-strong (higher-specificity, beats every
   global admin rule so "headlines picked" is ALWAYS readable)
   ══════════════════════════════════════════════════════════════════ */
body.admin .tbl td details.hlist{
  background:linear-gradient(180deg,#0e3a5c,#0a2c47)!important;
  border:1.5px solid #2c6d96!important;border-radius:10px!important;
  padding:8px 12px!important;display:inline-block!important;min-width:210px!important;
  box-shadow:0 4px 12px rgba(6,24,38,.14)!important}
body.admin .tbl td details.hlist summary,
body.admin .tbl td details.hlist ol,
body.admin .tbl td details.hlist ol li,
body.admin .tbl td details.hlist ol li *{
  color:#eaf7ff!important;-webkit-text-fill-color:#eaf7ff!important;text-shadow:none!important}
body.admin .tbl td details.hlist summary{font-weight:700!important;font-size:12px!important}
body.admin .tbl td details.hlist summary::before{color:#8fd8ff!important;-webkit-text-fill-color:#8fd8ff!important}
body.admin .tbl td a.btn-sm,body.admin .tbl td .btn-sm{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* fx12 reveal-on-scroll + bari piyari hover (admin-driven feel) */
.rvl{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.2,.7,.3,1),transform .55s cubic-bezier(.2,.7,.3,1)}
.rvl-in{opacity:1;transform:none}
.tcard,.vcard,.member-card,.panel,.gcard,.visit-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tcard:hover,.vcard:hover,.member-card:hover,.gcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px #123a5c26;border-color:#b9d6ea}
@media (max-width:760px){
  .team-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
  .grid-2col{grid-template-columns:1fr !important}
  .topbar-in{flex-wrap:wrap;gap:6px}
  .h-card .h-dek{display:block}
  body{overflow-x:hidden}
}

/* ══════════════════════════════════════════════════════════════════
   روزنامہ امن — اردو انتظامی نظام اور مکمل مواد ایڈیٹر
   ══════════════════════════════════════════════════════════════════ */
body.admin{font-family:Tahoma,Arial,sans-serif!important;line-height:1.75}
body.admin input,body.admin textarea,body.admin select,body.admin button,body.admin .btn-sm{font-family:inherit}
body.admin .fld label,body.admin .tbl th{text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
body.admin .adm-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
body.admin .adm-brand .sub{display:block;margin:0}
body.admin .adm-identity{margin-inline-start:auto;color:#33556b;font-size:12px;max-width:280px;overflow-wrap:anywhere}
body.admin .adm-nav{margin:0!important;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
body.admin .adm-nav a.on{background:linear-gradient(180deg,#0e9fd8,#0a7cb1)!important;color:#fff!important;border-color:#0e9fd8!important}
body.admin .adm-nav .adm-logout{margin-inline-start:auto;color:#a92e35!important}
body.admin .adm-nav-gap{height:8px}
body.admin .adm-alert{margin-top:0;border-width:1px;border-style:solid}
body.admin .adm-alert .panel-b{font-weight:700}
body.admin .adm-alert-ok{border-color:#a9d9b7!important;background:#eef9f1!important}
body.admin .adm-alert-ok .panel-b{color:#176b34!important}
body.admin .adm-alert-error{border-color:#edb4b4!important;background:#fff3f3!important}
body.admin .adm-alert-error .panel-b{color:#9d2929!important}
body.admin .stat-grid{margin-top:12px}
body.admin .adm-panel-split{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.admin .adm-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.admin .btn-sm.danger{background:linear-gradient(180deg,#d94a4a,#ad2929)!important;border-color:#b83232!important;color:#fff!important}
body.admin .adm-empty{text-align:center;padding:24px 12px;color:#526b7b}
body.admin .inline-form{display:inline-flex;margin:0}
body.admin .login-message{border:1px solid;border-radius:9px;padding:10px 14px;font-size:13px;margin:12px 0;text-align:right}
body.admin .login-message.ok{background:#eaf8ee;border-color:#b8dfc2;color:#176b34}
body.admin .login-message.error{background:#fff0f0;border-color:#edb4b4;color:#9d2929}
body.admin .pwd-wrap{position:relative}
body.admin .pwd-wrap input{padding-inline-end:50px}
body.admin .check-line{display:inline-flex!important;align-items:center;gap:8px;margin:6px 18px 6px 0;font-weight:400!important;text-transform:none!important}
body.admin .check-line input{width:18px!important;height:18px;min-height:18px;accent-color:#0e7fac}
body.admin .permission-box{border:1px solid #cddfea;border-radius:10px;padding:10px 12px;margin:12px 0 16px;display:flex;gap:4px;flex-wrap:wrap}
body.admin .permission-box legend{font-size:12px;font-weight:700;color:#234c66;padding:0 8px}
body.admin .user-list{display:grid;gap:16px}
body.admin .user-card{border:1px solid #cfdee8;background:#f7fbfd;border-radius:12px;padding:16px}
body.admin .user-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #dbe7ee;padding-bottom:10px;margin-bottom:14px}
body.admin .user-card-head strong{color:#0a3d5c;font-size:16px}
body.admin .user-card-head span{color:#527083;font-size:12px}
body.admin .user-delete{margin-top:10px;text-align:end}
body.admin .security-list{margin:0;padding-inline-start:22px;line-height:2.2;color:#27485d}
body.admin .med-grid figure{background:#fff;border:1px solid #d1e0e9;border-radius:12px;padding:10px;margin:0;overflow:hidden}
body.admin .med-grid .imgprev{display:block;width:100%;height:150px;object-fit:cover;border-radius:8px;background:#edf3f6}
body.admin .med-grid figcaption{display:grid;gap:5px;margin:8px 0;font-size:11px;overflow-wrap:anywhere}
body.admin .med-grid figcaption small{color:#527083}
body.admin .editor-intro{margin-top:12px}
body.admin .editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
body.admin .editor-bottom{position:sticky;bottom:12px;z-index:30;background:#fff;border:1px solid #cfdee8;border-radius:12px;padding:12px;box-shadow:0 12px 30px rgba(8,35,52,.18);width:max-content;max-width:100%}
body.admin .content-editor{display:grid;gap:16px;margin-top:16px}
body.admin .editor-group{margin:0}
body.admin .editor-section{border:1px solid #d4e2eb;border-radius:10px;margin:10px 0;background:#f8fbfd;overflow:hidden}
body.admin .editor-section>summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#0b4568;background:#edf5fa;list-style-position:inside}
body.admin .editor-section[open]>summary{border-bottom:1px solid #d4e2eb;background:#e3f0f7}
body.admin .editor-section-body{padding:14px}
body.admin .node-object{display:block}
body.admin .node-field{margin-bottom:14px}
body.admin .node-array{display:grid;gap:12px}
body.admin .editor-item{border:1px solid #ccdde8;background:#fff;border-radius:10px;padding:12px}
body.admin .editor-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #d4e2eb}
body.admin .editor-item-head strong{color:#0a4d72}
body.admin .editor-item-controls{display:flex;gap:5px;flex-wrap:wrap}
body.admin .editor-item-controls .btn-sm{min-width:38px;justify-content:center}
body.admin .editor-add{justify-self:start;margin-top:2px}
body.admin .bilingual-fields{gap:14px}
body.admin .editor-text{width:100%;line-height:1.75;resize:vertical}
body.admin .asset-input{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
body.admin .asset-input select{flex:1;min-width:230px}
body.admin .editor-asset-preview{width:150px;height:96px;object-fit:cover;border:1px solid #c9dce8;border-radius:8px;background:#eef4f7}
body.admin .editor-section input[type=number]{max-width:260px}
@media(max-width:760px){
  body.admin .adm-top-in{align-items:flex-start;flex-wrap:wrap}
  body.admin .adm-identity{margin-inline-start:0;max-width:100%}
  body.admin .adm-nav .adm-logout{margin-inline-start:0}
  body.admin .editor-section-body{padding:10px}
  body.admin .asset-input select{min-width:100%}
  body.admin .editor-bottom{width:100%}
  body.admin .editor-bottom button{width:100%}
}

/* Revision 2: sourced stories, complete archive and English administration. */
.source-link{display:inline-flex;align-items:center;gap:3px;margin-top:7px;color:var(--blue,#14557b);font-size:11px;font-weight:700;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.source-link:hover{text-decoration:underline;color:var(--red,#ba1e2d)}
.news-attribution{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;margin-top:5px;font-size:11px;color:#6b7786;line-height:1.5}
.news-attribution .source-link{margin-top:0}
.latest .tx .source-link{display:flex;font-size:10px;margin-top:3px}
.pop .news-attribution{padding-inline-start:0}
.gal figcaption .source-link{display:flex;color:#f0c36d;font-size:10px}
.archive-date{color:inherit;text-decoration:none;cursor:pointer;font-weight:700}
.archive-date:hover,.archive-date:focus{color:var(--red,#ba1e2d);text-decoration:underline}
.ep-arch{max-height:460px;overflow-y:auto;scrollbar-width:thin}
.adm-alert-warn{border-color:#d9a928;background:#fff9e8}
.diag-ok,.diag-warn,.diag-error{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:700}
.diag-ok{background:#e8f6ed;color:#176c3b}.diag-warn{background:#fff3cd;color:#825b00}.diag-error{background:#fde9e7;color:#a11d1d}
.badge-latest{display:inline-block;margin-inline-start:5px;padding:2px 5px;border-radius:3px;background:#e8f6ed;color:#176c3b;font-size:10px;font-weight:700;white-space:nowrap}
.diag-table td:last-child{min-width:280px;overflow-wrap:anywhere}
.admin .adm-top-in,.admin .adm-nav{direction:ltr}
.admin .fld label,.admin .panel-h,.admin .note,.admin .btn-main,.admin .btn-navy{font-family:Arial,Helvetica,sans-serif}
.admin .bilingual-fields .fld:last-child{direction:ltr}
@media(max-width:700px){.ep-arch{max-height:380px}.diag-table td:last-child{min-width:0}.source-link{font-size:10px}}

/* Revision 3: reliable small-request uploads. */
.chunk-status{display:block;margin-top:12px;padding:10px 12px;border:1px solid #b9d5e4;border-radius:7px;background:#f1f8fc;color:#125274;font:600 12px/1.65 Arial,Helvetica,sans-serif;direction:ltr;text-align:left;white-space:normal}
.chunk-status[hidden]{display:none}
.chunk-status.is-error{border-color:#e5aaaa;background:#fff3f3;color:#9d2929}
.chunk-status.is-ok{border-color:#a9d9b7;background:#eef9f1;color:#176b34}
.chunk-status+.note{margin-top:10px}
@media(max-width:700px){.chunk-status{font-size:11px;overflow-wrap:anywhere}}