/* mojeBONY.pl — Panel Uczestnika: większa czcionka, widok prosty, dostępność */
body.mb-user{font-size:15px}
.mb-user .sidebar__item{font-size:13px;padding:8px 14px}
.mb-user .sidebar__item svg{width:17px;height:17px}
.mb-user .topbar__title{font-size:15px}
.mb-user .panel-section__title{font-size:14.5px}
.mb-user .mb-lead{font-size:14px}
.mb-user .mb-list li{font-size:13.5px}
.mb-user .mb-list__b b{font-size:13.5px}
.mb-user .mb-list__b span{font-size:12.5px}
.mb-user .mb-check{font-size:13.5px}
.mb-user .mb-callout{font-size:13.5px}
.mb-user .kt-dl{font-size:13.5px}
.mb-user .stat-card__label{font-size:12px}
.mb-user .stat-card__num{font-size:20px}
body.mb-font-1{zoom:1.12}
body.mb-font-2{zoom:1.25}
body.mb-contrast{--ink:#000;--muted:#222;--line:#000;--brand:#003a8c;--brand-l:#fff;--brand-xl:#fff;--body-bg:#fff;background:#fff}
body.mb-contrast .sidebar,body.mb-contrast .panel-section,body.mb-contrast .stat-card{border:2px solid #000}
body.mb-contrast .hero-banner{background:#000}
body.mb-contrast a{text-decoration:underline}
.mb-skip{position:absolute;left:-999px;top:0;background:#0b4ea2;color:#fff;padding:8px 14px;z-index:2000;border-radius:0 0 8px 0}
.mb-skip:focus{left:0}
:focus-visible{outline:3px solid #f5a300;outline-offset:2px}
.mb-demo-stage{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#8d6e23;background:#fdf6ec;border:1px solid #e8cf9a;border-radius:8px;padding:2px 4px 2px 9px}
.mb-demo-stage select{border:0;background:#fff;border-radius:6px;height:26px;font:inherit;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:#1e293b;padding:0 6px;cursor:pointer}
.mb-a11y{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.mb-a11y button{border:0;background:#fff;height:30px;min-width:32px;font-weight:800;font-size:13px;cursor:pointer;color:var(--ink)}
.mb-a11y button+button{border-left:1px solid var(--line)}
.mb-a11y button.on{background:var(--brand);color:#fff}
.sidebar__ez-btn{width:100%;margin-bottom:10px;height:36px;border-radius:8px;border:1px solid #e8cf9a;background:#fdf6ec;color:#8d6e23;font-weight:700;font-size:12.5px;cursor:pointer}

/* hero uczestnika */
.mb-uhero{background:linear-gradient(135deg,#0b4ea2 0%,#1565c0 55%,#1c7fe0 100%);border-radius:14px;padding:20px 22px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:16px;position:relative;overflow:hidden}
.mb-uhero::after{content:'';position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06)}
.mb-uhero h1{font-size:22px;font-weight:800;margin-bottom:4px}
.mb-uhero p{font-size:13.5px;opacity:.9;line-height:1.55}
.mb-uhero__next{background:#fff;color:var(--ink);border-radius:12px;padding:14px 16px;position:relative;z-index:1}
.mb-uhero__next small{display:block;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#8d6e23;margin-bottom:4px}
.mb-uhero__next b{display:block;font-size:16px;margin-bottom:4px}
.mb-uhero__next p{color:var(--muted);font-size:13px;opacity:1}
.mb-uhero__next .kt-btn{margin-top:10px;height:36px;font-size:13px}
.mb-ticket{display:flex;align-items:stretch;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 2px 10px rgba(11,78,162,.06)}
.mb-ticket__l{flex:1;padding:14px 16px}
.mb-ticket__l small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}
.mb-ticket__l b{display:block;font-size:26px;font-weight:900;color:var(--brand);line-height:1.15}
.mb-ticket__l span{font-size:12.5px;color:var(--muted)}
.mb-ticket__r{width:130px;background:repeating-linear-gradient(135deg,#fff6e0,#fff6e0 8px,#fdeec7 8px,#fdeec7 16px);border-left:2px dashed #e8cf9a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;font-size:11px;color:#8d6e23;font-weight:700}
.mb-ticket__r b{font-size:18px;color:#6b4a0c}
.mb-path{list-style:none;counter-reset:st}
.mb-path li{display:flex;gap:12px;align-items:flex-start;position:relative;padding-bottom:16px}
.mb-path li::before{counter-increment:st;content:counter(st);width:30px;height:30px;border-radius:50%;background:#e2e8f0;color:#64748b;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;z-index:1}
.mb-path li::after{content:'';position:absolute;left:14px;top:30px;bottom:0;width:2px;background:#e2e8f0}
.mb-path li:last-child::after{display:none}
.mb-path li.done::before{content:'✓';background:#2e7d32;color:#fff}
.mb-path li.done::after{background:#2e7d32}
.mb-path li.now::before{background:#0b4ea2;color:#fff;box-shadow:0 0 0 5px rgba(11,78,162,.15)}
.mb-path__b{flex:1;padding-top:4px}
.mb-path__b b{display:block;font-size:14px}
.mb-path__b span{font-size:12.5px;color:var(--muted)}
.mb-path li.now .mb-path__b b{color:var(--brand)}
.mb-wiz{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.mb-wiz span{flex:1;min-width:120px;padding:8px 10px;border-radius:8px;background:#f1f5f9;font-size:12px;font-weight:700;color:var(--muted)}
.mb-wiz span.on{background:var(--brand);color:#fff}
.mb-wiz span.done{background:#e9f6ef;color:#1f7a45}
.mb-calc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.mb-calc div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.mb-calc small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.mb-calc b{font-size:19px;font-weight:800}
.mb-calc .hl{border-color:#bcd3f0;background:var(--brand-xl)}
.mb-calc .hl b{color:var(--brand)}
.mb-drop{border:2px dashed #b9cbe4;border-radius:12px;padding:18px;text-align:center;color:var(--muted);font-size:13px;background:#f8fbff;cursor:pointer}
.mb-drop b{color:var(--brand)}
.mb-slot{display:inline-flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:0 6px 6px 0;font-size:12px;cursor:pointer;background:#fff;min-width:92px}
.mb-slot b{font-size:14px}
.mb-slot:hover,.mb-slot.on{border-color:var(--brand);background:var(--brand-xl)}
.mb-att{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}
.mb-att div{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:11.5px;text-align:center;background:#fff}
.mb-att div b{display:block;font-size:12.5px}
.mb-att .ok{background:#e9f6ef;border-color:#c8e6c9}
.mb-att .no{background:#fdecee;border-color:#f5c2c7}
.mb-att .fut{color:var(--muted)}

/* widok prosty */
.ez{position:fixed;inset:0;background:#f4f6f9;z-index:500;overflow:auto;padding:18px}
.ez__top{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto 14px}
.ez__brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--brand)}
.ez__close{height:44px;padding:0 18px;border-radius:10px;border:2px solid var(--brand);background:#fff;color:var(--brand);font-weight:800;font-size:15px;cursor:pointer}
.ez__hello{max-width:980px;margin:0 auto 16px;background:#fff;border-radius:16px;padding:18px 22px;border:1px solid var(--line)}
.ez__hello h1{font-size:26px}
.ez__hello p{font-size:17px;color:#334155;margin-top:4px}
.ez__hello .mb-callout{font-size:17px;margin:12px 0 0}
.ez__tiles{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ez__tile{border:0;border-radius:18px;padding:22px 18px;min-height:150px;color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;font-family:inherit;text-decoration:none}
.ez__tile svg{width:38px;height:38px}
.ez__tile b{font-size:21px;line-height:1.2}
.ez__tile span{font-size:14.5px;opacity:.92}
.ez__tile:hover{filter:brightness(1.07);text-decoration:none}
@media(max-width:900px){.mb-uhero{grid-template-columns:1fr}.ez__tiles{grid-template-columns:1fr 1fr}.mb-calc{grid-template-columns:1fr}.mb-demo-stage span{display:none}}
@media(max-width:560px){.ez__tiles{grid-template-columns:1fr}.mb-a11y{display:none}}
.mb-uhero .mb-step{color:rgba(255,255,255,.75)!important}
.mb-uhero .mb-step::before{background:rgba(255,255,255,.25)}
.mb-uhero .mb-step i{background:#1565c0;border-color:rgba(255,255,255,.45)}
.mb-uhero .mb-step.done{color:#fff!important}
.mb-uhero .mb-step.done::before{background:#fff}
.mb-uhero .mb-step.done i{background:#fff;border-color:#fff}
.mb-uhero .mb-step.now{color:#fff!important;font-weight:800}
.mb-uhero .mb-step.now i{background:#f5a300;border-color:#fff;box-shadow:0 0 0 4px rgba(245,163,0,.35)}

/* ===== Sekcje kolorowane, pola, oświadczenia (Panel Uczestnika) ===== */
.mb-user .mb-grid{gap:16px;margin-bottom:16px}
.us{--c:#0b4ea2;--h:#e7effa;--b:#f6f9fe;--l:#cddcf1;background:var(--b);border:1px solid var(--l);border-radius:14px;margin-bottom:16px;overflow:hidden;min-width:0}
.us--green{--c:#1f7a45;--h:#e2f3e8;--b:#f5fbf7;--l:#c5e4d0}
.us--amber{--c:#b26a00;--h:#fcefd8;--b:#fffaf1;--l:#f0d9ad}
.us--purple{--c:#6a3ea1;--h:#efe8f8;--b:#faf7fd;--l:#dccdef}
.us--teal{--c:#00796b;--h:#dff2ef;--b:#f4fbfa;--l:#bfe3dd}
.us--rose{--c:#b42335;--h:#fbe6e9;--b:#fff7f8;--l:#f2c7cd}
.us--slate{--c:#475569;--h:#edf0f4;--b:#f8fafc;--l:#d7dee7}
.mb-grid>.us{margin-bottom:0}
.us__h{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--h);border-bottom:1px solid var(--l)}
.us__ic{width:34px;height:34px;border-radius:10px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.us__ic svg{width:18px;height:18px}
.us__t{flex:1;min-width:0}
.us__t h3{font-size:15px;font-weight:800;color:#0f1b2d;line-height:1.25;margin:0}
.us__t small{display:block;font-size:12px;color:var(--c);font-weight:600;margin-top:1px}
.us__a{flex:none}
.us__b{padding:16px}
.us .mb-callout{background:#fff}
.mb-user .us .kt-btn{height:36px;font-size:13px;padding:0 14px}
.ub-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

.uf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.uf-grid--1{grid-template-columns:1fr}
.uf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.uf--full{grid-column:1/-1}
.uf label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:#52627a;margin-bottom:5px}
.uf__v{display:flex;align-items:center;gap:8px;min-height:42px;background:#fff;border:1px solid var(--l,#d7dee7);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;color:#0f1b2d;line-height:1.35;box-shadow:0 1px 0 rgba(15,27,45,.03)}
.uf__v>span{flex:1;min-width:0;overflow-wrap:anywhere}
.uf__v--mono>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.uf__ok{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#e2f3e8;color:#1f7a45;align-items:center;justify-content:center;flex:none}
.uf__ok svg{width:13px;height:13px}
.uf__cp{border:1px solid #d7dee7;background:#f8fafc;border-radius:7px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;flex:none;padding:0}
.uf__cp:hover{background:var(--h);color:var(--c);border-color:var(--c)}
.uf__cp svg{width:15px;height:15px}
.uf-chip{font-style:normal;display:inline-block;background:var(--h);color:var(--c);border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}

.udoc-list{display:flex;flex-direction:column;gap:8px}
.udoc{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:10px 12px}
.udoc__ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.udoc__ic svg{width:17px;height:17px}
.udoc--ok .udoc__ic{background:#e2f3e8;color:#1f7a45}
.udoc--wait .udoc__ic{background:#fcefd8;color:#b26a00}
.udoc--no{border-color:#f2c7cd;background:#fff8f9}
.udoc--no .udoc__ic{background:#fbe6e9;color:#b42335}
.udoc--off{background:#fbfcfd}
.udoc--off .udoc__ic{background:#eef1f5;color:#94a3b8}
.udoc__b{flex:1;min-width:0}
.udoc__b b{display:block;font-size:14px;color:#0f1b2d;line-height:1.3}
.udoc__b small{display:block;font-size:12.5px;color:#64748b;margin-top:2px;line-height:1.4}
.udoc .kt-tag{flex:none;white-space:nowrap}

.ubn{--c:#0b4ea2;--h:#e7effa;--l:#cddcf1;display:flex;align-items:center;gap:14px;background:var(--h);border:1px solid var(--l);border-left:5px solid var(--c);border-radius:12px;padding:14px 18px;margin-bottom:16px}
.ubn--green{--c:#1f7a45;--h:#e8f6ed;--l:#c5e4d0}
.ubn--amber{--c:#c27803;--h:#fff4e0;--l:#f0d9ad}
.ubn--rose{--c:#b42335;--h:#fbe6e9;--l:#f2c7cd}
.ubn__ic{width:40px;height:40px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.ubn__ic svg{width:20px;height:20px}
.ubn__b{flex:1;min-width:0}
.ubn__b>b{display:block;font-size:15.5px;color:#0f1b2d}
.ubn__b span b{color:#0f1b2d}
.ubn__b span{display:block;font-size:13.5px;color:#334155;margin-top:2px;line-height:1.5}
.ubn__b a{color:var(--c);font-weight:700}
.ubn__r{flex:none;text-align:right;background:#fff;border:1px solid var(--l);border-radius:10px;padding:8px 14px}
.ubn__r small{display:block;font-size:11px;color:#64748b;font-weight:600}
.ubn__r b{font-size:16px;color:var(--c)}
.ubn--sm{margin:14px 0 0;padding:10px 14px}
.ubn--sm .ubn__ic{width:30px;height:30px}
.ubn--sm .ubn__ic svg{width:16px;height:16px}
.ubn--sm .ubn__b>b{font-size:14px}
.ubn--sm .ubn__b span{font-size:12.5px}

.ud-intro{font-size:13.5px;color:#334155;margin:0 0 12px;line-height:1.55}
.ud-sub{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--c,#475569);margin:16px 0 8px}
.ud-list{display:flex;flex-direction:column;gap:8px}
.ud-list:empty{display:none}
.ud{position:relative;display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid #d7dee7;border-radius:10px;padding:11px 14px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.ud:hover{border-color:var(--c,#0b4ea2);box-shadow:0 0 0 3px rgba(11,78,162,.08)}
.ud input,.ur input,.usc__p input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.ud__box{width:22px;height:22px;border:2px solid #94a3b8;border-radius:6px;background:#fff;flex:none;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:.15s}
.ud input:focus-visible+.ud__box,.ur input:focus-visible+.ur__dot,.usc__p input:focus-visible+span{outline:3px solid #f5a300;outline-offset:2px}
.ud__t{flex:1;font-size:14px;line-height:1.45;color:#0f1b2d}
.ud__t small{display:block;font-size:12px;color:#64748b;margin-top:2px;font-weight:500}
.ud.is-ok{background:#effaf3;border-color:#9fd4b3;cursor:default;box-shadow:none}
.ud.is-ok .ud__box{background:#1f7a45;border-color:#1f7a45}
.ud.is-ok .ud__box::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);margin-top:-3px}
.ud.is-ok small{color:#1f7a45;font-weight:700}
.ud.is-off{cursor:not-allowed;background:#fafbfc;box-shadow:none;border-color:#e2e8f0}
.ud.is-off .ud__t{color:#64748b}
.ud.is-off .ud__box{border-color:#cbd5e1;background:#f1f5f9}
.ud-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed var(--l,#d7dee7)}
.ud-bar__txt{flex:1;font-size:13px;color:#475569;min-width:140px}
.ud-bar__txt b{color:#0f1b2d}
.ud-bar [hidden]{display:none!important}
.mb-user .kt-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}

.ur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.ur{position:relative;display:flex;gap:10px;align-items:flex-start;background:#fff;border:1.5px solid #d7dee7;border-radius:10px;padding:10px 12px;cursor:pointer;transition:.15s}
.ur:hover{border-color:var(--c,#0b4ea2)}
.ur__dot{width:20px;height:20px;border-radius:50%;border:2px solid #94a3b8;background:#fff;flex:none;margin-top:1px;transition:.15s}
.ur__t b{display:block;font-size:13.5px;color:#0f1b2d;line-height:1.3}
.ur__t small{display:block;font-size:12px;color:#64748b;margin-top:2px}
.ur.is-on{border-color:var(--c,#0b4ea2);background:var(--h,#e7effa);box-shadow:0 0 0 3px rgba(11,78,162,.08)}
.ur.is-on .ur__dot{border-color:var(--c,#0b4ea2);background:var(--c,#0b4ea2);box-shadow:inset 0 0 0 4px #fff}
.ur.is-off{opacity:.55;cursor:not-allowed}

.usc{background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:12px 14px;margin-bottom:10px}
.usc__q{font-size:14px;font-weight:700;color:#0f1b2d;margin-bottom:10px}
.usc__o{display:flex;gap:8px}
.usc__p{position:relative;flex:1;max-width:64px;cursor:pointer}
.usc__p span{display:flex;align-items:center;justify-content:center;height:40px;border:1.5px solid #d7dee7;border-radius:10px;font-weight:800;font-size:15px;color:#475569;background:#fff;transition:.15s}
.usc__p:hover span{border-color:var(--c)}
.usc__p.is-on span{background:var(--c);border-color:var(--c);color:#fff}
.usc__l{display:flex;justify-content:space-between;max-width:352px;font-size:11.5px;color:#64748b;margin-top:6px}

.mb-calc .is-ok{background:#e8f6ed;border-color:#c5e4d0}
.mb-calc .is-ok b{color:#1f7a45;font-size:16px}
.mb-calc .is-wait{background:#fff4e0;border-color:#f0d9ad}
.mb-calc .is-wait b{color:#a15c00;font-size:16px}
.mb-user .stat-card__icon--green{background:#e2f3e8;color:#1f7a45}
.mb-user .stat-card__icon--purple{background:#efe8f8;color:#6a3ea1}
.mb-user .stat-card__icon--teal{background:#dff2ef;color:#00796b}
.mb-user .stat-card__icon--amber{background:#fcefd8;color:#b26a00}
body.mb-contrast .us,body.mb-contrast .ud,body.mb-contrast .ur,body.mb-contrast .uf__v{border:2px solid #000}
@media(max-width:768px){.uf-grid,.uf-grid--3{grid-template-columns:1fr}.ubn{flex-wrap:wrap}.ubn__r{text-align:left}.us__h{flex-wrap:wrap}}

.ur-grid--1{grid-template-columns:1fr}
.mb-grid>div>.us:last-child{margin-bottom:0}
/* responsywność: pola w wąskich sekcjach jedna pod drugą */
.us__b{container-type:inline-size}
@container (max-width:640px){.uf-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:430px){.uf-grid,.uf-grid--3{grid-template-columns:1fr}.ur-grid{grid-template-columns:1fr}}
.mb-user .topbar__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-user .topbar__btn{white-space:nowrap}
@media(max-width:1180px){.mb-user .topbar__crumb{display:none}.mb-user .topbar__btn span{display:none}}
@media(max-width:1024px){.mb-user .mb-grid--2,.mb-user .mb-grid--21{grid-template-columns:1fr}.mb-uhero{grid-template-columns:1fr}}
.mb-user .topbar__actions{min-width:0}
@media(max-width:1180px){.mb-demo-stage span{display:none}.mb-demo-stage select{max-width:190px;text-overflow:ellipsis}}