/* NOCLO panel: strony logowania */
:root{--p:#D86F45;--p-d:#B85A34;--p-s:#FBEFE9;--ink:#0F1526;--ink2:#3F4650;--mute:#6B7280;--line:#E6E8EB;--bg:#F7F6F3;--ok:#1E8E5A;--bad:#C43D3D}
*{box-sizing:border-box}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--p);text-decoration:none}a:hover{text-decoration:underline}
.top{display:flex;align-items:center;justify-content:space-between;padding:18px 28px}
.logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.12em;color:var(--ink);text-decoration:none}
.logo svg{width:30px;height:30px}
.top a.back{font-size:.9rem;color:var(--mute)}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(20,24,29,.08);width:100%;max-width:440px;padding:32px}
.card.wide{max-width:1040px}
h1{font-size:1.5rem;margin:0 0 .3rem;letter-spacing:-.02em}
.sub{color:var(--mute);margin:0 0 1.4rem;font-size:.95rem}
label{display:block;font-size:.85rem;font-weight:700;margin:.9rem 0 .35rem}
input,select{width:100%;padding:.8rem .9rem;border:1px solid #D3D7DC;border-radius:10px;font:inherit;font-size:.95rem;color:var(--ink);background:#fff}
input:focus,select:focus{outline:2px solid var(--p);outline-offset:1px;border-color:var(--p)}
input.bad{border-color:var(--bad)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;font-weight:400;margin-top:1rem;color:var(--ink2)}
.chk input{width:auto;margin-top:.2rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.9rem 1.2rem;border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;cursor:pointer;color:var(--ink);text-decoration:none}
.btn.p{background:var(--p);border-color:var(--p);color:#fff}.btn.p:hover{background:var(--p-d)}
.btn.w{width:100%;margin-top:1.3rem}
.btn.sm{padding:.5rem .8rem;font-size:.82rem}
.btn:disabled{opacity:.6;cursor:wait}
.err{background:#FDECEC;color:var(--bad);border:1px solid #F5C2C2;border-radius:10px;padding:.7rem .9rem;font-size:.9rem;margin-top:1rem}
.okmsg{background:#E6F4EC;color:var(--ok);border:1px solid #BFE3CD;border-radius:10px;padding:.7rem .9rem;font-size:.9rem;margin-top:1rem}
.links{display:flex;justify-content:space-between;gap:1rem;margin-top:1.2rem;font-size:.88rem;flex-wrap:wrap}
.or{display:flex;align-items:center;gap:.8rem;color:var(--mute);font-size:.8rem;margin:1.2rem 0 .4rem}
.or::before,.or::after{content:"";flex:1;border-top:1px solid var(--line)}
.demo{background:var(--bg);border-radius:12px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.4rem;font-size:.88rem}
.pwbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:4px;align-items:center;margin-top:.4rem}
.pwbar i{height:5px;border-radius:3px;background:#E6E8EB}
.pwbar small{color:var(--mute);font-size:.75rem;margin-left:.4rem;white-space:nowrap}
.pwbar[data-s="1"] i:nth-child(-n+1){background:var(--bad)}
.pwbar[data-s="2"] i:nth-child(-n+2){background:#E0A43A}
.pwbar[data-s="3"] i:nth-child(-n+3){background:#7BB661}
.pwbar[data-s="4"] i:nth-child(-n+4){background:var(--ok)}
.foot{text-align:center;color:var(--mute);font-size:.78rem;padding:16px}
.sec{display:flex;gap:.5rem;align-items:center;color:var(--mute);font-size:.78rem;margin-top:1.2rem}
.sec .ms{font-size:16px;color:var(--ok)}
.ms{font-family:"Material Symbols Rounded";font-weight:normal;font-style:normal;font-size:20px;line-height:1;display:inline-block;vertical-align:middle}
/* administracja kont */
table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:1rem}
th,td{text-align:left;padding:.65rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.tag{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--bg);color:var(--ink2)}
.tag.active{background:#E6F4EC;color:var(--ok)}.tag.invited{background:#FFF4E0;color:#9A6200}.tag.disabled{background:#FDECEC;color:var(--bad)}.tag.admin{background:var(--p-s);color:var(--p-d)}
.acts{display:flex;gap:.3rem;flex-wrap:wrap}
.linkbox{margin-top:.8rem;background:var(--bg);border:1px dashed #D3D7DC;border-radius:10px;padding:.7rem .9rem;font-size:.82rem;word-break:break-all}
.linkbox b{display:block;margin-bottom:.3rem}
.grid2{display:grid;grid-template-columns:340px 1fr;gap:2rem;align-items:start}
@media (max-width:860px){.grid2{grid-template-columns:1fr}.row{grid-template-columns:1fr}.card{padding:22px}}

.logo .lg{width:132px;height:25px}
.top .logo{gap:0}