/* NOCLO panel v4: ekran ladowania, pasek okresu testowego, kalendarz w ukladzie mobile-calendar */
.splash{position:fixed;inset:0;z-index:5000;background:#0F1526;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s}
.splash.off{opacity:0;visibility:hidden}
.splash .tile{width:76px;height:76px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px rgba(0,0,0,.4);animation:splashIn .5s cubic-bezier(.2,.9,.3,1.2)}
.splash .tile svg{width:44px;height:44px}
.splash .dots{display:flex;gap:10px}
.splash .dots i{width:12px;height:12px;border-radius:50%;background:var(--p);animation:bounce 1s infinite ease-in-out both}
.splash .dots i:nth-child(1){animation-delay:-.32s}.splash .dots i:nth-child(2){animation-delay:-.16s}
@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
@keyframes splashIn{from{transform:scale(.7);opacity:0}}
.trial{display:flex;align-items:center;gap:.6rem;margin:.9rem 1.2rem 0;padding:.55rem .9rem;background:#EEF2FF;border:1px solid #C7D2FE;color:#3730A3;border-radius:8px;font-size:12.5px}
.trial .ms{font-size:18px}
.trial span{flex:1}
.trial .btn.sm{padding:.3rem .6rem;font-size:11.5px}
.trial .x{color:#6366F1;display:inline-flex}
.calbar.mc{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.calbar.mc .seg{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--l2);border-radius:8px;padding:3px}
.calbar.mc .seg button{height:28px;min-width:28px;padding:0 .55rem;border-radius:6px;font-size:12px;font-weight:600;color:var(--t2);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.calbar.mc .seg button:hover{background:var(--bg)}
.calbar.mc .seg button.on,.calbar.mc .seg .today{background:var(--p);color:#fff}
.calbar.mc .seg .ar{padding:0;width:28px}
.calbar.mc .seg .ar .ms{font-size:18px}
.calbar.mc .seg.year b{padding:0 .5rem;font-size:12.5px}
.calbar.mc .sp{flex:1}
.calbar.mc .ib{width:34px;height:34px;border:1px solid var(--l2);border-radius:8px;background:#fff;color:var(--t2);display:inline-flex;align-items:center;justify-content:center}
.calbar.mc .ib.on{color:var(--p);border-color:var(--p)}
.calbar.mc .addwrap{position:relative}
.calbar.mc .add{width:36px;height:36px;border-radius:50%;background:var(--p);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(216,111,69,.35);transition:transform .15s}
.calbar.mc .add:hover{transform:scale(1.08)}
.calmenu{position:absolute;right:0;top:44px;background:#fff;border:1px solid var(--l);border-radius:10px;box-shadow:0 16px 40px rgba(27,31,35,.18);width:290px;z-index:50;padding:.4rem;display:flex;flex-direction:column;animation:splashIn .2s ease}
.calmenu button{display:flex;gap:.7rem;align-items:center;text-align:left;padding:.55rem .7rem;border-radius:8px;width:100%}
.calmenu button:hover{background:var(--bg)}
.calmenu .ms{color:var(--p)}
.calmenu b{display:block;font-size:13px}
.calmenu small{color:var(--m);font-size:11.5px}
.cal.mc .g{grid-template-columns:var(--lw,200px) repeat(var(--d),var(--cw,48px))}
.cal.mc .h{padding:.3rem 0 .25rem;font-size:10.5px;text-transform:none;font-weight:500;color:var(--m);line-height:1.15;border-right:1px solid var(--l)}
.cal.mc .h small{display:block;font-size:10.5px}
.cal.mc .h b{font-size:13.5px;font-weight:600}
.cal.mc .h i{display:block;font-style:normal;font-size:9.5px;color:var(--p);font-weight:700}
.cal.mc .h.first{background:#1B2430;color:#fff;padding:.35rem .8rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;border-right:1px solid #2A3441}
.cal.mc .h.first b{color:#fff;font-size:13px}
.cal.mc .h.first small{color:rgba(255,255,255,.6)}
.cal.mc .h.we{background:#F1F3F5}
.cal.mc .h.td{color:var(--p)}
.cal.mc .h.td b{color:#fff;background:var(--p);border-radius:6px;display:inline-block;min-width:22px;line-height:20px}
.cal.mc .h.m1,.cal.mc .c.m1{border-left:2px solid #C9CED4}
.cal.mc .rm{background:#1B2430;color:#fff;border-right:1px solid #2A3441;border-bottom:1px solid #2A3441;min-height:40px;padding:.25rem .8rem;gap:0}
.cal.mc .rm b{font-size:12.5px;color:#fff}
.cal.mc .rm small{color:rgba(255,255,255,.65);font-size:10.5px}
.cal.mc .rm small .ms{font-size:12px}
.cal.mc .c{min-height:40px}
.cal.mc .c.we{background:#F6F7F8}
.cal.mc .c.td{background:#FFF6F1;box-shadow:inset 2px 0 0 var(--p)}
.cal.mc .c:hover{background:#FBEFE8}
.cal.mc .b{top:7px;height:26px;border-radius:7px;clip-path:none;font-size:11.5px;padding:0 10px;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .15s,box-shadow .15s}
.cal.mc .b:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.2)}
.cal.mc .b .src{display:inline-flex;width:14px;height:14px;border-radius:3px;background:#fff;color:#003580;font-size:9px;font-weight:800;align-items:center;justify-content:center;margin-right:5px;flex:none}
.cal.mc .b .src.a{color:#FF5A5F}
.cal.mc .b.fresh{animation:barIn .6s cubic-bezier(.2,.9,.3,1.3)}
@keyframes barIn{from{transform:scaleX(.2);opacity:0}}
.cal.mc .empty{padding:1.5rem;color:var(--m);font-size:13px;text-align:center}
.cal.mc .sum{min-height:34px}
.top .ib.rocket{color:var(--p)}
@media (prefers-reduced-motion:reduce){.splash .tile,.splash .dots i,.calmenu,.cal.mc .b.fresh{animation:none}}

/* sidebar: wygaszony granat jak w identyfikacji, sekcje jak w mobile-calendar */
.side{background:var(--navy,#131A2C);border-right:1px solid #1E2740;color:#C9D0DC}
.side .logo{border-bottom:1px solid #1E2740}
.side .logo .tg{color:#8A94A8}
.side .who{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1.3rem 1rem .5rem;text-align:center}
.side .who .av2{width:64px;height:64px;border-radius:50%;background:#C9D0DC;color:#131A2C;font-size:26px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.side .who span:last-child{font-size:10.5px;color:#9AA3B8;letter-spacing:.05em;text-transform:uppercase;word-break:break-all;line-height:1.3}
.side .nsec{padding:1.1rem 1.2rem .35rem}
.side .nsec b{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#F6A26B}
.side .nsec small{display:block;font-size:10.5px;color:#7C869B;margin-top:.1rem}
.side .gh,.side .single{color:#C9D0DC}
.side .gh .ms,.side .single .ms{color:#9AA3B8}
.side .gh:hover,.side .single:hover{background:rgba(255,255,255,.05);color:#fff}
.side .gh.on,.side .single.on{background:rgba(255,255,255,.08);color:#fff}
.side .gh.on .ms,.side .single.on .ms{color:var(--p)}
.side .chev{color:#7C869B}
.side .sub button{color:#9AA3B8}
.side .sub button:hover{color:#fff;background:rgba(255,255,255,.04)}
.side .sub button.on{color:#fff;background:rgba(255,255,255,.08)}
.side .single .t{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.side .single .small{font-size:10.5px;color:#7C869B;font-weight:500}
.side .badge2{margin-left:auto;background:var(--p);color:#fff;font-size:9.5px;font-weight:800;padding:.2rem .5rem;border-radius:999px;letter-spacing:.06em}
.side .ver{color:#5F6A80;border-top:1px solid #1E2740}
#app.mini .side .who,#app.mini .side .nsec,#app.mini .side .badge2,#app.mini .side .small{display:none}
.splash{background:var(--dark,#0B1020)}