.problem-report-ov{
  position:fixed;
  inset:0;
  z-index:12900;
  display:none;
  background:rgba(0,7,13,.82);
  backdrop-filter:blur(3px);
}

.problem-report-modal{
  position:fixed;
  z-index:12910;
  inset:50% auto auto 50%;
  display:none;
  flex-direction:column;
  width:min(680px,calc(100vw - 32px));
  max-height:min(820px,calc(100vh - 32px));
  transform:translate(-50%,-50%);
  overflow:hidden;
  color:var(--text,#e8f3fa);
  background:linear-gradient(180deg,#0b2230 0%,#071823 100%);
  border:1px solid rgba(25,203,244,.45);
  border-radius:16px;
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 0 1px rgba(33,209,246,.08) inset;
}

.problem-report-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px 16px;
  border-bottom:1px solid rgba(109,188,219,.2);
  flex:0 0 auto;
}

.problem-report-eyebrow{
  color:var(--cyan,#20d7ff);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.problem-report-head h2{
  margin:5px 0 4px;
  font-size:clamp(19px,3vw,25px);
  line-height:1.2;
}

.problem-report-intro{
  margin:0;
  color:var(--muted,#93acba);
  font-size:13px;
  line-height:1.45;
}

.problem-report-close{
  flex:0 0 auto;
  width:36px;
  height:36px;
  padding:0;
  color:var(--text,#e8f3fa);
  background:#0a1c27;
  border:1px solid rgba(109,188,219,.35);
  border-radius:9px;
  cursor:pointer;
}

.problem-report-close:hover,
.problem-report-close:focus-visible{border-color:var(--cyan,#20d7ff);outline:none;}

.problem-report-form{
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
  padding:18px 22px 22px;
}

.problem-report-details{
  margin:0 0 14px;
  border:1px solid rgba(109,188,219,.24);
  border-radius:10px;
  background:rgba(3,16,25,.3);
}
.problem-report-details summary{
  padding:12px 14px;
  color:#bce5f5;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.problem-report-details summary::-webkit-details-marker{display:none;}
.problem-report-details summary::after{content:'⌄';float:right;color:#36d9fa;font-size:17px;line-height:12px;}
.problem-report-details[open] summary::after{transform:rotate(180deg);}
.problem-report-details summary:focus-visible{outline:2px solid var(--cyan,#20d7ff);outline-offset:-3px;border-radius:10px;}
.problem-report-details-body{padding:2px 14px 1px;}
.problem-report-details-body .problem-report-field textarea{min-height:70px;}
.problem-report-fallback{margin:16px 0 0;border-style:dashed;}
.problem-report-fallback .problem-report-output-actions{padding:0 14px 14px;}
.problem-report-fallback .problem-report-mail-note{margin:0;padding:0 14px 12px;}

.problem-report-step-title{
  margin:0 0 16px;
  color:#f4fbff;
  font-size:16px;
  letter-spacing:.02em;
}

.problem-report-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.problem-report-field{display:grid;gap:7px;margin-bottom:14px;}
.problem-report-field label{font-size:12px;font-weight:800;color:#c9e0ec;}
.problem-report-field select,
.problem-report-field textarea{
  width:100%;
  color:#ecf8fe;
  background:#06141e;
  border:1px solid rgba(114,180,207,.42);
  border-radius:9px;
  font:inherit;
  font-size:13px;
  line-height:1.45;
}
.problem-report-field select{min-height:44px;padding:0 12px;}
.problem-report-field textarea{min-height:94px;padding:11px 12px;resize:vertical;}
.problem-report-field select:focus,
.problem-report-field textarea:focus{border-color:var(--cyan,#20d7ff);box-shadow:0 0 0 3px rgba(32,215,255,.12);outline:none;}

.problem-report-privacy,
.problem-report-context,
.problem-report-sensitive,
.problem-report-status{
  margin:0 0 14px;
  padding:11px 12px;
  border-radius:9px;
  font-size:12px;
  line-height:1.5;
}
.problem-report-privacy{color:#a9c7d5;background:rgba(20,73,94,.28);border-left:3px solid #27c9ed;}
.problem-report-context{color:#b7cfda;background:rgba(9,28,39,.66);border:1px solid rgba(109,188,219,.2);}
.problem-report-sensitive{color:#ffe7a3;background:rgba(112,76,0,.26);border:1px solid rgba(250,204,21,.48);}
.problem-report-sensitive strong{display:block;margin-bottom:3px;color:#ffe167;}
.problem-report-status{color:#bfffe0;background:rgba(18,110,71,.2);border:1px solid rgba(74,222,128,.35);}
.problem-report-status.is-error{color:#ffd2d2;background:rgba(125,32,39,.2);border-color:rgba(248,113,113,.42);}

.problem-report-preview-wrap{margin-bottom:14px;}
.problem-report-preview-label{display:block;margin-bottom:7px;color:#c9e0ec;font-size:12px;font-weight:800;}
.problem-report-preview{
  max-height:280px;
  margin:0;
  overflow:auto;
  padding:13px;
  color:#bfeaf7;
  background:#031019;
  border:1px solid rgba(109,188,219,.3);
  border-radius:9px;
  font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.problem-report-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 15px;
  padding:12px;
  color:#d5e8f1;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(109,188,219,.25);
  border-radius:9px;
  font-size:12px;
  line-height:1.45;
}
.problem-report-consent input{width:18px;height:18px;margin:0;accent-color:#14c8ee;}
.problem-report-option{margin-bottom:8px;padding:9px 11px;background:rgba(5,27,38,.56);}
.problem-report-option[hidden]{display:none;}

.problem-report-actions,
.problem-report-output-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.problem-report-output-actions{margin-bottom:0;}
.problem-report-mail-note{margin:-5px 0 14px;color:#9db8c5;font-size:11px;line-height:1.45;}
.problem-report-actions{
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  padding:12px 22px 16px;
  background:#071823;
  border-top:1px solid rgba(109,188,219,.26);
}
.problem-report-actions .problem-report-status{flex:1 1 220px;margin:0;}
.problem-report-actions .problem-report-btn{min-height:46px;padding-inline:20px;font-size:13px;}
.problem-report-btn{
  min-height:40px;
  padding:9px 14px;
  color:#d9edf6;
  background:#0a2230;
  border:1px solid rgba(98,174,204,.42);
  border-radius:9px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.problem-report-btn.primary{color:#00131a;background:linear-gradient(180deg,#24d5f7,#0aa6d1);border-color:#30ddff;}
.problem-report-btn:hover:not(:disabled),
.problem-report-btn:focus-visible:not(:disabled){border-color:#38ddff;outline:none;filter:brightness(1.08);}
.problem-report-btn:disabled{opacity:.43;cursor:not-allowed;}

.problem-report-trigger{white-space:normal;}

@media(min-width:521px){
  #view-guided #guided-content>.fd:has(>.final-result-card)>.action-row>.problem-report-trigger{
    grid-column:1/-1;
  }
}

@media(max-width:640px){
  .problem-report-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:12px;}
  .problem-report-head{padding:16px 15px 13px;}
  .problem-report-form{padding:15px;}
  .problem-report-grid{grid-template-columns:1fr;gap:0;}
  .problem-report-actions{display:flex;flex-direction:column;align-items:stretch;padding:10px 15px 14px;}
  .problem-report-actions .problem-report-status{flex:auto;}
  .problem-report-output-actions{display:grid;grid-template-columns:1fr 1fr;}
}

@media(prefers-reduced-motion:reduce){
  .problem-report-modal,.problem-report-btn{scroll-behavior:auto;transition:none;}
}
