/* SEPT News & Announcements (Portal)
   Piggybacks on MCP Core styles. */

.sept-na-divider{height:1px;background:rgba(0,0,0,.06);margin:18px 0;}

.sept-na-block-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:12px;}
.sept-na-block-title{font-size:14px;font-weight:800;letter-spacing:.2px;}
.sept-na-block-sub{opacity:.72;font-size:12px;}

/* Carousel */
.sept-na-carousel{overflow:hidden;}
.sept-na-carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;}
.sept-na-carousel-track::-webkit-scrollbar{height:6px;}
.sept-na-slide{flex:0 0 260px;max-width:260px;scroll-snap-align:start;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:0;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 6px 16px rgba(15,23,42,.06);}
.sept-na-slide{color:#111 !important;text-decoration:none !important;}
.sept-na-slide-img{height:120px;background-size:cover;background-position:center;}
.sept-na-slide-img.is-empty{background:linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));}
.sept-na-slide-body{padding:12px;}
.sept-na-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#111;margin-right:8px;vertical-align:middle;}
.sept-na-dot.read{opacity:.2;}
.sept-na-slide-date{display:inline-block;opacity:.72;font-size:12px;vertical-align:middle;}
.sept-na-slide-title{margin-top:10px;font-weight:800;font-size:14px;line-height:1.25;color:#111 !important;}
.sept-na-next{display:flex;align-items:center;justify-content:center;font-weight:800;}

/* Collapse */
.sept-na-collapse{border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:0;background:#fff;overflow:hidden;}
.sept-na-collapse>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;}
.sept-na-collapse>summary::-webkit-details-marker{display:none;}
.sept-na-collapse-body{padding:0 14px 14px;}
.sept-na-pill{font-size:12px;font-weight:800;background:rgba(0,0,0,.06);padding:6px 10px;border-radius:999px;white-space:nowrap;}

/* Client list */
.sept-na-client-list{display:flex;flex-direction:column;gap:10px;}
.sept-na-client-item{border:1px solid rgba(0,0,0,.06);border-radius:14px;background:#fff;padding:12px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:left;}
.sept-na-client-item{color:#111 !important;text-decoration:none !important;}
.sept-na-client-left{display:flex;align-items:center;gap:10px;}
.sept-na-client-thumb{width:52px;height:52px;border-radius:12px;background-size:cover;background-position:center;}
.sept-na-client-thumb.is-empty{background:rgba(0,0,0,.04);}
.sept-na-client-title{font-weight:800;color:#111 !important;}
.sept-na-client-date{opacity:.72;font-size:12px;margin-top:2px;}

/* Modal */
.sept-na-modal{position:fixed;inset:0;display:none;z-index:9999;}
.sept-na-modal[aria-hidden="false"]{display:block;}
.sept-na-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.sept-na-modal-card{z-index:10000;position:relative;max-width:720px;margin:7vh auto 0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);width:calc(100% - 28px);max-height:86vh;display:flex;flex-direction:column;}
.sept-na-modal-close{z-index:10001;position:absolute;top:10px;right:10px;border:0;background:rgba(0,0,0,.06);width:38px;height:38px;border-radius:999px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111 !important;line-height:1;}
.sept-na-modal-media{display:none;}
.sept-na-modal-body{padding:16px 18px 18px;overflow:auto;-webkit-overflow-scrolling:touch;}
.sept-na-modal-date{opacity:.72;font-size:12px;}
.sept-na-modal-title{margin-top:6px;font-size:18px;font-weight:900;line-height:1.2;}
.sept-na-modal-content{margin-top:12px;line-height:1.65;}

.sept-na-hidden{display:none;}

.sept-na-slide-media{position:relative;}
.sept-na-tag{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;background:rgba(17,17,17,.9);color:#fff;backdrop-filter: blur(6px);}

.sept-na-modal-close:active{transform:scale(.98);}

/* Prevent background page scroll when modal is open */
html.sept-na-modal-open, body.sept-na-modal-open{overflow:hidden !important;touch-action:none;}

.sept-na-modal-close{pointer-events:auto;-webkit-tap-highlight-color:transparent;}
/* Dark mode (match MCP Core) */
html.mcp-dark-html .sept-na-divider,
.mcp-app.mcp-dark .sept-na-divider{ background:rgba(255,255,255,.10); }

html.mcp-dark-html .sept-na-block-title,
.mcp-app.mcp-dark .sept-na-block-title{ color:#fff; }
html.mcp-dark-html .sept-na-block-sub,
.mcp-app.mcp-dark .sept-na-block-sub{ color:rgba(255,255,255,.70); opacity:1; }

html.mcp-dark-html .sept-na-slide,
.mcp-app.mcp-dark .sept-na-slide{
  background:#141823 !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  color:#fff !important;
}
html.mcp-dark-html .sept-na-slide-body,
.mcp-app.mcp-dark .sept-na-slide-body{ background:transparent !important; }

html.mcp-dark-html .sept-na-slide-img.is-empty,
.mcp-app.mcp-dark .sept-na-slide-img.is-empty{
  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
}
html.mcp-dark-html .sept-na-dot,
.mcp-app.mcp-dark .sept-na-dot{ background:#fff; }
html.mcp-dark-html .sept-na-dot.read,
.mcp-app.mcp-dark .sept-na-dot.read{ opacity:.18; }
html.mcp-dark-html .sept-na-slide-date,
.mcp-app.mcp-dark .sept-na-slide-date{ color:rgba(255,255,255,.70); opacity:1; }
html.mcp-dark-html .sept-na-slide-title,
.mcp-app.mcp-dark .sept-na-slide-title{ color:#fff !important; }

html.mcp-dark-html .sept-na-collapse,
.mcp-app.mcp-dark .sept-na-collapse{
  background:#141823 !important;
  border-color:rgba(255,255,255,.10) !important;
}
html.mcp-dark-html .sept-na-pill,
.mcp-app.mcp-dark .sept-na-pill{
  background:rgba(255,255,255,.10);
  color:#fff;
}

html.mcp-dark-html .sept-na-client-item,
.mcp-app.mcp-dark .sept-na-client-item{
  background:#141823 !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
}
html.mcp-dark-html .sept-na-client-thumb.is-empty,
.mcp-app.mcp-dark .sept-na-client-thumb.is-empty{ background:rgba(255,255,255,.08); }
html.mcp-dark-html .sept-na-client-title,
.mcp-app.mcp-dark .sept-na-client-title{ color:#fff !important; }
html.mcp-dark-html .sept-na-client-date,
.mcp-app.mcp-dark .sept-na-client-date{ color:rgba(255,255,255,.70); opacity:1; }

html.mcp-dark-html .sept-na-modal-backdrop,
.mcp-app.mcp-dark .sept-na-modal-backdrop{ background:rgba(0,0,0,.68); }

html.mcp-dark-html .sept-na-modal-card,
.mcp-app.mcp-dark .sept-na-modal-card{
  background:#141823 !important;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
}
html.mcp-dark-html .sept-na-modal-close,
.mcp-app.mcp-dark .sept-na-modal-close{
  background:#1b2230;
  border:1px solid rgba(255,255,255,.14);
  color:#fff !important;
}
html.mcp-dark-html .sept-na-modal-date,
.mcp-app.mcp-dark .sept-na-modal-date{ color:rgba(255,255,255,.70); opacity:1; }
html.mcp-dark-html .sept-na-modal-title,
.mcp-app.mcp-dark .sept-na-modal-title{ color:#fff; }
html.mcp-dark-html .sept-na-modal-content,
.mcp-app.mcp-dark .sept-na-modal-content{ color:rgba(255,255,255,.88); }

html.mcp-dark-html .sept-na-tag,
.mcp-app.mcp-dark .sept-na-tag{
  background:rgba(255,255,255,.14);
  color:#fff;
}

/* Dark mode fine-tuning to match core cards */
html.mcp-dark-html .sept-na-collapse>summary,
.mcp-app.mcp-dark .sept-na-collapse>summary{ color:#fff; }
html.mcp-dark-html .sept-na-collapse-body,
.mcp-app.mcp-dark .sept-na-collapse-body{ color:rgba(255,255,255,.86); }
html.mcp-dark-html .sept-na-collapse-body a,
.mcp-app.mcp-dark .sept-na-collapse-body a{ color:#fff; }


/* Mobile: stack section title + subtitle */
@media (max-width: 768px){
  .sept-na-block-head{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
  .sept-na-block-title{ margin: 0 !important; }
  .sept-na-block-sub{
    margin: 0 !important;
    opacity: .72;
    font-size: 13px;
  }
}

/* Mobile: match core heading sizing */
@media (max-width: 768px){
  .mcp-app.mcp-dark .sept-na-page-title,
  .mcp-app .sept-na-page-title{
    font-size: 32px !important;
    line-height: 1.12 !important;
  }
}