:root{
  --panic-surface:#ffffff;
  --panic-surface-soft:var(--wp--preset--color--base-2,#f6f6f6);
  --panic-border:rgba(16,24,40,.10);
  --panic-shadow:0 12px 30px rgba(16,24,40,.08);
  --panic-text:var(--wp--preset--color--contrast,#111111);
  --panic-muted:#5f6b7a;
  --panic-primary:var(--wp--preset--color--contrast,#111111);
  --panic-primary-strong:#000000;
  --panic-primary-text:var(--wp--preset--color--base,#ffffff);
  --panic-ok:#1f7a45;
  --panic-warn:#9a5b00;
}
.panic-landing,.panic-portal{
  background:transparent;
  color:var(--panic-text);
  margin:0;
  padding:32px 0;
}
.panic-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
.panic-hero,.panic-card{
  background:var(--panic-surface);
  border:1px solid var(--panic-border);
  border-radius:24px;
  box-shadow:var(--panic-shadow);
}
.panic-hero{
  padding:40px;
  background:
    linear-gradient(135deg, rgba(36,99,235,.06) 0%, rgba(36,99,235,0) 45%),
    var(--panic-surface);
}
.panic-hero h1,.panic-card h1,.panic-card h2,.panic-card h3{
  color:var(--panic-text);
  margin-top:0;
}
.panic-hero p,.panic-card p,.panic-meta,.panic-help{
  color:var(--panic-muted);
}
.panic-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin-top:22px;
}
.panic-card{
  padding:28px;
  margin-top:22px;
}
.panic-card-hero{
  margin-top:0;
  background:
    linear-gradient(180deg, rgba(36,99,235,.04) 0%, rgba(36,99,235,0) 100%),
    var(--panic-surface);
}
.panic-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.panic-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 20px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  border:1px solid transparent;
  transition:.18s ease;
}
.panic-button:hover{
  transform:translateY(-1px);
}
.panic-button-primary{
  background:var(--panic-primary);
  color:var(--panic-primary-text);
}
.panic-button-primary:hover{
  background:var(--panic-primary-strong);
}
.panic-button-secondary{
  background:transparent;
  color:var(--panic-text);
  border-color:var(--panic-border);
}
.panic-eyebrow{
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--panic-muted);
  margin-bottom:14px;
  font-weight:700;
}
.panic-meta{
  font-size:14px;
}
.panic-required{
  color:#c2410c;
}
.panic-form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
}
.panic-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.panic-field input,.panic-field textarea,.panic-field select{
  width:100%;
  background:#ffffff;
  border:1px solid rgba(16,24,40,.16);
  border-radius:16px;
  padding:14px 16px;
  color:var(--panic-text);
  box-sizing:border-box;
}
.panic-inline-option{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--panic-text);
  margin:4px 0;
}
.panic-checklist{
  margin:14px 0 0;
  padding-left:20px;
  color:var(--panic-text);
}
.panic-answer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin-top:18px;
}
.panic-answer-card{
  background:var(--panic-surface-soft);
  border:1px solid var(--panic-border);
  border-radius:18px;
  padding:16px;
}
.panic-answer-label{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--panic-muted);
  margin-bottom:8px;
}
.panic-answer-value a{
  color:inherit;
}
.panic-attachment-card{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.panic-attachment-preview{
  display:block;
  border:1px solid rgba(16,24,40,.14);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.panic-attachment-preview img{
  display:block;
  width:100%;
  max-height:240px;
  object-fit:cover;
}
.panic-attachment-content{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.panic-attachment-name{
  font-size:15px;
  line-height:1.4;
}
.panic-attachment-meta{
  font-size:12px;
}
.panic-attachment-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.panic-attachment-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(16,24,40,.14);
  background:#fff;
  color:var(--panic-text);
  text-decoration:none;
  font-size:13px;
  font-weight:600;
}
.panic-status-card.is-ok{
  border-color:rgba(31,122,69,.28);
}
.panic-status-card.is-ok h2{
  color:var(--panic-ok);
}
.panic-status-card.is-warn{
  border-color:rgba(154,91,0,.28);
}
.panic-status-card.is-warn h2{
  color:var(--panic-warn);
}
.panic-user-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.panic-public-notice{
  margin:0 0 20px;
  padding:14px 16px;
  border:1px solid rgba(13,28,51,.12);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  color:var(--panic-text);
  box-shadow:0 16px 32px rgba(13,28,51,.08);
}
.panic-public-notice.is-error{
  border-color:rgba(163,42,42,.2);
  background:rgba(255,244,244,.96);
}
.panic-public-notice.is-success{
  border-color:rgba(31,122,69,.2);
  background:rgba(242,250,245,.96);
}
.panic-public-notice.is-warning{
  border-color:rgba(154,91,0,.2);
  background:rgba(255,248,240,.96);
}
.panic-public-notice p{
  margin:0;
}
.panic-stealth-access{
  z-index:3;
}
.panic-hidden-field{
  position:absolute !important;
  inline-size:1px;
  block-size:1px;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  white-space:nowrap;
}
.panic-stealth-access:focus-visible,
.panic-stealth-access:active{
  opacity:1 !important;
  inline-size:auto !important;
  block-size:auto !important;
  padding:10px 14px;
  border-radius:999px;
  background:var(--panic-primary);
  color:var(--panic-primary-text);
  text-decoration:none;
}
.panic-staff-access .panic-card-hero{
  max-width:680px;
}
@media (max-width:720px){
  .panic-hero{
    padding:28px;
  }
  .panic-landing,.panic-portal{
    padding:24px 0;
  }
  .panic-actions{
    flex-direction:column;
  }
  .panic-button{
    width:100%;
  }
  .panic-user-chip{
    flex-direction:column;
    align-items:flex-start;
  }
}