/* Upgrade v1.3.0 — premium dashboard home skin */
.dashboard-home{
  background:
    radial-gradient(circle at 8% 6%, rgba(39,100,99,.14), transparent 28rem),
    radial-gradient(circle at 92% 18%, rgba(29,78,216,.10), transparent 26rem),
    linear-gradient(180deg, var(--bg, #f8fafc), color-mix(in srgb, var(--bg, #f8fafc) 92%, var(--primary, #276463) 5%));
}
.dashboard-shell{isolation:isolate;position:relative}
.dashboard-shell::before{
  content:"";position:absolute;inset:-14px -10px auto -10px;height:170px;z-index:-1;
  background:linear-gradient(90deg, rgba(39,100,99,.12), rgba(59,130,246,.08), rgba(16,185,129,.10));
  border-radius:34px;filter:blur(.2px);opacity:.9;
}
.dashboard-banner{
  border:1px solid color-mix(in srgb, var(--primary, #276463) 24%, transparent)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.10)!important;
}
.dashboard-banner h2{letter-spacing:-.02em}
.dashboard-actions .btn,.quick-link,.metric-card,.mini-stat,.dash-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.dashboard-actions .btn:hover,.quick-link:hover,.metric-card:hover,.mini-stat:hover{transform:translateY(-3px)}
.metric-card{min-height:128px;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 82%,var(--primary) 5%))!important}
.metric-card::after{
  content:"";position:absolute;inset:auto 14px 14px auto;width:46px;height:46px;border-radius:18px;
  background:color-mix(in srgb,var(--primary) 11%, transparent);border:1px solid color-mix(in srgb,var(--primary) 16%, transparent);
}
.quick-link{display:grid;gap:7px;position:relative;overflow:hidden}
.quick-link::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--primary);opacity:.78}
.quick-arrow{font-weight:900;color:var(--primary)}
.event-item,.activity-item,.status-row{backdrop-filter:saturate(1.1)}
.status-row{min-height:60px}
.status-dot{box-shadow:0 0 0 7px rgba(34,197,94,.12)}
[data-theme="dark"] .dashboard-home{background:radial-gradient(circle at 8% 6%, rgba(45,212,191,.08), transparent 28rem),linear-gradient(180deg,#020617,#0f172a)}
[data-theme="dark"] .dashboard-shell::before{opacity:.35}
@media (max-width:760px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.dashboard-hero{grid-template-columns:1fr!important}.metric-card{min-height:110px}}
@media (max-width:480px){.dashboard-grid{grid-template-columns:1fr}.dashboard-banner{min-height:220px}}

/* v1.3.1: visible refresh for the real booking home page (/). */
.hb-home{
  background:
    radial-gradient(circle at 10% 4%, rgba(39,100,99,.16), transparent 28rem),
    radial-gradient(circle at 88% 15%, rgba(59,130,246,.10), transparent 28rem),
    linear-gradient(180deg, var(--bg,#f8fafc), color-mix(in srgb,var(--bg,#f8fafc) 88%,var(--primary,#276463) 6%))!important;
}
.hb-home .header{
  border-bottom:1px solid color-mix(in srgb,var(--primary,#276463) 18%, transparent)!important;
  background:color-mix(in srgb,var(--card,#fff) 82%, transparent)!important;
  backdrop-filter:blur(16px);
}
.hb-home .home-hero{
  position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary,#276463) 26%, transparent)!important;
  border-radius:30px!important;padding:22px!important;
  background:
    linear-gradient(135deg, rgba(39,100,99,.13), rgba(59,130,246,.07)),
    var(--card,#fff)!important;
  box-shadow:0 26px 70px rgba(15,23,42,.12)!important;
}
.hb-home .home-hero:before{
  content:"";position:absolute;inset:auto -70px -90px auto;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle, rgba(39,100,99,.16), transparent 66%);pointer-events:none;
}
.hb-home .home-hero h2,
.hb-home .brand-text h1{letter-spacing:-.02em}
.hb-home .stat-card,
.hb-home .booking-command-center,
.hb-home .hall-card,
.hb-home .card{
  border-color:color-mix(in srgb,var(--primary,#276463) 14%, var(--border-soft,#dbe4e6))!important;
  box-shadow:0 16px 38px rgba(15,23,42,.08)!important;
}
.hb-home .stat-card{
  background:linear-gradient(180deg,var(--card,#fff), color-mix(in srgb,var(--card,#fff) 86%, var(--primary,#276463) 5%))!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.hb-home .stat-card:hover,
.hb-home .hall-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(15,23,42,.12)!important}
.hb-home .stat-icon{filter:drop-shadow(0 8px 14px rgba(15,23,42,.12))}
.hb-home .booking-command-center{border-radius:26px!important;background:color-mix(in srgb,var(--card,#fff) 92%,var(--primary,#276463) 3%)!important}
.hb-home .date-display{font-size:clamp(20px,2.6vw,34px)!important;color:var(--primary,#276463)!important}
.hb-home .btn-primary{box-shadow:0 12px 24px rgba(39,100,99,.20)!important}
.hb-home .btn{border-radius:14px!important}
[data-theme="dark"] .hb-home{background:radial-gradient(circle at 10% 4%, rgba(45,212,191,.08), transparent 28rem),linear-gradient(180deg,#020617,#0f172a)!important}
@media (max-width:760px){.hb-home .home-hero{border-radius:22px!important;padding:16px!important}.hb-home .stats-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:520px){.hb-home .stats-grid{grid-template-columns:1fr!important}}

/* v1.3.2: fix dashboard overlaps and stat card decorative collisions */
.dashboard-home .dashboard-shell::before{
  display:none !important;
}

.dashboard-home .dashboard-hero{
  align-items:start !important;
}

.dashboard-home .dashboard-banner{
  min-height:230px;
}

.dashboard-home .dashboard-mini{
  align-content:start;
  gap:14px;
}

.dashboard-home .dashboard-mini .section-head{
  margin-bottom:4px !important;
  padding:0 2px 10px;
  border-bottom:1px solid color-mix(in srgb, var(--primary, #276463) 12%, transparent);
  align-items:center;
  flex-wrap:wrap;
}

.dashboard-home .dashboard-mini .section-head h3{
  line-height:1.45;
}

.dashboard-home .mini-stat{
  position:relative;
  overflow:hidden;
}

.dashboard-home .metric-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  min-height:160px;
  justify-content:flex-start;
}

.dashboard-home .metric-card::after{
  display:none !important;
}

.dashboard-home .metric-card .label,
.dashboard-home .metric-card .sub,
.dashboard-home .metric-card .value{
  position:relative;
  z-index:1;
}

.dashboard-home .metric-card .label{
  margin-bottom:0;
  width:100%;
  line-height:1.6;
}

.dashboard-home .metric-card .value{
  font-size:34px;
  line-height:1;
  margin-top:auto;
}

.dashboard-home .metric-card .sub{
  margin-top:0;
  width:100%;
  line-height:1.75;
  min-height:2.8em;
}

/* move decorative accent away from numeric content */
.dashboard-home .metric-card::before{
  inset:0 auto 0 0 !important;
  width:5px;
  height:auto !important;
}

@media (max-width: 1100px){
  .dashboard-home .dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px){
  .dashboard-home .dashboard-grid,
  .dashboard-home .quick-actions-grid,
  .dashboard-home .dashboard-hero,
  .dashboard-home .two-col{
    grid-template-columns:1fr !important;
  }
  .dashboard-home .metric-card{
    min-height:140px;
  }
}

/* v1.3.3: managed home announcement area */
.dashboard-home .dashboard-main-column{
  display:grid;
  gap:16px;
  min-width:0;
}
.dashboard-home .home-announcement-card{
  position:relative;
  overflow:hidden;
  min-height:142px;
  display:grid;
  align-content:start;
  gap:10px;
  border-style:solid !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--card,#fff) 94%, var(--primary,#276463) 3%), color-mix(in srgb, var(--card,#fff) 86%, #ffffff 14%)) !important;
}
.dashboard-home .home-announcement-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg, var(--primary,#276463), color-mix(in srgb, var(--primary,#276463) 42%, #fff));
  opacity:.9;
}
.dashboard-home .home-announcement-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-home .home-announcement-card__top small{
  color:var(--text-light);
  font-weight:800;
}
.dashboard-home .home-announcement-card h3{
  margin:0;
  font-size:clamp(19px, 2vw, 26px);
  color:var(--text);
  line-height:1.45;
}
.dashboard-home .home-announcement-card p{
  margin:0;
  color:var(--text-light);
  font-weight:700;
  line-height:1.9;
}
.dashboard-home .home-announcement-card__link{
  justify-self:start;
  margin-top:4px;
}
.dashboard-home .home-announcement-card--placeholder{
  border-style:dashed !important;
  opacity:.82;
  background:color-mix(in srgb, var(--card,#fff) 86%, transparent) !important;
}
[data-theme="dark"] .dashboard-home .home-announcement-card{
  background:linear-gradient(135deg, rgba(15,23,42,.92), rgba(15,23,42,.76)) !important;
}
@media (max-width: 1100px){
  .dashboard-home .dashboard-main-column{grid-column:auto;}
}


/* v1.3.6: richer home announcement card */
.dashboard-home .dashboard-main-column{display:grid;gap:16px}
.dashboard-home .home-announcement-card{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:18px;
  align-items:center;
  position:relative;
  overflow:hidden;
  border-radius:26px;
}
.dashboard-home .home-announcement-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.9;
}
.dashboard-home .home-announcement-card--emerald::before{background:linear-gradient(135deg,rgba(236,253,245,.94),rgba(209,250,229,.86) 56%,rgba(236,254,255,.76))}
.dashboard-home .home-announcement-card--blue::before{background:linear-gradient(135deg,rgba(239,246,255,.94),rgba(219,234,254,.86) 56%,rgba(236,254,255,.74))}
.dashboard-home .home-announcement-card--gold::before{background:linear-gradient(135deg,rgba(255,251,235,.96),rgba(253,230,138,.82) 56%,rgba(255,247,237,.76))}
.dashboard-home .home-announcement-card--rose::before{background:linear-gradient(135deg,rgba(255,241,242,.96),rgba(255,228,230,.86) 56%,rgba(253,242,248,.78))}
.dashboard-home .home-announcement-card--placeholder{grid-template-columns:1fr;min-height:180px}
.dashboard-home .home-announcement-card__media,
.dashboard-home .home-announcement-card__content{position:relative;z-index:1}
.dashboard-home .home-announcement-card__media{
  min-height:220px;
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
}
.dashboard-home .home-announcement-card__media img{width:100%;height:100%;display:block;object-fit:cover}
.dashboard-home .home-announcement-card__content{display:grid;gap:12px;align-content:center}
.dashboard-home .home-announcement-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.dashboard-home .home-announcement-card h3{margin:0;font-size:clamp(1.45rem,1.2rem + .8vw,2rem);line-height:1.4}
.dashboard-home .home-announcement-card p{margin:0;color:var(--text-light);font-size:1rem;line-height:1.9;font-weight:750}
.dashboard-home .home-announcement-card__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
.dashboard-home .home-announcement-card__hint{font-size:.9rem;color:var(--text-light);font-weight:800}
.dashboard-home .home-announcement-card.is-anim-shine::after{
  content:"";
  position:absolute;
  inset:-22% auto -22% -28%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-18deg);
  animation:homeAnnouncementShine 5.2s linear infinite;
}
.dashboard-home .home-announcement-card.is-anim-float .home-announcement-card__media{animation:homeAnnouncementFloat 4.2s ease-in-out infinite}
.dashboard-home .home-announcement-card.is-anim-pulse{animation:homeAnnouncementPulse 3s ease-in-out infinite}
@keyframes homeAnnouncementShine{0%{transform:translateX(0) skewX(-18deg)}100%{transform:translateX(340%) skewX(-18deg)}}
@keyframes homeAnnouncementFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes homeAnnouncementPulse{0%,100%{box-shadow:0 16px 38px rgba(15,23,42,.08)}50%{box-shadow:0 24px 52px rgba(15,23,42,.16)}}
[data-theme="dark"] .dashboard-home .home-announcement-card__media{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
@media (max-width:900px){
  .dashboard-home .home-announcement-card{grid-template-columns:1fr}
  .dashboard-home .home-announcement-card__media{min-height:190px}
}

/* v1.3.9: apply announcement style and animation only — no layout/design override */
.dashboard-home .home-announcement-card.home-announcement-card--emerald{
  background:linear-gradient(135deg,#ecfdf5,#d1fae5 52%,#ecfeff) !important;
}
.dashboard-home .home-announcement-card.home-announcement-card--blue{
  background:linear-gradient(135deg,#eff6ff,#dbeafe 52%,#ecfeff) !important;
}
.dashboard-home .home-announcement-card.home-announcement-card--gold{
  background:linear-gradient(135deg,#fffbeb,#fde68a 48%,#fff7ed) !important;
}
.dashboard-home .home-announcement-card.home-announcement-card--rose{
  background:linear-gradient(135deg,#fff1f2,#ffe4e6 52%,#fdf2f8) !important;
}
.dashboard-home .home-announcement-card.is-anim-shine::after{
  content:"";
  position:absolute;
  inset:-25% auto -25% -38%;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transform:skewX(-18deg);
  animation:homeAnnouncementShineOnly 5.2s linear infinite;
  pointer-events:none;
}
.dashboard-home .home-announcement-card.is-anim-float{
  animation:homeAnnouncementFloatOnly 4.2s ease-in-out infinite;
}
.dashboard-home .home-announcement-card.is-anim-pulse{
  animation:homeAnnouncementPulseOnly 3s ease-in-out infinite;
}
.dashboard-home .home-announcement-card.is-anim-none,
.dashboard-home .home-announcement-card.is-anim-none *{
  animation:none !important;
}
@keyframes homeAnnouncementShineOnly{
  0%{transform:translateX(0) skewX(-18deg)}
  100%{transform:translateX(360%) skewX(-18deg)}
}
@keyframes homeAnnouncementFloatOnly{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes homeAnnouncementPulseOnly{
  0%,100%{box-shadow:0 12px 28px rgba(15,23,42,.08)}
  50%{box-shadow:0 18px 42px rgba(15,23,42,.16)}
}


/* v1.4.2: style and animation only — no announcement layout change */
.dashboard-home .home-announcement-card.home-announcement-card--emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5 52%,#ecfeff) !important}
.dashboard-home .home-announcement-card.home-announcement-card--blue{background:linear-gradient(135deg,#eff6ff,#dbeafe 52%,#ecfeff) !important}
.dashboard-home .home-announcement-card.home-announcement-card--gold{background:linear-gradient(135deg,#fffbeb,#fde68a 48%,#fff7ed) !important}
.dashboard-home .home-announcement-card.home-announcement-card--rose{background:linear-gradient(135deg,#fff1f2,#ffe4e6 52%,#fdf2f8) !important}
.dashboard-home .home-announcement-card.is-anim-shine::after{
  content:"";
  position:absolute;
  inset:-25% auto -25% -38%;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
  transform:skewX(-18deg);
  animation:homeAnnouncementShineOnly 5.2s linear infinite;
  pointer-events:none;
}
.dashboard-home .home-announcement-card.is-anim-float{animation:homeAnnouncementFloatOnly 4.2s ease-in-out infinite}
.dashboard-home .home-announcement-card.is-anim-pulse{animation:homeAnnouncementPulseOnly 3s ease-in-out infinite}
.dashboard-home .home-announcement-card.is-anim-none,
.dashboard-home .home-announcement-card.is-anim-none *{animation:none !important}
@keyframes homeAnnouncementShineOnly{0%{transform:translateX(0) skewX(-18deg)}100%{transform:translateX(360%) skewX(-18deg)}}
@keyframes homeAnnouncementFloatOnly{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes homeAnnouncementPulseOnly{0%,100%{box-shadow:0 12px 28px rgba(15,23,42,.08)}50%{box-shadow:0 18px 42px rgba(15,23,42,.16)}}


/* v1.4.4: stronger and clearer homepage announcement motions */
.dashboard-home .home-announcement-card{
  isolation:isolate;
}
.dashboard-home .home-announcement-card.is-anim-pulse{
  animation:homeAnnouncementPulseStrong 1.9s ease-in-out infinite !important;
}
.dashboard-home .home-announcement-card.is-anim-float{
  animation:none !important;
}
.dashboard-home .home-announcement-card.is-anim-float .home-announcement-card__media{
  animation:homeAnnouncementFloatStrong 2.6s ease-in-out infinite !important;
}
.dashboard-home .home-announcement-card.is-anim-shine::after{
  content:"";
  position:absolute;
  inset:-12% auto -12% -38%;
  width:44%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);
  transform:skewX(-18deg);
  animation:homeAnnouncementShineStrong 2.2s linear infinite !important;
  pointer-events:none;
}
.dashboard-home .home-announcement-card.is-anim-glow{
  animation:homeAnnouncementGlow 1.8s ease-in-out infinite !important;
}
.dashboard-home .home-announcement-card.is-anim-wiggle{
  animation:homeAnnouncementWiggle 1.15s ease-in-out infinite !important;
  transform-origin:center;
}
.dashboard-home .home-announcement-card.is-anim-zoom{
  animation:homeAnnouncementZoom 1.9s ease-in-out infinite !important;
  transform-origin:center;
}
.dashboard-home .home-announcement-card.is-anim-none,
.dashboard-home .home-announcement-card.is-anim-none *{
  animation:none !important;
}
@keyframes homeAnnouncementPulseStrong{
  0%,100%{transform:scale(1); box-shadow:0 12px 28px rgba(15,23,42,.08)}
  50%{transform:scale(1.022); box-shadow:0 22px 54px rgba(15,23,42,.16)}
}
@keyframes homeAnnouncementFloatStrong{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes homeAnnouncementShineStrong{
  0%{transform:translateX(0) skewX(-18deg)}
  100%{transform:translateX(320%) skewX(-18deg)}
}
@keyframes homeAnnouncementGlow{
  0%,100%{box-shadow:0 0 0 rgba(16,185,129,0), 0 12px 28px rgba(15,23,42,.08)}
  50%{box-shadow:0 0 0 6px rgba(16,185,129,.10), 0 0 26px rgba(16,185,129,.30), 0 18px 42px rgba(15,23,42,.15)}
}
@keyframes homeAnnouncementWiggle{
  0%,100%{transform:rotate(0deg) translateX(0)}
  25%{transform:rotate(-1deg) translateX(-4px)}
  75%{transform:rotate(1deg) translateX(4px)}
}
@keyframes homeAnnouncementZoom{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.035)}
}


/* v1.4.5: extra homepage announcement motions */
.dashboard-home .home-announcement-card.is-anim-swing{animation:homeAnnSwing 1.8s ease-in-out infinite !important; transform-origin:top center;}
.dashboard-home .home-announcement-card.is-anim-bounce{animation:homeAnnBounce 1.6s ease-in-out infinite !important;}
.dashboard-home .home-announcement-card.is-anim-flash{animation:homeAnnFlash 1.4s ease-in-out infinite !important;}
.dashboard-home .home-announcement-card.is-anim-ripple::before{content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:0 0 0 0 rgba(16,185,129,.34); animation:homeAnnRipple 1.8s ease-out infinite !important; pointer-events:none;}
.dashboard-home .home-announcement-card.is-anim-tilt{animation:homeAnnTilt 1.7s ease-in-out infinite !important;}
.dashboard-home .home-announcement-card.is-anim-bob{animation:homeAnnBob 1.3s ease-in-out infinite !important;}
.dashboard-home .home-announcement-card.is-anim-drift{animation:homeAnnDrift 2.3s ease-in-out infinite !important;}
.dashboard-home .home-announcement-card.is-anim-heartbeat{animation:homeAnnHeartbeat 1.35s ease-in-out infinite !important;}
.dashboard-home .home-announcement-card.is-anim-rotate{animation:homeAnnRotate 4.5s linear infinite !important; transform-origin:center;}
.dashboard-home .home-announcement-card.is-anim-flip{animation:homeAnnFlip 2.2s ease-in-out infinite !important; transform-style:preserve-3d;}
@keyframes homeAnnSwing{0%,100%{transform:rotate(0)}25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}}
@keyframes homeAnnBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-10px)}65%{transform:translateY(-4px)}}
@keyframes homeAnnFlash{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes homeAnnRipple{0%{box-shadow:0 0 0 0 rgba(16,185,129,.3)}100%{box-shadow:0 0 0 16px rgba(16,185,129,0)}}
@keyframes homeAnnTilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.4deg)}}
@keyframes homeAnnBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes homeAnnDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
@keyframes homeAnnHeartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.03)}28%{transform:scale(1)}42%{transform:scale(1.035)}70%{transform:scale(1)}}
@keyframes homeAnnRotate{0%{transform:rotate(0)}50%{transform:rotate(.9deg)}100%{transform:rotate(0)}}
@keyframes homeAnnFlip{0%,100%{transform:perspective(900px) rotateY(0)}50%{transform:perspective(900px) rotateY(8deg)}}


/* v1.4.6: extra distinct homepage announcement styles */
.dashboard-home .home-announcement-card.home-announcement-card--violet{background:linear-gradient(135deg,#f5f3ff,#ddd6fe 50%,#ede9fe) !important}
.dashboard-home .home-announcement-card.home-announcement-card--sunset{background:linear-gradient(135deg,#fff7ed,#fdba74 45%,#fecaca) !important}
.dashboard-home .home-announcement-card.home-announcement-card--slate{background:linear-gradient(135deg,#f8fafc,#cbd5e1 52%,#e2e8f0) !important}
.dashboard-home .home-announcement-card.home-announcement-card--neon{background:linear-gradient(135deg,#ecfeff,#a7f3d0 40%,#bfdbfe 78%,#f5d0fe) !important}


/* v1.4.7: more distinct homepage announcement styles */
.dashboard-home .home-announcement-card.home-announcement-card--official{background:linear-gradient(135deg,#f8fafc,#e2e8f0 55%,#cbd5e1) !important}
.dashboard-home .home-announcement-card.home-announcement-card--festive{background:radial-gradient(circle at top right,#fde68a 0,#fde68a 10%,transparent 34%),linear-gradient(135deg,#fff7ed,#fdba74 42%,#fecdd3 88%) !important}
.dashboard-home .home-announcement-card.home-announcement-card--urgent{background:linear-gradient(135deg,#fef2f2,#fecaca 45%,#fee2e2 100%) !important}
.dashboard-home .home-announcement-card.home-announcement-card--tech{background:radial-gradient(circle at 12% 20%,rgba(34,211,238,.24) 0,transparent 22%),radial-gradient(circle at 88% 78%,rgba(59,130,246,.20) 0,transparent 20%),linear-gradient(135deg,#0f172a,#1e293b 58%,#0f766e) !important; color:#e6f7ff !important}
.dashboard-home .home-announcement-card.home-announcement-card--tech h3,
.dashboard-home .home-announcement-card.home-announcement-card--tech p,
.dashboard-home .home-announcement-card.home-announcement-card--tech small{color:#e2f7ff !important}
.dashboard-home .home-announcement-card.home-announcement-card--tech .pill{background:rgba(34,211,238,.16); color:#cffafe; border-color:rgba(34,211,238,.3)}
.dashboard-home .home-announcement-card.home-announcement-card--vip{background:linear-gradient(135deg,#1f172a,#3b2f1a 42%,#111827 100%) !important; color:#f8e7b5 !important; box-shadow:0 20px 42px rgba(17,24,39,.22) !important}
.dashboard-home .home-announcement-card.home-announcement-card--vip h3{color:#fde68a !important}
.dashboard-home .home-announcement-card.home-announcement-card--vip p,
.dashboard-home .home-announcement-card.home-announcement-card--vip small{color:#f5e7b8 !important}
.dashboard-home .home-announcement-card.home-announcement-card--vip .pill{background:rgba(250,204,21,.14); color:#fde68a; border-color:rgba(250,204,21,.28)}


/* v1.4.9: fixed homepage announcement image size 244x165 */
.dashboard-home .home-announcement-card__media{
  width:244px !important;
  min-width:244px !important;
  max-width:244px !important;
  height:165px !important;
  min-height:165px !important;
  max-height:165px !important;
  margin-inline:auto;
}
.dashboard-home .home-announcement-card__media img{
  width:244px !important;
  height:165px !important;
  object-fit:contain !important;
  background:transparent;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card__media{
    width:244px !important;
    max-width:100% !important;
    min-width:0 !important;
    height:165px !important;
  }
  .dashboard-home .home-announcement-card__media img{
    width:100% !important;
    height:165px !important;
  }
}


/* v1.5.0: make home announcement fully compatible with dark mode */
[data-theme="dark"] .dashboard-home .home-announcement-card{
  color:#e5eefb !important;
  border-color:rgba(125,211,252,.16) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.30) !important;
}
[data-theme="dark"] .dashboard-home .home-announcement-card h3{color:#f8fbff !important}
[data-theme="dark"] .dashboard-home .home-announcement-card p,
[data-theme="dark"] .dashboard-home .home-announcement-card small,
[data-theme="dark"] .dashboard-home .home-announcement-card__hint{color:#cdd9ee !important}
[data-theme="dark"] .dashboard-home .home-announcement-card .pill{
  background:rgba(255,255,255,.08) !important;
  color:#f8fbff !important;
  border-color:rgba(255,255,255,.12) !important;
}
[data-theme="dark"] .dashboard-home .home-announcement-card__link{
  background:linear-gradient(135deg,#4f46e5,#7c83ff) !important;
  border-color:transparent !important;
  color:#fff !important;
}
[data-theme="dark"] .dashboard-home .home-announcement-card__media{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.18) !important;
}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--emerald{background:linear-gradient(135deg,#0b1f24,#10373a 52%,#164e63) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--blue{background:linear-gradient(135deg,#0b1732,#10264b 52%,#153a63) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--gold{background:linear-gradient(135deg,#23170a,#3a260f 50%,#5b3a12) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--rose{background:linear-gradient(135deg,#2c1120,#44172e 52%,#6b2147) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--violet{background:linear-gradient(135deg,#1d1636,#33215d 52%,#4c2f83) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--sunset{background:linear-gradient(135deg,#2d160e,#5a2414 45%,#7c2d12) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--slate{background:linear-gradient(135deg,#111827,#1f2937 52%,#334155) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--neon{background:linear-gradient(135deg,#0a1f24,#0f3b45 40%,#1d4ed8 82%,#5b21b6) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--official{background:linear-gradient(135deg,#111827,#1f2937 55%,#334155) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--festive{background:radial-gradient(circle at top right,rgba(251,191,36,.25) 0,rgba(251,191,36,.20) 10%,transparent 34%),linear-gradient(135deg,#3a1604,#7c2d12 42%,#7f1d1d 88%) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--urgent{background:linear-gradient(135deg,#2f0c12,#5f131d 45%,#7f1d1d 100%) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--tech{background:radial-gradient(circle at 12% 20%,rgba(34,211,238,.24) 0,transparent 22%),radial-gradient(circle at 88% 78%,rgba(59,130,246,.18) 0,transparent 20%),linear-gradient(135deg,#07111f,#10223b 58%,#0b3d3b) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--vip{background:linear-gradient(135deg,#18111e,#2d1e11 42%,#111827 100%) !important}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--placeholder{
  background:linear-gradient(135deg,#0b1220,#111827) !important;
  border-style:dashed !important;
}


/* v1.5.4: refine empty announcement placeholder visual design */
.dashboard-home .home-announcement-card.home-announcement-card--placeholder{
  grid-template-columns:minmax(0,1.3fr) 260px !important;
  align-items:center;
  gap:18px;
  min-height:214px;
  opacity:1;
  border-style:solid !important;
  background:
    radial-gradient(circle at 12% 22%, rgba(79,70,229,.08), transparent 24%),
    radial-gradient(circle at 88% 76%, rgba(20,184,166,.08), transparent 20%),
    linear-gradient(135deg, color-mix(in srgb, var(--card,#fff) 96%, #eef6ff 4%), color-mix(in srgb, var(--card,#fff) 88%, #f5fbff 12%)) !important;
}
.dashboard-home .home-announcement-card__content--placeholder{align-content:center;gap:14px}
.dashboard-home .home-announcement-card__content--placeholder h3{
  font-size:clamp(1.55rem,1.25rem + .8vw,2.05rem);
}
.dashboard-home .home-announcement-card__features{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-home .home-announcement-card__features span{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--primary,#276463) 18%, transparent);
  background:color-mix(in srgb, var(--primary,#276463) 8%, transparent);
  font-weight:800;
  font-size:.92rem;
  color:var(--text);
}
.dashboard-home .home-announcement-card__placeholder-visual{
  position:relative;
  z-index:1;
  min-height:165px;
  border-radius:24px;
  display:grid;
  gap:8px;
  place-content:center;
  text-align:center;
  padding:18px;
  background:linear-gradient(135deg, rgba(255,255,255,.80), rgba(240,248,255,.92));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 18px 34px rgba(15,23,42,.08);
}
.dashboard-home .home-announcement-card__placeholder-visual strong{
  font-size:1.12rem;
  color:var(--text);
}
.dashboard-home .home-announcement-card__placeholder-visual small{
  color:var(--text-light);
  line-height:1.7;
  font-weight:800;
}
.dashboard-home .home-announcement-card__placeholder-icon{
  width:64px;
  height:64px;
  margin-inline:auto;
  border-radius:20px;
  display:grid;
  place-items:center;
  font-size:30px;
  background:linear-gradient(135deg, rgba(79,70,229,.14), rgba(20,184,166,.16));
  border:1px solid rgba(79,70,229,.18);
  box-shadow:0 10px 22px rgba(79,70,229,.10);
}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--placeholder{
  background:
    radial-gradient(circle at 12% 22%, rgba(79,70,229,.18), transparent 24%),
    radial-gradient(circle at 88% 76%, rgba(20,184,166,.16), transparent 20%),
    linear-gradient(135deg,#0e1628,#111b31 55%,#0f1f2f) !important;
  border-color:rgba(125,211,252,.14) !important;
}
[data-theme="dark"] .dashboard-home .home-announcement-card__content--placeholder h3{color:#f8fbff !important}
[data-theme="dark"] .dashboard-home .home-announcement-card__content--placeholder p,
[data-theme="dark"] .dashboard-home .home-announcement-card__content--placeholder .home-announcement-card__top small{color:#d7e4f7 !important}
[data-theme="dark"] .dashboard-home .home-announcement-card__features span{
  color:#eef7ff;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
}
[data-theme="dark"] .dashboard-home .home-announcement-card__placeholder-visual{
  background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-color:rgba(255,255,255,.10);
  box-shadow:0 18px 34px rgba(0,0,0,.20);
}
[data-theme="dark"] .dashboard-home .home-announcement-card__placeholder-visual strong{color:#f8fbff}
[data-theme="dark"] .dashboard-home .home-announcement-card__placeholder-visual small{color:#d3e0f2}
[data-theme="dark"] .dashboard-home .home-announcement-card__placeholder-icon{
  background:linear-gradient(135deg, rgba(79,70,229,.20), rgba(20,184,166,.22));
  border-color:rgba(125,211,252,.14);
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card.home-announcement-card--placeholder{
    grid-template-columns:1fr !important;
  }
  .dashboard-home .home-announcement-card__placeholder-visual{
    min-height:150px;
  }
}


/* v1.5.5: simplify empty announcement placeholder */
.dashboard-home .home-announcement-card__content--placeholder{
  justify-content:center;
}
.dashboard-home .home-announcement-card__content--placeholder .home-announcement-card__top{
  margin-bottom:4px;
}
.dashboard-home .home-announcement-card__content--placeholder h3{
  margin:0;
}
.dashboard-home .home-announcement-card__placeholder-visual{
  gap:0;
}
.dashboard-home .home-announcement-card__placeholder-visual strong{
  margin-top:4px;
}


/* v1.5.6: move placeholder badge to top-right and remove extra caption */
.dashboard-home .home-announcement-card.home-announcement-card--placeholder{
  position:relative;
}
.dashboard-home .home-announcement-card__floating-pill{
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
}
.dashboard-home .home-announcement-card__content--placeholder .home-announcement-card__top{
  display:none !important;
}
.dashboard-home .home-announcement-card__placeholder-visual{
  justify-items:center;
}
.dashboard-home .home-announcement-card__placeholder-visual strong,
.dashboard-home .home-announcement-card__placeholder-visual small{
  display:none !important;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card__floating-pill{
    top:14px;
    right:14px;
  }
}


/* v1.5.7: better homepage announcement layout when no image exists */
.dashboard-home .home-announcement-card.home-announcement-card--no-media{
  grid-template-columns:1fr !important;
  min-height:238px;
  padding:26px 28px;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{
  max-width:430px;
  min-height:184px;
  align-content:center;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__actions{
  margin-top:10px;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media::after{
  content:"";
  position:absolute;
  left:26px;
  bottom:24px;
  width:148px;
  height:148px;
  border-radius:28px;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.16), transparent 40%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 10px 24px rgba(15,23,42,.08);
  pointer-events:none;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{position:relative;z-index:2}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--no-media::after{
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.10), transparent 40%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.2);
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card.home-announcement-card--no-media::after{display:none}
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{max-width:none; min-height:auto}
}


/* v1.5.8: align no-image announcement card like reference */
.dashboard-home .home-announcement-card.home-announcement-card--no-media{
  grid-template-columns:minmax(0,1fr) 244px !important;
  align-items:center;
  min-height:214px;
  padding:22px 26px;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media::after{display:none !important}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{
  max-width:none;
  min-height:auto;
  width:100%;
  align-content:center;
  position:relative;
  z-index:2;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top{
  width:100%;
  justify-content:space-between;
  align-items:center;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
  text-align:left;
  direction:ltr;
  unicode-bidi:plaintext;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
  display:grid !important;
  place-items:center;
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(15,23,42,.08);
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__placeholder-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:30px;
  background:linear-gradient(135deg, rgba(79,70,229,.22), rgba(34,211,238,.16));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.18);
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card.home-announcement-card--no-media{
    grid-template-columns:1fr !important;
  }
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
    order:2;
  }
}


/* v1.5.9: place update date on far-left for no-image announcement */
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
  position:absolute !important;
  top:26px;
  left:28px;
  right:auto;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:inherit;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top{
  min-height:32px;
}
[data-theme="dark"] .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
  color:#dbeafe !important;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
    position:static !important;
    margin-top:6px;
  }
}


/* v1.6.0: move no-image update date to true left side and center the placeholder box */
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{
  position:static !important;
  padding-top:18px;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top{
  justify-content:flex-end;
  min-height:0;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
  position:absolute !important;
  top:16px;
  left:18px;
  right:auto;
  z-index:4;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
  align-self:center;
  justify-self:center;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{
    padding-top:6px;
  }
}


/* v1.6.1: restore badge to top-right and lower placeholder box in no-image state */
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top{
  position:static;
  min-height:0;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top .pill{
  position:absolute !important;
  top:16px;
  right:18px;
  left:auto;
  z-index:4;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
  position:absolute !important;
  top:16px;
  left:18px;
  right:auto;
  z-index:4;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
  align-self:center;
  justify-self:center;
  margin-top:26px;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top .pill,
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top small{
    position:static !important;
    margin-top:6px;
  }
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
    margin-top:10px;
  }
}


/* v1.6.2: dedicated floating meta for no-image announcement */
.dashboard-home .home-announcement-card.home-announcement-card--no-media{
  min-height:238px;
  padding:26px 28px;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__content{
  padding-top:0 !important;
}
.dashboard-home .home-announcement-card__floating-meta{
  position:absolute;
  top:16px;
  left:18px;
  right:18px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:none;
}
.dashboard-home .home-announcement-card__floating-meta .pill,
.dashboard-home .home-announcement-card__floating-meta small{
  pointer-events:auto;
}
.dashboard-home .home-announcement-card__floating-meta small{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  direction:ltr;
  unicode-bidi:plaintext;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__top{
  display:none !important;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
  margin-top:40px;
}
[data-theme="dark"] .dashboard-home .home-announcement-card__floating-meta small{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
  color:#dbeafe !important;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card__floating-meta{
    position:static;
    margin-bottom:8px;
  }
  .dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
    margin-top:10px;
  }
}


/* v1.6.3: slightly taller no-image announcement and swapped floating meta positions */
.dashboard-home .home-announcement-card.home-announcement-card--no-media{
  min-height:258px !important;
  padding-top:34px !important;
  padding-bottom:34px !important;
}
.dashboard-home .home-announcement-card__floating-meta{
  top:18px;
}
.dashboard-home .home-announcement-card.home-announcement-card--no-media .home-announcement-card__media--placeholder{
  margin-top:46px;
}


/* v1.6.4: unified homepage announcement layout for both image and no-image */
.dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder){
  grid-template-columns:minmax(0,1fr) 244px !important;
  align-items:center;
  min-height:258px !important;
  padding:34px 28px !important;
}
.dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder) .home-announcement-card__top{
  display:none !important;
}
.dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder) .home-announcement-card__content{
  max-width:none !important;
  width:100%;
  align-content:center;
  gap:12px;
  position:relative;
  z-index:2;
}
.dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder) .home-announcement-card__media{
  justify-self:center;
  align-self:center;
  margin-top:40px;
}
.dashboard-home .home-announcement-card__floating-meta{
  position:absolute;
  top:16px;
  left:18px;
  right:18px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  pointer-events:none;
}
.dashboard-home .home-announcement-card__floating-meta .pill,
.dashboard-home .home-announcement-card__floating-meta small{pointer-events:auto}
.dashboard-home .home-announcement-card__floating-meta small{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  direction:ltr;
  unicode-bidi:plaintext;
}
.dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder) .home-announcement-card__placeholder-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:30px;
  background:linear-gradient(135deg, rgba(79,70,229,.22), rgba(34,211,238,.16));
  border:1px solid rgba(125,211,252,.18);
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}
[data-theme="dark"] .dashboard-home .home-announcement-card__floating-meta small{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
  color:#dbeafe !important;
}
@media (max-width:900px){
  .dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder){
    grid-template-columns:1fr !important;
  }
  .dashboard-home .home-announcement-card__floating-meta{
    position:static;
    margin-bottom:8px;
  }
  .dashboard-home .home-announcement-card:not(.home-announcement-card--placeholder) .home-announcement-card__media{
    order:2;
    margin-top:10px;
  }
}


/* v1.6.6: support transparent announcement images */
.dashboard-home .home-announcement-card__media,
.hb-announcement-preview__media{
  background:transparent !important;
}
.dashboard-home .home-announcement-card__media img,
.hb-announcement-preview__media img{
  background:transparent !important;
}
.dashboard-home .home-announcement-card__media:not(.home-announcement-card__media--placeholder),
.hb-announcement-preview__media:not(.is-placeholder){
  box-shadow:none !important;
}


/* v1.6.7: add elegant light-mode shadow for transparent announcement images */
:root:not([data-theme="dark"]) .dashboard-home .home-announcement-card__media:not(.home-announcement-card__media--placeholder),
:root:not([data-theme="dark"]) .hb-announcement-preview__media:not(.is-placeholder){
  box-shadow:0 14px 30px rgba(15,23,42,.10), 0 3px 10px rgba(15,23,42,.06) !important;
  border-color:rgba(15,23,42,.08) !important;
}
:root:not([data-theme="dark"]) .dashboard-home .home-announcement-card__media:not(.home-announcement-card__media--placeholder) img,
:root:not([data-theme="dark"]) .hb-announcement-preview__media:not(.is-placeholder) img{
  filter:drop-shadow(0 6px 14px rgba(15,23,42,.10));
}