/* FieldBase Dev Notifications - Rev 1.6.8.3.145 */
.dev-notifications-shell{max-width:1180px}.dev-notification-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);gap:18px;margin-top:18px}.dev-notification-layout.two-col{grid-template-columns:1fr 1fr}.dev-notification-card{border:1px solid rgba(148,163,184,.25);border-radius:24px;padding:18px;background:rgba(15,23,42,.55);box-shadow:0 18px 50px rgba(15,23,42,.22)}.dev-notification-card h2{margin:0 0 8px;font-size:1.15rem}.dev-notification-muted{margin:0 0 14px;color:rgba(226,232,240,.72);line-height:1.45}.dev-notification-field{display:grid;gap:7px;margin:12px 0}.dev-notification-field span{font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:rgba(226,232,240,.76)}.dev-notification-field input,.dev-notification-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.32);border-radius:16px;background:rgba(2,6,23,.72);color:#f8fafc;padding:12px 13px;font:inherit;outline:none}.dev-notification-field textarea{resize:vertical;min-height:120px}.dev-notification-users{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:4px}.dev-notification-user{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.5);cursor:pointer;text-align:left;color:#e5e7eb}.dev-notification-user:hover,.dev-notification-user.is-selected{border-color:#60a5fa;background:rgba(37,99,235,.16)}.dev-notification-user strong{display:block;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-notification-user span{display:block;font-size:.78rem;color:rgba(226,232,240,.65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-notification-user small{font-size:.68rem;font-weight:900;border-radius:999px;padding:5px 7px;background:rgba(59,130,246,.18);color:#bfdbfe}.dev-notification-selected{border:1px dashed rgba(148,163,184,.35);border-radius:16px;padding:12px;margin:10px 0 14px;color:rgba(226,232,240,.72);background:rgba(148,163,184,.08)}.dev-notification-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.dev-control-btn.secondary{background:rgba(148,163,184,.16);color:#e5e7eb}.dev-notification-status{margin-top:12px;font-weight:800;color:#bfdbfe}.dev-notification-toggle{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.42)}.dev-notification-toggle input{margin-top:4px;transform:scale(1.2)}.dev-notification-toggle strong{display:block}.dev-notification-toggle small{display:block;margin-top:4px;color:rgba(226,232,240,.68);line-height:1.35}.dev-notification-history{display:grid;gap:8px;max-height:360px;overflow:auto}.dev-notification-history article{padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.42)}.dev-notification-history strong{display:block}.dev-notification-history p{margin:5px 0;color:rgba(226,232,240,.72);font-size:.85rem;line-height:1.35}.dev-notification-history small{color:rgba(226,232,240,.58);font-size:.72rem;word-break:break-word}body.theme-light .dev-notification-card,.light .dev-notification-card{background:#fff;color:#0f172a}body.theme-light .dev-notification-muted,body.theme-light .dev-notification-field span,body.theme-light .dev-notification-user span,body.theme-light .dev-notification-toggle small,.light .dev-notification-muted,.light .dev-notification-field span,.light .dev-notification-user span,.light .dev-notification-toggle small{color:#64748b}body.theme-light .dev-notification-field input,body.theme-light .dev-notification-field textarea,body.theme-light .dev-notification-user,body.theme-light .dev-notification-selected,body.theme-light .dev-notification-toggle,body.theme-light .dev-notification-history article,.light .dev-notification-field input,.light .dev-notification-field textarea,.light .dev-notification-user,.light .dev-notification-selected,.light .dev-notification-toggle,.light .dev-notification-history article{background:#f8fafc;color:#0f172a}
@media(max-width:820px){.dev-notification-layout,.dev-notification-layout.two-col{grid-template-columns:1fr}.dev-notification-users,.dev-notification-history{max-height:320px}.dev-notification-card{padding:14px;border-radius:20px}}

/* FieldBase Dev Notification Center additions - Rev 1.6.8.3.145 */
.dev-notification-field select{
  width:100%;
  min-height:42px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:12px;
  padding:10px 12px;
  background:var(--card-bg,#fff);
  color:var(--text-color,#0f172a);
  font-weight:800;
}
.dev-notification-user.is-selected{
  outline:2px solid rgba(37,99,235,.7);
  background:rgba(37,99,235,.11);
}
.dev-notification-actions .secondary{
  background:rgba(100,116,139,.22);
  color:var(--text-color,#0f172a);
}
body.theme-dark .dev-notification-actions .secondary,
.dark .dev-notification-actions .secondary{
  color:#f8fafc;
}
.dev-notification-history article{
  overflow-wrap:anywhere;
}
@media(max-width:720px){
  .dev-notification-layout,
  .dev-notification-layout.two-col{
    grid-template-columns:1fr;
  }
  .dev-notification-card,
  .dev-notification-user,
  .dev-notification-selected{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .dev-notification-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}
