/* KnownBoost V24.4.47 — chat, boosting privacy, notifications and moderation */
:root{--kb47-warning:#f5c842;--kb47-warning-soft:rgba(245,200,66,.12)}

/* Notification UI */
.notif-header h4,.kb-market-notif-popover__head strong,.dash-notif-header strong,.kb-notif-hero h1,.page-notifications .page-header h1{color:var(--text)!important}
.notif-dropdown,.kb-market-notif-popover{border-color:var(--border2)!important;box-shadow:0 20px 55px rgba(0,0,0,.48)!important}
.kb-market-notif-popover{border-top-color:var(--accent)!important}
.notif-header,.kb-market-notif-popover__head{background:transparent}
.notif-item,.kb-market-notif-popover__item{transition:background .16s ease,transform .16s ease,border-color .16s ease}
.notif-item:hover,.kb-market-notif-popover__item:hover{transform:translateX(2px);background:var(--surface2)!important}
.notif-item.unread,.kb-market-notif-popover__item.unread{background:rgba(124,106,247,.06)!important}
.notif-dot-sm{background:var(--accent)!important;box-shadow:0 0 0 4px rgba(124,106,247,.14)}
.kb47-notif-head-actions{display:flex;align-items:center;gap:8px}
.kb47-notif-head-actions button{appearance:none;border:0;background:transparent;color:var(--text2);font:700 10px/1 inherit;cursor:pointer;padding:4px 6px;border-radius:6px}
.kb47-notif-head-actions button:hover{background:rgba(124,106,247,.12);color:var(--accent)}
.kb47-notif-head-actions a{font-size:10px!important;color:var(--accent)!important;text-decoration:none}
.kb47-notif-page-actions,.kb47-admin-notif-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kb47-notif-page-actions form,.kb47-admin-notif-actions form{margin:0}
.kb47-clear-notifs{color:#ff9b9b!important;border-color:rgba(239,68,68,.28)!important}
.kb47-notification-list .card-sku{border-radius:12px!important;border:1px solid var(--border2)!important;box-shadow:none!important}

/* Boost request privacy and views */
.kb47-request-views{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 8px;border-radius:999px;border:1px solid rgba(245,200,66,.22);background:rgba(245,200,66,.08);color:var(--gold);font-size:10px;font-weight:800}
.kb47-private-price-note{display:flex;align-items:center;gap:7px;margin:2px 0 12px;padding:9px 11px;border:1px solid rgba(245,200,66,.25);background:rgba(245,200,66,.08);border-radius:9px;color:var(--text2);font-size:11px}
.kb47-chat-job-btn.has-unread,.kb47-chat-offer-btn.has-unread{border-color:#4c7dff!important;box-shadow:0 0 0 3px rgba(76,125,255,.12)}
.kb47-unread-badge{display:inline-flex;min-width:17px;height:17px;padding:0 4px;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:900;margin-left:3px}

/* Timed suspension admin controls */
.kb47-suspension-admin{border-color:rgba(245,200,66,.28)!important}
.kb47-admin-help{font-size:12px;line-height:1.55;color:var(--text2);margin:-4px 0 14px}
.kb47-suspension-form{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}
.kb47-suspension-form .wide{grid-column:1/-1}
.kb47-suspend-button{color:var(--orange)!important;border-color:rgba(245,159,0,.3)!important;justify-content:center}
.kb47-suspension-active{display:flex;flex-direction:column;gap:5px;padding:12px;margin-bottom:12px;border-radius:10px;border:1px solid rgba(245,159,0,.3);background:rgba(245,159,0,.09)}
.kb47-suspension-active strong{color:var(--orange);font-size:13px}.kb47-suspension-active span{color:var(--text2);font-size:11px;line-height:1.5}

/* Chat safety treatment, shared with order and request chat */
.kb47-chat-safety,.chat-safety-notice{border:1px solid rgba(148,163,184,.28)!important;background:rgba(148,163,184,.08)!important;color:var(--text)!important}
.kb47-chat-safety strong,.chat-safety-notice strong{color:#94a3b8!important}

@media(max-width:760px){
  .notif-dropdown{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;width:auto!important;max-height:72dvh!important}
  .kb47-notif-page-actions{width:100%;justify-content:flex-start}
  .kb47-notification-list .card-sku{padding:13px!important;gap:10px!important}
  .kb47-request-views{font-size:9px;padding:4px 7px}
  .kb36-request-actions{align-items:stretch!important}.kb36-action-group{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}.kb36-action-group form{display:contents}.kb36-action-group .btn-gold,.kb36-action-group .btn-ghost{width:100%;justify-content:center}
  .kb36-offer{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.kb36-offer-side{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.kb36-offer-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
  .kb47-suspension-form{grid-template-columns:1fr}
  .kb47-suspension-form .wide{grid-column:auto}
}


/* Closed requests and compact notification controls */
.kb47-request-closed{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:rgba(245,200,66,.1);border:1px solid rgba(245,200,66,.28);color:var(--gold);font-size:10px;font-weight:800}
.kb47-admin-notif-actions .btn-ghost,.kb47-notif-page-actions .btn-ghost{min-height:36px}

/* Centered chat timeline markers */
.chat-time-divider{align-self:center!important;margin:14px auto 14px!important;padding:0;border-radius:0;border:none;background:none;color:var(--text3,#5c6490);font-size:10.5px;font-weight:700;letter-spacing:.03em;line-height:1;text-align:center;box-shadow:none;text-transform:uppercase}
.kb47-order-safety{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;padding:11px 12px;border:1px solid rgba(148,163,184,.28);background:rgba(148,163,184,.08);border-radius:10px;font-size:12px;line-height:1.5}
.kb47-order-safety strong{color:#94a3b8}
.kb47-chat-person-card{padding:16px!important;border-color:var(--border2,rgba(255,255,255,.1))!important}
.kb47-chat-person-head{display:flex;align-items:center;gap:10px}.kb47-chat-person-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex-shrink:0}.kb47-chat-person-name{font-size:13px;font-weight:800}.kb47-chat-person-meta{font-size:11px;color:var(--text2);margin-top:3px}.kb47-chat-person-bio{font-size:11px;line-height:1.5;color:var(--text2);margin-top:10px}.kb47-mini-review{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:10px;line-height:1.45;color:var(--text2)}

@media(max-width:760px){
 .kb47-admin-notif-actions{width:100%}.kb47-admin-notif-actions form{flex:1}.kb47-admin-notif-actions button{width:100%;justify-content:center}
 .chat-time-divider{font-size:9px;margin:6px auto 9px!important}
}
.kb47-order-emoji-panel{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin:0 0 8px;padding:8px;border:1px solid var(--border2);border-radius:10px;background:var(--surface2)}
.kb47-order-emoji-panel[hidden]{display:none}.kb47-order-emoji-panel button{appearance:none;border:0;background:transparent;border-radius:6px;padding:4px;font-size:18px;cursor:pointer}.kb47-order-emoji-panel button:hover{background:var(--bg3)}
@media(max-width:560px){.kb47-order-emoji-panel{grid-template-columns:repeat(7,minmax(0,1fr))}.chat-input-bar{gap:5px!important}.chat-input-bar .chat-attach-btn{width:36px;height:40px}}

.kb47-actions-only{justify-content:flex-end!important}

/* KnownBoost V24.4.49 — realtime chat visibility and mobile drawer polish */
.kb49-has-unread-chat{
  border-color:rgba(245,200,66,.48)!important;
  box-shadow:0 0 0 2px rgba(245,200,66,.08),0 12px 34px rgba(0,0,0,.18)!important;
}
.kb49-chat-alert{
  appearance:none;border:1px solid rgba(245,200,66,.35);background:rgba(245,200,66,.12);
  color:var(--gold);border-radius:999px;padding:4px 8px;font:800 9px/1.2 inherit;
  cursor:pointer;white-space:nowrap;margin-left:auto;max-width:170px;overflow:hidden;text-overflow:ellipsis;
}
.kb49-chat-alert:hover{background:rgba(76,125,255,.2)}
.kb47-chat-job-btn.has-unread,.kb47-chat-offer-btn.has-unread{
  position:relative;animation:kb49-chat-attention 1.8s ease-in-out infinite;
}
@keyframes kb49-chat-attention{0%,100%{box-shadow:0 0 0 2px rgba(76,125,255,.08)}50%{box-shadow:0 0 0 5px rgba(76,125,255,.15)}}
.notif-item[class*="type-bid_message"],.kb-market-notif-popover__item[class*="type-bid_message"]{
  border-left-color:var(--accent)!important;background:rgba(124,106,247,.06)!important;
}
.kb49-notif-type-title{color:var(--accent)!important}

@media(max-width:760px){
  .kb49-chat-alert{display:inline-flex;max-width:145px;margin:6px 0 0;padding:4px 7px;font-size:8px}
  .kb36-request-top .kb49-chat-alert{width:max-content;max-width:100%}
  .kb36-offer-copy .kb49-chat-alert{display:flex}
}
.kb47-order-emoji-panel{max-height:158px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.kb47-order-emoji-panel button{min-height:31px;line-height:1}

/* ── v24.6: notification bell popover header actions (Clear all / View all) ── */
.kb-market-notif-popover__head,.notif-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kb47-notif-head-actions{display:inline-flex;align-items:center;gap:6px}
.kb47-notif-head-actions button,
.kb47-notif-head-actions a{
  display:inline-flex;align-items:center;gap:4px;
  font-size:11px !important;font-weight:800;line-height:1;
  padding:5px 10px;border-radius:999px;text-decoration:none;cursor:pointer;
  border:1px solid var(--border2,rgba(255,255,255,.12));background:transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.kb47-notif-head-actions button{color:var(--text3)}
.kb47-notif-head-actions button:hover{color:var(--red,#e26767);border-color:color-mix(in srgb,var(--red,#e26767) 40%,var(--border2,rgba(255,255,255,.12)));background:color-mix(in srgb,var(--red,#e26767) 9%,transparent)}
.kb47-notif-head-actions a{color:var(--accent) !important;border-color:color-mix(in srgb,var(--accent) 34%,var(--border2,rgba(255,255,255,.12)))}
.kb47-notif-head-actions a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
@supports not (color: color-mix(in srgb, red, blue)){
  .kb47-notif-head-actions button:hover{background:rgba(226,103,103,.1);border-color:rgba(226,103,103,.4)}
  .kb47-notif-head-actions a{border-color:rgba(124,106,247,.34)}
}