/* ===== Form ===== */
.comandapp-form-wrap { max-width: 520px; margin: 20px auto; padding: 16px; border: 1px solid #e5e7eb; border-radius: 12px; background:#fff; }
.comandapp-form label { display:block; margin-bottom:12px; font-weight:600; }
.comandapp-form input[type="text"],
.comandapp-form input[type="tel"],
.comandapp-form input[type="email"] { width:100%; padding:10px; border:1px solid #d1d5db; border-radius:8px; font-weight:400; }
.comandapp-form label.checkbox { display:flex; gap:8px; align-items:center; font-weight:500; }
.comandapp-form button { display:inline-block; margin-top:8px; padding:10px 14px; background:#111827; color:#fff; border:0; border-radius:8px; cursor:pointer; }
.comandapp-notice { padding:10px 12px; border-radius:8px; margin-bottom:12px; }
.comandapp-notice.success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.comandapp-notice.error   { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }

/* ===== Queue layout ===== */
.comandapp-queue-wrap { max-width: 980px; margin: 20px auto; position:relative; }
.comandapp-queue-wrap.is-loading:after {
  content:"Cargando..."; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,0.7); font-weight:600; border-radius:12px;
}

/* Active card (grande) */
.comandapp-active .comandapp-card.active {
  border:1px solid #e5e7eb; border-radius:16px; background:#fff; padding:22px;
  box-shadow: 0 10px 18px rgba(0,0,0,.06);
}
.comandapp-big-name { font-size:34px; font-weight:800; margin-bottom:12px; }
.comandapp-row { margin:6px 0; font-size:16px; }
.comandapp-row.small { font-size:13px; color:#6b7280; }
.comandapp-actions { margin-top:14px; display:flex; gap:12px; }
.comandapp-btn-copy, .comandapp-btn-complete {
  padding:10px 12px; border:1px solid #d1d5db; background:#f9fafb; border-radius:8px; cursor:pointer;
}
.comandapp-btn-complete { background:#111827; color:#fff; border-color:#111827; }
.comandapp-card.empty { text-align:center; color:#6b7280; font-style:italic; }

/* List (cola) compacta */
.comandapp-list { margin-top:20px; display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:12px; }
@media (max-width: 1100px) { .comandapp-list { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 800px)  { .comandapp-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 520px)  { .comandapp-list { grid-template-columns: repeat(1, minmax(0,1fr)); } }

.comandapp-card.item {
  padding:12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff;
}
.comandapp-card.item .item-title {
  font-size:15px; font-weight:700; margin-bottom:6px; line-height:1.2;
}
.comandapp-card.item .item-meta {
  font-size:12.5px; color:#6b7280; display:flex; gap:6px; align-items:center; flex-wrap:wrap;
}

/* Pagination */
.comandapp-pagination { margin-top:14px; display:flex; justify-content:center; align-items:center; gap:10px; }
.comandapp-pagination button {
  padding:8px 10px; border:1px solid #d1d5db; background:#fff; border-radius:8px; cursor:pointer;
}
.comandapp-pagination button[disabled] { opacity:.5; cursor:not-allowed; }
.comandapp-page-indicator { font-size:13px; color:#374151; }

/* Empty list */
.comandapp-queue-empty { padding:12px; text-align:center; color:#6b7280; font-style:italic; border:1px dashed #e5e7eb; border-radius:10px; }