
/* HookCloud Flow Admin 2.0.6 — sales tracking, notifications and overflow safety */
.hc-admin-sales-link {
  display:inline-flex; align-items:center; justify-content:center; gap:.45rem;
  min-height:42px; padding:.7rem 1rem; border:1px solid #cfe0f2; border-radius:14px;
  background:#fff; color:#10233d; font-weight:800; text-decoration:none; white-space:nowrap;
}
.hc-admin-sales-link:hover { border-color:#1588d4; color:#0677c6; box-shadow:0 10px 26px rgba(19,86,132,.12); }
.hc-admin-sales-link-floating { position:fixed; left:18px; bottom:18px; z-index:900; }
.hc-admin-notifications { position:relative; display:inline-flex; align-items:center; z-index:1200; }
.hc-notification-bell {
  position:relative; width:46px; height:46px; display:grid; place-items:center; border:1px solid #cfe0f2;
  border-radius:14px; background:#fff; font-size:20px; cursor:pointer; color:#10233d;
}
.hc-notification-bell:hover { border-color:#1588d4; box-shadow:0 10px 25px rgba(26,103,158,.15); }
.hc-notification-count,.hc-community-badge {
  min-width:20px; height:20px; padding:0 5px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; background:#e52f4f; color:#fff; font:800 11px/1 system-ui; box-shadow:0 0 0 3px #fff;
}
.hc-notification-count { position:absolute; top:-7px; right:-7px; }
.hc-community-badge { margin-left:7px; vertical-align:middle; box-shadow:none; }
.hc-notification-panel {
  position:absolute; right:0; top:calc(100% + 10px); width:min(430px,calc(100vw - 24px)); max-height:min(720px,80vh);
  overflow:hidden; border:1px solid #cfe0f2; border-radius:22px; background:#fff; box-shadow:0 24px 70px rgba(16,35,61,.22);
}
.hc-notification-panel>header { display:flex; justify-content:space-between; gap:16px; padding:18px 18px 14px; border-bottom:1px solid #e4edf7; }
.hc-notification-panel>header div { display:grid; gap:3px; }
.hc-notification-panel>header strong { font-size:16px; color:#10233d; }
.hc-notification-panel>header small { color:#64768e; }
.hc-notification-close { border:0; background:transparent; font-size:24px; cursor:pointer; color:#52657d; }
.hc-notification-filters { display:flex; gap:7px; overflow:auto; padding:12px 14px 8px; }
.hc-notification-filters button {
  border:1px solid #d5e3f1; border-radius:999px; padding:7px 10px; background:#fff; color:#42546b; font-weight:750; white-space:nowrap; cursor:pointer;
}
.hc-notification-filters button.active { background:#0d86d7; border-color:#0d86d7; color:#fff; }
.hc-notification-actions { display:flex; justify-content:space-between; align-items:center; padding:6px 16px 10px; font-size:12px; }
.hc-notification-actions button { border:0; background:transparent; color:#0b78c7; cursor:pointer; font-weight:750; }
.hc-notification-actions a { color:#0b78c7; font-weight:750; text-decoration:none; }
.hc-notification-list { max-height:530px; overflow:auto; border-top:1px solid #edf2f8; }
.hc-notification-item { border-bottom:1px solid #edf2f8; }
.hc-notification-item.read { opacity:.72; }
.hc-notification-open {
  width:100%; display:grid; grid-template-columns:34px minmax(0,1fr) 10px; gap:10px; text-align:left;
  padding:14px 16px; border:0; background:#fff; cursor:pointer; color:#10233d;
}
.hc-notification-item.unread .hc-notification-open { background:#f7fbff; }
.hc-notification-open:hover { background:#eef7ff !important; }
.hc-notification-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:#e9f5ff; color:#0578c8; font-weight:900; }
.severity-critical .hc-notification-icon,.severity-high .hc-notification-icon { background:#ffe9ed; color:#d82f4b; }
.severity-warning .hc-notification-icon { background:#fff3dc; color:#a76700; }
.severity-success .hc-notification-icon { background:#e2f8ef; color:#087e57; }
.hc-notification-body { min-width:0; display:grid; gap:3px; }
.hc-notification-body>strong,.hc-notification-body>span,.hc-notification-body>small { overflow-wrap:anywhere; }
.hc-notification-body>span { color:#566b83; font-size:13px; line-height:1.35; }
.hc-notification-body>small { color:#8493a7; }
.hc-notification-meta { display:flex; justify-content:space-between; gap:10px; font-size:11px; color:#74859a; }
.hc-notification-meta b { color:#0b7dca; text-transform:uppercase; letter-spacing:.06em; }
.hc-unread-dot { width:8px; height:8px; margin-top:8px; border-radius:50%; background:#0b88db; }
.hc-notification-empty { padding:30px 20px; text-align:center; color:#71839a; }
.hc-notification-empty.error { color:#b72d44; }

/* Prevent Operação and technical cards from expanding the viewport */
html,body { max-width:100%; }
body { overflow-x:hidden; }
.hc-operation-safe-layout,
.hc-operation-tab-active main,
.hc-operation-tab-active .workspace-detail,
.hc-operation-tab-active .workspace-panel,
.hc-operation-tab-active .tab-content {
  min-width:0 !important; max-width:100% !important; overflow-x:hidden !important;
}
.hc-operation-tab-active table,
.hc-operation-safe-layout table { width:100% !important; table-layout:fixed !important; }
.hc-operation-tab-active td,
.hc-operation-tab-active th,
.hc-operation-safe-layout td,
.hc-operation-safe-layout th { min-width:0 !important; overflow-wrap:anywhere !important; word-break:break-word; }
.hc-operation-tab-active pre,
.hc-operation-tab-active code,
.hc-operation-safe-layout pre,
.hc-operation-safe-layout code { max-width:100%; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.hc-operation-tab-active .cards,
.hc-operation-tab-active .grid,
.hc-operation-tab-active [class*="grid"],
.hc-operation-safe-layout .cards,
.hc-operation-safe-layout .grid,
.hc-operation-safe-layout [class*="grid"] {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)) !important;
  min-width:0 !important;
}
.hc-operation-tab-active .card,
.hc-operation-tab-active [class*="card"],
.hc-operation-safe-layout .card,
.hc-operation-safe-layout [class*="card"] { min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere; }
.hc-operation-tab-active a,
.hc-operation-safe-layout a { overflow-wrap:anywhere; word-break:break-word; }

@media (max-width:760px) {
  .hc-admin-sales-link { font-size:0; width:46px; padding:0; }
  .hc-admin-sales-link::before { content:"📊"; font-size:20px; }
  .hc-notification-panel { position:fixed; top:70px; right:12px; left:12px; width:auto; }
}
@media (prefers-color-scheme:dark) {
  body.dark .hc-admin-sales-link, body.dark .hc-notification-bell, body.dark .hc-notification-panel,
  html.dark .hc-admin-sales-link, html.dark .hc-notification-bell, html.dark .hc-notification-panel { background:#12233a; color:#f5f9ff; border-color:#2a4666; }
  body.dark .hc-notification-open, html.dark .hc-notification-open { background:#12233a; color:#f5f9ff; }
  body.dark .hc-notification-item.unread .hc-notification-open, html.dark .hc-notification-item.unread .hc-notification-open { background:#172d49; }
}

/* v2.0.6.3 — apenas um sino administrativo visível */
#notificationCenter.hc-legacy-notification-center,
#notificationCenter[data-replaced-by-admin-notification-feed="1"],
[data-replaced-by-admin-notification-feed="1"]{
  display:none!important;
}
.hc-admin-notifications{flex:0 0 auto}
.top-actions>.hc-admin-notifications,
.sales-header-actions>.hc-admin-notifications{order:-1}

/* v2.0.6.4 — auth-aware shared controls */
.hc-admin-notifications[hidden],
.hc-admin-sales-link[hidden]{display:none!important}
