/* V55 — Notification UX + WaSender, strictly using the site's black/red palette */
:root{
  --v55-red:#ef1d2d;
  --v55-red-hover:#ff2b3b;
  --v55-red-soft:rgba(239,29,45,.10);
  --v55-red-line:rgba(239,29,45,.34);
  --v55-bg:#0d1016;
  --v55-panel:#171b22;
  --v55-panel-2:#11151b;
  --v55-border:#303641;
  --v55-text:#f4f6f8;
  --v55-muted:#929aa7;
}

/* Previous notification helpers stay alive for React, but are not shown to the admin. */
#v51-notify-inline.v55-hide-legacy,
#v53-recipient-search.v55-hide-legacy{display:none!important}
.v55-native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0,0,0,0)!important;margin:-1px!important;border:0!important}

#v55-recipient-panel{position:relative;display:grid;gap:9px;width:100%;margin-top:6px;color:var(--v55-text)}
.v55-search-control{height:48px;position:relative;display:flex;align-items:center;border:1px solid var(--v55-border);border-radius:13px;background:var(--v55-bg);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}
.v55-search-control:focus-within{border-color:var(--v55-red)!important;box-shadow:0 0 0 3px var(--v55-red-soft)!important}
.v55-search-control>i{position:absolute;right:14px;color:#8d95a1;font-size:13px;pointer-events:none}
.v55-search-control input{width:100%;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;padding:0 42px 0 52px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important}
.v55-search-control input::placeholder{color:#7f8793!important}
.v55-search-count{position:absolute;left:9px;min-width:28px;height:28px;padding:0 7px;border-radius:9px;display:grid;place-items:center;background:var(--v55-red-soft);border:1px solid var(--v55-red-line);color:#ff5b68;font-size:11px;font-weight:900}

.v55-search-results{position:absolute;top:54px;inset-inline:0;z-index:2147483000;max-height:min(390px,48vh);overflow:auto;padding:6px;border:1px solid var(--v55-border);border-radius:14px;background:#0a0d12;box-shadow:0 22px 60px rgba(0,0,0,.62);overscroll-behavior:contain}
.v55-search-results[hidden]{display:none!important}
.v55-result{width:100%;min-height:54px;border:0;border-radius:10px;background:transparent;color:#fff;padding:8px 10px;display:grid;grid-template-columns:36px minmax(0,1fr) 22px;gap:10px;align-items:center;text-align:right;cursor:pointer;font-family:inherit;transition:background .14s ease}
.v55-result:hover,.v55-result.is-selected{background:var(--v55-red-soft)}
.v55-result.is-selected{outline:1px solid var(--v55-red-line)}
.v55-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(239,29,45,.13);color:#ff6571;font-weight:900}
.v55-result-copy{display:grid;gap:2px;min-width:0}
.v55-result-copy b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v55-result-copy small{font-size:10px;color:#a0a8b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.v55-result>i{color:#ff4d5b;font-size:13px}
.v55-search-state{padding:15px 10px;text-align:center;color:#9ba4b0;font-size:11px}

.v55-selected-row{display:flex;align-items:flex-start;gap:8px;min-height:32px}
.v55-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.v55-default-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 9px;border-radius:9px;background:#151920;border:1px solid rgba(255,255,255,.06);color:#949ca8;font-size:10px}
.v55-default-chip i{color:#ff4d5b}
.v55-person-chip{height:30px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--v55-red-line);border-radius:999px;background:var(--v55-red-soft);color:#fff;padding:0 10px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:800}
.v55-person-chip i{font-size:9px;color:#ff6571}
.v55-clear{height:30px;border:1px solid var(--v55-border);border-radius:9px;background:#12161c;color:#a8afb9;padding:0 9px;cursor:pointer;font-family:inherit;font-size:10px}
.v55-clear:hover{border-color:var(--v55-red-line);color:#fff;background:var(--v55-red-soft)}

/* WaSender card — no gold/yellow; only native black/red site language. */
#v55-wassender-card{display:grid;gap:12px;margin-top:5px;padding:14px;border:1px solid var(--v55-border)!important;border-radius:16px;background:linear-gradient(145deg,#151920,#101319)!important;color:#fff;box-shadow:none!important}
.v55-wa-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v55-wa-title{display:flex;align-items:center;gap:10px;min-width:0}
.v55-wa-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--v55-red-soft);border:1px solid var(--v55-red-line);color:#ff4755;font-size:18px}
.v55-wa-title>div{display:grid;gap:2px;min-width:0}
.v55-wa-title b{font-size:13px;color:#fff}
.v55-wa-title small{font-size:9px;color:var(--v55-muted)}
.v55-wa-status{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#0f1319;border:1px solid rgba(255,255,255,.06);color:#aeb5bf;font-size:9px}
.v55-wa-status i{width:7px;height:7px;border-radius:50%;background:#727985;box-shadow:0 0 0 3px rgba(114,121,133,.12)}
.v55-wa-status i[data-state="connected"]{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.v55-wa-status i[data-state="configured"]{background:var(--v55-red);box-shadow:0 0 0 3px var(--v55-red-soft)}
.v55-wa-status i[data-state="checking"]{background:#a3aab5;animation:v55Pulse 1s ease-in-out infinite}
.v55-wa-status i[data-state="error"],.v55-wa-status i[data-state="off"]{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
@keyframes v55Pulse{50%{opacity:.38}}

.v55-wa-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:10px}
.v55-wa-field{display:grid;gap:6px}
.v55-wa-field>span{font-size:10px;color:#a9b0ba;font-weight:800}
.v55-token-field>div{position:relative;display:flex;align-items:center}
.v55-token-field input,.v55-wa-test input{width:100%;height:42px;border:1px solid var(--v55-border)!important;border-radius:11px;background:#0d1117!important;color:#fff!important;padding:0 12px!important;outline:0!important;box-shadow:none!important;font-family:inherit!important}
.v55-token-field input{padding-left:44px!important;direction:ltr;text-align:left}
.v55-token-field input:focus,.v55-wa-test input:focus{border-color:var(--v55-red)!important;box-shadow:0 0 0 3px var(--v55-red-soft)!important}
.v55-token-field button{position:absolute;left:5px;width:32px;height:32px;border:0;border-radius:8px;background:#171c23;color:#9fa7b2;cursor:pointer}
.v55-token-field button:hover{background:var(--v55-red-soft);color:#fff}

.v55-wa-switch,.v55-send-wa{display:flex;align-items:flex-start;gap:9px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#12161c;padding:9px 10px;color:#fff;cursor:pointer}
.v55-wa-switch input,.v55-send-wa input{margin-top:2px;accent-color:var(--v55-red)!important}
.v55-wa-switch span,.v55-send-wa span{display:grid;gap:2px}
.v55-wa-switch b,.v55-send-wa b{font-size:10px;color:#fff}
.v55-wa-switch small,.v55-send-wa small{font-size:8.5px;color:#8f98a5;line-height:1.55}
.v55-send-wa{border-color:var(--v55-red-line);background:rgba(239,29,45,.06)}
.v55-send-wa:has(input:disabled){opacity:.55;cursor:not-allowed}

.v55-wa-actions{display:flex;gap:8px}
.v55-wa-actions button,.v55-wa-test button{height:38px;border-radius:10px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:900;transition:.14s ease}
.v55-btn-primary{border:1px solid var(--v55-red)!important;background:var(--v55-red)!important;color:#fff!important}
.v55-btn-primary:hover{background:var(--v55-red-hover)!important}
.v55-btn-secondary,.v55-wa-test button{border:1px solid var(--v55-border)!important;background:#10141a!important;color:#e6e9ed!important}
.v55-btn-secondary:hover,.v55-wa-test button:hover{border-color:var(--v55-red-line)!important;background:var(--v55-red-soft)!important;color:#fff!important}
.v55-wa-actions button:disabled,.v55-wa-test button:disabled{opacity:.55;cursor:wait}
.v55-wa-test{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}

/* Kill the old gold WaSender row if a cached V51/V54 DOM leaves it around. */
.v51-wa-inline{border-color:var(--v55-border)!important;background:#12161c!important;color:#dce1e7!important}
.v51-wa-inline span,.v51-wa-inline b{color:#e8ebef!important}
.v51-wa-inline input{accent-color:var(--v55-red)!important}

@media(max-width:760px){
  .v55-wa-grid{grid-template-columns:1fr}
  .v55-wa-head{align-items:flex-start;flex-direction:column}
  .v55-wa-status{align-self:flex-start}
}
@media(max-width:640px){
  .v55-search-control input{font-size:16px!important}
  .v55-search-results{max-height:44vh}
  #v55-wassender-card{padding:12px;border-radius:14px}
  .v55-wa-actions{display:grid;grid-template-columns:1fr 1fr}
  .v55-wa-test{grid-template-columns:1fr}
  .v55-wa-test button{width:100%}
}