/* vidma — Report page (Streamable-like) */
body.page-report{
  background: #f3f5f7;
  min-height: 100vh;
}

.report-page{
  min-height: 100vh;
  display:flex;
  flex-direction: column;
  align-items:center;
  padding: 34px 16px 18px;
}

.report-brand{
  margin: 8px 0 18px;
}

.report-brand__link{
  display:flex;
  align-items:center;
  gap: 12px;
  text-decoration: none;
  color: #1f2937;
}

.report-brand__logo{
  width: 46px;
  height: 46px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

.report-brand__name{
  font-size: 44px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.report-card{
  width: min(720px, 100%);
  background: #fff;
  border: 1px solid rgba(17,24,39,.12);
  border-radius: 10px;
  padding: 18px 18px 16px;
  box-shadow: 0 14px 45px rgba(0,0,0,.08);
}

.report-title{
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 14px;
  color: #111827;
}

.report-field{
  margin: 0 0 12px;
}

.report-label{
  display:block;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 6px;
}

.report-input,
.report-select,
.report-textarea{
  width: 100%;
  border: 1px solid rgba(17,24,39,.16);
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  outline: none;
  background: #fff;
  color: #111827;
}

.report-input{
  background: #f3f4f6;
}

.report-input:focus,
.report-select:focus,
.report-textarea:focus{
  border-color: rgba(0,122,255,.55);
  box-shadow: 0 0 0 3px rgba(0,122,255,.18);
}

.report-help{
  margin: 4px 0 14px;
  font-size: 13px;
  color: rgba(17,24,39,.70);
  line-height: 1.4;
}

.report-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 6px;
  border: 0;
  cursor: pointer;
  background: #1f6fff;
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}

.report-submit:active{ transform: translateY(1px); }

.report-error{
  border: 1px solid rgba(220,38,38,.25);
  background: rgba(220,38,38,.08);
  color: #7f1d1d;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  margin: 0 0 12px;
}

.report-success{
  border: 1px solid rgba(34,197,94,.25);
  background: rgba(34,197,94,.10);
  color: #14532d;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  margin: 0 0 4px;
}

.report-powered{
  margin-top: 18px;
  font-size: 12px;
  color: rgba(17,24,39,.70);
}
.report-powered a{
  color: #2563eb;
  text-decoration: none;
}
.report-powered a:hover{ text-decoration: underline; }

@media (max-width: 520px){
  .report-brand__name{ font-size: 34px; }
  .report-card{ padding: 16px 14px 14px; }
}