/* Asset version bumped after the local static-file router fix. */
:root {
  --bg: #f3f6f8;
  --surface: #ffffff;
  --surface-2: #f9fbfc;
  --ink: #101820;
  --muted: #657386;
  --line: #d9e1ea;
  --brand: #08756f;
  --brand-dark: #064f4b;
  --brand-2: #b42318;
  --accent: #d99a28;
  --ok: #14804a;
  --radius: 8px;
  --shadow: 0 16px 36px rgba(16,24,32,.10);
  --soft-shadow: 0 8px 22px rgba(16,24,32,.06);
}

/* User governance */
.user-governance-title .eyebrow { color: var(--brand); }
.access-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 0 0 16px; }
.access-summary > div { min-height: 76px; padding: 13px 15px; border: 1px solid var(--line); border-top: 3px solid #1ba39c; background: #fff; }
.access-summary strong, .access-summary span { display: block; }
.access-summary strong { font-size: 23px; line-height: 1; }
.access-summary span { margin-top: 8px; color: var(--muted); font-size: 11px; }
.access-summary .owner-status { border-top-color: var(--brand); background: #fff8f8; }
.access-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr); gap: 16px; align-items: start; }
.user-editor { margin: 0; }
.user-editor small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; }
.owner-safety-note { padding: 10px 12px; border-right: 3px solid #e6a21a; background: #fff9e9; color: #63480b; font-size: 11px; }
.role-directory { display: grid; gap: 7px; }
.role-item { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 11px 12px; border: 1px solid var(--line); background: #fff; }
.role-item.role-owner { border-right: 3px solid var(--brand); background: #fff8f8; }
.role-rank { display: grid; place-items: center; width: 30px; height: 30px; background: #eef2f4; color: #51606a; font-weight: 800; }
.role-item strong, .role-item p { display: block; margin: 0; }
.role-item p { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.user-list-section { margin-top: 22px; }
.user-table-wrap { overflow-x: auto; border: 1px solid var(--line); background: #fff; }
.user-access-table { margin: 0; min-width: 780px; }
.user-access-table td:first-child strong, .user-access-table td:first-child small, .user-access-table td:nth-child(2) small { display: block; }
.user-access-table td small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.user-access-table .current-account { background: #f4fbfa; }
.role-name { font-weight: 700; }
.user-row-actions { display: flex; gap: 6px; align-items: center; }
.user-row-actions form { margin: 0; }
.current-label { padding: 5px 8px; color: #14756f; font-size: 10px; font-weight: 700; }

@media (max-width: 900px) {
  .access-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .access-layout { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .access-summary { grid-template-columns: 1fr 1fr; }
  .role-item { grid-template-columns: 30px minmax(0,1fr); }
  .role-item > .badge-chip { grid-column: 2; justify-self: start; }
  .user-editor .btn { width: 100%; }
}

/* Nabd-inspired public identity */
.nabd-skin {
  --ink:#0B0B0C;
  --ink-soft:#17171A;
  --paper:#F7F5F1;
  --paper-dim:#EDEAE4;
  --red:#C81E2C;
  --red-deep:#7A0F1A;
  --olive:#6E7A4B;
  --olive-deep:#4E5736;
  --gold:#D9C98A;
  --slate:#5B5B5E;
  --line:rgba(11,11,12,.10);
  --radius:2px;
  --shadow:0 12px 30px rgba(0,0,0,.10);
  background:var(--paper);
  color:var(--ink);
  font-family:'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
  line-height:1.65;
}
.nabd-skin .wrap { max-width:1220px; width:auto; padding:0 20px; }
.nabd-skin h1,.nabd-skin h2,.nabd-skin h3,.nabd-skin h4 { font-family:'El Messiri', Tahoma, serif; letter-spacing:0; }
.nabd-skin .util-bar { background:var(--ink); color:rgba(247,245,241,.66); font-family:'JetBrains Mono', monospace; font-size:11px; }
.nabd-skin .util-bar .wrap { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.nabd-skin .util-left,.nabd-skin .util-right { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.nabd-skin .util-bar a:hover { color:#fff; }
.nabd-skin .util-install { border:0; background:transparent; color:rgba(247,245,241,.78); padding:0; font:inherit; cursor:pointer; }
.nabd-skin .util-install:hover { color:#fff; }
.network-status { position:fixed; right:16px; bottom:16px; z-index:100; max-width:min(360px,calc(100vw - 32px)); padding:10px 14px; background:#202a33; color:#fff; border-right:4px solid #d49a1f; box-shadow:0 8px 24px rgba(0,0,0,.2); font-size:12px; font-weight:800; }
.nabd-skin .sep { color:rgba(247,245,241,.28); }
.nabd-skin .ticker { height:38px; background:var(--ink-soft); color:var(--paper); border-bottom:1px solid rgba(247,245,241,.12); overflow:hidden; margin:0; }
.nabd-skin .ticker .wrap { height:100%; display:flex; align-items:center; gap:14px; overflow:hidden; }
.nabd-skin .live-tag { display:flex; align-items:center; gap:7px; flex:0 0 auto; font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.12em; color:var(--red); padding-left:14px; border-left:1px solid rgba(247,245,241,.12); }
.nabd-skin .live-dot { width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 0 0 rgba(200,30,44,.35); animation:pulseDot 1.8s infinite; }
@keyframes pulseDot { 0%{box-shadow:0 0 0 0 rgba(200,30,44,.35);} 70%{box-shadow:0 0 0 8px rgba(200,30,44,0);} 100%{box-shadow:0 0 0 0 rgba(200,30,44,0);} }
.nabd-skin .ticker-track { display:flex; gap:48px; white-space:nowrap; animation:tickerScroll 38s linear infinite; font-size:13px; color:rgba(247,245,241,.86); }
.nabd-skin .ticker:hover .ticker-track { animation-play-state:paused; }
@keyframes tickerScroll { 0%{transform:translateX(0);} 100%{transform:translateX(50%);} }
.nabd-skin header.site { background:rgba(247,245,241,.94); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; backdrop-filter:blur(8px); }
.nabd-skin .header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:15px 0; }
.nabd-skin .logo { display:flex; align-items:baseline; gap:8px; flex:0 0 auto; padding:0; font-weight:400; font-size:initial; }
.nabd-skin .logo .mark { font-family:'El Messiri', serif; font-weight:700; font-size:30px; color:var(--ink); position:relative; }
.nabd-skin .logo .mark::after { content:''; position:absolute; right:-2px; bottom:4px; width:8px; height:8px; background:var(--red); border-radius:50%; }
.nabd-skin .logo .tag { font-family:'JetBrains Mono', monospace; font-size:9.5px; color:var(--slate); letter-spacing:.1em; border-right:1px solid var(--line); padding-right:8px; }
.nabd-skin nav.main { display:flex; align-items:center; gap:2px; flex:1; overflow-x:auto; }
.nabd-skin nav.main a { font-size:14px; font-weight:600; padding:9px 12px; border-radius:2px; color:var(--ink); white-space:nowrap; position:relative; }
.nabd-skin nav.main a:hover,.nabd-skin nav.main a.active { color:var(--red); }
.nabd-skin nav.main a.active::after { content:''; position:absolute; right:12px; left:12px; bottom:2px; height:2px; background:var(--red); }
.nabd-skin nav.main a.jobs-link { color:var(--olive-deep); }
.nabd-skin nav.main a.jobs-link:hover { color:var(--olive); }
.nabd-skin .header-search { display:flex; align-items:center; gap:6px; flex:0 0 150px; }
.nabd-skin .header-search input { width:100%; height:36px; border:1px solid var(--line); border-radius:20px; padding:8px 12px; background:transparent; font:inherit; }
.nabd-skin .icon-btn { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); }
.nabd-skin .hero { padding:32px 0 34px; }
.nabd-skin .hero-grid { display:grid; grid-template-columns:1.7fr 1fr; gap:28px; }
.nabd-skin .hero-main { position:relative; min-height:430px; display:flex; align-items:flex-end; overflow:hidden; background:var(--ink); border-radius:2px; }
.nabd-skin .hero-image { position:absolute; inset:0; background-size:cover; background-position:center; filter:saturate(.9); }
.nabd-skin .hero-main .overlay { position:relative; z-index:2; width:100%; padding:30px; background:linear-gradient(to top, rgba(0,0,0,.86) 8%, rgba(0,0,0,.10)); }
.nabd-skin .eyebrow { display:inline-flex; align-items:center; gap:7px; font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.08em; color:var(--red); background:rgba(200,30,44,.15); border:1px solid rgba(200,30,44,.4); padding:4px 10px; border-radius:20px; margin-bottom:14px; }
.nabd-skin .hero-main h1 { font-size:34px; line-height:1.35; color:#fff; margin:0 0 10px; max-width:720px; }
.nabd-skin .hero-main p { color:rgba(255,255,255,.76); max-width:620px; font-size:14px; margin:0 0 14px; }
.nabd-skin .meta-row { display:flex; flex-wrap:wrap; gap:14px; font-family:'JetBrains Mono', monospace; font-size:11px; color:rgba(255,255,255,.58); }
.nabd-skin .hero-side { display:flex; flex-direction:column; }
.nabd-skin .side-story { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--line); }
.nabd-skin .side-story:first-child { padding-top:2px; }
.nabd-skin .side-story .num { flex:0 0 auto; font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--red); padding-top:2px; direction:ltr; }
.nabd-skin .side-story h3 { font-size:15.5px; font-weight:600; line-height:1.55; margin:0 0 5px; }
.nabd-skin .side-story .meta,.nabd-skin .mini-meta { font-family:'JetBrains Mono', monospace; font-size:10px; color:var(--slate); }
.nabd-skin .service-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 34px; }
.nabd-skin .service-strip a { background:#fff; border:1px solid var(--line); border-top:3px solid var(--red); border-radius:2px; padding:14px; box-shadow:none; }
.nabd-skin .service-strip strong { font-family:'El Messiri',serif; font-size:17px; }
.nabd-skin .home-insight-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 18px; }
.nabd-skin .insight-card { display:grid; gap:4px; background:#fff; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:2px; padding:14px; min-height:112px; }
.nabd-skin .insight-card span { font-family:'JetBrains Mono',monospace; font-size:25px; line-height:1; color:var(--ink); direction:ltr; text-align:right; }
.nabd-skin .insight-card strong { font-family:'El Messiri',serif; font-size:17px; }
.nabd-skin .insight-card small { color:var(--slate); line-height:1.6; }
.nabd-skin .insight-card.urgent { border-top-color:var(--red); }
.nabd-skin .insight-card.olive { border-top-color:var(--olive); }
.nabd-skin .insight-card.dark { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.nabd-skin .insight-card.dark small,.nabd-skin .insight-card.dark span { color:rgba(247,245,241,.72); }
.nabd-skin .layout-2col { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:36px; align-items:start; margin-bottom:50px; }
.nabd-skin .chips { display:flex; gap:8px; flex-wrap:wrap; }
.nabd-skin .home-chips { padding-bottom:22px; border-bottom:1px solid var(--line); margin-bottom:26px; }
.nabd-skin .chip { font-size:13px; font-weight:600; padding:8px 16px; border-radius:20px; border:1px solid var(--line); color:var(--slate); background:transparent; }
.nabd-skin .chip.on,.nabd-skin .chip:hover { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.nabd-skin .section-head { display:flex; align-items:baseline; justify-content:space-between; margin:0 0 20px; border:0; padding:0; }
.nabd-skin .section-head h2 { font-size:22px; font-weight:700; display:flex; align-items:center; gap:10px; margin:0; }
.nabd-skin .section-head h2::before { content:''; width:4px; height:20px; background:var(--red); display:inline-block; }
.nabd-skin .section-head.olive h2::before { background:var(--gold); }
.nabd-skin .more { font-family:'JetBrains Mono', monospace; color:var(--slate); font-size:13px; }
.nabd-skin .brief-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--line); margin-bottom:2px; }
.nabd-skin .brief-head span { font-family:'JetBrains Mono',monospace; color:var(--red); font-size:11px; letter-spacing:.12em; }
.nabd-skin .brief-head strong { font-family:'El Messiri',serif; font-size:17px; }
.nabd-skin .breaking-board { margin-bottom:30px; }
.nabd-skin .breaking-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.nabd-skin .breaking-card { display:grid; gap:8px; background:var(--ink); color:var(--paper); border-radius:2px; padding:16px; min-height:138px; align-content:start; }
.nabd-skin .breaking-card span { width:max-content; background:var(--red); color:#fff; border-radius:2px; padding:2px 8px; font-size:11px; font-weight:800; }
.nabd-skin .breaking-card strong { font-size:16px; line-height:1.65; }
.nabd-skin .breaking-card small { color:rgba(247,245,241,.62); font-family:'JetBrains Mono',monospace; font-size:10px; }
.nabd-skin .news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.nabd-skin .card { display:flex; flex-direction:column; border:1px solid var(--line); border-radius:2px; overflow:hidden; background:#fff; box-shadow:none; transition:border-color .15s ease, transform .15s ease; }
.nabd-skin .card:hover { border-color:var(--ink); transform:translateY(-2px); box-shadow:none; }
.nabd-skin .card .thumb { height:165px; background:repeating-linear-gradient(135deg,var(--paper-dim) 0 2px,#E3DFD6 2px 34px); position:relative; overflow:hidden; display:block; }
.nabd-skin .card .thumb img { width:100%; height:100%; object-fit:cover; opacity:.92; }
.nabd-skin .cat-tag { position:absolute; top:10px; right:10px; font-family:'JetBrains Mono', monospace; font-size:10px; background:var(--ink); color:var(--paper); padding:4px 9px; border-radius:2px; }
.nabd-skin .card .body { padding:16px; flex:1; display:flex; flex-direction:column; }
.nabd-skin .card h3 { font-size:17px; line-height:1.55; margin:0 0 8px; }
.nabd-skin .card p { color:var(--slate); font-size:12.5px; margin:0 0 14px; flex:1; }
.nabd-skin .card .meta { display:flex; align-items:center; justify-content:space-between; gap:10px; font-family:'JetBrains Mono', monospace; font-size:10px; color:var(--slate); padding-top:12px; border-top:1px solid var(--line); }
.nabd-skin .sidebar-widget { background:#fff; border:1px solid var(--line); border-radius:2px; padding:20px; margin-bottom:22px; }
.nabd-skin .sidebar-widget h4 { font-size:16px; margin:0 0 14px; display:flex; align-items:center; gap:8px; }
.nabd-skin .sidebar-widget h4::before { content:''; width:3px; height:15px; background:var(--red); }
.nabd-skin .most-read-item { display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }
.nabd-skin .most-read-item:last-child { border-bottom:0; }
.nabd-skin .rank { font-family:'El Messiri',serif; font-weight:700; font-size:21px; color:var(--paper-dim); -webkit-text-stroke:1px var(--slate); flex:0 0 auto; }
.nabd-skin .most-read-item h5 { font:600 13px/1.5 'IBM Plex Sans Arabic',sans-serif; margin:0; }
.nabd-skin .newsletter-widget { background:var(--ink); color:#fff; border:0; }
.nabd-skin .newsletter-widget p { color:rgba(247,245,241,.65); font-size:12px; }
.nabd-skin .newsletter-widget form { display:flex; }
.nabd-skin .newsletter-widget input { flex:1; background:rgba(247,245,241,.08); border:1px solid rgba(247,245,241,.12); border-left:0; color:#fff; padding:10px; border-radius:2px 0 0 2px; }
.nabd-skin .newsletter-widget button { background:var(--red); border:0; color:#fff; padding:0 14px; border-radius:0 2px 2px 0; }
.nabd-skin .priority-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:34px 0; }
.nabd-skin .priority-box { background:#fff; border:1px solid var(--line); border-top:4px solid var(--olive); border-radius:2px; padding:20px; box-shadow:none; }
.nabd-skin .priority-box.aid-box { border-top-color:var(--red); }
.nabd-skin .list { display:grid; gap:0; }
.nabd-skin .deadline-stack { display:grid; gap:10px; margin-bottom:16px; }
.nabd-skin .deadline-row { display:grid; gap:5px; padding:11px 0; border-bottom:1px solid var(--line); }
.nabd-skin .deadline-row strong { font-size:14.5px; line-height:1.55; }
.nabd-skin .deadline-row span { color:var(--olive-deep); font-size:12px; font-weight:800; }
.nabd-skin .list-item { display:grid; grid-template-columns:88px minmax(0,1fr); gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.nabd-skin .list-thumb img,.nabd-skin .list-item img { width:88px; height:64px; object-fit:cover; border-radius:2px; }
.nabd-skin .list-item h3 { font-size:14px; line-height:1.55; margin:3px 0 0; }
.nabd-skin .mini-meta { display:flex; gap:8px; flex-wrap:wrap; }
.nabd-skin .jobhub-hero { background:var(--ink); color:#fff; padding:46px 0 42px; margin-bottom:0; }
.nabd-skin .jobhub-hero h1 { font-size:42px; line-height:1.25; margin:0 0 8px; }
.nabd-skin .jobhub-hero p { color:rgba(247,245,241,.7); max-width:720px; margin:0 0 22px; }
.nabd-skin .search-bar { max-width:860px; display:flex; background:#fff; border-radius:2px; border:1px solid rgba(247,245,241,.18); padding:6px; gap:6px; }
.nabd-skin .search-bar input { flex:1; border:0; min-height:46px; padding:0 14px; font:inherit; }
.nabd-skin .search-bar button { background:var(--red); color:#fff; border:0; padding:0 24px; border-radius:2px; font-weight:700; }
.nabd-skin .jobhub-body { padding:28px 0 50px; }
.nabd-skin .jobhub-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; align-items:start; }
.nabd-skin .filter-box { background:#fff; border:1px solid var(--line); border-radius:2px; padding:16px; margin-bottom:14px; }
.nabd-skin .filter-box h5 { font-size:15px; margin:0 0 12px; }
.nabd-skin .filter-box p { color:var(--slate); font-size:13px; margin:0 0 12px; }
.nabd-skin .filter-opt { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid var(--line); color:var(--slate); font-size:13px; }
.nabd-skin .filter-opt.active { color:var(--red); font-weight:700; }
.nabd-skin .results-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
.nabd-skin .sort-select { border:1px solid var(--line); background:#fff; border-radius:2px; padding:8px 12px; color:var(--slate); }
.nabd-skin .job-list { display:grid; gap:12px; }
.nabd-skin .job-row { display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; background:#fff; border:1px solid var(--line); border-right:4px solid var(--olive); border-radius:2px; padding:16px; }
.nabd-skin .job-row.sponsored { border-right-color:var(--red); }
.nabd-skin .jr-logo { width:52px; height:52px; display:grid; place-content:center; background:var(--paper-dim); color:var(--ink); font-family:'El Messiri',serif; font-size:22px; font-weight:700; border-radius:2px; }
.nabd-skin .jr-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.nabd-skin .jr-top h3 { font-size:18px; margin:0 0 5px; }
.nabd-skin .co-line,.nabd-skin .jr-meta { display:flex; gap:7px; flex-wrap:wrap; color:var(--slate); font-size:12px; }
.nabd-skin .badge-sponsor { background:#f6efe0; color:var(--olive-deep); border-radius:20px; padding:4px 9px; font-size:11px; font-weight:700; white-space:nowrap; }
.nabd-skin .jr-tags { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
.nabd-skin .jr-tags span { background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:3px 8px; font-size:11px; color:var(--slate); }
.nabd-skin .jr-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.nabd-skin .apply-btn-sm { background:var(--ink); color:var(--paper); border-radius:2px; padding:7px 10px; font-size:12px; font-weight:700; }
.nabd-skin .category-hero { background:#fff; border:1px solid var(--line); border-top:4px solid var(--red); border-radius:2px; box-shadow:none; }
.nabd-skin .article { background:transparent; border:0; box-shadow:none; padding:0; }
.nabd-skin .article-header { border-bottom:1px solid var(--line); padding-bottom:18px; }
.nabd-skin .article-header h1 { font-size:46px; line-height:1.28; margin:12px 0; max-width:980px; }
.nabd-skin .article-deck { color:var(--slate); font-size:20px; line-height:1.8; }
.nabd-skin .article-cover { border-radius:2px; }
.nabd-skin .article-content { font-size:19px; line-height:2.05; }
.nabd-skin .article-content h2,.nabd-skin .article-content h3 { margin-top:1.6em; }
.nabd-skin .footer.site { background:var(--ink); color:rgba(247,245,241,.72); padding:36px 0 20px; border-top:4px solid var(--red); margin-top:36px; }
.nabd-skin .footer-grid { display:grid; grid-template-columns:1.4fr .8fr .8fr 1fr; gap:24px; }
.nabd-skin .flogo { font-family:'El Messiri',serif; color:#fff; font-size:28px; margin-bottom:8px; }
.nabd-skin .footer h3 { color:#fff; font-size:16px; }
.nabd-skin .footer a:hover { color:#fff; }
.nabd-skin .footer-bottom { margin-top:22px; padding-top:14px; border-top:1px solid rgba(247,245,241,.12); display:flex; justify-content:space-between; gap:14px; font-family:'JetBrains Mono',monospace; font-size:11px; }
.nabd-skin .footer-subscribe { display:grid; gap:8px; }
.nabd-skin .footer-subscribe input,.nabd-skin .footer-subscribe select { background:rgba(247,245,241,.08); border:1px solid rgba(247,245,241,.12); color:#fff; border-radius:2px; padding:9px 10px; }
.nabd-skin .btn { border-radius:2px; background:var(--ink); }
.nabd-skin .btn.warn { background:var(--red); }
.nabd-skin .trust-band { background:#fff; margin-top:34px; border-color:var(--line); }
.nabd-skin .trust-band .wrap { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nabd-skin .trust-band div { background:var(--paper); border-right:3px solid var(--red); border-radius:2px; }
.nabd-skin .search-page { padding-top:28px; }
.nabd-skin .search-hero { background:var(--ink); color:#fff; border-radius:2px; padding:30px; margin-bottom:28px; }
.nabd-skin .search-hero h1 { font-size:38px; margin:6px 0 16px; }
.nabd-skin .search-hero p { color:rgba(247,245,241,.72); margin:12px 0 0; }
.nabd-skin .article-wrap { padding-top:30px; }
.nabd-skin .article-layout { align-items:start; }
.nabd-skin .breadcrumb { color:var(--slate); font-size:12px; margin-bottom:14px; }
.nabd-skin .breadcrumb a:hover { color:var(--red); }
.nabd-skin .article-cat { display:inline-flex; align-items:center; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; color:var(--red); background:rgba(200,30,44,.10); border:1px solid rgba(200,30,44,.28); border-radius:20px; padding:5px 10px; margin-bottom:12px; }
.nabd-skin .article > h1 { font-size:48px; line-height:1.25; margin:0 0 12px; max-width:980px; }
.nabd-skin .article-dek { color:var(--slate); font-size:20px; line-height:1.8; max-width:900px; margin:0 0 18px; }
.nabd-skin .byline-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:18px; }
.nabd-skin .byline-av { width:42px; height:42px; border-radius:50%; background:var(--red); color:#fff; display:grid; place-content:center; font-family:'El Messiri',serif; font-weight:700; }
.nabd-skin .byline-name { font-weight:700; }
.nabd-skin .byline-meta { color:var(--slate); font-family:'JetBrains Mono',monospace; font-size:11px; }
.nabd-skin .share-row { display:flex; gap:7px; }
.nabd-skin .article-hero-img { width:100%; aspect-ratio:16/8.4; background:var(--paper-dim); border-radius:2px; overflow:hidden; }
.nabd-skin .article-hero-img img { width:100%; height:100%; object-fit:cover; }
.nabd-skin .img-caption { color:var(--slate); font-size:11px; margin:7px 0 16px; }
.nabd-skin .source-verification { border-radius:2px; background:#fff; border:1px solid var(--line); border-right:4px solid var(--olive); margin:16px 0; }
.nabd-skin .source-verification.verification-verified { border-right-color:var(--olive); }
.nabd-skin .source-verification.verification-sourced { border-right-color:var(--red); }
.nabd-skin .verification-mark { background:var(--ink); border-radius:2px; }
.nabd-skin .info-box { border-radius:2px; background:#fff; border-color:var(--line); }
.nabd-skin .article-body { font-size:19px; line-height:2.05; margin-top:20px; }
.nabd-skin .article-body p { margin-bottom:1.3em; }
.nabd-skin .tag-row { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.nabd-skin .tag-row a { background:#fff; border:1px solid var(--line); border-radius:20px; padding:6px 10px; color:var(--slate); font-size:12px; }
.nabd-skin .tag-row a:hover { color:var(--red); border-color:var(--red); }
.nabd-skin .article-share { border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.nabd-skin .share-btn { border-radius:2px; }
.nabd-skin .related-section { margin-top:30px; }
.nabd-skin .submit-hero .btn { display:inline-flex; background:var(--red); width:auto; }
.nabd-skin .newsroom-widget { background:#fff; }
.nabd-skin .newsroom-widget p { margin:12px 0 0; color:var(--slate); font-size:12.5px; }
.nabd-skin .trust-mini { display:grid; gap:8px; }
.nabd-skin .trust-mini span { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--line); background:var(--paper); padding:8px 10px; font-size:12px; color:var(--slate); }
.nabd-skin .trust-mini strong { color:var(--ink); font-family:'JetBrains Mono',monospace; direction:ltr; }
.nabd-skin .update-wall { display:grid; gap:0; }
.nabd-skin .update-wall h4 { margin-bottom:8px; }
.nabd-skin .update-wall a { display:grid; grid-template-columns:44px minmax(0,1fr); gap:10px; padding:10px 0; border-bottom:1px solid var(--line); }
.nabd-skin .update-wall a:last-child { border-bottom:0; }
.nabd-skin .update-wall time { color:var(--red); font:700 11px 'JetBrains Mono',monospace; direction:ltr; }
.nabd-skin .update-wall span { font-size:13px; line-height:1.55; }
.nabd-skin .submission-page,.nabd-skin .tracking-page { padding:28px 0 50px; }
.nabd-skin .submission-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:24px; align-items:start; }
.nabd-skin .submission-form { display:grid; gap:14px; }
.nabd-skin .submission-form fieldset { background:#fff; border:1px solid var(--line); border-radius:2px; padding:18px; }
.nabd-skin .submission-form legend { font-family:'El Messiri',serif; font-size:18px; font-weight:700; padding:0 0 10px; }
.nabd-skin .submission-form legend span { display:inline-grid; place-content:center; width:25px; height:25px; margin-left:7px; background:var(--red); color:#fff; border-radius:50%; font:700 12px 'JetBrains Mono',monospace; }
.nabd-skin .submission-form label { display:grid; gap:6px; margin-bottom:12px; color:#313135; font-weight:700; font-size:13px; }
.nabd-skin .field,.nabd-skin textarea,.nabd-skin select { border-radius:2px; border:1px solid var(--line); background:#fff; padding:11px 12px; font:inherit; }
.nabd-skin .kind-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.nabd-skin .kind-selector label { margin:0; position:relative; }
.nabd-skin .kind-selector input { position:absolute; opacity:0; }
.nabd-skin .kind-selector span { display:grid; place-content:center; min-height:44px; border:1px solid var(--line); border-radius:2px; color:var(--slate); cursor:pointer; }
.nabd-skin .kind-selector input:checked + span { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.nabd-skin .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.nabd-skin .form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nabd-skin .field-help { color:var(--slate); font-size:11px; font-weight:400; }
.nabd-skin .hp-field { position:absolute; right:-9999px; opacity:0; }
.nabd-skin .submission-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; background:#fff; border:1px solid var(--line); border-radius:2px; padding:14px; }
.nabd-skin .submission-actions p { color:var(--slate); margin:0; }
.nabd-skin .submission-guide { position:sticky; top:92px; display:grid; gap:14px; }
.nabd-skin .submission-guide ol { padding-right:18px; margin:0; color:var(--slate); }
.nabd-skin .tracking-card { background:#fff; border:1px solid var(--line); border-radius:2px; padding:24px; margin-bottom:18px; }
.nabd-skin .reference-box { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; background:var(--paper); border:1px solid var(--line); border-radius:2px; margin-bottom:18px; }
.nabd-skin .reference-box span,.nabd-skin .reference-box strong { display:block; }
.nabd-skin .reference-box strong { direction:ltr; font-family:'JetBrains Mono',monospace; }
.nabd-skin .status-timeline { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:18px 0; }
.nabd-skin .status-timeline div { position:relative; min-height:58px; display:grid; place-items:center; text-align:center; color:var(--slate); border:1px solid var(--line); background:var(--paper); border-radius:2px; }
.nabd-skin .status-timeline div::before { display:none; }
.nabd-skin .status-timeline div span { position:static; width:9px; height:9px; border-radius:50%; background:#c8c2b8; margin-bottom:5px; }
.nabd-skin .status-timeline div.current { color:var(--red); border-color:rgba(200,30,44,.35); background:#fff; font-weight:700; }
.nabd-skin .status-timeline div.current span { background:var(--red); box-shadow:0 0 0 4px rgba(200,30,44,.12); }
.nabd-skin .empty-tracking { max-width:720px; }
@media (max-width:1080px) {
  .nabd-skin nav.main { order:3; flex-basis:100%; }
  .nabd-skin .header-inner { flex-wrap:wrap; }
  .nabd-skin .header-search { flex:1; }
  .nabd-skin .hero-grid,.nabd-skin .layout-2col,.nabd-skin .jobhub-layout { grid-template-columns:1fr; }
  .nabd-skin .submission-layout { grid-template-columns:1fr; }
  .nabd-skin .submission-guide { position:static; }
  .nabd-skin .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .nabd-skin .service-strip,.nabd-skin .priority-grid,.nabd-skin .footer-grid,.nabd-skin .home-insight-grid,.nabd-skin .breaking-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .nabd-skin .wrap { padding:0 14px; }
  .nabd-skin .util-right { display:none; }
  .nabd-skin .logo .tag { display:none; }
  .nabd-skin .hero-main { min-height:380px; }
  .nabd-skin .hero-main .overlay { padding:20px; }
  .nabd-skin .hero-main h1,.nabd-skin .article-header h1,.nabd-skin .jobhub-hero h1 { font-size:30px; }
  .nabd-skin .news-grid,.nabd-skin .service-strip,.nabd-skin .priority-grid,.nabd-skin .footer-grid,.nabd-skin .trust-band .wrap,.nabd-skin .home-insight-grid,.nabd-skin .breaking-grid { grid-template-columns:1fr; }
  .nabd-skin .kind-selector,.nabd-skin .form-grid,.nabd-skin .form-grid.three,.nabd-skin .status-timeline { grid-template-columns:1fr; }
  .nabd-skin .byline-row { grid-template-columns:42px minmax(0,1fr); }
  .nabd-skin .share-row { grid-column:1 / -1; }
  .nabd-skin .submission-actions { align-items:stretch; flex-direction:column; }
  .nabd-skin .search-bar { display:grid; }
  .nabd-skin .job-row { grid-template-columns:1fr; }
  .nabd-skin .jr-bottom,.nabd-skin .jr-top { align-items:flex-start; flex-direction:column; }
}

* { box-sizing: border-box; }
html { direction: rtl; font-family: Tahoma, Arial, sans-serif; color: var(--ink); background: var(--bg); }
body { margin: 0; line-height: 1.75; background: var(--bg); }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.wrap { width: min(1220px, calc(100% - 32px)); margin: 0 auto; }
.topbar { background: #101820; color: #eaf0f4; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,.08); }
.topbar .wrap, .header .wrap, .nav .wrap { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.topbar .wrap { min-height: 36px; }
.topbar a { color: #dceef0; margin-inline-start: 14px; font-weight: 700; }
.site-header { background: linear-gradient(180deg,#ffffff 0%,#f8fbfc 100%); border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 12px; padding: 20px 0; font-weight: 900; font-size: 27px; letter-spacing: 0; }
.brand-mark { width: 48px; height: 48px; border-radius: 10px; background: linear-gradient(135deg,var(--brand),#133f52); display: grid; place-items: center; color: #fff; box-shadow: 0 10px 20px rgba(8,117,111,.25); }
.site-nav { background: var(--brand-dark); color: #fff; position: sticky; top: 0; z-index: 10; box-shadow: var(--soft-shadow); border-bottom: 3px solid var(--accent); }
.nav-links { display: flex; gap: 4px; overflow-x: auto; }
.nav a { padding: 13px 12px; white-space: nowrap; font-weight: 800; font-size: 14px; }
.nav a:hover { background: rgba(255,255,255,.11); }
.search { display: flex; gap: 6px; min-width: 260px; }
.search input, .field, textarea, select { width: 100%; border: 1px solid var(--line); border-radius: var(--radius); padding: 11px 13px; font: inherit; background: #fff; outline: 0; }
.search input:focus, .field:focus, textarea:focus, select:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(8,117,111,.12); }
.btn { border: 0; border-radius: var(--radius); padding: 10px 15px; background: var(--brand); color: #fff; font-weight: 800; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; }
.btn.secondary { background: #34495e; }
.btn.warn { background: var(--brand-2); }
.ticker { background: #fff7df; border-bottom: 1px solid #edd18b; }
.ticker .wrap { display: flex; gap: 14px; padding: 10px 0; align-items: center; overflow: hidden; }
.ticker a { font-weight: 700; color: #27313d; }
.badge { background: var(--brand-2); color: #fff; border-radius: 999px; padding: 3px 10px; font-size: 12px; white-space: nowrap; font-weight: 900; }
.service-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.service-strip a { background: #fff; border: 1px solid var(--line); border-top: 3px solid var(--brand); border-radius: var(--radius); padding: 14px; box-shadow: var(--soft-shadow); }
.service-strip strong { display: block; font-size: 17px; margin-bottom: 4px; }
.service-strip span { color: var(--muted); font-size: 13px; }
.layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; padding: 24px 0; align-items: start; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(310px, .9fr); gap: 16px; }
.card, .panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--soft-shadow); }
.card { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #e8eef3; }
.hero-card img { aspect-ratio: 16 / 8.7; }
.hero-card .card-body { padding: 18px; }
.hero-card h1 { font-size: clamp(26px, 3vw, 40px); }
.card-body { padding: 15px; }
.kicker { color: var(--brand); font-weight: 900; font-size: 12px; letter-spacing: 0; }
.card-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
h1,h2,h3 { line-height: 1.35; margin: 0 0 10px; }
h3 { font-size: 18px; }
.lead { color: var(--muted); margin: 0 0 12px; }
.meta { color: var(--muted); font-size: 13px; display: flex; gap: 10px; flex-wrap: wrap; }
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.section-title { display: flex; justify-content: space-between; align-items: center; margin: 26px 0 14px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.section-title h1, .section-title h2 { position: relative; margin: 0; font-weight: 900; }
.section-title h1::after, .section-title h2::after { content: ""; position: absolute; right: 0; bottom: -12px; width: 72px; height: 3px; background: var(--brand); border-radius: 4px; }
.category-hero { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: var(--soft-shadow); margin-bottom: 16px; border-top: 4px solid var(--brand); }
.category-hero h1 { font-size: clamp(28px, 4vw, 42px); }
.empty-state { background: #fff; border: 1px dashed #b8c2d1; border-radius: var(--radius); padding: 28px; text-align: center; box-shadow: var(--soft-shadow); }
.sidebar { display: grid; gap: 14px; align-content: start; }
.panel { padding: 16px; }
.compact-panel { background: #10202d; color: #fff; border: 0; }
.compact-panel .lead { color: #d9e4ea; }
.priority-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.priority-box { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; box-shadow: var(--soft-shadow); border-top: 4px solid var(--brand); }
.priority-box.aid-box { border-top-color: var(--brand-2); }
.priority-box h2 { font-size: 22px; }
.channel-panel { border-top: 4px solid var(--accent); }
.list { display: grid; gap: 12px; }
.list-item { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.list-item img { width: 96px; height: 70px; object-fit: cover; border-radius: 6px; background: #e8eef3; }
.list-item h3 { font-size: 15px; margin: 0; }
.ad { position: relative; min-height: 96px; border: 1px solid #d7e0e9; background: #fff; border-radius: var(--radius); display: grid; place-items: center; color: var(--muted); text-align: center; padding: 22px 14px 14px; margin: 14px 0; overflow: hidden; }
.ad-label { position: absolute; top: 4px; right: 7px; z-index: 1; color: #687684; background: #eef2f5; border-radius: 3px; padding: 1px 6px; font-size: 9px; line-height: 1.6; font-weight: 800; }
.ad-image img { width: 100%; max-height: 220px; object-fit: contain; }
.ad-code { display: block; min-height: 120px; }
.article { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--soft-shadow); }
.article > img { width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; border-radius: var(--radius); margin: 18px 0; }
.article-content { font-size: 18px; }
.article-meta-box { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
.article-meta-box span { background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius); padding: 7px 10px; color: var(--muted); font-size: 13px; }
.article-meta-box strong { color: var(--ink); }
.info-box { border: 1px solid var(--line); border-right: 4px solid var(--brand); background: #f8fbfc; border-radius: var(--radius); padding: 16px; margin: 18px 0; }
.info-box h2 { font-size: 20px; }
.aid-box { border-right-color: var(--brand-2); }
.info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.info-grid span { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 9px 10px; color: var(--muted); }
.info-grid strong { color: var(--ink); }
.footer { background: #101820; color: #d1dce4; padding: 32px 0; margin-top: 34px; border-top: 4px solid var(--brand); }
.trust-band { background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 20px; }
.trust-band .wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 18px 0; }
.trust-band div { border-right: 3px solid var(--brand); padding: 8px 12px; background: var(--surface-2); border-radius: var(--radius); }
.trust-band strong { display: block; margin-bottom: 3px; }
.trust-band span { color: var(--muted); font-size: 13px; }
.footer .wrap { display: grid; grid-template-columns: 1.2fr .8fr .8fr 1fr; gap: 20px; }
.footer-subscribe { display: grid; gap: 8px; }
.push-subscribe { display: grid; gap: 8px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #304352; }
.push-subscribe[hidden] { display: none; }
.push-interests { display: flex; flex-wrap: wrap; gap: 5px; }
.push-interests label { display: inline-flex; align-items: center; gap: 4px; border: 1px solid #304352; border-radius: 4px; padding: 4px 7px; font-size: 11px; }
.push-interests input { accent-color: var(--accent); }
.push-status { color: #b9c8d2; font-size: 11px; }
.footer-subscribe input, .footer-subscribe select { min-height: 40px; border: 1px solid #304352; border-radius: var(--radius); background: #172331; color: #fff; padding: 8px 10px; }
.admin-body { background: #eef3f6; }
.admin-shell { display: grid; grid-template-columns: 270px minmax(0,1fr); min-height: 100vh; }
.admin-side { background: #101820; color: #e5edf2; padding: 18px; position: sticky; top: 0; height: 100vh; overflow-y: auto; border-left: 1px solid rgba(255,255,255,.08); }
.admin-side h2 { font-size: 20px; margin-bottom: 6px; }
.admin-side p { color: #aebbc8; margin-top: 0; font-size: 13px; }
.admin-side a { display: block; padding: 10px 11px; border-radius: var(--radius); color: #e5edf2; font-weight: 700; margin-bottom: 3px; }
.admin-side a:hover { background: rgba(255,255,255,.08); }
.admin-nav { display: block; }
.admin-main { padding: 24px; min-width: 0; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.stat { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 17px; box-shadow: var(--soft-shadow); }
.stat strong { font-size: 26px; color: var(--brand-dark); }
table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--soft-shadow); }
th,td { border-bottom: 1px solid var(--line); padding: 12px; text-align: right; vertical-align: top; }
th { background: #f3f7f9; font-weight: 900; color: #334155; }
tr:last-child td { border-bottom: 0; }
form.stack { display: grid; gap: 12px; }
.notice { padding: 12px; border-radius: var(--radius); background: #e8f7ef; color: #0f5132; border: 1px solid #badbcc; }
.badge-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 24px; border-radius: 999px; padding: 2px 9px; font-size: 12px; font-weight: 900; background: #eef3f6; color: #34495e; margin: 2px; white-space: nowrap; }
.badge-published, .badge-converted, .badge-active { background: #e8f7ef; color: #0f6b3f; }
.badge-draft, .badge-new { background: #fff7df; color: #7a5200; }
.badge-approved, .badge-reviewing { background: #e7f0ff; color: #184f90; }
.badge-scheduled, .badge-grant { background: #f0eafa; color: #5b2c83; }
.badge-archived, .badge-rejected { background: #f1f3f5; color: #667085; }
.badge-job { background: #e8f7ef; color: #0f6b3f; }
.badge-aid { background: #fff1f0; color: #b42318; }
.badge-news { background: #e6f4f1; color: var(--brand-dark); }
.badge-sponsored, .badge-ad { background: #fff7df; color: #7a5200; }
.badge-review { background: #fff1f0; color: #b42318; }
.panel form, form.panel { box-shadow: none; }
.admin-main .section-title:first-child { margin-top: 0; }
.admin-main form[method="get"].panel { align-items: end; }
.admin-main .btn { white-space: nowrap; }
.login-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(135deg,#101820,#0b615d); }
.login-card { width: min(520px, 100%); }
.login-card .panel { padding: 24px; border: 0; box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.login-card h1 { font-size: 28px; }
.editorial-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .75fr); gap: 18px; align-items: start; }
.editorial-stats .stat:first-child { border-top: 4px solid var(--brand); }
.editorial-queue { display: grid; gap: 9px; }
.queue-row { display: grid; grid-template-columns: 62px minmax(0, 1fr) auto; gap: 13px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; box-shadow: var(--soft-shadow); }
.queue-row h3 { font-size: 16px; margin: 4px 0; }
.queue-row p { color: var(--muted); font-size: 13px; margin: 0; }
.quality-ring { width: 58px; height: 58px; border-radius: 50%; display: grid; place-content: center; text-align: center; border: 5px solid currentColor; background: #fff; }
.quality-ring strong { font-size: 18px; line-height: 1; }
.quality-ring span { font-size: 10px; }
.quality-pill { display: inline-flex; min-width: 48px; justify-content: center; padding: 5px 8px; border-radius: 999px; font-weight: 900; font-size: 12px; }
.grade-excellent { color: #0f6b3f; background: #e8f7ef; }
.grade-ready { color: #145da0; background: #e7f0ff; }
.grade-weak { color: #8a5a00; background: #fff7df; }
.grade-critical { color: #b42318; background: #fff1f0; }
.editor-quality { min-width: 112px; border-radius: var(--radius); padding: 9px 14px; text-align: center; border: 1px solid currentColor; }
.editor-quality strong, .editor-quality span { display: block; }
.editor-quality strong { font-size: 23px; }
.editor-quality span { font-size: 11px; font-weight: 800; }
.quality-checklist { background: #fff7df; color: #6f4a00; border: 1px solid #f0d38a; border-radius: var(--radius); padding: 12px 14px; margin-bottom: 14px; }
.sticky-editor-actions { position: sticky; bottom: 10px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: rgba(255,255,255,.96); border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 12px; box-shadow: 0 10px 35px rgba(16,24,32,.16); }
.trend-list { padding-right: 22px; margin: 0; }
.trend-list li { padding: 9px 4px; border-bottom: 1px solid var(--line); }
.trend-list li:last-child { border-bottom: 0; }
.trend-list a, .trend-list span { display: block; }
.trend-list span { color: var(--muted); font-size: 11px; margin-top: 3px; }
.alert-panel { border-top: 4px solid var(--brand-2); margin-top: 14px; }
.home-channel { margin-top: 26px; }
.directory-toolbar { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; margin: 14px 0 18px; display: grid; gap: 12px; box-shadow: var(--soft-shadow); }
.directory-tabs { display: flex; flex-wrap: wrap; gap: 7px; }
.directory-tabs a { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 11px; color: var(--muted); font-weight: 800; }
.directory-tabs a span { min-width: 22px; text-align: center; border-radius: 999px; background: var(--surface-2); padding: 1px 6px; font-size: 11px; }
.directory-tabs a.active { background: var(--brand); border-color: var(--brand); color: #fff; }
.directory-tabs a.active span { background: rgba(255,255,255,.18); }
.directory-search { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.directory-grid .card { border-top: 3px solid var(--brand); }
.service-facts { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.service-facts > span { background: var(--surface-2); border: 1px solid var(--line); border-radius: 999px; padding: 4px 8px; color: var(--muted); font-size: 11px; font-weight: 700; }
.service-facts .service-state { font-weight: 900; }
.service-facts .state-open { background: #e8f7ef; color: #0f6b3f; border-color: #b8dfca; }
.service-facts .state-closing { background: #fff7df; color: #8a5a00; border-color: #f0d38a; }
.service-facts .state-closed { background: #fff1f0; color: #b42318; border-color: #f2c6c2; }
.submission-heading { display: flex; justify-content: space-between; gap: 18px; align-items: end; padding: 28px 0 16px; border-bottom: 1px solid var(--line); }
.submission-heading h1 { margin: 5px 0; }
.submission-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(260px,.65fr); gap: 20px; margin-top: 18px; align-items: start; }
.submission-form { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; box-shadow: var(--soft-shadow); }
.submission-form fieldset { border: 0; border-bottom: 1px solid var(--line); margin: 0; padding: 4px 0 20px; display: grid; gap: 12px; }
.submission-form .conditional-fields[hidden] { display: none !important; }
.submission-form fieldset:last-of-type { border-bottom: 0; }
.submission-form legend { font-size: 18px; font-weight: 900; padding: 12px 0; }
.submission-form legend span { display: inline-grid; place-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--brand); color: #fff; font-size: 13px; margin-left: 7px; }
.kind-selector { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.kind-selector label { position: relative; }
.kind-selector input { position: absolute; opacity: 0; pointer-events: none; }
.kind-selector span { display: grid; place-content: center; min-height: 48px; border: 1px solid var(--line); border-radius: var(--radius); padding: 8px; text-align: center; font-weight: 800; cursor: pointer; }
.kind-selector input:checked + span { background: var(--brand); color: #fff; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(8,117,111,.12); }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.form-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.field-help { color: var(--muted); font-size: 12px; display: block; margin-top: 5px; }
.hp-field { position: absolute; right: -10000px; width: 1px; height: 1px; }
.submission-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--surface-2); padding: 12px; border-radius: var(--radius); }
.submission-actions p { color: var(--muted); margin: 0; font-size: 13px; }
.submission-guide { position: sticky; top: 18px; }
.submission-guide ol { padding-right: 20px; color: var(--muted); }
.submission-guide li { margin: 9px 0; }
.trust-panel { border-top: 4px solid var(--brand); }
.tracking-page { min-height: 65vh; display: grid; place-items: start center; padding-top: 40px; }
.tracking-card { width: min(760px,100%); background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; box-shadow: var(--soft-shadow); }
.tracking-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin: 18px 0; }
.submission-result { border-top: 1px solid var(--line); margin-top: 20px; padding-top: 20px; }
.reference-box { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; background: var(--surface-2); border-radius: var(--radius); padding: 12px; }
.reference-box span { color: var(--muted); }
.reference-box strong { font-family: Consolas,monospace; font-size: 17px; direction: ltr; }
.reference-box .btn { margin-right: auto; }
.status-timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; margin: 22px 0; }
.status-timeline div { position: relative; color: var(--muted); font-size: 12px; padding-top: 24px; text-align: center; }
.status-timeline div::before { content:""; position:absolute; top:8px; right:0; left:0; height:3px; background:var(--line); }
.status-timeline div span { position:absolute; top:3px; right:calc(50% - 7px); width:14px; height:14px; border-radius:50%; background:#c8d1d8; z-index:1; }
.status-timeline div.current { color: var(--brand-dark); }
.status-timeline div.current span { background: var(--brand); box-shadow:0 0 0 4px rgba(8,117,111,.15); }
.error-notice { background:#fff1f0; color:#b42318; border-color:#f2c6c2; }
.reference-mini { display:block; width:max-content; direction:ltr; font:700 11px Consolas,monospace; color:var(--brand-dark); background:#e6f4f1; padding:3px 6px; border-radius:4px; margin-bottom:5px; }
.submission-meta { display:flex; flex-wrap:wrap; gap:5px; margin:6px 0; }
.submission-meta span { font-size:11px; background:var(--surface-2); border-radius:4px; padding:3px 6px; }
.source-create { margin: 16px 0; }
.source-filters { display: grid; grid-template-columns: minmax(240px,1.5fr) minmax(170px,1fr) 110px 140px auto auto; gap: 10px; align-items: end; margin: 16px 0; }
.source-filters label { min-width: 0; }
.source-create summary { cursor: pointer; font-weight: 900; font-size: 17px; }
.source-form { display: grid; grid-template-columns: 1fr .7fr 1fr .8fr .6fr .7fr auto; gap: 10px; align-items: end; margin-top: 14px; }
.source-url-field { grid-column: span 2; }
.source-list { display: grid; gap: 10px; margin-top: 16px; }
.source-row { display: grid; grid-template-columns: 75px minmax(260px,1.3fr) minmax(180px,.7fr) 135px auto; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--line); border-right: 4px solid #aab5bd; border-radius: var(--radius); padding: 13px; box-shadow: var(--soft-shadow); }
.source-row.health-healthy { border-right-color: #169b62; }
.source-row.health-error { border-right-color: #d33b32; }
.source-row.health-warning { border-right-color: #d49a1f; }
.source-health { text-align: center; font-size: 11px; color: var(--muted); }
.source-health span { display: block; width: 12px; height: 12px; border-radius: 50%; background: #aab5bd; margin: 0 auto 5px; }
.health-healthy .source-health span { background: #169b62; box-shadow: 0 0 0 5px #e8f7ef; }
.health-error .source-health span { background: #d33b32; box-shadow: 0 0 0 5px #fff1f0; }
.health-warning .source-health span { background: #d49a1f; box-shadow: 0 0 0 5px #fff7df; }
.source-main h2 { font-size: 17px; margin: 4px 0; }
.source-main > a { color: var(--muted); font-size: 12px; word-break: break-all; }
.source-error { color: #b42318; font-size: 12px; margin: 5px 0 0; }
.source-numbers { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; text-align: center; }
.source-numbers span { padding: 7px 4px; background: var(--surface-2); border-radius: var(--radius); color: var(--muted); font-size: 10px; }
.source-numbers strong { display: block; color: var(--ink); font-size: 16px; }
.source-time span, .source-time strong { display: block; }
.source-time span { color: var(--muted); font-size: 11px; }
.source-time strong { font-size: 12px; }
.source-actions { display: flex; gap: 5px; }
.ai-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.ai-tabs a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); font-weight: 800; }
.ai-tabs a span { min-width: 24px; text-align: center; border-radius: 999px; background: var(--surface-2); font-size: 11px; padding: 2px 6px; }
.ai-tabs a.active { background: var(--brand); color: #fff; border-color: var(--brand); }
.ai-tabs a.active span { background: rgba(255,255,255,.18); }
.ai-filter { display: flex; align-items: end; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 10px; margin-bottom: 12px; }
.ai-filter label { min-width: 210px; }
.ai-queue { display: grid; gap: 10px; }
.ai-item { display: grid; grid-template-columns: 66px minmax(0,1fr) auto; gap: 14px; align-items: center; background: #fff; border: 1px solid var(--line); border-right: 4px solid #d49a1f; border-radius: var(--radius); padding: 14px; box-shadow: var(--soft-shadow); }
.ai-item.risk-high { border-right-color: #d33b32; }
.ai-item.risk-low { border-right-color: #169b62; }
.ai-score { width: 58px; height: 58px; display: grid; place-content: center; text-align: center; border-radius: 50%; background: var(--surface-2); border: 4px solid var(--brand); }
.ai-score strong { font-size: 18px; line-height: 1; }
.ai-score span { color: var(--muted); font-size: 10px; }
.ai-content h2 { font-size: 18px; margin: 7px 0; }
.ai-content p { color: var(--muted); margin: 5px 0 8px; }
.risk-label { font-size: 11px; font-weight: 900; color: #8a5a00; }
.risk-high .risk-label { color: #b42318; }
.risk-low .risk-label { color: #0f6b3f; }
.ai-checks { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
.ai-checks span { border-radius: 999px; padding: 3px 7px; font-size: 10px; font-weight: 800; }
.ai-checks .pass { background: #e8f7ef; color: #0f6b3f; }
.ai-checks .fail { background: #fff1f0; color: #b42318; }
.ai-actions { display: grid; gap: 6px; }
.reading-progress { position: fixed; top: 0; right: 0; left: 0; height: 4px; z-index: 1000; background: transparent; }
.reading-progress span { display: block; width: 0; height: 100%; background: var(--brand-2); transition: width .12s linear; }
.article-column { min-width: 0; }
.article-header { border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.article-kickers { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.article-header h1 { font-size: 48px; line-height: 1.22; max-width: 980px; margin: 14px 0; }
.article-deck { font-size: 20px; line-height: 1.8; color: #50606d; max-width: 900px; }
.article-byline { display: flex; flex-wrap: wrap; gap: 7px 18px; color: var(--muted); font-size: 13px; }
.article-byline span:first-child { color: var(--ink); font-weight: 900; }
.source-verification { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 11px; align-items: center; margin: 16px 0 8px; padding: 12px; border: 1px solid var(--line); border-right: 4px solid #d49a1f; border-radius: var(--radius); background: #fffdf7; }
.source-verification.verification-verified { border-right-color: #169b62; background: #f5fcf8; }
.source-verification.verification-editorial { border-right-color: #4b6f8f; background: #f5f9fc; }
.verification-mark { width: 36px; height: 36px; display: grid; place-content: center; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 900; }
.source-verification strong, .source-verification span { display: block; }
.source-verification span { color: var(--muted); font-size: 12px; margin-top: 2px; }
.source-verification > a { font-size: 12px; font-weight: 900; }
.article-meta-box a { background: #e6f4f1; border: 1px solid #b8dfd9; border-radius: var(--radius); padding: 7px 10px; font-size: 13px; font-weight: 800; }
.article-cover { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--radius); margin: 18px 0; }
.article-content { font-size: 19px; line-height: 2; }
.article-content p { margin: 0 0 1.35em; }
.article-content h2 { font-size: 27px; margin-top: 1.6em; }
.info-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 12px; }
.info-heading h2 { margin: 3px 0 0; }
.info-heading .service-state { border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 900; }
.info-grid span { display: grid; gap: 3px; }
.public-updates { margin: 24px 0; border-top: 1px solid var(--line); }
.public-update { position: relative; display: grid; grid-template-columns: 130px 75px minmax(0,1fr); gap: 10px; padding: 12px 16px 12px 0; border-bottom: 1px solid var(--line); }
.public-update::before { content:""; position:absolute; right:0; top:18px; width:8px; height:8px; border-radius:50%; background:var(--brand); }
.public-update.type-correction::before { background:#d33b32; }
.public-update span { color: var(--muted); font-size: 12px; }
.public-update strong { color: var(--brand-dark); }
.public-update.type-correction strong { color: #b42318; }
.public-update p { margin: 0; }
.article-share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 16px 0; margin-top: 24px; }
.article-share > strong { margin-left: 8px; }
.share-btn { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: var(--radius); padding: 8px 12px; background: #fff; color: var(--ink); font: inherit; font-size: 13px; font-weight: 900; cursor: pointer; }
.share-btn.whatsapp { background: #e8f7ef; color: #0f6b3f; border-color: #b8dfca; }
.share-btn.telegram { background: #e7f4fb; color: #17638c; border-color: #b9dbea; }
.related-section { margin-top: 24px; }
.related-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.article-sidebar { position: sticky; top: 12px; align-self: start; }
.revision-note-panel { border-right: 4px solid var(--brand); }
.revision-history { margin-top: 22px; }
.revision-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 11px 13px; margin-bottom: 8px; }
.revision-row > div:first-child { display: flex; align-items: center; gap: 8px; }
.revision-type { border-radius: 999px; padding: 4px 8px; font-size: 11px; font-weight: 900; background: var(--surface-2); }
.revision-type.type-update { background: #e7f0ff; color: #184f90; }
.revision-type.type-correction { background: #fff1f0; color: #b42318; }
.social-channel-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.social-channel-card { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 13px; box-shadow: var(--soft-shadow); }
.social-channel-card .channel-dot { width: 12px; height: 12px; border-radius: 50%; background: #d49a1f; box-shadow: 0 0 0 5px #fff7df; }
.social-channel-card.mode-automatic .channel-dot { background: #169b62; box-shadow: 0 0 0 5px #e8f7ef; }
.social-channel-card.mode-unconfigured .channel-dot { background: #d33b32; box-shadow: 0 0 0 5px #fff1f0; }
.social-channel-card strong, .social-channel-card span { display: block; }
.social-channel-card span { color: var(--muted); font-size: 11px; margin-top: 2px; }
.social-workspace { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap: 16px; align-items: start; }
.social-composer { display: grid; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; box-shadow: var(--soft-shadow); }
.composer-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.composer-head h2 { margin: 3px 0 0; }
.composer-status { color: var(--muted); font-size: 11px; background: var(--surface-2); border-radius: 999px; padding: 5px 9px; }
.channel-selector { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.channel-selector label { position: relative; }
.channel-selector input { position: absolute; opacity: 0; pointer-events: none; }
.channel-selector span { min-height: 44px; display: grid; place-content: center; border: 1px solid var(--line); border-radius: var(--radius); font-weight: 900; cursor: pointer; }
.channel-selector input:checked + span { background: var(--brand); color: #fff; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(8,117,111,.13); }
.composer-meta { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 12px; margin-top: -7px; }
.composer-meta a { font-weight: 900; }
.social-summary { display: grid; gap: 12px; }
.social-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
.social-stats .stat { padding: 13px; }
.social-log-filter { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 10px; }
.social-log { display: grid; gap: 8px; }
.social-log-row { display: grid; grid-template-columns: 120px minmax(0,1fr) 175px auto; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--line); border-right: 4px solid #d49a1f; border-radius: var(--radius); padding: 12px; box-shadow: var(--soft-shadow); }
.social-log-row.status-sent, .social-log-row.status-manual { border-right-color: #169b62; }
.social-log-row.status-failed { border-right-color: #d33b32; }
.social-log-row.status-cancelled { border-right-color: #7d8993; opacity: .76; }
.social-log-channel { display: grid; gap: 6px; justify-items: start; }
.social-log-content h3 { font-size: 15px; margin: 0 0 5px; }
.social-log-content p { color: var(--muted); font-size: 12px; margin: 0; line-height: 1.6; }
.social-error { display: block; color: #b42318; font-size: 11px; margin-top: 5px; }
.social-log-time { display: grid; gap: 3px; color: var(--muted); font-size: 10px; }
.social-log-actions { display: grid; gap: 5px; }
.ad-admin-stats .stat { border-top: 3px solid var(--brand); }
.ads-workspace { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(270px,.55fr); gap: 16px; align-items: start; margin-top: 16px; }
.ad-campaign-form { display: grid; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; box-shadow: var(--soft-shadow); }
.ad-campaign-form label { display: grid; gap: 5px; color: #394955; font-size: 13px; font-weight: 800; }
.ad-trend-panel { display: grid; gap: 12px; }
.ad-trend-panel .panel h2 { font-size: 18px; }
.ad-mini-chart { min-height: 165px; display: flex; align-items: end; gap: 5px; padding-top: 14px; overflow-x: auto; }
.ad-mini-chart > div { min-width: 24px; height: 132px; display: grid; grid-template-rows: 1fr auto; align-items: end; gap: 5px; }
.ad-mini-chart > div span { width: 100%; min-height: 4px; background: var(--brand); border-radius: 3px 3px 0 0; }
.ad-mini-chart small { color: var(--muted); font-size: 8px; direction: ltr; transform: rotate(-55deg); transform-origin: center; white-space: nowrap; }
.ad-campaign-list { display: grid; gap: 9px; }
.ad-campaign-row { display: grid; grid-template-columns: 116px minmax(230px,1fr) repeat(3,82px) 90px 118px; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--line); border-right: 4px solid #8997a3; border-radius: var(--radius); padding: 11px; box-shadow: var(--soft-shadow); }
.ad-campaign-row.status-active { border-right-color: #169b62; }
.ad-campaign-row.status-expired { opacity: .72; }
.ad-campaign-preview { height: 72px; display: grid; place-items: center; background: var(--surface-2); border: 1px solid var(--line); border-radius: 5px; overflow: hidden; color: var(--muted); font-size: 11px; font-weight: 900; }
.ad-campaign-preview img { width: 100%; height: 100%; object-fit: contain; }
.ad-campaign-main { min-width: 0; }
.ad-campaign-main h3 { margin: 3px 0; font-size: 16px; overflow-wrap: anywhere; }
.ad-campaign-main p, .ad-campaign-main small { margin: 0; color: var(--muted); font-size: 11px; }
.ad-metric { text-align: center; border-right: 1px solid var(--line); }
.ad-metric strong, .ad-metric span { display: block; }
.ad-metric strong { font-size: 18px; }
.ad-metric span { color: var(--muted); font-size: 10px; }
.campaign-progress { height: 5px; background: #e7ecef; border-radius: 3px; overflow: hidden; margin: 7px 0 3px; }
.campaign-progress span { display: block; height: 100%; background: var(--brand); }
.ad-row-actions { display: grid; gap: 5px; }
.ad-row-actions form { margin: 0; }
.ad-row-actions .btn { width: 100%; min-height: 34px; padding: 6px 9px; font-size: 11px; }
.alert-admin-stats .stat { border-top: 3px solid var(--brand); }
.alert-workspace { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 16px; align-items: start; margin: 16px 0; }
.alert-composer { display: grid; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; box-shadow: var(--soft-shadow); }
.alert-composer label { display: grid; gap: 5px; font-size: 13px; font-weight: 800; }
.channel-health-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.channel-health-row:last-child { border-bottom: 0; }
.channel-health-row .channel-dot { width: 11px; height: 11px; border-radius: 50%; background: #d33b32; box-shadow: 0 0 0 5px #fff1f0; }
.channel-health-row .channel-dot.ready { background: #169b62; box-shadow: 0 0 0 5px #e8f7ef; }
.channel-health-row .channel-dot.manual { background: #d49a1f; box-shadow: 0 0 0 5px #fff7df; }
.channel-health-row strong, .channel-health-row small { display: block; }
.channel-health-row small { color: var(--muted); }
.alert-log, .subscriber-list { display: grid; gap: 8px; }
.alert-log-row { display: grid; grid-template-columns: 105px minmax(0,1fr) 120px 95px; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--line); border-right: 4px solid #d49a1f; border-radius: var(--radius); padding: 12px; box-shadow: var(--soft-shadow); }
.alert-log-row.status-sent { border-right-color: #169b62; }
.alert-log-row.status-failed { border-right-color: #d33b32; }
.alert-log-row.status-cancelled { border-right-color: #8997a3; opacity: .75; }
.alert-log-row h3 { font-size: 15px; margin: 0 0 4px; }
.alert-log-row p { color: var(--muted); font-size: 11px; margin: 0; }
.alert-log-row small, .alert-attempt span { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; }
.alert-attempt strong { display: block; }
.alert-row-actions, .subscriber-actions { display: flex; gap: 5px; }
.alert-row-actions form, .subscriber-actions form { margin: 0; }
.alert-row-actions .btn, .subscriber-actions .btn { min-height: 34px; padding: 6px 9px; font-size: 11px; }
.subscriber-row { display: grid; grid-template-columns: 105px minmax(220px,1fr) 160px auto; gap: 12px; align-items: center; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; }
.subscriber-row p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }

/* Tisa-inspired admin shell */
.admin-body { background: #edf1f5; color: #2d3743; }
.admin-shell { grid-template-columns: 248px minmax(0,1fr); background: #edf1f5; }
.admin-side { background: #263746; color: #dbe4ec; padding: 0; border-left: 1px solid #1d2a35; box-shadow: 4px 0 18px rgba(16,24,32,.10); }
.admin-brand { min-height: 70px; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #1d2a35; border-bottom: 1px solid rgba(255,255,255,.08); }
.admin-brand-mark { width: 38px; height: 38px; display: grid; place-content: center; border-radius: 4px; background: #19a39a; color: #fff; font-weight: 900; box-shadow: inset 0 -2px 0 rgba(0,0,0,.16); }
.admin-brand h2 { font-size: 15px; margin: 0; line-height: 1.35; color: #fff; }
.admin-brand p { margin: 2px 0 0; color: #9fb1c1; font-size: 11px; }
.admin-nav { padding: 10px 8px 14px; }
.admin-side a { border-radius: 4px; margin: 2px 0; padding: 9px 10px; color: #dbe4ec; font-size: 13px; font-weight: 800; display: flex; align-items: center; gap: 9px; border: 1px solid transparent; }
.admin-side a span { width: 28px; height: 24px; display: grid; place-content: center; border-radius: 3px; background: rgba(255,255,255,.08); color: #a8c5dd; font-size: 10px; direction: ltr; }
.admin-side a:hover, .admin-side a.active { background: #1f303d; border-color: rgba(255,255,255,.08); color: #fff; }
.admin-side a.active { box-shadow: inset -3px 0 0 #19a39a; }
.admin-side a.active span { background: #19a39a; color: #fff; }
.admin-side-footer { margin: 6px 8px 14px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); }
.admin-side-footer a { font-size: 12px; padding: 8px 10px; color: #c5d3de; }
.admin-main { padding: 0 22px 28px; min-width: 0; }
.admin-topbar { min-height: 58px; margin: 0 -22px 22px; padding: 0 22px; background: #fff; border-bottom: 1px solid #d8e0e8; box-shadow: 0 1px 0 rgba(16,24,32,.03); display: flex; align-items: center; justify-content: space-between; gap: 16px; position: sticky; top: 0; z-index: 20; }
.admin-userbox strong, .admin-userbox span { display: block; }
.admin-userbox strong { color: #263746; font-size: 14px; }
.admin-userbox span { color: #7b8794; font-size: 11px; direction: ltr; text-align: right; }
.admin-toplinks { display: flex; align-items: stretch; gap: 1px; border: 1px solid #d8e0e8; border-radius: 4px; overflow: hidden; background: #eef3f6; }
.admin-toplinks a { min-width: 78px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 7px; padding: 7px 10px; background: #fff; }
.admin-toplinks strong { min-width: 26px; height: 26px; display: grid; place-content: center; border-radius: 3px; background: #e7f5f3; color: #08756f; font-size: 13px; }
.admin-toplinks span { color: #617182; font-size: 11px; font-weight: 800; }
.admin-main .section-title { background: #fff; border: 1px solid #d8e0e8; border-radius: 4px; padding: 15px 16px 12px; margin: 0 0 16px; box-shadow: 0 1px 2px rgba(16,24,32,.04); }
.admin-main .section-title h1, .admin-main .section-title h2 { font-size: 22px; color: #263746; }
.admin-main .section-title h1::after, .admin-main .section-title h2::after { bottom: -13px; width: 54px; height: 2px; background: #19a39a; }
.admin-main .panel, .admin-main .card, .admin-main table, .admin-main .stat, .social-composer, .ad-campaign-form, .alert-composer, .source-row, .ai-item, .queue-row, .social-log-row, .ad-campaign-row, .alert-log-row, .subscriber-row { border-radius: 4px; border-color: #d8e0e8; box-shadow: 0 1px 2px rgba(16,24,32,.05); }
.admin-main .panel { padding: 15px; }
.admin-main .stats { gap: 10px; }
.admin-main .stat { position: relative; min-height: 92px; padding: 14px 15px; border-top: 3px solid #19a39a; background: linear-gradient(180deg,#fff,#fbfcfd); }
.admin-main .stat strong { display: block; font-size: 28px; line-height: 1.1; color: #263746; direction: ltr; text-align: right; }
.admin-main .stat span, .admin-main .stat p { color: #6d7a88; font-size: 12px; }
.admin-main table { border-spacing: 0; }
.admin-main th { background: #f5f7f9; color: #3e4c59; padding: 10px 12px; font-size: 12px; border-bottom: 1px solid #d8e0e8; }
.admin-main td { padding: 11px 12px; font-size: 13px; }
.admin-main tr:hover td { background: #fbfdfe; }
.admin-main .field, .admin-main textarea, .admin-main select { border-radius: 4px; border-color: #cfd8e2; min-height: 38px; padding: 8px 10px; }
.admin-main textarea { min-height: 110px; }
.admin-main .btn { border-radius: 4px; min-height: 36px; padding: 8px 12px; font-size: 12px; box-shadow: inset 0 -1px 0 rgba(0,0,0,.12); }
.admin-main .badge-chip { border-radius: 3px; min-height: 22px; padding: 2px 7px; font-size: 11px; }
.notice { margin: 0 0 14px; border-radius: 4px; }
.admin-kpi-grid { grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 16px; }
.ops-grid { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 16px; align-items: start; }
.ops-main { min-width: 0; }
.ops-side { display: grid; gap: 12px; align-content: start; }
.compact-title { margin-bottom: 10px !important; padding: 12px 14px !important; }
.compact-title h2 { font-size: 18px !important; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #e2e8ef; padding-bottom: 9px; margin-bottom: 10px; }
.panel-head h2 { margin: 0; font-size: 16px; }
.panel-head span, .panel-head a { color: #6d7a88; font-size: 11px; font-weight: 900; }
.ops-pulse { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.ops-pulse a { display: grid; gap: 3px; padding: 10px 8px; background: #f6f9fb; border: 1px solid #dfe7ef; border-radius: 4px; text-align: center; }
.ops-pulse strong { color: #08756f; font-size: 22px; line-height: 1; }
.ops-pulse span { color: #647386; font-size: 10px; font-weight: 900; }
.mini-list { display: grid; gap: 7px; }
.mini-list a, .mini-row { display: block; padding: 9px 10px; background: #f8fafc; border: 1px solid #e1e8ef; border-radius: 4px; }
.mini-list strong, .mini-list span, .mini-row strong, .mini-row span { display: block; }
.mini-list strong, .mini-row strong { font-size: 12px; line-height: 1.5; }
.mini-list span, .mini-row span { color: #6d7a88; font-size: 10px; margin-top: 2px; }
.mini-row.danger { border-right: 3px solid #b42318; background: #fff8f7; }
.mini-row.good { border-right: 3px solid #169b62; background: #f4fbf7; }
.worker-mini { display: grid; gap: 8px; }
.worker-dot { display: grid; grid-template-columns: 14px minmax(0,1fr); gap: 8px; align-items: center; }
.worker-dot > span { width: 10px; height: 10px; border-radius: 50%; background: #9aa7b4; box-shadow: 0 0 0 4px #eef2f6; }
.worker-dot.state-healthy > span { background: #169b62; box-shadow: 0 0 0 4px #e8f7ef; }
.worker-dot.state-failed > span, .worker-dot.state-late > span { background: #b42318; box-shadow: 0 0 0 4px #fff1f0; }
.worker-dot.state-missing > span { background: #d49a1f; box-shadow: 0 0 0 4px #fff7df; }
.worker-dot strong, .worker-dot small { display: block; }
.worker-dot strong { font-size: 12px; }
.worker-dot small { color: #6d7a88; font-size: 10px; direction: ltr; text-align: right; }
.content-status-strip { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.content-status-strip a { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1px solid #d8e0e8; border-top: 3px solid #19a39a; border-radius: 4px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(16,24,32,.05); }
.content-status-strip strong { font-size: 24px; color: #263746; }
.content-status-strip span { color: #647386; font-size: 12px; font-weight: 900; }
.content-filter { display: grid; grid-template-columns: minmax(220px,1.2fr) minmax(150px,.7fr) minmax(150px,.7fr) auto auto; gap: 10px; align-items: end; margin-bottom: 14px; }
.content-filter label { display: grid; gap: 5px; color: #394955; font-size: 12px; font-weight: 900; }
.admin-post-list { display: grid; gap: 9px; }
.admin-post-row { display: grid; grid-template-columns: 64px minmax(0,1fr) 210px; gap: 13px; align-items: center; background: #fff; border: 1px solid #d8e0e8; border-right: 4px solid #8c9aa7; border-radius: 4px; padding: 12px; box-shadow: 0 1px 2px rgba(16,24,32,.05); }
.admin-post-row.status-published { border-right-color: #169b62; }
.admin-post-row.status-draft { border-right-color: #d49a1f; }
.admin-post-row.status-scheduled { border-right-color: #5b6ee1; }
.admin-post-row.status-approved { border-right-color: #08756f; }
.admin-post-quality { width: 54px; height: 54px; display: grid; place-content: center; border-radius: 50%; border: 4px solid currentColor; text-align: center; background: #fff; }
.admin-post-quality strong { font-size: 18px; line-height: 1; }
.admin-post-quality span { font-size: 10px; }
.admin-post-main { min-width: 0; }
.admin-post-main h3 { margin: 5px 0; font-size: 16px; line-height: 1.45; overflow-wrap: anywhere; }
.admin-post-main p { margin: 0; color: #647386; font-size: 12px; line-height: 1.7; }
.admin-post-meta, .admin-post-foot { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.admin-post-meta > span:first-child, .admin-post-foot span { background: #f3f6f8; color: #617182; border: 1px solid #e0e7ee; border-radius: 3px; padding: 2px 7px; font-size: 10px; font-weight: 900; }
.admin-post-foot { margin-top: 7px; }
.admin-post-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.admin-post-actions form { margin: 0; }
.admin-post-actions .btn { width: 100%; min-height: 32px; padding: 6px 8px; font-size: 11px; }
.admin-side-footer form { margin: 0; }
.admin-side-footer button { width: 100%; border: 0; background: transparent; color: inherit; text-align: right; font: inherit; cursor: pointer; padding: 7px 0; }
.readiness-title { align-items: center; }
.readiness-title p { margin: 5px 0 0; color: #647386; }
.readiness-score { width: 132px; min-height: 76px; display: grid; place-content: center; text-align: center; border: 1px solid #d8e0e8; border-top: 4px solid #b42318; background: #fff; border-radius: 4px; }
.readiness-score strong { font-size: 29px; line-height: 1; color: #b42318; }
.readiness-score span { margin-top: 7px; color: #647386; font-size: 11px; font-weight: 900; }
.readiness-score.ready { border-top-color: #169b62; }
.readiness-score.ready strong { color: #169b62; }
.readiness-score.warning { border-top-color: #d49a1f; }
.readiness-score.warning strong { color: #a36900; }
.readiness-summary { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 20px; align-items: center; margin-bottom: 14px; padding: 14px 18px; background: #fff1f0; border: 1px solid #f2c1bd; border-right: 4px solid #b42318; }
.readiness-summary.ready { background: #eaf8f0; border-color: #b7e2c9; border-right-color: #169b62; }
.readiness-summary.warning { background: #fff7df; border-color: #f0d38a; border-right-color: #d49a1f; }
.readiness-summary strong, .readiness-summary span { display: block; }
.readiness-summary strong { font-size: 21px; }
.readiness-summary span, .readiness-summary p { color: #5f6f7d; font-size: 12px; }
.readiness-summary p { margin: 0; }
.readiness-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }
.readiness-check { min-height: 126px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; align-items: start; padding: 13px; background: #fff; border: 1px solid #d8e0e8; border-right: 3px solid #b42318; border-radius: 4px; box-shadow: 0 1px 2px rgba(16,24,32,.04); }
.readiness-check.passed { border-right-color: #169b62; }
.readiness-check.recommended { border-right-color: #d49a1f; }
.readiness-check-icon { width: 30px; height: 30px; display: grid; place-content: center; background: #fff1f0; color: #b42318; border: 1px solid #f2c1bd; border-radius: 50%; font-size: 10px; font-weight: 1000; }
.readiness-check.passed .readiness-check-icon { background: #eaf8f0; color: #167348; border-color: #b7e2c9; }
.readiness-check.recommended .readiness-check-icon { background: #fff7df; color: #9a6500; border-color: #f0d38a; }
.readiness-check-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.readiness-check h3 { margin: 0; font-size: 14px; }
.readiness-check small { color: #7a8793; font-size: 9px; font-weight: 900; }
.readiness-check p { margin: 7px 0; color: #647386; font-size: 11px; line-height: 1.65; }
.readiness-check > div > strong { color: #9d271e; font-size: 10px; line-height: 1.6; }
.settings-workspace { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(330px,.95fr); gap: 14px; align-items: start; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.panel-heading h2 { margin: 3px 0 0; }
.production-commands > p { color: #647386; font-size: 12px; line-height: 1.75; }
.production-command { padding: 10px 0; border-bottom: 1px solid #e2e8ee; }
.production-command > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.production-command small { color: #7a8793; }
.production-command code { display: block; overflow-x: auto; direction: ltr; text-align: left; padding: 8px 9px; background: #15222d; color: #d8edf0; border-radius: 3px; font-size: 10px; white-space: nowrap; }
.production-commands > .btn { margin-top: 13px; }
.settings-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 0 0 14px; padding: 6px; background: #fff; border: 1px solid #d8e0e8; border-radius: 4px; }
.settings-tabs a { flex: 0 0 auto; padding: 8px 12px; color: #41515f; font-size: 12px; font-weight: 900; border-radius: 3px; }
.settings-tabs a:hover { background: #eef4f5; color: var(--brand); }
.settings-sections { display: grid; gap: 16px; }
.settings-section { scroll-margin-top: 18px; }
.settings-grid { display: grid; gap: 10px; }
.settings-grid.two-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
.settings-grid.three-columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
.settings-grid .wide { grid-column: 1 / -1; }
.permission-segments { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.permission-segments label { position: relative; }
.permission-segments input { position: absolute; opacity: 0; }
.permission-segments span { min-height: 74px; display: grid; align-content: center; gap: 4px; padding: 10px; border: 1px solid #d8e0e8; border-radius: 4px; cursor: pointer; }
.permission-segments small { color: var(--muted); font-size: 10px; }
.permission-segments input:checked + span { background: #e9f5f3; border-color: var(--brand); box-shadow: inset 3px 0 0 var(--brand); }
.settings-toggle-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.settings-toggle-grid .toggle-row { min-height: 50px; padding: 9px; border: 1px solid #d8e0e8; border-radius: 4px; }
.settings-choice-row { display: flex; flex-wrap: wrap; gap: 7px; padding: 10px; border: 1px solid #d8e0e8; border-radius: 4px; }
.settings-choice-row legend { padding: 0 6px; color: #516171; font-size: 11px; font-weight: 900; }
.settings-choice-row label { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 9px; background: #f5f7f9; border: 1px solid #e0e6eb; border-radius: 3px; }
.integration-row { display: grid; gap: 10px; padding: 14px 0; border-top: 1px solid #dfe5ea; }
.integration-row:first-of-type { border-top: 0; }
.integration-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.integration-title > strong { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.secret-field { direction: ltr; text-align: left; }
.secret-clear { display: inline-flex !important; align-items: center; gap: 6px; color: #a1372f !important; font-size: 11px !important; }
.source-edit { grid-column: 1 / -1; border-top: 1px solid #dfe5ea; padding-top: 9px; }
.source-edit summary { color: var(--brand); font-size: 12px; font-weight: 900; cursor: pointer; }
.source-edit .source-form { margin-top: 10px; padding: 12px; background: #f7f9fa; border: 1px solid #dfe5ea; }
.newsroom-source-form { grid-template-columns: repeat(4,minmax(0,1fr)); }
.newsroom-source-form .wide { grid-column: span 2; }
.newsroom-panel { margin-top: 16px; }
.event-list, .candidate-list, .inbox-list, .evidence-list { display: grid; gap: 8px; }
.event-row { border: 1px solid #dfe5ea; background: #fff; }
.event-row > summary { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; cursor: pointer; list-style: none; }
.event-row > summary::-webkit-details-marker { display: none; }
.event-row summary strong, .event-row summary small { display: block; }
.event-row summary small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.event-score { width: 58px; height: 42px; display: grid; place-items: center; background: #e9f5f3; color: var(--brand); font-weight: 900; border-right: 3px solid var(--brand); }
.evidence-list { padding: 0 12px 12px; background: #f7f9fa; }
.evidence-list article { display: grid; grid-template-columns: minmax(0,1fr) 180px; gap: 12px; padding: 12px 0; border-bottom: 1px solid #dfe5ea; }
.evidence-list p { margin: 5px 0 0; color: #516171; font-size: 12px; }
.evidence-list article > div:last-child { display: grid; align-content: start; justify-items: end; gap: 7px; color: var(--muted); font-size: 10px; }
.candidate-row { display: grid; grid-template-columns: minmax(0,1fr) 64px auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #dfe5ea; }
.candidate-row strong, .candidate-row a, .candidate-row small { display: block; overflow-wrap: anywhere; }
.candidate-row small { margin-top: 5px; color: var(--muted); }
.candidate-row > div:last-child, .inbox-actions { display: flex; gap: 6px; }
.candidate-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.candidate-pagination .btn { min-width: 42px; justify-content: center; }
.ai-runtime-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.ai-runtime-bar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.source-runtime-panel { display: grid; gap: 16px; }
.source-runtime-lead { display: flex; align-items: center; gap: 14px; }
.source-runtime-lead h2 { margin: 0 0 4px; font-size: 18px; }
.source-runtime-lead p { margin: 0; color: var(--muted); }
.source-runtime-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.source-runtime-grid > div { min-width: 0; padding: 14px; border-inline-start: 1px solid var(--line); }
.source-runtime-grid > div:first-child { border-inline-start: 0; }
.source-runtime-grid span, .source-runtime-grid small { display: block; color: var(--muted); }
.source-runtime-grid strong { display: block; margin: 4px 0; font-size: 18px; }
.source-runtime-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; color: var(--muted); }
.source-runtime-foot a { margin-inline-start: auto; font-weight: 700; }
@media (max-width: 900px) { .source-runtime-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .source-runtime-grid > div:nth-child(3) { border-inline-start: 0; } }
@media (max-width: 560px) { .source-runtime-lead { align-items: flex-start; flex-direction: column; } .source-runtime-grid { grid-template-columns: 1fr; } .source-runtime-grid > div { border-inline-start: 0; } .source-runtime-foot a { margin-inline-start: 0; } }
.ai-schedule { margin-top: 14px; }
.ai-schedule > summary { cursor: pointer; font-weight: 800; }
.ai-schedule-form { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; align-items: end; margin-top: 16px; }
.ai-schedule-form label { display: grid; gap: 6px; }
.ai-schedule-status { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 14px; color: var(--muted); font-size: 13px; }
.crawl-table { overflow-x: auto; }
.inbox-row { display: grid; grid-template-columns: 110px minmax(0,1fr) auto; align-items: start; gap: 14px; }
.inbox-channel { font-weight: 900; color: var(--brand); }
.inbox-channel span { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.inbox-row p { line-height: 1.8; }
.public-evidence { margin: 14px 0; border: 1px solid #d8e0e8; background: #f7f9fa; }
.public-evidence summary { display: flex; justify-content: space-between; gap: 10px; padding: 12px; cursor: pointer; color: #516171; font-size: 11px; }
.public-evidence summary strong { color: var(--brand); font-size: 16px; }
.public-evidence > div { display: grid; gap: 1px; padding: 0 12px 12px; }
.public-evidence a { display: flex; justify-content: space-between; gap: 10px; padding: 10px; background: #fff; border-bottom: 1px solid #e3e8ec; }
.public-evidence a span { color: var(--muted); font-size: 10px; }
.campaign-workspace { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 16px; align-items: start; margin: 16px 0; }
.campaign-form { display: grid; gap: 11px; }
.campaign-list { display: grid; gap: 8px; }
.campaign-row { display: grid; grid-template-columns: minmax(0,1fr) 110px auto; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid #e1e7ec; }
.campaign-row > div:first-child { min-width: 0; }
.campaign-row > div:first-child strong, .campaign-row > div:first-child span { display: block; overflow-wrap: anywhere; }
.campaign-row > div:first-child span { margin-top: 4px; color: var(--muted); font-size: 10px; }
.campaign-progress { height: auto; display: grid; gap: 2px; background: transparent; margin: 0; overflow: visible; }
.campaign-progress strong { color: var(--brand); font-size: 16px; }
.campaign-progress span { height: auto; background: transparent; color: var(--muted); font-size: 9px; }
.campaign-actions { display: flex; gap: 5px; }

@media (max-width: 900px) {
  .layout, .hero-grid, .footer .wrap, .admin-shell, .editorial-grid { grid-template-columns: 1fr; }
  .grid { grid-template-columns: repeat(2, 1fr); }
  .search { min-width: 0; width: 100%; }
  .header .wrap, .nav .wrap { align-items: stretch; flex-direction: column; }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .admin-side { position: sticky; top: 0; z-index: 35; height: auto; padding: 0; border-left: 0; border-bottom: 3px solid #19a39a; }
  .admin-brand { min-height: 52px; padding: 8px 12px; }
  .admin-brand h2 { font-size: 13px; }
  .admin-brand p { display: none; }
  .admin-brand-mark { width: 32px; height: 32px; }
  .admin-nav { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: thin; padding: 7px 8px; }
  .admin-side .admin-nav a { flex: 0 0 auto; margin: 0; padding: 7px 9px; white-space: nowrap; font-size: 12px; }
  .admin-side .admin-nav a span { display: none; }
  .admin-side-footer { display: none; }
  .admin-main { padding: 0 14px 18px; }
  .admin-topbar { margin: 0 -14px 16px; padding: 8px 14px; align-items: stretch; flex-direction: column; position: static; }
  .admin-toplinks { width: 100%; overflow-x: auto; }
  table { display: block; overflow-x: auto; white-space: nowrap; }
  .service-strip, .priority-grid, .trust-band .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-kpi-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ops-grid { grid-template-columns: 1fr; }
  .content-status-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .content-filter { grid-template-columns: 1fr 1fr; }
  .content-filter .btn { width: 100%; }
  .admin-post-row { grid-template-columns: 58px minmax(0,1fr); }
  .admin-post-actions { grid-column: 1 / -1; grid-template-columns: repeat(5,minmax(0,1fr)); }
  .ads-workspace { grid-template-columns: 1fr; }
  .alert-workspace { grid-template-columns: 1fr; }
  .readiness-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .settings-workspace { grid-template-columns: 1fr; }
  .settings-toggle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .social-channel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .campaign-workspace { grid-template-columns: 1fr; }
  .newsroom-source-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ad-campaign-row { grid-template-columns: 94px minmax(220px,1fr) repeat(3,70px) 86px 108px; overflow-x: auto; }
}

@media (max-width: 560px) {
  .grid { grid-template-columns: 1fr; }
  .list-item { grid-template-columns: 72px 1fr; }
  .brand { font-size: 20px; }
  .article { padding: 14px; }
  .stats { grid-template-columns: 1fr; }
  .admin-main form[method="get"].panel { grid-template-columns: 1fr !important; }
  .admin-main > .section-title { align-items: stretch; flex-direction: column; }
  .btn { width: 100%; }
  .service-strip, .priority-grid, .trust-band .wrap { grid-template-columns: 1fr; }
  .admin-kpi-grid, .content-status-strip, .content-filter { grid-template-columns: 1fr; }
  .ops-pulse { grid-template-columns: 1fr; }
  .admin-post-row { grid-template-columns: 1fr; }
  .admin-post-quality { width: 50px; height: 50px; }
  .admin-post-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .queue-row { grid-template-columns: 52px minmax(0, 1fr); }
  .queue-row > .btn { grid-column: 1 / -1; }
  .quality-ring { width: 48px; height: 48px; border-width: 4px; }
  .sticky-editor-actions { position: static; display: grid; }
  .directory-search { grid-template-columns: 1fr; }
  .submission-heading, .submission-actions { align-items: stretch; flex-direction: column; }
  .submission-layout, .form-grid, .form-grid.three { grid-template-columns: 1fr; }
  .kind-selector { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .submission-guide { position: static; }
  .tracking-form { grid-template-columns: 1fr; }
  .status-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .source-form, .source-row, .ai-item { grid-template-columns: 1fr; }
  .source-url-field { grid-column: auto; }
  .source-health { display: flex; align-items: center; gap: 8px; text-align: right; }
  .source-health span { margin: 0; }
  .source-actions, .ai-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ai-score { width: 52px; height: 52px; }
  .ai-filter { display: grid; }
  .ai-filter label { min-width: 0; }
  .source-verification { grid-template-columns: 38px minmax(0,1fr); }
  .source-verification > a { grid-column: 1/-1; }
  .article-header h1 { font-size: 32px; }
  .article-deck, .article-content { font-size: 17px; }
  .public-update { grid-template-columns: 1fr; padding-right: 16px; }
  .related-grid { grid-template-columns: 1fr; }
  .article-sidebar { position: static; }
  .revision-row { grid-template-columns: 1fr; }
  .revision-row > div:first-child { align-items: flex-start; flex-direction: column; }
  .social-channel-grid, .social-workspace { grid-template-columns: 1fr; }
  .social-log-row { grid-template-columns: 1fr; }
  .social-log-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .social-log-filter { grid-template-columns: 1fr; }
  .composer-head { align-items: flex-start; flex-direction: column; }
  .ad-campaign-row { grid-template-columns: 76px minmax(0,1fr); overflow: visible; }
  .ad-campaign-preview { height: 62px; }
  .ad-metric { border-right: 0; border-top: 1px solid var(--line); padding-top: 7px; }
  .ad-campaign-row > .ad-metric { display: grid; grid-template-columns: 1fr 1fr; text-align: right; }
  .ad-campaign-row > div:nth-last-child(-n+5) { grid-column: 1 / -1; }
  .ad-row-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .alert-log-row, .subscriber-row { grid-template-columns: 1fr; }
  .alert-row-actions, .subscriber-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .readiness-title { align-items: stretch; }
  .readiness-score { width: 100%; min-height: 66px; }
  .readiness-summary, .readiness-grid { grid-template-columns: 1fr; }
  .settings-grid.two-columns, .settings-grid.three-columns, .permission-segments, .settings-toggle-grid, .ai-schedule-form { grid-template-columns: 1fr; }
  .channel-selector { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .campaign-row { grid-template-columns: 1fr; }
  .newsroom-source-form, .event-row > summary, .evidence-list article, .candidate-row, .inbox-row { grid-template-columns: 1fr; }
  .newsroom-source-form .wide { grid-column: auto; }
  .evidence-list article > div:last-child { justify-items: start; }
  .candidate-row > div:last-child, .inbox-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-evidence summary, .public-evidence a { align-items: flex-start; flex-direction: column; }
  .campaign-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}