/* «Αξιολόγηση λογαριασμού» (administrator's decision): under the top, two columns as on the other pages of the site:
   the form on the left, on the right the panel with the stages and what the customer gets; the shorter follows the
   taller while scrolling (columns.js). On a phone the panel goes above the form, compact. */
.evaluation-page--assessment .evaluation-embed{padding:88px 0;background:linear-gradient(180deg,#f5f9fc,#fff)}
.evaluation-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:48px;align-items:start}
.evaluation-main .evaluation-flow{max-width:none;margin:0}

.evaluation-side{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.evaluation-side h2{margin:10px 0 18px;color:var(--navy);font-size:clamp(1.3rem,2vw,1.6rem)}
.evaluation-side h3{margin:22px 0 10px;color:var(--navy);font-size:1rem}
.evaluation-side__steps{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.evaluation-side__steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}
.evaluation-side__steps li>span{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);font-weight:800;font-size:.9rem}
.evaluation-side__steps li.is-done>span{border-color:#2f9e5b;background:#2f9e5b;color:#fff}
.evaluation-side__steps li.is-active>span{border-color:var(--orange);background:var(--orange);color:#fff}
.evaluation-side__steps strong{display:block;color:var(--navy);line-height:1.3}
.evaluation-side__steps small{display:block;margin-top:2px;color:var(--muted);font-size:.86rem;line-height:1.45}
.evaluation-side__gets{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.9rem;line-height:1.45}
.evaluation-side__gets li{position:relative;padding-left:24px}
.evaluation-side__gets li::before{content:"✓";position:absolute;left:0;color:#2f9e5b;font-weight:800}

@media(max-width:920px){
  .evaluation-page--assessment .evaluation-embed{padding:48px 0}
  .evaluation-main{grid-template-columns:minmax(0,1fr);gap:18px}
  .evaluation-side{order:-1}
}
/* On a phone: the stages in one row of three, the words of each only its title, and the three gains short. */
@media(max-width:680px){
  .evaluation-page--assessment .evaluation-embed{padding:24px 0 40px}
  .evaluation-side{padding:16px;border-radius:14px}
  .evaluation-side .eyebrow{display:none}
  .evaluation-side h2{margin:0 0 12px;font-size:1.1rem}
  .evaluation-side__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .evaluation-side__steps li{grid-template-columns:1fr;justify-items:center;gap:6px;text-align:center}
  .evaluation-side__steps li>span{width:30px;height:30px}
  .evaluation-side__steps strong{font-size:.8rem}
  .evaluation-side__steps small{display:none}
  .evaluation-side h3{margin:14px 0 6px;font-size:.9rem}
  .evaluation-side__gets{gap:4px;font-size:.84rem}
}