/* Overlay e card (frontend e admin preview) */
.pm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px}
.pm-card{background:#fff;border-radius:16px;max-width:560px;width:100%;box-shadow:0 18px 50px rgba(0,0,0,.25);text-align:center;overflow:hidden;position:relative;z-index:3}
.pm-header{background:#111;color:#fff;padding:14px 18px;font-weight:700;letter-spacing:.4px}
.pm-content{padding:18px 18px 6px;font-size:18px;line-height:1.55}
:root{--pm-yellow:#f7d11e;--pm-yellow-hover:#e5c414}
.pm-btn{display:block;width:92%;margin:14px auto 18px;padding:14px 22px;border-radius:10px;border:none;background:var(--pm-yellow);color:#111;font-weight:800;cursor:pointer;transition:.2s;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.pm-btn:hover{background:var(--pm-yellow-hover)}
@media (max-width:480px){
  .pm-card{max-width:96%}
  .pm-content{font-size:16px}
  .pm-btn{width:96%;padding:16px;font-size:16px}
}

/* Admin layout clean */
.pm-wrap .pm-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.pm-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 4px rgba(0,0,0,.08)}
.pm-aside{align-self:start}
.pm-online{margin:0;padding:0 0 16px;list-style:none}
.pm-online li{padding:10px 0;border-bottom:1px solid #eee}
.pm-online .dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#28a745;margin-right:8px;vertical-align:middle}
.pm-settings{margin:8px 0 16px}
.pm-settings-grid{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;border:1px solid #eee;padding:12px;border-radius:12px;background:#fff}
.pm-settings-grid label{flex:1 1 200px}
.pm-label{display:block;font-weight:600;margin-bottom:6px}
.pm-input,.pm-select{min-height:38px;padding:6px 10px;border:1px solid #ddd;border-radius:10px;background:#fafafa;transition:border-color .2s, box-shadow .2s;width:100%}
.pm-input:focus,.pm-select:focus{border-color:#8ab4f8;box-shadow:0 0 0 3px rgba(138,180,248,.25);outline:none}
.pm-row{margin-bottom:16px}
.pm-inline{display:flex;gap:10px;align-items:center}
.pm-button-eye{border-radius:10px;white-space:nowrap}

/* Painel de prévia ao vivo */
.pm-preview-panel{border:1px solid #eee;border-radius:12px;background:#fff;margin-top:8px}
.pm-preview-title{padding:10px 14px;border-bottom:1px solid #eee;font-weight:600}
.pm-preview-content{padding:12px 14px;min-height:80px;font-size:16px;line-height:1.55}
.submit-fixed{position:sticky;bottom:0;background:#fff;padding:10px;border-top:1px solid #e5e5e5;margin-top:20px}

/* Form CRUD mensagens */
.pm-editor-form input[type="text"], .pm-editor-form input[type="url"], .pm-editor-form input[type="email"], .pm-editor-form input:not([type]), .pm-editor-form textarea{
  width: 100%;
  max-width: 560px;
}

/* Responsividade Mobile */
@media (max-width: 768px) {
  .pm-wrap .pm-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .pm-settings-grid{
    flex-direction: column;
    align-items: stretch;
  }
  .pm-inline{
    flex-direction: column;
    align-items: stretch;
  }
  .pm-inline .pm-button-eye{
    width: 100%;
  }
  .pm-card{
      padding: 12px;
  }
}