/* Wspólna ergonomia modułów. Drzewo Wiedzy nie ładuje tego arkusza. */
body.portal { --bg:#f5f7fa; --bg-alt:#edf1f6; --surface-2:#f7f9fc; --accent:#245ec7; --accent-2:#194ca9; --muted:#536278; --line:#e0e6ee; --card-shadow:0 2px 5px #1e355008; font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif; }
.portal :is(h1,h2,h3,.p-brand b,.p-top__where b,.p-first>b,.nb b) { font-family:Inter,system-ui,sans-serif; letter-spacing:-.025em; }
.portal h1 { font-size:clamp(26px,2.5vw,36px); font-weight:650; line-height:1.2; }
.portal h2 { font-size:18px; font-weight:650; line-height:1.4; }
.portal h3 { font-size:16px; font-weight:650; }
.p-app { grid-template-columns:244px minmax(0,1fr); }
.p-side { padding:20px 12px; box-shadow:none; }
.p-brand { padding-bottom:24px; }
.p-brand b { font-size:21px; text-transform:none; }
.p-brand span span { font-size:9px; letter-spacing:.1em; }
.p-nav a { min-height:44px; font-size:13px; padding:10px; border-radius:8px; }
.p-nav__sub { display:none; }
.p-nav__head { padding-top:18px; font-family:inherit; font-size:10px; font-weight:700; letter-spacing:.1em; }
.p-tutor-card { margin-top:22px; background:var(--surface-2); box-shadow:none; border-color:var(--line); }
.p-top { box-shadow:none; background:#ffffffed; backdrop-filter:blur(12px); }
.p-top__where b { font-size:14px; }
.p-top__btn { border-radius:8px; }
.p-content { max-width:1500px; padding:32px; }
.p-head { margin-bottom:24px; align-items:start; }
.p-head .p-sub { max-width:780px; font-size:14px; line-height:1.65; }
.p-head__acts { display:none; }
.p-grid { gap:20px; align-items:start; }
.p-grid>* { min-width:0; }
.p-box { border-radius:12px; box-shadow:var(--card-shadow); padding:22px; }
.p-box--fire { background:var(--surface); border-color:var(--line); }
.p-box__head { gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.p-stats { gap:14px; margin-bottom:24px; }
.p-stat { border:1px solid var(--line); border-radius:10px; padding:17px; box-shadow:none; }
.p-stat>span { font-family:inherit; text-transform:none; letter-spacing:0; font-size:12px; }
.p-stat>b { font-size:24px; font-variant-numeric:tabular-nums; }
.p-stat small { font-size:12px; line-height:1.5; }
.portal .btn { border-radius:8px; min-height:40px; box-shadow:none; font-size:13px; padding:10px 16px; }
.portal .btn--small { min-height:36px; padding:8px 12px; }
.portal .btn--primary { background:var(--accent); box-shadow:none; }
.portal :is(input,select,textarea) { max-width:100%; }
.portal input:not([type=range]):not([type=checkbox]):not([type=radio]), .portal select { min-height:40px; }
.portal :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #245ec7; outline-offset:3px; }
.portal .p-seg[role=tablist],.portal .p-tabs { overflow-x:auto; max-width:100%; padding:5px; background:#eaf0f7; border-radius:10px; gap:4px; }
.portal [role=tab] { flex-shrink:0; min-height:42px; border-radius:7px; font-size:13px; }
.portal [role=tab][aria-selected=true] { background:#fff; color:var(--accent); box-shadow:0 1px 4px #19355712; }
.p-context { display:flex; align-items:center; gap:12px; margin:0 0 24px; padding:10px 14px; border:1px solid var(--line); border-radius:8px; font-size:12px; color:var(--muted); background:#fff; }
.p-context b { color:var(--accent); white-space:nowrap; }
.p-context a { margin-left:auto; white-space:nowrap; }
.p-find { margin:0 0 8px; }
.p-find input { width:100%; border:1px solid var(--line); border-radius:8px; padding:10px 12px; font:inherit; font-size:12px; }
.p-find-empty { padding:10px; font-size:12px; color:var(--muted); }
.p-local-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
.p-local-nav a { padding:7px 11px; border:1px solid var(--line); background:#fff; border-radius:7px; font-size:12px; }
.p-quick { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.p-quick a { display:flex; align-items:center; gap:12px; padding:18px; border:1px solid var(--line); border-radius:10px; background:#fff; text-decoration:none; color:var(--text); }
.p-quick a:hover { border-color:var(--accent); background:#f8fbff; }
.p-quick svg { width:22px; height:22px; color:var(--accent); flex:none; }
.p-quick b { display:block; font-size:14px; }
.p-quick small { display:block; margin-top:4px; color:var(--muted); font-size:12px; }
.p-first { padding:16px 20px; background:#edf4ff; box-shadow:none; margin-bottom:24px; }
.p-first>b { font-size:15px; }
.p-first .p-doors,.p-first>p { display:none; }
.p-first__acts { margin-top:10px; }
.p-hl { scroll-margin:100px 0 220px; }
.p-box,.p-col-12 { scroll-margin-top:90px; }
.portal .footer { margin-top:40px; background:transparent; }
.portal .footer .container { padding:20px 32px; }
.p-table-scroll { overflow:auto; }
.k-konta,.k-konto,.k-konto__kv,.k-konto__sprawy { min-width:0; max-width:100%; }
.k-sprawa { white-space:normal; flex-wrap:wrap; }
.k-konto { grid-template-columns:minmax(0,1fr) auto; }
.k-konto__kv,.k-konto__sprawy { grid-column:1 / -1; }
.p-form-dialog { width:560px; max-width:calc(100vw - 32px); max-height:90dvh; overflow:auto; border:1px solid #dce3ef; border-radius:14px; padding:24px; color:var(--text); background:var(--surface); }
.p-form-dialog::backdrop { background:#172e5266; }
.p-form-dialog form,.p-form-dialog label { display:grid; gap:10px; }
.p-form-dialog form { gap:16px; }
.p-form-dialog input,.p-form-dialog textarea { width:100%; padding:10px; border:1px solid var(--line-strong); border-radius:7px; font:inherit; }
.p-form-dialog menu { display:flex; gap:10px; justify-content:flex-end; margin:0; padding:0; }
.z-search { width:100%; margin-bottom:16px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:8px; font:inherit; }
.portal .z-prod>b { font-family:Inter,system-ui,sans-serif; font-size:16px; }
.portal .z-prod { box-shadow:none; border-radius:10px; }
.portal [role=tablist] { margin-bottom:20px; }
.portal [hidden] { display:none!important; }
@media(min-width:961px) { .p-top #pExplain span { display:none; } .p-top #pExplain { width:40px; } .p-first__acts { display:inline-flex; margin:0 0 0 16px; } }
@media(max-width:1200px) and (min-width:961px) { .p-content { padding:24px; } .p-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:960px) { .p-app { grid-template-columns:minmax(0,1fr); } .p-content { padding:22px 18px 80px; } .p-top { padding:10px 16px; } .p-quick { gap:8px; } .p-quick a { padding:12px; } .p-quick small { display:none; } .p-context { flex-wrap:wrap; gap:6px 12px; } .p-context span { flex-basis:100%; order:3; } .p-head__acts { display:flex; } .p-head__acts>[data-zasady], .p-head__acts>#pExplainWide { display:none; } .portal .p-tutor { left:12px!important; right:12px; bottom:12px; top:auto!important; width:auto; max-height:43dvh; } .p-top__where span { font-size:9px; } }
@media(max-width:600px) { .p-grid { gap:16px; } .p-box { padding:17px; } .p-stats { gap:8px; } .p-stat { padding:12px; } .p-stat>b { font-size:21px; } .p-quick { grid-template-columns:1fr; } .p-quick a { padding:12px 15px; } .p-quick small { display:block; } .p-local-nav { flex-wrap:nowrap; overflow:auto; } .p-local-nav a { flex-shrink:0; } }
@media(prefers-reduced-motion:reduce) { .portal *, .portal *::before,.portal *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
