@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@600;700&family=Inter:wght@400;500;600&display=swap');

*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{font-family:'Inter',sans-serif;background:#0B1426;color:#fff;margin:0;padding:20px;min-height:100vh}
.wrap{max-width:560px;margin:0 auto}

/* ── Header — identical on every public page ── */
.logo{display:flex;align-items:center;gap:9px;margin-bottom:20px}
.logo img{width:42px;height:42px}
.logo b{font-family:'Rajdhani',sans-serif;font-size:1.5rem;font-weight:700}

/* ── Back link — sits below logo on detail pages ── */
.back{color:#8BA0B8;text-decoration:none;font-size:0.82rem;display:inline-block;margin-bottom:16px}

/* ── Status banner ── */
.sbn{border-radius:12px;padding:18px 20px;margin-bottom:18px}
.sbn h1{font-family:'Rajdhani',sans-serif;font-size:1.4rem;margin:0 0 4px}
.sbn p{margin:0;color:#8BA0B8;font-size:0.82rem}

/* ── Cards ── */
.card{background:#152035;border:1px solid #ffffff12;border-radius:12px;padding:18px;margin-bottom:14px}
.card h3{font-family:'Rajdhani',sans-serif;font-size:0.85rem;letter-spacing:0.1em;text-transform:uppercase;color:#8BA0B8;margin:0 0 12px}

/* ── Data rows ── */
.dr{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff0d;font-size:0.84rem}
.dr:last-child{border-bottom:none}
.dr-l{color:#8BA0B8}
.dr-r{font-weight:500}

/* ── Sentinel parameter rows ── */
.pr{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff0d;font-size:0.84rem}
.pr:last-child{border-bottom:none}
.pr-l{display:flex;align-items:center;gap:9px;color:#8BA0B8}
.pr-ic{font-size:0.9rem;width:18px;text-align:center;font-weight:800;flex-shrink:0}
.pr-v{font-weight:600}

/* ── History ── */
.hist{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff0d;font-size:0.8rem}
.hist:last-child{border-bottom:none}
.hist-d{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}
.hist-dt{color:#8BA0B8;font-size:0.7rem}
.hist-tx{margin:2px 0}
.hist-by{color:#4B5563;font-size:0.7rem}

/* ── Misc ── */
.epc{font-family:ui-monospace,monospace;font-size:0.78rem;color:#2ECC71}
.muted{color:#8BA0B8;font-size:0.82rem}
.dossier-link{display:block;text-align:center;background:#2ECC71;color:#0B1426;text-decoration:none;font-weight:600;padding:12px;border-radius:8px;margin:6px 0 14px}

/* ── Badges ── */
.badge{font-size:0.66rem;font-weight:700;padding:2px 9px;border-radius:100px;text-transform:uppercase}
.badge-ok{background:rgba(22,163,74,0.15);color:#16A34A}
.badge-bad{background:rgba(220,38,38,0.15);color:#DC2626}
.st-badge{font-size:0.68rem;font-weight:700;padding:3px 10px;border-radius:100px;text-transform:uppercase}

/* ── State (loading / error / empty) ── */
.state{text-align:center;padding:50px 20px;color:#4B5563}
.state strong{display:block;color:#8BA0B8;font-size:1.1rem;margin-bottom:8px}

/* ── Portal search ── */
.hero{margin-bottom:24px}
.hero h1{font-family:'Rajdhani',sans-serif;font-size:1.6rem;margin:0 0 6px;font-weight:700}
.hero p{color:#8BA0B8;font-size:0.86rem;margin:0}
.search-bar{display:flex;gap:8px;margin-bottom:12px}
.search-bar input{flex:1;padding:11px 14px;background:#152035;border:1px solid #ffffff18;border-radius:9px;color:#fff;font-size:0.9rem;font-family:'Inter',sans-serif}
.search-bar input::placeholder{color:#4B5563}
.search-bar input:focus{outline:none;border-color:#2ECC71}
.search-bar button{background:#2ECC71;color:#0B1426;border:none;padding:11px 20px;border-radius:9px;font-weight:700;cursor:pointer;white-space:nowrap;font-size:0.9rem}
.search-bar button:hover{background:#27b360}
.hint{font-size:0.76rem;color:#4B5563;text-align:center;margin-bottom:16px}

/* ── Portal result cards ── */
.pcard{background:#152035;border:1px solid #ffffff12;border-radius:12px;padding:16px 18px;text-decoration:none;color:#fff;display:block;margin-bottom:10px;transition:border-color 0.15s}
.pcard:hover{border-color:#2ECC7166}
.pcard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pcard-epc{font-family:ui-monospace,monospace;font-size:0.8rem;color:#2ECC71}
.pcard-rows{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.pcard-row{font-size:0.8rem;display:flex;gap:6px}
.pcard-row span:first-child{color:#8BA0B8;flex-shrink:0}
.pcard-row span:last-child{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Dossier items ── */
.item{background:#152035;border:1px solid #ffffff12;border-radius:10px;padding:14px;margin-bottom:8px}
.item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.item-sub{font-size:0.78rem;color:#8BA0B8}
.doc-item{background:#0B1426;border:1px solid #ffffff0d;border-radius:8px;padding:12px 14px;margin-bottom:6px}
.doc-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px}
.doc-dl{color:#2ECC71;text-decoration:none;font-weight:600;font-size:0.88rem}
.doc-dl:hover{text-decoration:underline}
.doc-meta{font-size:0.74rem;color:#4B5563}
.badge-cur{font-size:0.65rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(22,163,74,0.15);color:#16A34A;flex-shrink:0}
.badge-sup{font-size:0.65rem;font-weight:700;padding:2px 8px;border-radius:100px;background:rgba(107,114,128,0.18);color:#6B7280;flex-shrink:0}
details summary{color:#4B5563;font-size:0.76rem;cursor:pointer;padding:6px 0;list-style:none}

/* ── Footer ── */
.site-footer{border-top:1px solid #ffffff0d;margin-top:28px;padding:22px 0;text-align:center}
.ft-brand{font-family:'Rajdhani',sans-serif;font-weight:700;color:#2ECC71;margin-bottom:6px;font-size:0.95rem}
.ft-tag{font-size:0.74rem;color:#4B5563;margin-bottom:4px}
.ft-copy{font-size:0.7rem;color:#4B5563}