/* AI4 Test Automation — ulotka dla przełożonego (dla-szefa.html). Bazuje na zmiennych z assets/css/mono-rainbow-dash.css */

/* neutralize the site-wide 130% root scale — this page needs normal, print-friendly sizing */
:root{font-size:100%}

body.szef{background:#efefef}

/* --- TOOLBAR (ekran) --- */
.szef-toolbar{position:sticky;top:0;z-index:10;background:var(--ink);color:#fff;padding:.75rem 0;font-size:.85rem}
.szef-toolbar__in{max-width:46rem;margin:0 auto;padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.szef-print-btn{background:#fff;color:var(--ink);border:0;font-weight:800;padding:.5rem 1.1rem;border-radius:2px;font-size:.82rem;cursor:pointer}
.szef-print-btn:hover{background:var(--pink);color:#fff}

/* --- BRAND (reużyte z ai4.css) --- */
.ai4-brand{display:flex;flex-direction:column;line-height:1.15}
.ai4-brand b{font-size:.95rem;color:var(--ink)}
.ai4-brand small{font-size:.68rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}

/* --- PAGE (kartka A4) --- */
.szef-page{max-width:46rem;margin:1.5rem auto 3rem;background:#fff;padding:2.5rem 3rem;box-shadow:0 .5rem 2rem rgba(0,0,0,.12);font-size:.92rem;line-height:1.55}

.szef-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:1.5rem;margin-bottom:1.5rem}
.szef-head .ai4-brand{align-items:center;margin-bottom:1.1rem}
.szef-head__eyebrow{display:block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.szef-head h1{font-size:1.55rem;max-width:32rem;margin:0 auto .6rem;line-height:1.25}
.szef-head__lead{max-width:32rem;margin:0 auto;color:var(--muted);font-size:.85rem}

/* --- PROMO STRIP --- */
.szef-promo{background:var(--ink);color:#fff;text-align:center;padding:1.1rem 1.25rem;border-radius:4px;margin-bottom:1.5rem;position:relative;overflow:hidden}
.szef-promo::before{content:"";position:absolute;top:0;left:0;right:0;height:.2rem;background:linear-gradient(90deg,var(--green) 0 25%,var(--cyan) 25% 50%,var(--orange) 50% 75%,var(--pink) 75% 100%)}
.szef-promo__badge{display:inline-block;background:var(--pink);color:#fff;padding:.25rem .75rem;border-radius:2px;font-weight:800;letter-spacing:.05em;font-size:.68rem;text-transform:uppercase;margin-bottom:.55rem}
.szef-promo__price{font-size:1.7rem;font-weight:800;margin-bottom:.25rem}
.szef-promo__price s{font-size:1rem;font-weight:600;color:#a8a8a8;margin-left:.4rem}
.szef-promo__note{margin:0;font-size:.78rem;color:#d9d9d9}

/* --- SECTIONS --- */
.szef-sec{margin-bottom:1.5rem;break-inside:avoid}
.szef-sec h2{font-size:1.2rem;margin-bottom:.75rem}

/* --- BENEFITS LIST --- */
.szef-benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.25rem}
.szef-benefits li{display:flex;gap:.6rem;align-items:flex-start;border-left:2px solid var(--line);padding-left:.6rem}
.szef-benefits li:nth-child(4n+1){border-left-color:var(--green)}
.szef-benefits li:nth-child(4n+2){border-left-color:var(--cyan)}
.szef-benefits li:nth-child(4n+3){border-left-color:var(--orange)}
.szef-benefits li:nth-child(4n+4){border-left-color:var(--pink)}
.szef-benefits li span{font-size:1.05rem;flex:none;line-height:1.3}
.szef-benefits li b{display:block;font-size:.85rem;color:var(--ink)}
.szef-benefits li p{margin:.15rem 0 0;font-size:.76rem;color:var(--muted)}

/* --- ABOUT --- */
.szef-about{display:flex;gap:1.25rem;align-items:center;background:#fafafa;border:1px solid var(--line);padding:1.1rem 1.25rem;border-radius:4px}
.szef-about__photo{flex:none}
.szef-about__photo .portrait{width:5.5rem;height:5.5rem}
.szef-about__text h2{margin-bottom:.35rem}
.szef-about__text p{font-size:.82rem;margin:0 0 .5rem}

.szef-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center;margin-top:.75rem}
.szef-stats>div{border-top:.16rem solid var(--green);padding-top:.4rem}
.szef-stats>div:nth-child(2){border-top-color:var(--cyan)}
.szef-stats>div:nth-child(3){border-top-color:var(--orange)}
.szef-stats b{display:block;font-size:1.15rem;color:var(--ink);font-weight:800}
.szef-stats span{display:block;font-size:.68rem;color:var(--muted)}

/* --- CHECK LIST (reużyty wzorzec z ai4.css) --- */
.ai4-check{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:.84rem}
.szef-check{grid-template-columns:1fr 1fr;column-gap:1.25rem}

.szef-guarantee{display:flex;gap:.5rem;align-items:flex-start;font-size:.78rem;color:var(--muted);margin:1rem 0 0}
.szef-guarantee span{font-size:1.05rem;flex:none}

/* --- CTA --- */
.szef-cta{text-align:center;border-top:1px solid var(--line);padding-top:1.25rem}
.szef-cta__note{font-size:.8rem;color:var(--muted);margin-bottom:.9rem}
.szef-cta__btn{display:inline-block;background:var(--ink);color:#fff!important;font-weight:800;padding:.7rem 1.75rem;border-radius:2px;font-size:.95rem;border-bottom:0}
.szef-cta__btn:hover{background:var(--pink)}
.szef-cta__contact{font-size:.78rem;color:var(--muted);margin:.9rem 0 0}

/* --- PRINT --- */
@media print{
  @page{size:A4;margin:10mm}
  :root{font-size:80%}
  body.szef{background:#fff}
  .szef-page{max-width:none;margin:0;padding:0;box-shadow:none}
  .no-print{display:none!important}
  .szef-sec{margin-bottom:.7rem}
  .szef-head{margin-bottom:.7rem;padding-bottom:.7rem}
  .szef-promo{margin-bottom:.7rem;padding:.75rem 1.25rem}
  .szef-about{padding:.8rem 1rem}
  .szef-cta{border-top:0;padding-top:.3rem}
}