/* ROSES v24ECY - Info ROSES / Program Telah Berlangsung. Satu kolom, 5 list, ringan. */
.roses-hebahan-widget{
  margin:14px 0 0;
  border:1px solid rgba(14,165,233,.18);
  border-radius:22px;
  padding:16px;
  background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 100%);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
  color:#0f172a;
  overflow:hidden;
}
.roses-hebahan-widget[hidden]{display:none!important}
.roses-hebahan-widget__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.roses-hebahan-widget__kicker{display:inline-flex;align-items:center;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#0284c7}
.roses-hebahan-widget__head h2{margin:3px 0 0;font-size:1.04rem;line-height:1.15;font-weight:950;color:#0f172a}
.roses-hebahan-widget__count{display:none!important}
.roses-hebahan-widget__list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.roses-program-item,
.roses-hebahan-item{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important;align-items:start;border:1px solid rgba(14,165,233,.13);border-radius:18px;padding:12px;background:rgba(255,255,255,.86);box-shadow:none!important;min-width:0}
.roses-program-item__num{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#dff4ff;color:#0284c7;font-size:.86rem;font-weight:950}
.roses-program-item__body{min-width:0;display:grid;gap:3px}
.roses-program-item__date{font-size:.74rem;font-weight:950;letter-spacing:.04em;color:#0284c7;text-transform:uppercase}
.roses-program-item__title{margin:0;color:#0f172a;font-size:.97rem;line-height:1.18;font-weight:950;word-break:break-word}
.roses-program-item__summary{margin:0;color:#475569;font-size:.86rem;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.roses-program-item__action{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:4px;min-height:28px;padding:0 14px;border-radius:999px;background:#e8f1ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.8rem;font-weight:950;text-decoration:none}
.roses-program-item__action:active{transform:translateY(1px)}
.roses-hebahan-item__img{display:none!important}
.roses-hebahan-item__meta,.roses-hebahan-item__title,.roses-hebahan-item__summary,.roses-hebahan-item__action{display:none!important}
html[data-theme="dark"] .roses-hebahan-widget{background:linear-gradient(135deg,rgba(8,47,73,.86),rgba(15,23,42,.92));border-color:rgba(56,189,248,.18);box-shadow:none;color:#e5eefb}
html[data-theme="dark"] .roses-hebahan-widget__head h2{color:#f8fafc}
html[data-theme="dark"] .roses-hebahan-widget__kicker{color:#7dd3fc}
html[data-theme="dark"] .roses-program-item{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.16)}
html[data-theme="dark"] .roses-program-item__num{background:rgba(14,165,233,.16);color:#7dd3fc}
html[data-theme="dark"] .roses-program-item__date{color:#7dd3fc}
html[data-theme="dark"] .roses-program-item__title{color:#f8fafc}
html[data-theme="dark"] .roses-program-item__summary{color:#b6c6dc}
html[data-theme="dark"] .roses-program-item__action{background:rgba(96,165,250,.16);border-color:rgba(147,197,253,.20);color:#bfdbfe}

/* Mobile: kembalikan kedudukan asal Jadual Hari Ini sebelum Menu Utama. Program berada selepas menu. */
@media (max-width:1023px){
  .roses-app-home .menu-home-card{display:flex!important;flex-direction:column!important;gap:14px!important}
  .roses-app-home .home-dashboard-head{order:1}
  .roses-app-home #homePdpTodayCard{order:2;margin-top:0!important}
  .roses-app-home #roleSubmenus{order:3}
  .roses-app-home #rosesHebahanWidget{order:4;margin-top:0!important}
  .roses-app-home .home-telegram-card{order:8}
  .roses-app-home #homeWeatherCard{order:9}
  .roses-app-home #superAdminModeRoot{order:10}
}

/* Desktop: kekalkan kedudukan semasa - menu kiri, program di bawah menu, Jadual Hari Ini kanan. */
@media (min-width:1024px){
  .roses-app-home .menu-home-card{grid-template-areas:"hero telegram" "weather schedule" "menus schedule" "hebahan schedule"!important}
  .roses-app-home #rosesHebahanWidget{grid-area:hebahan;margin:0!important;align-self:start}
  .roses-app-home .roses-hebahan-widget__list{grid-template-columns:1fr!important}
  .roses-app-home .roses-program-item{min-height:58px;padding:10px!important}
  .roses-app-home .roses-program-item__title{font-size:.82rem!important}
  .roses-app-home .roses-program-item__summary{font-size:.72rem!important;-webkit-line-clamp:1}
  .roses-app-home .roses-program-item__action{min-height:24px;font-size:.68rem;padding:0 10px}
}

@media (max-width:420px){
  .roses-hebahan-widget{padding:14px;border-radius:20px}
  .roses-hebahan-widget__head h2{font-size:1rem}
  .roses-program-item{grid-template-columns:38px minmax(0,1fr)!important;padding:11px;border-radius:16px}
  .roses-program-item__num{width:32px;height:32px;font-size:.8rem}
  .roses-program-item__title{font-size:.92rem}
  .roses-program-item__summary{font-size:.82rem}
}