:root{color-scheme:dark;--bg:#06050b;--panel:#12101c;--line:rgba(255,255,255,.10);--text:#f7f4ff;--muted:#a9a1b8;--purple:#a66bff;--cyan:#35d7ff;--pink:#ff61c7;--green:#67d5ad;--orange:#ffb347}
*{box-sizing:border-box}body.feedback-page{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(127,68,255,.18),transparent 34%),radial-gradient(circle at 100% 20%,rgba(28,206,219,.12),transparent 34%),linear-gradient(180deg,#070611,#050409);font-family:Inter,Manrope,Segoe UI,Arial,sans-serif;color:var(--text)}
.feedback-shell{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:34px 0 80px}.feedback-hero,.feedback-section{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(25,20,38,.92),rgba(10,8,16,.92));box-shadow:0 24px 70px rgba(0,0,0,.28)}.feedback-hero{padding:30px 32px;margin-bottom:18px}.feedback-hero h1{margin:5px 0 8px;font-size:38px;letter-spacing:-.04em}.feedback-hero p{margin:0;color:#c6bed2;line-height:1.55}.feedback-contract{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,97,199,.20);border-radius:15px;background:rgba(255,97,199,.055);display:flex;gap:12px;align-items:flex-start}.feedback-contract b{display:block;color:#ffd3ef}.feedback-contract span{font-size:12px;color:#c9bdd0;line-height:1.5}.pilot-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.pilot-progress div{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.pilot-progress b{display:block;font-size:18px}.pilot-progress span{font-size:10px;color:#a9a1b8}.feedback-section{padding:24px 26px;margin-top:16px}.feedback-section h2{margin:0 0 6px;font-size:22px}.section-lead{margin:0 0 18px;color:#aaa2b4;font-size:12px;line-height:1.55}.candidate-feedback-list{display:grid;gap:12px}.candidate-feedback-card{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.025)}.candidate-feedback-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.candidate-feedback-head h3{margin:0 0 4px;font-size:15px}.candidate-feedback-head p{margin:0;color:#9f97aa;font-size:10px}.candidate-status-select{background:#17131f;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:8px 10px}.candidate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.candidate-actions button,.feedback-btn,.final-submit{border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(166,107,255,.09);color:#fff;padding:9px 12px;cursor:pointer;font-weight:700}.candidate-actions .accent{border-color:rgba(53,215,255,.25);background:rgba(53,215,255,.07)}.candidate-actions .pink{border-color:rgba(255,97,199,.22);background:rgba(255,97,199,.07)}.due-chip{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:999px;font-size:9px;color:#ffd5f0;background:rgba(255,97,199,.08);border:1px solid rgba(255,97,199,.16)}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.final-grid label{display:grid;gap:7px}.final-grid label.full{grid-column:1/-1}.final-grid span{font-size:11px;color:#c8bfd1}.final-grid input,.final-grid textarea,.final-grid select,.feedback-dialog input,.feedback-dialog textarea,.feedback-dialog select{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;padding:12px;outline:none}.final-grid textarea,.feedback-dialog textarea{min-height:92px;resize:vertical}.final-submit{grid-column:1/-1;padding:13px 16px;background:linear-gradient(135deg,#7f52ff,#bd63ff,#ef4ca4)}.final-status{grid-column:1/-1;font-size:11px;color:#b8f5d6}.pilot-complete{padding:15px 16px;border-radius:14px;background:rgba(103,213,173,.08);border:1px solid rgba(103,213,173,.22);color:#caffea}.feedback-dialog{width:min(620px,calc(100% - 28px));border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#0e0b16;color:#fff;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.5)}.feedback-dialog::backdrop{background:rgba(2,2,8,.76);backdrop-filter:blur(7px)}.feedback-dialog-inner{padding:22px}.feedback-dialog h3{margin:0 0 8px}.feedback-dialog p{color:#a9a1b8;font-size:11px}.feedback-dialog form{display:grid;gap:11px}.feedback-dialog label{display:grid;gap:6px;font-size:11px;color:#c9c0d2}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.dialog-actions button{padding:10px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.dialog-actions button.primary{background:linear-gradient(135deg,#8056ff,#df55bd)}.feedback-empty{padding:20px;border:1px dashed rgba(255,255,255,.10);border-radius:14px;color:#9f97aa;text-align:center}.feedback-top-actions{display:flex;gap:8px;align-items:center}.feedback-top-actions a,.feedback-top-actions button{color:#d9d1e5;text-decoration:none;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:10px;padding:8px 10px;font-size:10px;cursor:pointer}
@media(max-width:720px){.feedback-shell{width:min(100% - 18px,1080px);padding-top:16px}.feedback-hero,.feedback-section{padding:20px}.feedback-hero h1{font-size:30px}.pilot-progress{grid-template-columns:repeat(2,1fr)}.candidate-feedback-head{display:grid}.final-grid{grid-template-columns:1fr}.final-grid label.full,.final-submit{grid-column:auto}.feedback-top-actions{display:none}}

/* v332 — Windows/Chromium native SELECT popup visibility fix.
   Native option popups may ignore the translucent select background and render a light menu,
   while inheriting white text. Give both the control and every option an explicit dark palette. */
.feedback-page select,
.feedback-dialog select {
  color-scheme: dark;
  background-color: #15111d !important;
  color: #f7f4fb !important;
}
.feedback-page select option,
.feedback-dialog select option {
  background-color: #15111d !important;
  color: #f7f4fb !important;
}
.feedback-page select option:checked,
.feedback-dialog select option:checked {
  background-color: #34244a !important;
  color: #ffffff !important;
}
.feedback-page select option:disabled,
.feedback-dialog select option:disabled {
  color: #8f869c !important;
}

/* v337 Learning Loop structured labels */
.learning-fields{grid-column:1/-1;border:1px solid rgba(124,58,237,.24);background:rgba(124,58,237,.055);border-radius:16px;padding:14px;margin:2px 0 4px}.learning-fields.hidden{display:none}.learning-fields-title{font-weight:750;margin-bottom:10px}.learning-rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-note{margin:8px 0 0;color:var(--muted,#6b7280);font-size:12px;line-height:1.45}@media(max-width:720px){.learning-rating-grid{grid-template-columns:1fr}}