/* IRANSAR WEB 12.16.10 — announcements color parity with the main public site.
   Scope: /announcements only. No portal/app structure or behavior is changed. */

/* Reuse the exact public-site palette used by home-iransar.css. */
:root,
[data-theme="light"]{
  --bg:#eef4f8;
  --bg2:#f8fbfd;
  --card:#ffffff;
  --card2:#f2f7fa;
  --text:#102f4a;
  --muted:#5e7285;
  --brand:#155f91;
  --brand2:#087e88;
  --ok:#2e9676;
  --warn:#c28a24;
  --line:#d6e2ea;
  --shadow:0 18px 45px rgba(21,56,83,.10);
  --office-navy:#0b3557;
  --office-navy-2:#124d76;
  --office-teal:#0b7f88;
  --office-gold:#d4a13a;
}
[data-theme="dark"]{
  --bg:#081827;
  --bg2:#0e2335;
  --card:#132c40;
  --card2:#19374d;
  --text:#eef7fb;
  --muted:#abc0cf;
  --brand:#5dbde8;
  --brand2:#45c0c4;
  --ok:#71d0ac;
  --warn:#e4b758;
  --line:rgba(211,231,241,.16);
  --shadow:0 22px 52px rgba(0,0,0,.30);
  --office-navy:#071e31;
  --office-navy-2:#0d3856;
  --office-teal:#1395a0;
  --office-gold:#d4a13a;
}

html{background:var(--bg)}
body.announcements-page{
  min-height:100vh;
  color:var(--text);
  background:
    linear-gradient(180deg,rgba(255,255,255,.45),transparent 260px),
    radial-gradient(900px 520px at 92% 4%,rgba(11,127,136,.10),transparent 68%),
    radial-gradient(760px 480px at 8% 9%,rgba(21,95,145,.09),transparent 70%),
    var(--bg);
}
[data-theme="dark"] body.announcements-page{
  background:
    radial-gradient(900px 520px at 92% 4%,rgba(19,149,160,.10),transparent 68%),
    radial-gradient(760px 480px at 8% 9%,rgba(93,189,232,.08),transparent 70%),
    var(--bg);
}

/* Header: identical administrative navy/gold identity used on the home page. */
.announcements-page header{
  background:linear-gradient(100deg,var(--office-navy),var(--office-navy-2))!important;
  border-bottom:3px solid var(--office-gold)!important;
  box-shadow:0 10px 28px rgba(9,42,67,.18)!important;
  backdrop-filter:none!important;
  color:#fff!important;
}
.announcements-page .navbar{min-height:72px;padding:10px 0}
.announcements-page header .brand{color:#fff!important;letter-spacing:.08em;font-weight:900}
.announcements-page header .nav{gap:5px;padding:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:15px}
.announcements-page header .nav a{color:#d7e8f2!important;padding:9px 13px;border-radius:11px;font-weight:750}
.announcements-page header .nav a:hover,.announcements-page header .nav a.active{color:#fff!important;background:rgba(255,255,255,.13)!important;box-shadow:inset 0 -2px 0 var(--office-gold)}
.announcements-page header .iconbtn,.announcements-page header .select,.announcements-page header .navselect{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.announcements-page header .portal-link{color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;background:linear-gradient(135deg,#168896,#11648d)!important;box-shadow:0 8px 18px rgba(0,0,0,.20)}
.announcements-page header .portal-link:hover{background:linear-gradient(135deg,#1a9aa7,#18749c)!important}
.announcements-page header .menu-toggle{border-color:rgba(255,255,255,.20)!important;background:rgba(255,255,255,.09)!important;color:#fff!important}

/* Main content follows the same neutral blue/gray surfaces used throughout the public site. */
.announcements-hero{padding:54px 0 28px}
.announcements-hero h1{margin:0 0 10px;color:var(--text)!important}
.announcements-hero p{max-width:780px;line-height:2;color:var(--muted)!important}
.announcements-hero #publicAnnouncementsStatus{color:var(--text)!important}
.announcements-shell{padding:0 0 60px}
.announcements-list{display:grid;gap:14px}
.announcement-card-public{
  background:var(--card)!important;
  border:1px solid var(--line)!important;
  border-radius:18px;
  padding:18px 20px;
  box-shadow:var(--shadow)!important;
}
.announcement-card-public.pinned{
  border-color:color-mix(in srgb,var(--office-teal) 48%,var(--line))!important;
  background:color-mix(in srgb,var(--card) 96%,var(--office-teal) 4%)!important;
}
.announcement-card-public.urgent{border-right:5px solid #c65353!important}
.announcement-card-public.important{border-right:5px solid var(--office-gold)!important}
.announcement-public-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.announcement-public-head h2{font-size:1.08rem;margin:0;color:var(--text)!important}
.announcement-public-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;font-size:.75rem;color:var(--muted)!important}
.announcement-public-body{white-space:pre-wrap;line-height:2.05;margin-top:14px;color:var(--text)!important}
.announcement-empty{padding:36px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:var(--card);color:var(--muted)!important}
.announcement-chip{display:inline-flex;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--office-teal) 10%,var(--card));color:var(--text)!important;font-weight:800}
.announcement-back{display:inline-flex;margin-top:12px;text-decoration:none;font-weight:800;color:var(--text)!important}
.announcement-back:hover{color:var(--office-teal)!important}

/* Footer: exact home-page navy/gold palette. */
.announcements-page footer#footer-contact{
  padding:54px 0 28px;
  color:#d9e8f1!important;
  background:linear-gradient(110deg,var(--office-navy),#0a2943 72%)!important;
  border-top:3px solid var(--office-gold)!important;
}
.announcements-page footer .brand{color:#fff!important}
.announcements-page footer .small,
.announcements-page footer .footergrid a,
.announcements-page footer .footer-rights{color:#bfd1dc!important}
.announcements-page footer .footergrid b{display:inline-block;color:#fff!important;margin-bottom:8px}
.announcements-page footer .footergrid a:hover{color:#fff!important}
.announcements-page footer .footer-rights{border-top-color:rgba(255,255,255,.14)!important}
.announcements-page footer .footer-social-icon{color:#fff!important}

[data-theme="dark"] .announcement-card-public{background:var(--card)!important;border-color:var(--line)!important}
[data-theme="dark"] .announcement-card-public.pinned{background:color-mix(in srgb,var(--card) 94%,var(--office-teal) 6%)!important}

@media(max-width:1080px){
  .announcements-page header .navbar>.nav.mobile-open{
    background:linear-gradient(120deg,var(--office-navy),var(--office-navy-2))!important;
    border-color:rgba(255,255,255,.14)!important;
  }
}