/* Central de Publicacoes — componentes e status (complementa Tailwind) */

/* --------- badges de status --------- */
.cp-badge {
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .15rem .6rem; border-radius: 9999px;
  font-size: .72rem; font-weight: 600; line-height: 1.25rem; white-space: nowrap;
}
.cp-badge::before { content: ""; width: .5rem; height: .5rem; border-radius: 9999px; background: currentColor; opacity: .9; }

.st-draft      { background:#f1f5f9; color:#475569; }
.st-scheduled  { background:#eef2ff; color:#4f46e5; }
.st-processing { background:#fef3c7; color:#b45309; }
.st-partial    { background:#ffedd5; color:#c2410c; }
.st-published  { background:#dcfce7; color:#15803d; }
.st-failed     { background:#ffe4e6; color:#be123c; }
.st-cancelled  { background:#f1f5f9; color:#94a3b8; }

[data-theme="dark"] .st-draft      { background:rgba(148,163,184,.15); color:#cbd5e1; }
[data-theme="dark"] .st-scheduled  { background:rgba(99,102,241,.18);  color:#a5b4fc; }
[data-theme="dark"] .st-processing { background:rgba(245,158,11,.18);  color:#fcd34d; }
[data-theme="dark"] .st-partial    { background:rgba(249,115,22,.18);  color:#fdba74; }
[data-theme="dark"] .st-published  { background:rgba(34,197,94,.18);   color:#86efac; }
[data-theme="dark"] .st-failed     { background:rgba(244,63,94,.18);   color:#fda4af; }
[data-theme="dark"] .st-cancelled  { background:rgba(148,163,184,.12); color:#94a3b8; }

/* --------- form controls --------- */
.cp-input, .cp-select, .cp-textarea {
  width: 100%; border-radius: .6rem; border: 1px solid #cbd5e1; background:#fff; color:#0f172a;
  padding: .55rem .75rem; font-size: .9rem; transition: border-color .15s, box-shadow .15s;
}
.cp-textarea { min-height: 8rem; resize: vertical; }
.cp-input:focus, .cp-select:focus, .cp-textarea:focus {
  outline: none; border-color:#6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.2);
}
[data-theme="dark"] .cp-input,
[data-theme="dark"] .cp-select,
[data-theme="dark"] .cp-textarea { background:#0f172a; border-color:#334155; color:#e2e8f0; }

.cp-label { display:block; font-size:.8rem; font-weight:600; color:#475569; margin-bottom:.3rem; }
[data-theme="dark"] .cp-label { color:#cbd5e1; }

/* --------- botoes --------- */
.cp-btn { display:inline-flex; align-items:center; gap:.4rem; padding:.55rem .9rem; border-radius:.6rem;
  font-size:.875rem; font-weight:600; cursor:pointer; transition:background .15s, opacity .15s; border:1px solid transparent; }
.cp-btn-primary { background:#4f46e5; color:#fff; }
.cp-btn-primary:hover { background:#4338ca; }
.cp-btn-ghost { background:transparent; border-color:#cbd5e1; color:#475569; }
.cp-btn-ghost:hover { background:#f1f5f9; }
[data-theme="dark"] .cp-btn-ghost { border-color:#334155; color:#cbd5e1; }
[data-theme="dark"] .cp-btn-ghost:hover { background:#1e293b; }
.cp-btn-danger { background:#e11d48; color:#fff; }
.cp-btn-danger:hover { background:#be123c; }

/* --------- cards --------- */
.cp-card { background:#fff; border:1px solid #e2e8f0; border-radius:.9rem; }
[data-theme="dark"] .cp-card { background:#0f172a; border-color:#1e293b; }

/* --------- misc --------- */
[data-flash] { animation: cp-fade .3s ease; }
@keyframes cp-fade { from { opacity:0; transform: translateY(-4px);} to {opacity:1; transform:none;} }

.cp-drag-over { outline: 2px dashed #6366f1; outline-offset: 4px; }
.cp-media-item.cp-dragging { opacity:.4; }

/* preview smartphone */
.cp-phone { width: 300px; border-radius: 2rem; border: 10px solid #0f172a; background:#000; overflow:hidden; }
[data-theme="dark"] .cp-phone { border-color:#1e293b; }