/* Profitalyzer V51.1 — import flow and Personal Budget entry polish */

/* Forecast: imported assumptions stay visible in the step where they matter. */
.v51stepimport{
  margin:12px 0 18px;padding:13px 15px;border:1px solid var(--brand-line);
  border-radius:14px;background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--surface) 92%,transparent));
}
.v51stepimport>span{display:block;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:4px}
.v51stepimport p{margin:0;color:var(--ink-soft);font-size:.86rem;line-height:1.55;max-width:88ch}
.v51stepimport.costs{border-color:color-mix(in srgb,var(--brand-line) 70%,var(--rule))}
.v51stepimport.cash{background:linear-gradient(135deg,color-mix(in srgb,var(--good) 8%,var(--surface)),var(--surface))}
.v51stepimport.finance{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 8%,var(--surface)),var(--surface))}

/* Industry Analyzer: import is a visible optional action, not a requirement. */
.iaheroactions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.iaheroactions .btn{margin:0}
.iaheroactions small{color:var(--ink-soft);font-size:.76rem;line-height:1.4}

/* Personal Budget: make Step 1 -> Step 2 read as one deliberate flow. */
.pbentry{overflow:hidden}
.pbflowsteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:520px;padding:22px 30px 0}
.pbflowsteps>span{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid var(--rule);border-radius:999px;background:var(--surface-2);color:var(--ink-faint);font-size:.76rem;font-weight:750}
.pbflowsteps>span b{display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border-radius:999px;background:var(--surface);border:1px solid var(--rule);font-size:.7rem}
.pbflowsteps>span.on{border-color:var(--brand-line);background:var(--brand-soft);color:var(--brand-ink)}
.pbflowsteps>span.on b{border-color:var(--brand);background:var(--brand);color:#fff}
.pbflowsteps>span.done{color:var(--good);border-color:color-mix(in srgb,var(--good) 28%,var(--rule));background:color-mix(in srgb,var(--good) 7%,var(--surface))}
.pbflowsteps>span.done b{border-color:color-mix(in srgb,var(--good) 35%,var(--rule));color:var(--good)}
.pbpickhead h1,.pbpickhead h2{font-family:Manrope,"IBM Plex Sans Arabic",sans-serif;font-size:clamp(1.2rem,2.3vw,1.62rem);letter-spacing:-.025em;line-height:1.25;margin:5px 0 6px}
:root[dir="rtl"] .pbpickhead h1,:root[dir="rtl"] .pbpickhead h2{letter-spacing:0}
.pbmode{position:relative;min-height:202px}
.pbmodecopy{display:flex;flex-direction:column;gap:7px;min-width:0}
.pbmodecopy>b,.pbmodecopy>strong{font-family:Manrope,"IBM Plex Sans Arabic",sans-serif;font-size:1.07rem;line-height:1.3;letter-spacing:-.02em}
:root[dir="rtl"] .pbmodecopy>b,:root[dir="rtl"] .pbmodecopy>strong{letter-spacing:0}
.pbmodecopy small{display:block;color:var(--ink-soft);font-size:.83rem;line-height:1.55}
.pbmodego{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.pbmodego i{font-style:normal;font-size:1rem;line-height:1;transition:transform .15s ease}
.pbmode:hover .pbmodego i{transform:translateX(3px)}
:root[dir="rtl"] .pbmodego i,:root[dir="rtl"] .pbmodearrow{transform:scaleX(-1)}
:root[dir="rtl"] .pbmode:hover .pbmodego i{transform:scaleX(-1) translateX(3px)}
.pbsourceentry{max-width:1120px;margin-inline:auto}
.pbsourceentry .pbpickhead{padding-bottom:8px}
.pbselectionsummary{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:7px 9px 7px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--surface-2);font-size:.78rem}
.pbselectionsummary>span{color:var(--ink-faint)}
.pbselectionsummary>strong{color:var(--ink)}
.pbselectionsummary button{border:0;background:transparent;color:var(--brand-ink);font:inherit;font-weight:800;cursor:pointer;padding:2px 5px}
.pbsourcegrid .pbmode{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto;align-items:start;column-gap:13px;min-height:158px}
.pbsourcegrid .pbmodeico{grid-column:1;grid-row:1}
.pbsourcegrid .pbmodecopy{grid-column:2;grid-row:1}
.pbsourcegrid .pbmodearrow{grid-column:3;grid-row:1;align-self:center;color:var(--brand-ink);font-size:1.18rem;font-weight:900;line-height:1}
.pbsourcefoot{display:flex;justify-content:flex-start;padding:12px 30px 25px}

@media(max-width:900px){
  .pbflowsteps{padding:18px 20px 0;max-width:none}
  .pbmodegrid{gap:10px}
  .pbmode{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;column-gap:12px;min-height:0;padding:16px}
  .pbmode>.pbmodeico{grid-column:1;grid-row:1}
  .pbmode>.pbmodecopy{grid-column:2;grid-row:1}
  .pbmode>.pbmodego{grid-column:2;grid-row:2;margin-top:5px;padding-top:7px}
  .pbsourcegrid .pbmode{grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto;min-height:0}
  .pbsourcegrid .pbmodearrow{grid-column:3;grid-row:1}
  .pbsourcefoot{padding-inline:20px}
}
@media(max-width:520px){
  .pbflowsteps{gap:6px}
  .pbflowsteps>span{padding:6px 8px;font-size:.7rem}
  .pbflowsteps>span b{width:21px;height:21px}
  .pbselectionsummary{border-radius:13px;width:100%;justify-content:flex-start}
  .pbselectionsummary button{margin-inline-start:auto}
  .iaheroactions{align-items:stretch}
  .iaheroactions .btn{width:100%;justify-content:center;text-align:center}
  .iaheroactions small{width:100%}
}
