/* DeepClue.ai — app / report / billing pages
   Author: Krzysztof Guz */

.report-page{padding:36px 0 80px}
.report-hero{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.7fr);
  gap:22px;align-items:stretch;margin-bottom:28px
}
.report-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.plan-pill{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;
  font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:#edf4ff;color:var(--blue);border:1px solid #d7e5fb
}
.plan-pill.pro{background:#102033;color:#fff;border-color:#102033}
.plan-pill.scale{background:#1749b8;color:#fff;border-color:#1749b8}
.host-line{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.86rem;color:var(--ink-dim)}
.report-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lock-box{
  position:relative;border-radius:var(--r);border:1px dashed var(--line-strong);
  background:linear-gradient(180deg,#fff, #f4f7fb);padding:22px;text-align:center
}
.lock-box p{color:var(--ink-dim);margin:8px 0 16px}
.steps-run{display:grid;gap:10px;max-width:640px;margin:28px auto}
.steps-run li{
  display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;
  border:1px solid var(--line);background:#fff
}
.steps-run li.is-on{border-color:#d7e5fb;background:#f2f7ff}
.steps-run li.is-done{opacity:.72}
.dot-step{width:10px;height:10px;border-radius:50%;background:#c5ced8}
.steps-run li.is-on .dot-step{background:var(--blue);box-shadow:0 0 0 6px rgba(37,99,235,.12)}
.steps-run li.is-done .dot-step{background:#28c840}
.save-bar,.mini-form{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:#fff;margin:18px 0
}
.save-bar input,.mini-form input{
  flex:1 1 220px;border:1px solid var(--line-strong);border-radius:999px;padding:12px 16px;background:#fff
}
.ad-list{display:grid;gap:16px}
.gate{filter:grayscale(.15);opacity:.72}
.modal[hidden]{display:none!important}
.modal{
  position:fixed;inset:0;z-index:80;display:grid;place-items:center;
  background:rgba(16,32,51,.38);padding:24px
}
.modal-card{
  width:min(520px,100%);background:#fff;border-radius:22px;border:1px solid var(--line-strong);
  box-shadow:var(--shadow);padding:28px
}
.modal-card h3{margin-bottom:8px}
.modal-card label{display:block;font-size:.82rem;font-weight:700;margin:14px 0 6px}
.modal-card input,.modal-card textarea{
  width:100%;border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;background:#fff
}
.modal-card textarea{min-height:110px;resize:vertical}
.modal-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.bill-page{min-height:100vh;display:grid;align-items:center;padding:80px 0}
.alert-list{display:grid;gap:10px}
.alert-list li{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:.92rem}
.campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}
@media (max-width:900px){
  .report-hero{grid-template-columns:1fr}
}