/* Igreja Gestão — UI Foundation v6.6.0 */
:root{--ig-bg:#f5f7fb;--ig-card:#fff;--ig-text:#0f172a;--ig-muted:#64748b;--ig-border:#e5eaf2;--ig-blue:#2563eb;--ig-blue2:#1d4ed8;--ig-purple:#7c3aed;--ig-green:#16a34a;--ig-red:#ef4444;--ig-orange:#f97316;--ig-side:#07111f;--ig-side2:#0f172a;--ig-shadow:0 10px 28px rgba(15,23,42,.06);--ig-shadow-lg:0 18px 52px rgba(15,23,42,.11)}
html body,body{background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.07),transparent 34%),linear-gradient(180deg,#f8fbff,var(--ig-bg))!important;color:var(--ig-text)!important}
.app-shell,.ip-app-shell,.app-main,.main-content,#app-content,.content,.ip-content,.page-content,.pwa-content,main,.wrap{background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.065),transparent 34%),radial-gradient(circle at 92% 0%,rgba(124,58,237,.045),transparent 30%),linear-gradient(180deg,#f8fbff,var(--ig-bg))!important;color:var(--ig-text)!important}
.app-header,.topbar,.ip-topbar,header.header,.header{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(8px);border-bottom:1px solid rgba(226,232,240,.95)!important;box-shadow:0 6px 20px rgba(15,23,42,.04)!important;color:var(--ig-text)!important}
#app-sidebar,.app-sidebar,.sidebar,.menu-lateral,.side-menu{background:radial-gradient(circle at 30% 0%,rgba(37,99,235,.20),transparent 30%),linear-gradient(180deg,var(--ig-side),var(--ig-side2))!important;color:#e5e7eb!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:14px 0 38px rgba(15,23,42,.14)!important;padding:18px 14px!important}
#app-sidebar *,.app-sidebar *,.sidebar *,.menu-lateral *,.side-menu *{color:inherit}
#app-sidebar a,.app-sidebar a,.sidebar a,.menu-lateral a,.side-menu a,.nav-link,.menu-link{color:#dbeafe!important;min-height:42px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 13px!important;margin:3px 0!important;border-radius:13px!important;font-size:14.5px!important;font-weight:760!important;letter-spacing:-.01em!important}
#app-sidebar a:hover,.app-sidebar a:hover,.sidebar a:hover,.nav-link:hover,.menu-link:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
#app-sidebar a.active,.app-sidebar a.active,.sidebar a.active,.menu-link.active,.nav-link.active{background:linear-gradient(135deg,var(--ig-blue),var(--ig-blue2))!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.30)!important}
.ip-menu-section-title{display:block!important;margin:18px 10px 8px!important;color:#94a3b8!important;font-size:11.5px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;line-height:1!important}
.ig-hero,.apple-premium-hero,.force-premium-hero,.ip-react-hero,.ip-page-hero,.ip-bib-hero,.ip-module-hero,.page-hero,.module-hero,.pwa-hero,.dashboard-hero{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 52%,#7c3aed 100%)!important;color:#fff!important;border-radius:24px!important;padding:26px 28px!important;box-shadow:0 18px 46px rgba(37,99,235,.16)!important;border:1px solid rgba(255,255,255,.15)!important;overflow:hidden!important;position:relative!important;margin:0 0 22px!important}
.ig-hero:before,.apple-premium-hero:before,.force-premium-hero:before,.ip-react-hero:before,.ip-page-hero:before,.ip-bib-hero:before,.ip-module-hero:before,.page-hero:before,.module-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% -10%,rgba(255,255,255,.18),transparent 40%);pointer-events:none}
.ig-hero:after,.apple-premium-hero:after,.force-premium-hero:after,.ip-react-hero:after,.ip-page-hero:after,.ip-bib-hero:after,.ip-module-hero:after,.page-hero:after,.module-hero:after{content:"";position:absolute;right:42px;top:22px;width:150px;height:112px;border-radius:28px;background:rgba(255,255,255,.14);transform:rotate(-12deg);pointer-events:none}
.ig-hero h1,.ig-hero h2,.apple-premium-hero h1,.apple-premium-hero h2,.force-premium-hero h1,.force-premium-hero h2,.ip-react-hero h1,.ip-react-hero h2,.ip-page-hero h1,.ip-page-hero h2,.ip-bib-hero h1,.ip-bib-hero h2,.ip-module-hero h1,.ip-module-hero h2,.page-hero h1,.page-hero h2,.module-hero h1,.module-hero h2{color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;position:relative!important;z-index:1!important;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.04!important;letter-spacing:-.055em!important}
.ig-hero p,.apple-premium-hero p,.force-premium-hero p,.ip-react-hero p,.ip-page-hero p,.ip-bib-hero p,.ip-module-hero p,.page-hero p,.module-hero p{color:rgba(255,255,255,.86)!important;-webkit-text-fill-color:rgba(255,255,255,.86)!important;max-width:760px!important;margin:8px 0 0!important;position:relative!important;z-index:1!important;font-size:15px!important}
.card,.ip-card,.dashboard-card,.stat-card,.panel,.widget,.box,.msg-card,.form-card,.content-card,.data-card,.ip-bi-card,.ip-bi-panel{background:#fff!important;color:var(--ig-text)!important;border:1px solid var(--ig-border)!important;border-radius:20px!important;box-shadow:var(--ig-shadow)!important}
.card:hover,.ip-card:hover,.dashboard-card:hover,.stat-card:hover,.panel:hover,.widget:hover{box-shadow:var(--ig-shadow-lg)!important;border-color:#d8e2ef!important}
h1,h2,h3,h4,h5,h6,.card h1,.card h2,.card h3,.ip-card h1,.ip-card h2,.ip-card h3,.panel h1,.panel h2,.panel h3{color:var(--ig-text)!important;-webkit-text-fill-color:var(--ig-text)!important}
small,.muted,.text-muted,.description,.help{color:var(--ig-muted)!important;-webkit-text-fill-color:var(--ig-muted)!important}
form h1,form h2,form h3,form h4,.form-title,.form-heading,label,form label,.form-label,fieldset label,.field-label{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;font-weight:800!important}
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.regular-text,.search-input{background:#fff!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:10px 12px!important;font-weight:620!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}
table,.data-table,.wp-list-table{background:#fff!important;color:#0f172a!important;border:1px solid var(--ig-border)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:var(--ig-shadow)!important;border-collapse:separate!important;border-spacing:0!important}
table th,.data-table th,.wp-list-table th{background:#f8fafc!important;color:#334155!important;-webkit-text-fill-color:#334155!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-weight:900!important}
table td,.data-table td,.wp-list-table td{color:#1f2937!important;-webkit-text-fill-color:#1f2937!important;border-bottom:1px solid #edf2f7!important}
.btn,.button,button,input[type="submit"],a.button{border-radius:12px!important;font-weight:850!important;text-decoration:none!important}
.btn-primary,.button-primary,button.primary,input[type="submit"].primary,input[type="submit"].button-primary{background:linear-gradient(135deg,var(--ig-blue),var(--ig-blue2))!important;border-color:var(--ig-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.btn-wa-send,.btn-whatsapp,a[href*="wa.me"],a[href*="whatsapp"]{background:var(--ig-green)!important;border-color:var(--ig-green)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.btn-excluir,.btn-delete,.button-delete,.delete,button[data-action*="excluir"],button[data-action*="delete"],a[href*="excluir"],a[href*="delete"]{background:var(--ig-red)!important;border-color:var(--ig-red)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.btn-editar,.btn-edit,button[data-action*="editar"],button[data-action*="edit"],.ip-editar-livro-tab,.ip-force-edit{background:var(--ig-blue)!important;border-color:var(--ig-blue)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.btn-warning,.warning,button[data-action*="alerta"],button[data-action*="warning"]{background:var(--ig-orange)!important;border-color:var(--ig-orange)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.button:not(.button-primary):not(.btn-whatsapp):not(.btn-wa-send):not(.btn-delete):not(.btn-excluir):not(.btn-edit):not(.btn-editar),.btn:not(.btn-primary):not(.btn-whatsapp):not(.btn-wa-send):not(.btn-delete):not(.btn-excluir):not(.btn-edit):not(.btn-editar),button:not(.primary):not(.button-primary):not([data-action*="delete"]):not([data-action*="excluir"]):not([data-action*="edit"]):not([data-action*="editar"]){background:#fff!important;border:1px solid var(--ig-border)!important;color:#334155!important;-webkit-text-fill-color:#334155!important}
.empty-state,.ip-empty,.no-results,.ip-bib-empty{background:#fff!important;border:1px dashed #cbd5e1!important;border-radius:20px!important;color:var(--ig-muted)!important;padding:34px 20px!important;text-align:center!important}
@media(max-width:800px){.ig-hero,.apple-premium-hero,.force-premium-hero,.ip-react-hero,.ip-page-hero,.ip-bib-hero,.ip-module-hero,.page-hero,.module-hero{padding:22px!important;border-radius:22px!important}.ig-hero:after,.apple-premium-hero:after,.force-premium-hero:after,.ip-react-hero:after,.ip-page-hero:after,.ip-bib-hero:after,.ip-module-hero:after,.page-hero:after,.module-hero:after{width:110px;height:84px;right:-14px}}


/* ==========================================================================
   v6.6.1 — Form Title Contrast Fix
   Corrige títulos/labels brancos em formulários e modais.
   ========================================================================== */

.modal,
.modal-overlay,
.modal-content,
.ip-modal,
.ip-modal *,
.form-card,
.form-card *,
.form-wrapper,
.form-wrapper *,
.form-container,
.form-container *,
.panel form,
.card form,
.ip-card form {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

form h1,
form h2,
form h3,
form h4,
form h5,
form h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal-title,
.form-title,
.form-heading,
.form-subtitle,
.form-section-title,
fieldset legend,
label,
form label,
.form-label,
.field-label,
.input-label,
.modal label,
.ip-modal label,
.card form label,
.panel form label,
.ip-card form label {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  font-weight: 800 !important;
}

form p,
form span,
form small,
form div,
.modal p,
.modal span,
.modal small,
.modal div,
.form-help,
.form-description,
.description {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.form-control,
.regular-text,
.search-input,
.modal input:not([type="checkbox"]):not([type="radio"]),
.modal select,
.modal textarea,
.ip-modal input:not([type="checkbox"]):not([type="radio"]),
.ip-modal select,
.ip-modal textarea {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}

input::placeholder,
textarea::placeholder,
.modal input::placeholder,
.modal textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* Mantém botões coloridos com texto branco */
button,
.button,
.btn,
input[type="submit"],
a.button,
.btn-primary,
.button-primary,
.btn-whatsapp,
.btn-wa-send,
.btn-delete,
.btn-excluir,
.btn-edit,
.btn-editar,
.btn-warning {
  -webkit-text-fill-color: currentColor !important;
}

.btn-primary,
.button-primary,
.btn-whatsapp,
.btn-wa-send,
.btn-delete,
.btn-excluir,
.btn-edit,
.btn-editar,
.btn-warning,
button.primary,
input[type="submit"].primary,
input[type="submit"].button-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}



/* ==========================================================================
v6.6.2 — Minimal Premium UI
========================================================================== */

.ip-react-banner,
.react-banner,
.react-pilot-banner,
[class*="react-pilot"],
[class*="pilot-react"],
.notice-react,
.notice-beta,
.beta-banner {
    display:none !important;
}

.ig-hero,
.apple-premium-hero,
.force-premium-hero,
.ip-react-hero,
.ip-page-hero,
.ip-bib-hero,
.ip-module-hero,
.page-hero,
.module-hero {
    padding:18px 22px !important;
    border-radius:20px !important;
    min-height:auto !important;
    box-shadow:0 10px 30px rgba(37,99,235,.12) !important;
}

.ig-hero p,
.apple-premium-hero p,
.force-premium-hero p,
.ip-react-hero p,
.ip-page-hero p,
.ip-bib-hero p,
.ip-module-hero p,
.page-hero p,
.module-hero p{
    display:none !important;
}

.ig-hero h1,
.apple-premium-hero h1,
.force-premium-hero h1,
.ip-react-hero h1,
.ip-page-hero h1,
.ip-bib-hero h1,
.ip-module-hero h1,
.page-hero h1,
.module-hero h1{
    font-size:clamp(24px,2.2vw,34px) !important;
    letter-spacing:-.04em !important;
}

#app-sidebar,
.app-sidebar,
.sidebar,
.menu-lateral,
.side-menu{
    width:250px !important;
    padding-top:14px !important;
}

#app-sidebar a,
.app-sidebar a,
.sidebar a,
.menu-lateral a,
.side-menu a{
    min-height:38px !important;
    border-radius:12px !important;
    font-size:14px !important;
}

.card,
.ip-card,
.dashboard-card,
.stat-card,
.panel,
.widget,
.box,
.msg-card,
.form-card,
.content-card,
.data-card{
    border-radius:18px !important;
    box-shadow:0 4px 18px rgba(15,23,42,.05) !important;
}

.card:hover,
.ip-card:hover,
.dashboard-card:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 24px rgba(15,23,42,.08) !important;
}

table,
.data-table,
.wp-list-table{
    border-radius:16px !important;
}

table td,
.data-table td,
.wp-list-table td{
    padding-top:14px !important;
    padding-bottom:14px !important;
}

.btn-primary,
.button-primary{
    background:#2563eb !important;
}


/* ==========================================================================
   v6.8.0 — Mobile UX Polish
   Login, safe-area mobile, botões legíveis e acabamento PWA.
   ========================================================================== */

:root{
  --ux-blue:#2563eb;
  --ux-blue2:#1d4ed8;
  --ux-purple:#7c3aed;
  --ux-green:#16a34a;
  --ux-red:#dc2626;
  --ux-orange:#f97316;
  --ux-text:#0f172a;
  --ux-muted:#64748b;
  --ux-border:#dbe4f0;
}

/* --------------------------------------------------------------------------
   1. Safe-area mobile / topo branco
   -------------------------------------------------------------------------- */
@media(max-width: 820px){
  body,
  body.ip-app,
  html body{
    background:
      linear-gradient(180deg,#133f78 0, #1e5f9e 92px, #f5f7fb 260px) !important;
  }

  .app-header,
  .topbar,
  .ip-topbar,
  header,
  .header{
    background:
      linear-gradient(135deg, rgba(15,23,42,.92), rgba(37,99,235,.82), rgba(124,58,237,.78)) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    border-bottom:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 10px 30px rgba(15,23,42,.18) !important;
    color:#fff !important;
  }

  .app-header *,
  .topbar *,
  .ip-topbar *,
  header *,
  .header *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  #btn-menu,
  .btn-menu,
  .menu-toggle,
  .hamburger{
    background:rgba(255,255,255,.18) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:0 12px 28px rgba(15,23,42,.18) !important;
  }

  .app-main,
  .main-content,
  #app-content,
  .content,
  .ip-content,
  main{
    padding-top:12px !important;
  }
}

/* --------------------------------------------------------------------------
   2. Login premium / inputs com ícones sem sobrepor placeholder
   -------------------------------------------------------------------------- */
.login-card,
.ip-login-card,
.auth-card,
.login-box,
.ip-auth-card{
  border-radius:28px !important;
  box-shadow:0 24px 80px rgba(15,23,42,.16) !important;
  border:1px solid rgba(226,232,240,.9) !important;
  background:rgba(255,255,255,.96) !important;
}

.login-card input:not([type="checkbox"]):not([type="radio"]),
.ip-login-card input:not([type="checkbox"]):not([type="radio"]),
.auth-card input:not([type="checkbox"]):not([type="radio"]),
.login-box input:not([type="checkbox"]):not([type="radio"]),
.ip-auth-card input:not([type="checkbox"]):not([type="radio"]){
  min-height:58px !important;
  border-radius:16px !important;
  padding-left:58px !important;
  font-size:18px !important;
  font-weight:750 !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  background:#fff !important;
  border:1px solid #cbd5e1 !important;
}

.login-card input::placeholder,
.ip-login-card input::placeholder,
.auth-card input::placeholder,
.login-box input::placeholder,
.ip-auth-card input::placeholder{
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  opacity:1 !important;
}

/* ícones em campos de login */
.login-card .input-icon,
.ip-login-card .input-icon,
.auth-card .input-icon,
.login-box .input-icon,
.ip-auth-card .input-icon,
.login-card .field-icon,
.ip-login-card .field-icon,
.auth-card .field-icon,
.login-box .field-icon,
.ip-auth-card .field-icon{
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  pointer-events:none !important;
  opacity:.9 !important;
}

/* fallback para emojis soltos antes dos inputs */
.login-card label + input,
.ip-login-card label + input,
.auth-card label + input,
.login-box label + input{
  margin-top:8px !important;
}

/* Segmented control login */
.login-tabs,
.auth-tabs,
.ip-login-tabs,
.login-method-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  padding:4px !important;
  border:1px solid #dbe4f0 !important;
  border-radius:18px !important;
  background:#f8fafc !important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.04) !important;
}

.login-tabs button,
.auth-tabs button,
.ip-login-tabs button,
.login-method-tabs button,
.login-tabs a,
.auth-tabs a,
.ip-login-tabs a,
.login-method-tabs a{
  min-height:52px !important;
  border-radius:15px !important;
  border:0 !important;
  background:transparent !important;
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  font-weight:900 !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.login-tabs .active,
.auth-tabs .active,
.ip-login-tabs .active,
.login-method-tabs .active,
.login-tabs button[aria-selected="true"],
.auth-tabs button[aria-selected="true"],
.ip-login-tabs button[aria-selected="true"]{
  background:linear-gradient(135deg,var(--ux-blue),var(--ux-purple)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 12px 28px rgba(37,99,235,.22) !important;
}

/* botão login */
.login-card button[type="submit"],
.ip-login-card button[type="submit"],
.auth-card button[type="submit"],
.login-box button[type="submit"],
.ip-auth-card button[type="submit"],
.login-card input[type="submit"],
.ip-login-card input[type="submit"],
.auth-card input[type="submit"],
.login-box input[type="submit"]{
  min-height:58px !important;
  border-radius:17px !important;
  background:linear-gradient(135deg,var(--ux-blue),var(--ux-purple)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:18px !important;
  font-weight:950 !important;
  box-shadow:0 16px 34px rgba(37,99,235,.22) !important;
}

/* --------------------------------------------------------------------------
   3. Botões ilegíveis / ações em cards, mensagens, visitantes
   -------------------------------------------------------------------------- */
.btn-wa-send,
.btn-whatsapp,
a[href*="wa.me"],
a[href*="whatsapp"],
button[data-action*="whatsapp"],
button[data-action*="wa"]{
  background:var(--ux-green) !important;
  border-color:var(--ux-green) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.btn-excluir,
.btn-delete,
.button-delete,
.delete,
button[data-action*="excluir"],
button[data-action*="delete"],
button[data-action*="remover"],
a[href*="excluir"],
a[href*="delete"],
a[href*="remover"]{
  background:var(--ux-red) !important;
  border-color:var(--ux-red) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.btn-editar,
.btn-edit,
button[data-action*="editar"],
button[data-action*="edit"],
a[href*="editar"],
a[href*="edit"]{
  background:var(--ux-blue) !important;
  border-color:var(--ux-blue) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.btn-responder,
.btn-reply,
button[data-action*="responder"],
button[data-action*="reply"],
button[data-action*="reenviar"],
.btn-mark-sent,
.btn-mark-sent *,
button.btn-mark-sent{
  background:var(--ux-blue) !important;
  border-color:var(--ux-blue) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Botões pequenos de cards no mobile */
@media(max-width:820px){
  .msg-card button,
  .msg-card a.button,
  .msg-card .btn,
  .visitor-card button,
  .visitor-card a.button,
  .visitor-card .btn,
  .card-actions button,
  .card-actions a,
  .actions button,
  .actions a{
    min-height:46px !important;
    min-width:52px !important;
    border-radius:14px !important;
    font-size:16px !important;
    font-weight:900 !important;
    box-shadow:0 8px 20px rgba(15,23,42,.10) !important;
  }

  .msg-card .actions,
  .msg-card .card-actions,
  .visitor-card .actions,
  .visitor-card .card-actions,
  .card-actions,
  .actions{
    gap:10px !important;
    flex-wrap:wrap !important;
  }

  /* se tiver apenas ícone, pelo menos deixa legível */
  .msg-card button:not(.btn-wa-send):not(.btn-whatsapp):not(.btn-delete):not(.btn-excluir):not(.btn-edit):not(.btn-editar),
  .visitor-card button:not(.btn-wa-send):not(.btn-whatsapp):not(.btn-delete):not(.btn-excluir):not(.btn-edit):not(.btn-editar){
    background:#fff !important;
    color:#0f172a !important;
    -webkit-text-fill-color:#0f172a !important;
    border:1px solid #cbd5e1 !important;
  }
}

/* --------------------------------------------------------------------------
   4. Cards mobile mais confortáveis
   -------------------------------------------------------------------------- */
@media(max-width:820px){
  .msg-card,
  .visitor-card,
  .ip-card,
  .card,
  .panel{
    border-radius:22px !important;
  }

  .msg-card,
  .visitor-card{
    padding:18px !important;
  }

  .msg-card textarea,
  .visitor-card textarea{
    font-size:16px !important;
    line-height:1.45 !important;
  }
}