/* Portal de autores de KindiWise — mismo look & feel que la app ("Warm Editorial Community":
   terracota, salvia, crema, Literata + Work Sans). Autónomo: no usa la hoja oscura de Gutsapps. */
:root{
  --surface:#FCF9F8;
  --surface-container-lowest:#FFFFFF;
  --surface-container-low:#F6F3F2;
  --surface-container:#F0EDED;
  --surface-container-high:#EAE7E7;
  --surface-container-highest:#E5E2E1;
  --on-surface:#1C1B1B;
  --on-surface-variant:#55433D;
  --outline:#88726C;
  --outline-variant:#DBC1B9;
  --primary:#99462A;
  --primary-container:#D97757;
  --on-primary:#FFFFFF;
  --primary-soft:#F6E1D8;
  --secondary:#516441;
  --secondary-container:#D3EABE;
  --tertiary:#406374;
  --error:#BA1A1A;
  --error-container:#FFDAD6;
  --movie-container:#E8D9A0;
  --radius-md:12px;
  --radius-lg:16px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--surface);color:var(--on-surface);font-family:'Work Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;}
a{color:var(--primary);}
.ka-wrap{max-width:1040px;margin:0 auto;padding:0 20px;}

/* Cabecera y pie */
.ka-header{background:var(--surface);border-bottom:1px solid var(--surface-container-highest);}
.ka-header .ka-wrap{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;}
.ka-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary);}
.ka-brand img{width:44px;height:44px;border-radius:12px;display:block;}
.ka-brand b{font-family:'Literata',Georgia,serif;font-weight:700;font-size:1.3rem;letter-spacing:.3px;}
.ka-tag{margin-left:auto;font-size:.8rem;font-weight:600;color:var(--on-surface-variant);background:var(--secondary-container);padding:4px 12px;border-radius:999px;}
.ka-main{padding-top:28px;padding-bottom:56px;}
.ka-footer{border-top:1px solid var(--surface-container-highest);background:var(--surface-container-low);color:var(--on-surface-variant);font-size:.85rem;}
.ka-footer .ka-wrap{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;padding-top:20px;padding-bottom:20px;}
.ka-footer a{color:var(--on-surface-variant);}

.ka-app{max-width:1040px;margin:0 auto;}
.ka-muted{color:var(--on-surface-variant);}
.ka-small{font-size:.85rem;}
.ka-card{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 2px rgba(28,27,27,.04);}
.ka-card + .ka-card{margin-top:16px;}
.ka-narrow{max-width:460px;margin:24px auto;}
.ka-h1{font-family:'Literata',Georgia,serif;font-weight:600;font-size:1.9rem;line-height:1.2;margin:0 0 6px;}
.ka-h2{font-family:'Literata',Georgia,serif;font-weight:600;font-size:1.25rem;margin:0 0 12px;}
.ka-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.ka-row.between{justify-content:space-between;}
.ka-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
.ka-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));}
.ka-stat{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:var(--radius-md);padding:14px 16px;}
.ka-stat:nth-child(3n+1){background:var(--primary-soft);border-color:transparent;}
.ka-stat:nth-child(3n+2){background:var(--secondary-container);border-color:transparent;}
.ka-stat:nth-child(3n){background:var(--movie-container);border-color:transparent;}
.ka-stat b{display:block;font-family:'Literata',Georgia,serif;font-weight:700;font-size:1.8rem;color:var(--on-surface);line-height:1.2;}
.ka-stat span{font-size:.85rem;color:var(--on-surface-variant);}

.ka-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;}
.ka-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;background:var(--surface-container-high);border:3px solid var(--surface-container-lowest);box-shadow:0 2px 8px rgba(28,27,27,.15);}
.ka-top .grow{flex:1;min-width:200px;}
.ka-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:6px;background:var(--primary-soft);color:var(--primary);}
.ka-badge.warn{background:var(--movie-container);color:#5f4a00;}
.ka-badge.bad{background:var(--error-container);color:#93000A;}
.ka-badge.ok{background:var(--secondary-container);color:#3d4e2f;}
.ka-badge.sched{background:var(--surface-container);color:var(--on-surface);box-shadow:inset 0 0 0 1px var(--outline-variant);}

.ka-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--surface-container-highest);padding-bottom:10px;}
.ka-tab{background:none;border:0;color:var(--on-surface-variant);font:inherit;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;}
.ka-tab[aria-current="page"]{background:var(--primary);color:var(--on-primary);}
.ka-tab:hover:not([aria-current="page"]){background:var(--surface-container);color:var(--on-surface);}

.ka-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:600;border-radius:8px;padding:10px 22px;border:1px solid transparent;cursor:pointer;background:var(--primary);color:var(--on-primary);text-decoration:none;}
.ka-btn:hover{background:#85391f;}
.ka-btn.secondary{background:transparent;border-color:var(--outline-variant);color:var(--primary);}
.ka-btn.secondary:hover{background:var(--primary-soft);}
.ka-btn.danger{background:transparent;border-color:#e0a49c;color:var(--error);}
.ka-btn.danger:hover{background:var(--error-container);}
.ka-btn.small{padding:6px 14px;font-size:.85rem;}
.ka-btn[disabled]{opacity:.55;cursor:wait;}
.ka-btn:focus-visible,.ka-tab:focus-visible,.ka-chip:focus-visible{outline:3px solid var(--primary-container);outline-offset:2px;}

.ka-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.ka-field > label,.ka-legend{font-weight:600;font-size:.9rem;color:var(--on-surface);}
.ka-field .hint{font-size:.8rem;color:var(--on-surface-variant);}
.ka-field input[type=text],.ka-field input[type=email],.ka-field input[type=password],.ka-field input[type=url],
.ka-field input[type=number],.ka-field input[type=date],.ka-field input[type=datetime-local],.ka-field input[type=time],.ka-field select,.ka-field textarea{
  background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);
  border-radius:8px;padding:11px 14px;font:inherit;width:100%;}
.ka-field textarea{min-height:130px;resize:vertical;}
.ka-field input:focus,.ka-field textarea:focus,.ka-field select:focus{outline:2px solid var(--primary-container);border-color:transparent;}
.ka-field.invalid input,.ka-field.invalid textarea,.ka-field.invalid select{border-color:var(--error);}
.ka-field input[type=file]{font:inherit;font-size:.9rem;}
.ka-error{color:var(--error);font-size:.85rem;min-height:1em;}
.ka-cols{display:grid;gap:16px;grid-template-columns:1fr 1fr;}
@media (max-width:640px){.ka-cols{grid-template-columns:1fr;}}
.ka-check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--on-surface-variant);margin-bottom:14px;}
.ka-check input{margin-top:4px;accent-color:var(--primary);}
.ka-fieldset{border:0;padding:0;margin:0 0 28px;}
.ka-legend{display:block;font-family:'Literata',Georgia,serif;font-weight:600;font-size:1.1rem;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--primary-soft);}

