/* PNP_PISACZEK_NOTES_MOBILE_CSS_V1 */
/* Canonical Notes breakpoints: 1250 wide, 1050 compact desktop, 850 mobile layout, 650 phone; topbar module: 768. */
/* PISACZEK_NOTES_MOBILE_FLOW_FIX_V9 */
@media(max-width:850px){[data-app] .shell,[data-app].pnp-side-hidden .shell,[data-app].pnp-list-hidden .shell,[data-app].pnp-side-hidden.pnp-list-hidden .shell,[data-app].edge-side-closed .shell,[data-app].edge-list-closed .shell,[data-app].edge-side-closed.edge-list-closed .shell{display:block!important;grid-template-columns:none!important;height:auto!important;min-height:calc(100dvh - 68px)!important;overflow:visible!important}[data-app] .list,[data-app].pnp-list-hidden .list,[data-app].edge-list-closed .list{display:block!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;overflow:visible!important;box-shadow:none!important;border-right:0!important;z-index:auto!important}[data-app] .editor{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:70dvh!important;transform:none!important;z-index:auto!important;overflow:visible!important}[data-app] .side{position:fixed!important;left:0!important;top:68px!important;bottom:0!important;width:min(86vw,300px)!important;max-width:300px!important;height:auto!important;z-index:120!important;overflow:auto!important;overscroll-behavior:contain;box-shadow:0 18px 52px rgba(31,41,55,.24)!important}[data-app] .side:not(.open){transform:translateX(-104%)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}[data-app] .side.open{display:block!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.pnp-grid-splitter,.pnp-edge-handle,.pnp-edge-rail{display:none!important;pointer-events:none!important}.listhead,.editortop,.editorfoot,.noteactions,.editoractions{min-width:0!important;max-width:100%!important}.listhead h1,.listhead p,.card strong,.card small,.title,.content,.noteaction,.primary{overflow-wrap:anywhere!important;word-break:normal!important}.quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick button,.noteaction,.primary{min-width:0!important;white-space:normal!important}}@media(max-width:650px){[data-app] .list{padding-left:14px!important;padding-right:14px!important}[data-app] .edit{padding-left:14px!important;padding-right:14px!important}.quick{grid-template-columns:1fr!important}.noteactions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.noteaction,.primary,.save{width:100%!important;max-width:100%!important}.editorfoot{align-items:stretch!important;flex-direction:column!important}.editoractions{width:100%!important;margin-left:0!important}}
/* PISACZEK_NOTES_GRID_SPLITTERS_V7 */
@media(min-width:851px){
 [data-app]{--pnp-split:10px;--edge-side-w:230px;--edge-list-w:420px}
 [data-app] .shell{grid-template-columns:var(--edge-side-w) var(--pnp-split) var(--edge-list-w) var(--pnp-split) minmax(320px,1fr)!important}
 [data-app].edge-side-closed .shell{grid-template-columns:0 var(--pnp-split) var(--edge-list-w) var(--pnp-split) minmax(320px,1fr)!important}
 [data-app].edge-list-closed .shell{grid-template-columns:var(--edge-side-w) var(--pnp-split) 0 var(--pnp-split) minmax(320px,1fr)!important}
 [data-app].edge-side-closed.edge-list-closed .shell{grid-template-columns:0 var(--pnp-split) 0 var(--pnp-split) minmax(320px,1fr)!important}
 .pnp-edge-handle,.pnp-edge-rail{display:none!important;pointer-events:none!important}
 .pnp-grid-splitter{position:relative;z-index:96;min-width:10px;cursor:col-resize;touch-action:none;user-select:none;background:transparent}
 .pnp-grid-splitter::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);border-radius:999px;background:rgba(81,69,184,.10);box-shadow:0 0 0 rgba(104,86,255,0);transition:background .16s ease,box-shadow .16s ease,width .16s ease,filter .16s ease}
 .pnp-grid-splitter:hover::before{width:3px;background:linear-gradient(180deg,#5c4cff,#8b5cf6,#38bdf8,#5c4cff);box-shadow:0 0 8px rgba(99,102,241,.45),0 0 18px rgba(56,189,248,.24)}
 .pnp-grid-splitter.is-dragging::before{width:4px;background:linear-gradient(180deg,#60a5fa 0%,#7c3aed 28%,#a855f7 52%,#22d3ee 78%,#60a5fa 100%);box-shadow:0 0 5px rgba(255,255,255,.95),0 0 14px rgba(124,58,237,.9),0 0 30px rgba(34,211,238,.65),0 0 48px rgba(96,165,250,.35);filter:saturate(1.35) brightness(1.15)}
 .pnp-grid-splitter button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:24px;height:58px;border:1px solid #d8d3f6;border-radius:12px;background:rgba(255,255,255,.96);color:#5145b8;display:grid;place-items:center;padding:0;cursor:pointer;font:900 17px/1 system-ui,sans-serif;box-shadow:0 8px 24px rgba(31,41,55,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
 .pnp-grid-splitter button:hover{transform:translate(-50%,-50%) scale(1.05);background:#f5f2ff;box-shadow:0 8px 24px rgba(81,69,184,.22)}
 .pnp-grid-splitter button:focus-visible{outline:3px solid rgba(81,69,184,.28);outline-offset:2px}
 [data-app].pnp-split-dragging,[data-app].pnp-split-dragging *{cursor:col-resize!important;user-select:none!important}
 [data-app].pnp-split-dragging .shell{transition:none!important}
}
@media(max-width:850px){.pnp-grid-splitter{display:none!important}}
@media(prefers-reduced-motion:reduce){.pnp-grid-splitter::before,.pnp-grid-splitter button{transition:none!important}}
/* PISACZEK_NOTES_GRID_SPLITTERS_FIX_GLASS_V8 */
@media(min-width:851px){
 .pnp-grid-splitter{background:linear-gradient(180deg,rgba(255,249,214,.34),rgba(255,232,120,.12),rgba(255,255,255,.18));backdrop-filter:blur(14px) saturate(1.28);-webkit-backdrop-filter:blur(14px) saturate(1.28);box-shadow:inset 0 0 0 1px rgba(255,214,74,.10)}
 .pnp-grid-splitter::before{width:2px;background:linear-gradient(180deg,rgba(255,244,173,.45) 0%,rgba(255,219,88,.68) 28%,rgba(245,180,35,.72) 56%,rgba(255,225,92,.70) 82%,rgba(255,247,196,.42) 100%);box-shadow:0 0 6px rgba(245,180,35,.20),0 0 12px rgba(255,214,74,.12)}
 .pnp-grid-splitter:hover{background:linear-gradient(180deg,rgba(255,250,218,.48),rgba(255,221,92,.20),rgba(255,255,255,.24))}
 .pnp-grid-splitter:hover::before{width:3px;background:linear-gradient(180deg,#fff3a8 0%,#ffd84d 24%,#f2b52e 52%,#ffe36e 78%,#fff7c8 100%);box-shadow:0 0 8px rgba(255,213,64,.58),0 0 20px rgba(245,180,35,.34)}
 .pnp-grid-splitter.is-dragging{background:linear-gradient(180deg,rgba(255,250,210,.62),rgba(255,205,65,.28),rgba(255,255,255,.26));backdrop-filter:blur(18px) saturate(1.45);-webkit-backdrop-filter:blur(18px) saturate(1.45)}
 .pnp-grid-splitter.is-dragging::before{width:4px;background:linear-gradient(180deg,#fffbe0 0%,#fff08a 18%,#ffd43b 40%,#f5a623 58%,#ffd950 78%,#fff7bd 100%);box-shadow:0 0 5px rgba(255,255,255,.94),0 0 13px rgba(255,214,59,.95),0 0 28px rgba(245,166,35,.70),0 0 46px rgba(255,225,79,.38);filter:saturate(1.28) brightness(1.10)}
 .pnp-grid-splitter button{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,244,197,.62));border-color:rgba(229,184,49,.46);color:#8a5a00;box-shadow:0 8px 24px rgba(120,83,0,.14),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}
 .pnp-grid-splitter button:hover{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,232,135,.78));box-shadow:0 8px 24px rgba(150,100,0,.20),0 0 18px rgba(255,209,60,.24)}
}
/* PISACZEK_NOTES_MOBILE_PANELS_V1 */
[data-app]{--pnp-side-w:230px;--pnp-list-w:minmax(330px,420px)}
[data-app] .shell{transition:grid-template-columns .26s cubic-bezier(.2,.8,.2,1)}
[data-app].pnp-side-hidden .shell{grid-template-columns:0 var(--pnp-list-w) minmax(440px,1fr)}
[data-app].pnp-list-hidden .shell{grid-template-columns:var(--pnp-side-w) 0 minmax(440px,1fr)}
[data-app].pnp-side-hidden.pnp-list-hidden .shell{grid-template-columns:0 0 minmax(0,1fr)}
[data-app].pnp-side-hidden .side,[data-app].pnp-list-hidden .list{visibility:hidden;opacity:0;pointer-events:none;overflow:hidden}
[data-app] .side,[data-app] .list{transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .26s}
.pnp-panel-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 18px 0}
.pnp-panel-toggle{min-height:38px;padding:0 12px;border:1px solid #ddd9ff;border-radius:999px;background:#fff;color:#5145b8;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 5px 16px #5145b812;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.pnp-panel-toggle:hover{transform:translateY(-1px);background:#f5f2ff;border-color:#bcb4f4}
.pnp-panel-toggle[aria-pressed="true"]{background:#5145b8;color:#fff;border-color:#5145b8}
@media(max-width:1050px) and (min-width:851px){
 [data-app]{--pnp-side-w:230px;--pnp-list-w:390px}
 [data-app].pnp-side-hidden .shell{grid-template-columns:0 var(--pnp-list-w) minmax(400px,1fr)}
 [data-app].pnp-list-hidden .shell{grid-template-columns:var(--pnp-side-w) 0 minmax(400px,1fr)}
 [data-app].pnp-side-hidden.pnp-list-hidden .shell{grid-template-columns:0 0 minmax(0,1fr)}
}
@media(max-width:850px){
 [data-app] .shell,[data-app].pnp-side-hidden .shell,[data-app].pnp-list-hidden .shell,[data-app].pnp-side-hidden.pnp-list-hidden .shell{display:block!important;min-height:calc(100dvh - 68px)}
 [data-app] .side,[data-app] .list{position:fixed!important;top:68px;bottom:0;height:auto!important;z-index:80;background:#fafbfc;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 60px #1f293733}
 [data-app] .side{left:0;width:min(88vw,290px);transform:translateX(0)}
 [data-app] .list{left:0;width:min(92vw,390px);border-right:1px solid var(--line);transform:translateX(0)}
 [data-app].pnp-side-hidden .side{display:flex!important;visibility:hidden;opacity:0;transform:translateX(-104%);pointer-events:none}
 [data-app].pnp-list-hidden .list{display:block!important;visibility:hidden;opacity:0;transform:translateX(-104%);pointer-events:none}
 [data-app]:not(.pnp-side-hidden) .side,[data-app]:not(.pnp-list-hidden) .list{visibility:visible;opacity:1}
 [data-app] .editor{min-height:calc(100dvh - 68px)}
 .pnp-panel-controls{position:sticky;top:0;z-index:35;padding:8px 10px;background:linear-gradient(#fff 72%,rgba(255,255,255,.88));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .pnp-panel-toggle{flex:1 1 145px;min-width:0}
 .listhead{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
 .listhead>div{min-width:0}.listhead h1,.listhead p{overflow-wrap:anywhere}
 .listhead .primary{width:100%;min-width:0}
 .noteactions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
 .noteaction{min-width:0!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;height:auto!important;min-height:44px;padding:8px 10px!important;text-align:center}
 .editorfoot{flex-wrap:wrap!important}.editoractions{width:100%;margin-left:0!important}.save{width:100%!important}
}
@media(max-width:650px){
 .topbar{padding-left:10px!important;padding-right:10px!important}.brand{min-width:0}.brand strong{font-size:16px}
 .guest{padding:9px 12px!important;gap:8px!important;align-items:flex-start!important;flex-direction:column!important}.guest button{width:100%}
 .list{padding-left:14px!important;padding-right:14px!important}.listhead h1{font-size:28px!important;line-height:1.08}
 .quick{grid-template-columns:1fr!important}.quick button{min-width:0}
 .card{grid-template-columns:34px minmax(0,1fr) 18px!important;gap:8px!important;padding:11px 8px!important}.card strong{white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.25}.card small{overflow-wrap:anywhere}
 .edit{padding:24px 14px!important}.title{font-size:30px!important;line-height:1.1;overflow-wrap:anywhere}
 .editortop{padding-left:10px!important;padding-right:10px!important}.noteactions{grid-template-columns:1fr!important}
 .pnp-panel-controls{gap:6px}.pnp-panel-toggle{font-size:11px;padding:0 9px}
 .tags-v41-list,.projects{min-width:0}.projects-v40-row,.tag-v41-row{min-width:0}.projects-v40-row span,.tag-v41-row span{min-width:0;overflow-wrap:anywhere}
}
/* PISACZEK_NOTES_LARGE_TYPOGRAPHY_V3_START */
html body{font-size:18px;}html body .top{min-height:76px;height:76px;}html body .brand{font-size:20px;}html body .brand small{font-size:14px;line-height:1.3;}html body .nav a{font-size:17px;padding:11px 16px;}html body .search{width:min(30vw,380px);}html body .search input{height:46px;font-size:17px;}html body .account{min-height:46px;padding:0 18px;font-size:16px;} html body .guest{min-height:52px;font-size:16px;line-height:1.5;}html body .guest button,html body .primary,html body .save{min-height:46px;padding-left:18px;padding-right:18px;font-size:16px;}html body .shell{grid-template-columns:280px minmax(470px,560px) minmax(580px,1fr);}html body .section h2{font-size:13px;letter-spacing:.11em;}html body .sectionhead button{font-size:24px;}html body .sidenav a,html body .projects a,html body .sidebottom a{min-height:46px;font-size:17px;line-height:1.35;}html body .sidenav em{font-size:13px;}html body .sidebottom small{font-size:12px;}html body .list{padding:32px 26px;}html body .eyebrow{font-size:13px;}html body .list h1{font-size:42px;line-height:1.08;}html body .list p{font-size:16px;line-height:1.55;}html body .quick button{min-height:108px;padding:16px;}html body .quick span{font-size:24px;}html body .quick strong{font-size:17px;}html body .quick small{font-size:14px;line-height:1.45;}html body .card{padding:17px 14px;grid-template-columns:46px minmax(0,1fr) 26px;gap:13px;}html body .icon{width:46px;height:46px;font-size:19px;}html body .card strong{font-size:17px;line-height:1.35;}html body .card small{margin-top:7px;font-size:14px;line-height:1.55;}html body .card em{margin-top:9px;font-size:12px;line-height:1.4;}html body .card b{font-size:21px;}html body .editortop{min-height:64px;}html body.guest-mode .editor{grid-template-rows:74px minmax(0,1fr) auto;}html body.guest-mode .editortop{margin-top:10px;}html body .status{font-size:18px;font-weight:900;}html body .title{font-size:clamp(40px,4.4vw,58px);line-height:1.08;}html body .meta{font-size:14px;}html body .content{font-size:22px;line-height:1.78;}html body .tags button{min-height:36px;padding:0 13px;font-size:13px;}html body .editorfoot{min-height:88px;}html body .editorfoot strong{font-size:14px;}html body .editorfoot small{margin-top:5px;font-size:13px;line-height:1.45;}html body .modalcard .eyebrow{font-size:14px;}html body .modalcard h2{font-size:36px;line-height:1.12;}html body .modalcard p{font-size:20px;line-height:1.6;}html body .benefits{font-size:17px;line-height:1.55;}html body .modalcard .disabled,html body .secondary,html body .open-account{min-height:52px;font-size:18px;}body.logged.has-main-topbar{padding-top:64px;}body.logged.has-main-topbar .shell{height:calc(100vh - 140px);}
@media(max-width:1250px) and (min-width:851px){html body .shell{grid-template-columns:250px minmax(420px,500px) minmax(480px,1fr);}html body .sidenav a,html body .projects a,html body .sidebottom a{font-size:16px;}}
@media(max-width:850px){html body .shell,body.logged.has-main-topbar .shell{display:grid;grid-template-columns:minmax(340px,44%) minmax(0,1fr);height:auto;}html body .list h1{font-size:36px;}}
@media(max-width:650px){html body{font-size:17px;}html body .shell,body.logged.has-main-topbar .shell{display:block;}html body .list h1{font-size:34px;}html body .card strong{font-size:16px;}html body .card small{font-size:14px;}html body .content{font-size:20px;}}
/* PISACZEK_NOTES_LARGE_TYPOGRAPHY_V3_END */

@media(prefers-reduced-motion:reduce){[data-app] .shell,[data-app] .side,[data-app] .list,.pnp-panel-toggle{transition:none!important}}

/* PISACZEK_MOBILE_V2 — układ mobilny jak w najlepszych aplikacjach (Google Keep / Google Calendar / Apple Notes): kompaktowy nagłówek, dolny pasek zakładek z ikonami (safe-area), przycisk „+” pływający, siatka miesiąca z kropkami, „Najbliższe” jako lista pod spodem,
przyciski w rzędzie przewijanym, cele dotyku ≥44px. Dotyczy telefonów i tabletów w pionie (≤850px). Logika bez zmian. ============================================================ */
@media(max-width:850px){
:root{--pnp-tabbar:64px;--pnp-safe:env(safe-area-inset-bottom,0px)} html{-webkit-text-size-adjust:100%} body{padding-bottom:calc(var(--pnp-tabbar) + var(--pnp-safe))!important}
/* --- nagłówek: kompaktowy 56px --- */
html body .top{height:56px!important;padding:0 12px!important;gap:10px!important;position:sticky!important;top:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important} html body .top .brand{gap:8px!important} html body .top .brand .mark{width:34px!important;height:34px!important;border-radius:10px!important} html body .top .brand>span:last-child{font-size:17px!important;line-height:1!important}
html body .top .brand small{display:none!important} html body .top .mobile{width:40px!important;height:40px!important;border-radius:12px!important} html body .acct-hero{min-height:40px!important;padding:0 10px 0 6px!important;gap:8px!important} html body .acct-hero .ah-ico{width:26px!important;height:26px!important;font-size:14px!important}
html body .acct-hero .ah-txt b{font-size:13px!important;max-width:110px!important} html body .acct-hero .ah-txt small{display:none!important}
/* --- dolny pasek zakładek --- */
html body .top .nav{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2000!important;height:calc(var(--pnp-tabbar) + var(--pnp-safe))!important;padding:6px 4px calc(6px + var(--pnp-safe))!important;gap:0!important;background:rgba(255,255,255,.96)!important;border-top:1px solid #e4e6eb!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -8px 24px rgba(31,41,55,.08)} html body .top .nav a{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px 2px!important;border-radius:12px!important;font-size:10px!important;font-weight:800!important;letter-spacing:-.01em;color:#707784!important;background:transparent!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent} html body .top .nav a::before{font-size:21px;line-height:1;filter:grayscale(1) opacity(.75)} html body .top .nav a:nth-child(1)::before{content:"🗂️"} /* PNP_PISACZEK_PORTAL_FIRST_TAB_V1 */
html body .top .nav a:nth-child(2)::before{content:"📝"} html body .top .nav a:nth-child(3)::before{content:"📅"} html body .top .nav a:nth-child(4)::before{content:"💬"} html body .top .nav a:nth-child(5)::before{content:"💎"}
html body .top .nav a.on{color:#5145b8!important;background:#efedff!important} html body{overflow:auto!important;height:auto!important} html body [data-app]{height:auto!important;min-height:0!important;overflow:visible!important} html body [data-app] .shell,html body.logged .shell,html body.logged.has-main-topbar .shell{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block!important} html body [data-app] .list,html body [data-app] .editor{height:auto!important;max-height:none!important;overflow:visible!important} html body [data-app] .list .cards{overflow:visible!important;max-height:none!important} html body [data-app] main.list,html body [data-app].pnp-list-hidden main.list,html body [data-app].edge-list-closed main.list{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:auto!important;box-shadow:none!important} html body [data-app] .side{top:56px!important} html body:not(.pnp-m-editor) [data-app] .editor{display:none!important} html body.pnp-m-editor [data-app] .list{display:none!important} html body.pnp-m-editor [data-app] .editor{min-height:calc(100dvh - 56px - var(--pnp-tabbar))!important} html body .pnp-m-back{display:inline-flex!important;align-items:center;gap:6px;min-height:40px;padding:0 14px;margin:0 8px 0 0;border:1px solid #dde3ef;border-radius:999px;background:#fff;color:#5145b8;font-weight:850;font-size:14px;cursor:pointer;white-space:nowrap} html body.portal-library-v3 .pnp-m-back{display:none!important} html body.pnp-m-editor .editortop{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:8px 12px!important} html body.pnp-m-editor .editortop>*:not(.pnp-m-back){flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:100%!important} html body .editortop .pnp-m-back{flex:0 0 auto!important;order:-1;width:auto!important;height:40px!important} html body.pnp-m-editor .editortop .status{width:auto!important;max-width:calc(100% - 112px)!important;flex:1 1 150px!important;box-sizing:border-box} html body.pnp-m-editor .editortop .noteactions{flex-basis:100%!important;width:100%!important} html body .webinar-right-pane{top:56px!important;bottom:calc(var(--pnp-tabbar) + var(--pnp-safe))!important} html body .has-main-topbar .webinar-right-pane{top:56px!important} html body .pnp-plans-pane{inset:56px 0 0!important;padding:16px 12px calc(var(--pnp-tabbar) + var(--pnp-safe) + 24px)!important} html body.portal-library-v3 .editor{display:none!important} html body.portal-library-v3 .list{min-height:calc(100dvh - 56px - var(--pnp-tabbar))!important} html body .top .nav a:nth-child(4){font-size:8.6px!important;letter-spacing:-.03em} html body .top .nav a.on::before{filter:none}
/* --- Notatki: przyciski akcji w rzędzie przewijanym, nie jeden pod drugim --- */
html body .noteactions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;padding:8px 12px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none!important} html body .noteactions::-webkit-scrollbar{display:none} html body .noteaction,html body .noteactions .primary{width:auto!important;flex:0 0 auto!important;min-height:40px!important;padding:0 14px!important;white-space:nowrap!important;font-size:14px!important;border-radius:999px!important} html body .editorfoot{bottom:calc(var(--pnp-tabbar) + var(--pnp-safe))!important;padding:10px 14px!important}
html body .editorfoot .save{min-height:44px!important} html body .quick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} html body .quick button{min-height:44px!important} html body .listhead h1{font-size:28px!important}
html body .card{border-radius:14px!important}
/* --- Kalendarz --- */
html body .C{inset:56px 0 0!important;padding:8px 8px calc(var(--pnp-tabbar) + var(--pnp-safe) + 90px)!important;overflow:auto!important} html body .W{padding:10px 10px 14px!important;gap:6px!important;min-height:0!important;border-radius:16px!important} html body .W>.CSET{order:-2!important} html body .W>.WDT{order:-1!important;font-size:15px!important;min-height:36px!important;margin-right:0!important;flex:1 1 auto!important;white-space:normal!important;line-height:1.15!important}
html body .W>[data-NO]{position:static!important;order:-1!important;width:36px!important;height:36px!important} html body .W>.WBR2{display:none} html body .W h2{order:0!important;flex-basis:100%!important;margin:2px 0 0!important;text-align:left!important;font-size:20px!important;color:#252b34!important;min-width:0!important} html body .W>[data-P],html body .W>[data-N]{order:1!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}
html body .W>[data-VIEW],html body .W>[data-YEAR]{order:1!important;height:40px!important;font-size:14px!important;flex:1 1 auto!important;min-width:0!important} html body .W>[data-L]{order:1!important;height:40px!important;width:40px!important} html body .W>[data-Q]{order:1!important;width:40px!important;min-height:40px!important;padding:0!important;font-size:0!important;flex:0 0 40px!important} html body .W>[data-Q]::before{content:"🔔";font-size:18px}
html body .W>[data-A]{position:fixed!important;right:16px!important;bottom:calc(var(--pnp-tabbar) + var(--pnp-safe) + 16px)!important;z-index:1900!important;width:56px!important;height:56px!important;min-height:56px!important;padding:0!important;border-radius:50%!important;font-size:0!important;box-shadow:0 12px 28px rgba(81,69,184,.45)!important;order:99} html body .W>[data-A]::before{content:"+";font-size:30px;font-weight:900;line-height:1} html body .WHD{order:1!important;margin-left:auto!important;padding-right:0!important;flex-basis:auto!important} html body .WHD b.clk{min-height:36px!important;padding:2px 10px!important;font-size:17px!important;border-radius:10px!important}
html body .WHD b.clk small{font-size:11px!important} html body .WHD b.clk::before{width:6px!important;height:6px!important;margin-right:6px!important} html body .CSETP{width:min(92vw,320px)!important}
/* siatka: kompaktowa, kropki zamiast chipów (jak Google Calendar na telefonie) */
html body .W>.WBR{order:19!important} html body .G{height:auto!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;gap:3px!important;padding-top:4px!important;font-size:12px!important;flex-basis:100%!important} html body .G>b{padding:2px 0!important;font-size:11px!important} html body .D{min-height:48px!important;padding:4px 3px!important;border-radius:9px!important;overflow:hidden!important;text-align:center}
html body .D b{min-width:22px!important;height:22px!important;font-size:12px!important} html body .D>span.hol{display:none!important} html body .D>span{display:none!important} html body .D .E{display:inline-block!important;width:6px!important;height:6px!important;padding:0!important;margin:3px 1px 0!important;border:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;background:var(--cv)!important;vertical-align:top}
html body .D .E[hidden]{display:inline-block!important} html body .D .EM{display:none!important} html body .G.Y{grid-template-columns:1fr!important;overflow:visible!important} html body .G.Y .YD{min-height:36px!important}
html body .G.LST{overflow:visible!important} html body .LI{grid-template-columns:84px 1fr!important;padding:10px 12px!important} html body .W>[data-UPS]{display:none!important} html body .W>[data-UP]{order:22!important;flex-basis:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin-top:8px!important;padding:12px!important}
html body .UPD{padding:10px 12px!important} html body .UPI{min-height:36px!important}
/* okna (formularz, opcje) na całą szerokość */
html body .cm{padding:8px!important;align-items:end!important} html body .cf{width:100%!important;max-height:92dvh!important;padding:16px 14px calc(16px + var(--pnp-safe))!important;border-radius:20px 20px 0 0!important} html body .cf h3{font-size:22px!important;margin-bottom:12px!important} html body .cg{grid-template-columns:1fr!important;gap:8px!important}
html body .cg input,html body .cg select,html body .cg textarea{min-height:46px!important;font-size:16px!important} html body .crow{grid-template-columns:1fr 104px 40px!important} html body .ca{flex-wrap:wrap!important} html body .ca button{flex:1 1 auto!important;min-height:46px!important}
html body .om{width:100%!important;height:auto!important;max-height:94dvh!important;border-radius:20px!important;font-size:15px!important} html body .om nav{flex-direction:row!important;flex-wrap:wrap!important;padding:10px!important;gap:6px!important} html body .om nav button{min-height:42px!important;font-size:14px!important;padding:0 12px!important;flex:1 1 auto!important;text-align:center!important} html body .om nav button.os,html body .om nav button.oc{margin-top:0!important}
html body .om .op{padding:16px 14px!important} html body .om h3{font-size:22px!important} html body .om .o-opt{grid-template-columns:1fr!important} html body .om .o-row{flex-wrap:wrap!important}
html body .om .o-row input[readonly]{flex:1 1 100%!important}
}
/* tablet w poziomie / małe laptopy: dolny pasek nie jest potrzebny, ale siatka nadal kompaktowa */
@media(min-width:851px) and (max-width:1100px){
html body .W>[data-A]{min-height:42px!important}
}
@media(min-width:851px){.pnp-m-back{display:none!important}}
/* PISACZEK_RESPONSIVE_DESKTOP_V2 — mniejsze okna / powiększenie systemowe (851–1500px): pasek akcji edytora może się zawinąć bez nachodzenia na tytuł; lista bez poziomego przewijania; filtr „Zapisane” schowany (materiały są w Portalach). */
@media(min-width:851px){html body .editor{grid-template-rows:auto minmax(0,1fr) auto!important} html body .editortop{padding-top:10px!important;padding-bottom:10px!important;min-height:64px} html body .list{overflow-x:hidden!important} html body .listhead{flex-wrap:wrap!important;gap:10px!important} html body .listhead [data-new]{min-width:0!important;padding:0 16px!important;white-space:nowrap!important;height:auto!important;min-height:46px!important} html body [data-note-filter="saved"]{display:none!important}}
@media(min-width:851px) and (max-width:1500px){html body .shell{grid-template-columns:var(--edge-side-w,230px) var(--pnp-split,10px) minmax(300px,380px) var(--pnp-split,10px) minmax(0,1fr)!important} html body .listhead h1{font-size:30px!important} html body .edit{padding:24px 26px!important} html body .title{font-size:34px!important} html body .noteaction,html body .noteactions .primary{min-height:40px!important;padding:0 12px!important;font-size:14px!important}}
/* PNP_PISACZEK_NAV_ICONS_BY_TAB_V1 — ikony dolnego paska po atrybucie zakładki, nie po pozycji (po dodaniu „Pliki” ikony się przesunęły); PNP_PISACZEK_NAV_MID_WIDTH_V1 — 851–1050 px: górne zakładki widoczne (wcześniej brak nawigacji). */
@media(max-width:850px){html body .top .nav a[data-portal-open-v3]::before{content:"🗂️"} html body .top .nav a[href="/notatki.php"]::before{content:"📝"} html body .top .nav a[data-k]::before{content:"📅"} html body .top .nav a[data-files-open-v1]::before{content:"📁"} html body .top .nav a[data-webinar-open-v8]::before{content:"💬"} html body .top .nav a[data-plans-open-v1]::before{content:"💎"} html body .top .nav a[data-files-open-v1]{font-size:10px!important;letter-spacing:-.01em} html body .top .nav a[data-webinar-open-v8]{font-size:8.6px!important;letter-spacing:-.03em}}
@media(min-width:851px) and (max-width:1050px){html body .top .nav{display:flex!important;gap:0!important;min-width:0;overflow-x:auto;scrollbar-width:none} html body .top .nav::-webkit-scrollbar{display:none} html body .top .nav a{padding:7px 7px!important;font-size:13px!important;white-space:nowrap} html body .acct-hero .ah-txt small{display:none!important}}
@media(min-width:851px) and (max-width:960px){html body .top .brand>span:not(.mark){display:none!important}}
/* PNP_PISACZEK_CAL_FORM_MOBILE_FIT_V1 — formularz wydarzenia na telefonie mieści się w oknie (kolumna siatki miała 476 px i ucinała pola) */
@media(max-width:650px){html body [data-cm] .cg{grid-template-columns:minmax(0,1fr)!important} html body [data-cm] .cg>*{min-width:0!important;max-width:100%!important} html body [data-cm] .cg input,html body [data-cm] .cg select,html body [data-cm] .cg textarea,html body [data-cm] .cg button{max-width:100%!important;min-width:0!important;box-sizing:border-box} html body [data-cm] .cg small{white-space:normal!important}}
/* PNP_PISACZEK_NAV_MOBILE_5_TABS_V1 (16.10, runda 4 / seniorzy): dolny pasek = 5 zakładek (Notatki, Kalendarz, Pliki, Czat, Więcej) z napisami 12,5 px; reszta (Portal, Wyszukiwarka, Porozmawiajmy, Plany, Asystent) pod „Więcej” */
@media(max-width:850px){html body .top .nav a[data-portal-open-v3],html body .top .nav a[data-search-open-v1],html body .top .nav a[data-webinar-open-v8],html body .top .nav a[data-plans-open-v1],html body .top .nav a.pnp-nav-asst-v1{display:none!important} html body .top .nav a{font-size:12.5px!important;letter-spacing:0!important;gap:4px!important} html body .top .nav a[data-files-open-v1],html body .top .nav a[data-chat-open-v1]{font-size:12.5px!important} html body .top .nav a[data-chat-open-v1]::before{content:"💬"} html body .top .nav a.pnp-more-tab::before{content:"⋯"} html body .top .nav a.pnp-more-tab.on{color:#5145b8!important;background:#efedff!important}
html body .pnp-more-sheet{position:fixed;left:8px;right:8px;bottom:calc(var(--pnp-tabbar,64px) + var(--pnp-safe,0px) + 8px);z-index:2001;background:#fff;border:1px solid #e4e6eb;border-radius:18px;box-shadow:0 18px 50px rgba(31,41,55,.25);padding:10px;display:grid;gap:8px} html body .pnp-more-sheet[hidden]{display:none} html body .pnp-more-sheet button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;border:1px solid #e4e6eb;border-radius:14px;background:#fafbfd;color:#1b1a2e;font:700 18px system-ui,sans-serif;text-align:left;cursor:pointer} html body .pnp-more-sheet button span:first-child{font-size:22px;width:28px;text-align:center}}
@media(max-width:850px){html body .top .nav a[href="/notatki.php"],html body .top .nav a:nth-child(4){font-size:12.5px!important;letter-spacing:0!important} html body .top .nav a.pnp-more-tab{text-transform:capitalize}} /* PNP_PISACZEK_NAV_MOBILE_5_TABS_V1b: Notatki tez 12,5 px, Wiecej z duzej litery */