/* ChatBase — 🌅 Morning Briefing (adminbrief.js) */

#briefCard {
    position: fixed; right: 20px; top: 70px; z-index: 99970; width: min(320px, calc(100vw - 24px));
    background: linear-gradient(135deg, rgba(30,20,50,.97), rgba(15,25,55,.97));
    border: 1px solid rgba(255,255,255,.16); border-radius: 16px; padding: 14px 16px;
    box-shadow: 0 14px 44px rgba(0,0,0,.5); backdrop-filter: blur(12px); color: #fff;
    animation: briefIn .35s cubic-bezier(.2,1.1,.4,1); transition: opacity .6s ease, transform .6s ease;
}
#briefCard.brief-fade { opacity: 0; transform: translateX(12px); }
@keyframes briefIn { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }

.brief-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.brief-head b { font-size: 14px; flex: 1; }
.brief-head span { font-size: 11px; color: rgba(255,255,255,.55); }
.brief-head button { background: none; border: none; color: rgba(255,255,255,.6); cursor: pointer; font-size: 14px; padding: 2px 4px; }
.brief-head button:hover { color: #fff; }

.brief-rows { display: flex; flex-direction: column; gap: 7px; }
.brief-row { display: flex; align-items: baseline; gap: 7px; font-size: 13px; padding: 4px 6px; border-radius: 8px; }
.brief-row b { font-size: 16px; font-weight: 800; }
.brief-ico { font-size: 15px; }
.brief-lbl { color: rgba(255,255,255,.75); }
.brief-row small { display: block; width: 100%; font-size: 11px; color: rgba(255,255,255,.5); margin-left: 23px; }
.brief-go { cursor: pointer; }
.brief-go:hover { background: rgba(255,255,255,.08); }