.ka-chips{display:flex;gap:8px;flex-wrap:wrap;}
.ka-chip{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);font:inherit;font-size:.9rem;border-radius:999px;padding:6px 16px;cursor:pointer;}
.ka-chip:hover{background:var(--surface-container);}
.ka-chip[aria-pressed="true"]{background:var(--primary);color:var(--on-primary);border-color:transparent;font-weight:600;}

.ka-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:var(--surface-container-high);display:block;}
.ka-rec{display:flex;flex-direction:column;gap:10px;}
.ka-rec .ttl{font-weight:600;line-height:1.25;font-size:1.02rem;}
.ka-rec .meta{font-size:.82rem;color:var(--on-surface-variant);}
.ka-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}
.ka-thumb{position:relative;width:92px;height:92px;border-radius:8px;overflow:hidden;background:var(--surface-container-high);}
.ka-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ka-thumb button{position:absolute;top:4px;right:4px;border:0;border-radius:50%;width:24px;height:24px;background:rgba(28,27,27,.75);color:#fff;cursor:pointer;line-height:1;}
.ka-stars{display:flex;gap:4px;}
.ka-star{background:none;border:0;font-size:1.9rem;color:var(--outline-variant);cursor:pointer;padding:0;}
.ka-star.on{color:var(--primary-container);}

.ka-table{width:100%;border-collapse:collapse;font-size:.92rem;}
.ka-table th,.ka-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--surface-container-highest);vertical-align:top;}
.ka-table th{color:var(--on-surface-variant);font-weight:600;font-size:.82rem;}
.ka-table td.num,.ka-table th.num{text-align:right;font-variant-numeric:tabular-nums;}
.ka-scroll{overflow-x:auto;}

.ka-note{padding:14px 16px;border-radius:8px;margin:0 0 16px;font-size:.92rem;}
.ka-note.ok{background:var(--secondary-container);color:#2f3f23;}
.ka-note.err{background:var(--error-container);color:#93000A;}
.ka-note.warn{background:var(--movie-container);color:#4d3c00;}
.ka-offer{display:grid;gap:8px;grid-template-columns:1fr 2fr 90px auto;margin-bottom:8px;align-items:center;}
.ka-offer input{background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:8px;padding:9px 12px;font:inherit;width:100%;}
@media (max-width:640px){.ka-offer{grid-template-columns:1fr 1fr;}}

/* Importación: controles dentro de la tabla de vista previa */
.ka-field .lbl{font-weight:600;font-size:.9rem;color:var(--on-surface);}
.ka-table select,.ka-table input[type=number],.ka-table input[type=text]{
  background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);
  border-radius:6px;padding:6px 8px;font:inherit;font-size:.88rem;}
.ka-table input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;}
.ka-table td:first-child{width:1%;}

/* Gráficas de estadísticas */
.ka-chips{display:flex;gap:8px;flex-wrap:wrap;}
.ka-tip{position:absolute;pointer-events:none;background:var(--on-surface);color:var(--surface);border-radius:8px;padding:6px 10px;font-size:.8rem;white-space:nowrap;z-index:2;box-shadow:0 2px 8px rgba(28,27,27,.2);}
.ka-tip b{font-size:.95rem;}
.ka-tip span{opacity:.85;}
.ka-bars{display:flex;flex-direction:column;gap:10px;}
.ka-bar-row{display:grid;grid-template-columns:minmax(80px,38%) 1fr auto;gap:10px;align-items:center;font-size:.88rem;}
.ka-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--on-surface-variant);}
.ka-bar-track{display:block;height:18px;}
.ka-bar{display:block;height:18px;background:var(--primary);border-radius:0 4px 4px 0;min-width:0;}
.ka-bar-row:hover .ka-bar{background:var(--primary-container);}
.ka-bar-val{font-variant-numeric:tabular-nums;font-weight:600;min-width:2.5ch;text-align:right;}
.ka-delta{font-size:.78rem;color:var(--on-surface-variant);margin-top:2px;}
.ka-stat span{display:block;}

#st-rec{background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:8px;padding:8px 10px;font:inherit;font-size:.9rem;}
.ka-card > textarea{background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:8px;padding:10px 12px;font:inherit;resize:vertical;}
.ka-card > textarea:focus{outline:2px solid var(--primary-container);border-color:transparent;}