/* Backoffice: tablas compactas y paneles plegables */
.userbox { color: #c9cbe0; font-size: .85rem; display: flex; gap: .6rem; align-items: center; }
.userbox button { background: none; border: none; color: #fff; text-decoration: underline; cursor: pointer; font: inherit; }
table.list { width: 100%; border-collapse: collapse; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; font-size: .9rem; }
table.list th, table.list td { text-align: left; padding: .55rem .7rem; border-bottom: 1px solid var(--border); vertical-align: top; }
table.list th { background: var(--bg); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.tablewrap { overflow-x: auto; }
details.panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: .8rem; }
details.panel > summary { cursor: pointer; padding: .8rem 1rem; font-weight: 700; display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
details.panel > .body { padding: 0 1rem 1rem; }
.imgslot { border: 1px dashed var(--border); border-radius: 8px; padding: .7rem; }
.imgslot img { max-height: 140px; border-radius: 6px; display: block; margin-bottom: .5rem; }
.linkbox { font-family: var(--mono); font-size: .82rem; word-break: break-all; background: var(--bg); padding: .6rem; border-radius: 8px; border: 1px solid var(--border); }
.todo li { margin-bottom: .3rem; }
.feedback { font-size: .85rem; margin-left: .5rem; }
.feedback.ok { color: var(--ok); } .feedback.err { color: var(--err); }

/* Constructor: listas editables de filas */
.rows-editor { display: flex; flex-direction: column; gap: .2rem; margin-bottom: .6rem; }
.rows-editor-row { display: flex; gap: .6rem; flex-wrap: wrap; align-items: flex-start; padding: .6rem .7rem 0; border: 1px solid var(--border); background: var(--bg); }
.rows-editor-row .cell { flex: 1 1 160px; min-width: 0; }
.rows-editor-row .cell.grow { flex: 1 1 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 0 .6rem; }
.rows-editor > .btn { align-self: flex-start; }

/* Traducción con IA: textos sin revisar */
.ai-badge { font-family: var(--mono); font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; color: #6b3fa0; background: #efe7fb; padding: .1rem .4rem; margin-left: .3rem; white-space: nowrap; }
.ai-badge label { text-transform: none; letter-spacing: 0; font-family: var(--font); cursor: pointer; }
.ai-badge.done { color: var(--ok); background: var(--ok-soft); }
.ai-text { border-color: #b69ae0 !important; background: #faf7ff !important; }
@media (prefers-color-scheme: dark) { .ai-badge { color: #d7c2ff; background: #2d2342; } .ai-text { background: #1f1a2c !important; } }

/* Ayuda */
details.help ol { margin: 0; padding-left: 1.2rem; }
details.help li { margin: 0 0 .6rem; line-height: 1.55; }
details.help code { font-family: var(--mono); font-size: .8rem; background: var(--bg); border: 1px solid var(--border); padding: .05rem .35rem; word-break: break-all; }