/* Inbox UX — operator-grade approval queue */

.inbox-empty { padding: 80px 40px; text-align: center; color: var(--txt-m, #9aa0a6);
               border: 1px dashed rgba(255,255,255,0.06); border-radius: 12px; }
.inbox-empty-icon { font-size: 64px; color: #5fd87a;
                    text-shadow: 0 0 30px rgba(95,216,122,0.3);
                    margin-bottom: 14px; }
.inbox-empty-title { font-size: 20px; color: var(--txt, #e8eaed); margin-bottom: 6px; font-weight: 500; }
.inbox-empty-sub { font-size: 13px; }

.inbox-summary { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.inbox-pill { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
              padding: 5px 12px; border-radius: 14px; font-size: 12px; color: var(--txt-m); }
.inbox-pill strong { color: var(--sarah-blue-bright, #1a9fd9); margin-right: 4px; }
.inbox-pill.urgent { background: rgba(0,255,255,0.10); border-color: rgba(0,255,255,0.4);
                     color: #00ffff; text-shadow: 0 0 6px rgba(0,255,255,0.5);
                     animation: cyanBadgePulse 1.6s ease-in-out infinite; }

.inbox-list { display: flex; flex-direction: column; gap: 14px; }

.inbox-card { background: rgba(255,255,255,0.025); border: 1px solid rgba(255,255,255,0.08);
              border-left: 3px solid var(--sarah-blue, #0089d1); border-radius: 8px;
              padding: 18px 22px; transition: border-color 0.2s, background 0.2s; }
.inbox-card:hover { background: rgba(255,255,255,0.035); }
.inbox-card.needs-decision { border-left-color: #00ffff;
                              background: rgba(0,255,255,0.04);
                              box-shadow: inset 0 0 30px rgba(0,255,255,0.04); }
.inbox-card.severity-critical { border-left-color: #ff5050;
                                background: rgba(255,80,80,0.06); }
.inbox-card.severity-high { border-left-color: #ffa040; }

.inbox-card-head { display: flex; justify-content: space-between; align-items: center;
                    margin-bottom: 12px; }
.inbox-card-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.inbox-source { font-size: 11px; font-weight: 600; color: var(--sarah-blue-bright, #1a9fd9);
                 text-transform: uppercase; letter-spacing: 0.6px; }
.inbox-card-ts { font-family: 'JetBrains Mono','SF Mono',Menlo,monospace;
                  font-size: 10px; color: var(--txt-d, #6c7079); }

.inbox-tag { font-size: 10px; padding: 3px 8px; border-radius: 3px;
              font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.inbox-tag.tag-decision { background: #00ffff; color: #001a1a;
                          animation: cyanBadgePulse 1.6s ease-in-out infinite; }
.inbox-tag.tag-timer { background: rgba(255,200,80,0.15); color: #ffd966; }
.inbox-tag.tag-critical { background: rgba(255,80,80,0.2); color: #ff5050; }
.inbox-tag.tag-high { background: rgba(255,160,64,0.18); color: #ffa040; }

.inbox-card-summary { font-size: 16px; color: var(--txt, #e8eaed); line-height: 1.4;
                       margin-bottom: 14px; font-weight: 500; }

.inbox-card-section { margin-bottom: 12px; }
.inbox-card-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1px;
                     color: var(--txt-m, #9aa0a6); margin-bottom: 4px; font-weight: 600; }
.inbox-card-quote { padding: 10px 14px; background: rgba(255,255,255,0.03);
                     border-left: 2px solid rgba(255,255,255,0.10); border-radius: 4px;
                     font-size: 13px; line-height: 1.55; color: var(--txt, #e8eaed); }
.inbox-card-draft { padding: 10px 14px; background: rgba(0,137,209,0.06);
                     border-left: 2px solid var(--sarah-blue, #0089d1); border-radius: 4px;
                     font-size: 13px; line-height: 1.55; color: var(--txt, #e8eaed);
                     white-space: pre-wrap; }

.inbox-card-actions { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; }
.ibtn { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.12);
         color: var(--txt, #e8eaed); padding: 8px 18px; border-radius: 5px;
         font-size: 13px; font-weight: 600; cursor: pointer;
         transition: background 0.15s, border-color 0.15s; }
.ibtn:hover { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); }
.ibtn.ibtn-approve { background: rgba(95,216,122,0.15); color: #5fd87a;
                      border-color: rgba(95,216,122,0.4); }
.ibtn.ibtn-approve:hover { background: rgba(95,216,122,0.25); }
.ibtn.ibtn-reject { background: rgba(220,80,80,0.15); color: #e07a7a;
                     border-color: rgba(220,80,80,0.4); }
.ibtn.ibtn-reject:hover { background: rgba(220,80,80,0.25); }
.ibtn.ibtn-edit { background: rgba(255,200,80,0.15); color: #ffd966;
                   border-color: rgba(255,200,80,0.4); }
.ibtn.ibtn-edit:hover { background: rgba(255,200,80,0.25); }

/* TOPBAR PULSE BADGE — cyan badge in top-right of every super-admin page */
.topbar-pulse {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(0,255,255,0.10); border: 1px solid rgba(0,255,255,0.4);
    color: #00ffff; padding: 6px 14px; border-radius: 18px;
    font-size: 12px; font-weight: 600; cursor: pointer;
    text-decoration: none;
    margin-right: 10px;
    animation: cyanBadgePulse 1.6s ease-in-out infinite;
    text-shadow: 0 0 6px rgba(0,255,255,0.6);
    transition: background 0.2s;
}
.topbar-pulse:hover { background: rgba(0,255,255,0.20); }
.topbar-pulse-count { font-weight: 800; font-size: 14px; }
.topbar-pulse-label { font-weight: 500; opacity: 0.9; }

/* TOPBAR SEER BANNER — red badge for unactioned CRITICAL+SERIOUS Seer findings.
   Super-admin only. Renders only when count > 0. Click → seer.sarahos.ai. */
.topbar-seer {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,77,77,0.12); border: 1px solid rgba(255,77,77,0.45);
    color: #ff6b6b; padding: 6px 14px; border-radius: 18px;
    font-size: 12px; font-weight: 600; cursor: pointer;
    text-decoration: none;
    margin-right: 10px;
    animation: redBadgePulse 1.6s ease-in-out infinite;
    text-shadow: 0 0 6px rgba(255,77,77,0.55);
    transition: background 0.2s;
}
.topbar-seer:hover { background: rgba(255,77,77,0.22); }
.topbar-seer-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #ff4d4d; box-shadow: 0 0 8px rgba(255,77,77,0.85);
    flex: 0 0 auto;
}
.topbar-seer-label { font-weight: 500; opacity: 0.92; letter-spacing: 0.02em; }
.topbar-seer-count { font-weight: 800; font-size: 14px; }

@keyframes redBadgePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255,77,77,0.0); }
    50%      { box-shadow: 0 0 14px 0 rgba(255,77,77,0.45); }
}