/* proba_engine.css · estilos para modo interactivo de proba */

@media screen {
  /* Modo proba activado: inputs de respostas visibles */
  body.proba-on [data-ok] {
    border: 1.5px solid #2e86ab !important;
    background: #fff !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-family: inherit;
    font-size: inherit;
    color: #2D2A26;
    min-width: 50px;
    outline: none;
    transition: border-color .15s, background .15s;
  }
  body.proba-on [data-ok]:focus {
    border-color: #1e4650 !important;
    box-shadow: 0 0 0 2px rgba(46,134,171,.2);
  }
  body.proba-on [data-ok].ok {
    border-color: #3a8a3a !important;
    background: #e8f5e8 !important;
    color: #1e5a1e !important;
  }
  body.proba-on [data-ok].fail {
    border-color: #b8242e !important;
    background: #fde8ea !important;
    color: #7a1b22 !important;
  }
  body.proba-on [data-ok].ok::after,
  body.proba-on [data-ok].fail::after { content: ''; }

  /* Panel flotante */
  .proba-panel {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 9999;
    background: linear-gradient(135deg, #2e86ab, #1e4650);
    color: white;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(0,0,0,.25);
    padding: 12px;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 13px;
    min-width: 220px;
    max-width: 320px;
  }
  .proba-panel button {
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    border: 0;
    border-radius: 8px;
    padding: 8px 14px;
    cursor: pointer;
    transition: transform .1s, background .15s;
  }
  .proba-panel button:active { transform: scale(.96); }
  .proba-toggle {
    background: #f5b450;
    color: #1e4650;
    width: 100%;
  }
  .proba-toggle:hover { background: #ffc97a; }
  .proba-acciones {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
  }
  .proba-acciones .row { display: flex; gap: 6px; }
  .proba-acciones .row button { flex: 1; }
  .proba-corrixir { background: #3a8a3a; color: white; }
  .proba-corrixir:hover { background: #2e7530; }
  .proba-reset { background: rgba(255,255,255,.2); color: white; border: 1px solid rgba(255,255,255,.3) !important; }
  .proba-reset:hover { background: rgba(255,255,255,.3); }
  .proba-cerrar { background: rgba(255,255,255,.1); color: white; border: 1px solid rgba(255,255,255,.2) !important; font-size: 11px; padding: 5px 10px; }
  .proba-nota {
    background: white;
    color: #1e4650;
    border-radius: 10px;
    padding: 10px 12px;
    text-align: center;
    display: none;
  }
  .proba-nota.show { display: block; }
  .proba-nota .grande {
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    display: block;
    margin-bottom: 4px;
  }
  .proba-nota .grande.aprobado { color: #2e7530; }
  .proba-nota .grande.suspenso { color: #b8242e; }
  .proba-nota .grande.medio { color: #c98a1a; }
  .proba-nota .detalle {
    font-size: 11px;
    color: #6b5d48;
    letter-spacing: .5px;
  }
  .proba-nota .mellor {
    font-size: 10px;
    color: #6b5d48;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed #e8e2d8;
  }
  .proba-nota .mellor b { color: #1e4650; }

  /* Aviso de modo proba activo (banner no topo) */
  .proba-banner {
    position: fixed;
    top: 0; left: 0; right: 0;
    background: #f5b450;
    color: #1e4650;
    text-align: center;
    padding: 6px 12px;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    z-index: 9998;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
  }
  body.proba-on { padding-top: 32px; }

  /* Modo corrección: banner verde + panel mínimo (só saír) */
  .proba-banner.correccion {
    background: linear-gradient(90deg, #3a8a3a, #2e7530);
    color: white;
  }
  body.proba-correccion [data-ok] {
    border-color: #3a8a3a !important;
    background: #e8f5e8 !important;
    color: #1e5a1e !important;
    font-weight: 700;
    cursor: default;
  }
  body.proba-correccion [data-ok]:focus {
    box-shadow: 0 0 0 2px rgba(58,138,58,.25);
  }
  .proba-panel.correccion {
    background: linear-gradient(135deg, #3a8a3a, #2e7530);
    min-width: 0;
    padding: 8px;
  }
  .proba-panel.correccion .proba-cerrar {
    background: white;
    color: #1e5a1e;
    font-weight: 700;
    border: 0 !important;
    padding: 8px 14px;
    font-size: 12.5px;
  }
  .proba-panel.correccion .proba-cerrar:hover { background: #e8f5e8; }

  /* Modo entrega: textareas inxectados nas caixas baleiras */
  body.proba-entrega .proba-entrega-box {
    padding: 4px !important;
    min-height: 0 !important;
  }
  .proba-entrega-input {
    width: 100%;
    min-height: 60px;
    font-family: inherit;
    font-size: inherit;
    color: #2D2A26;
    padding: 8px 10px;
    border: 1.5px solid #2e86ab;
    border-radius: 6px;
    background: white;
    resize: vertical;
    outline: none;
    line-height: 1.5;
    box-shadow: inset 0 1px 2px rgba(46,134,171,.05);
  }
  .proba-entrega-input:focus {
    border-color: #1e4650;
    box-shadow: 0 0 0 2px rgba(46,134,171,.2);
  }
  .proba-entrega-input::placeholder {
    color: #a8a09a;
    font-style: italic;
  }

  /* Caixa de identificación do alumno */
  #proba-alumno-box {
    background: linear-gradient(135deg, #fef3e5, #f5b450);
    border-radius: 12px;
    padding: 12px 16px;
    margin: 32px 0 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
    border: 2px solid #c55a11;
  }
  #proba-alumno-box .pa-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 13px;
    color: #1e4650;
  }
  #proba-alumno-box label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #8a3e0c;
    flex: 1;
    min-width: 200px;
  }
  #proba-alumno-box input {
    background: white;
    border: 1.5px solid #c55a11;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #2D2A26;
    outline: none;
  }
  #proba-alumno-box input:focus {
    border-color: #2e86ab;
    box-shadow: 0 0 0 2px rgba(46,134,171,.2);
  }
}

@media print {
  .proba-panel, .proba-banner { display: none !important; }
  [data-ok] { border: 0 !important; background: transparent !important; }
}