/* ===== v4.3 : التصميم الجديد (أزرق داكن + ذهبي) ===== */
.hb.sq{width:42px;height:42px;border-radius:15px}
.lgs{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#6372ff,#4d5dfb);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 4px 14px #4d5dfb55}
.ttl b{font-size:19px;font-weight:700}
.upl{display:flex;align-items:center;gap:8px;height:44px;padding:0 15px 0 5px;border-radius:22px;background:var(--c);border:1px solid var(--l);font-weight:600;font-size:14px;flex:none;max-width:38%}
.upl span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pgh{padding:14px 18px 4px}.pgh h2{font-size:32px;font-weight:700;line-height:1.35}.pgh p{color:var(--m);font-size:14px;margin-top:2px;line-height:1.7}
.sec{font-size:25px;font-weight:700;margin:20px 18px 2px}
.cd{border-radius:26px;padding:14px 16px}
.btn{border-radius:999px;padding:15px;font-weight:700;background:var(--o);box-shadow:0 10px 26px #4d5dfb40}
.btn.s,.btn.dn,.btn.gd{box-shadow:none}
.btn.sm{padding:9px 16px}
/* بطاقة المضيف */
.hero{position:relative;overflow:hidden;margin:14px 12px 10px;border-radius:34px;padding:20px 20px 18px;color:#fff;background:linear-gradient(145deg,#6372ff,#3b48e2);box-shadow:0 18px 40px #4d5dfb40}
.hero:before,.hero:after{content:"";position:absolute;border:1.5px solid #ffffff2e;border-radius:50%;pointer-events:none}
.hero:before{left:-110px;top:-110px;width:300px;height:300px}.hero:after{left:-50px;top:-50px;width:180px;height:180px}
.hero.g{background:linear-gradient(145deg,#5b6080,#353952);box-shadow:none}.hero.r{background:linear-gradient(145deg,#f2555c,#bf3a63);box-shadow:0 18px 40px #f2555c33}
.hh{display:flex;align-items:center;gap:14px;position:relative}.hh .av{border:3px solid #ffffff55}.hh small{display:block;font-size:15px;opacity:.88;margin-bottom:2px}.hh h3{font-size:36px;font-weight:700;line-height:1.25}
.hi{width:84px;height:84px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;flex:none}
.hl{margin-top:16px;font-size:17px;line-height:1.7;position:relative}.hl b{font-weight:700}
.pbr{display:flex;height:10px;border-radius:6px;background:#ffffff40;overflow:hidden;margin:14px 0 12px}.pbr i{display:block;height:100%}.pbr .y{background:#fff}.pbr .n{background:#f2555c}
.hc{font-size:16px;opacity:.92;position:relative}
.chs2{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;position:relative}
.ch{display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:999px;background:#ffffff2e;color:#fff;font-weight:600;font-size:15px}.ch.y{background:#fff;color:#3b48e2}.ch.n{background:#f2555c;color:#fff}
.hbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:17px;border-radius:999px;background:#ffffff33;color:#fff;font-weight:700;font-size:19px;position:relative}.hbtn:active{transform:scale(.98)}.hbtn.w{background:#fff;color:#3b48e2}
.hbs{display:flex;gap:10px}.hbs .hbtn{flex:1;font-size:16px;padding:15px}
/* الجدول القادم */
.sch{margin:12px;border-radius:30px;background:var(--c);border:1px solid var(--l);padding:14px 12px 8px;box-shadow:var(--sh)}.sch h3{font-size:25px;font-weight:700;margin:4px 8px 10px}
.sr{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:20px;border:1.5px solid transparent;cursor:pointer}.sr+.sr{border-top:1px solid var(--l);border-radius:0}.sr.now{background:#4d5dfb26;border:1.5px solid var(--o);border-radius:20px}.sr.now+.sr{border-top-color:transparent}
.sd2{width:64px;flex:none;line-height:1.4}.sd2 b{display:block;font-size:17px;font-weight:700}.sd2 small{color:var(--m);font-size:15px}.sr.now .sd2 b{color:var(--ox)}
.sn{flex:1;min-width:0;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg2{padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;background:var(--soft);color:var(--m);white-space:nowrap}.tg2.g{background:color-mix(in srgb,var(--y) 18%,transparent);color:var(--y)}
/* وسام الشهر + الأشخاص + السجل */
.md{display:flex;align-items:center;gap:12px;margin:14px 12px 10px;padding:14px 16px;border-radius:28px;background:var(--c);border:1px solid var(--l);color:var(--m);font-size:15px}
.pill{background:var(--soft);color:var(--m);border-radius:999px;padding:8px 16px;font-size:15px;white-space:nowrap}
.mw{display:flex;align-items:center;gap:8px;color:var(--t)}.mw b{font-size:17px}
.acc{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);margin:10px 12px;padding:17px 20px;border-radius:28px;background:var(--c);border:1px solid var(--l);font-weight:700;font-size:18px;color:var(--t)}.acc svg{color:var(--m)}
.grd{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:0 12px 6px}
.tl{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 4px 11px;border-radius:22px;background:var(--c);border:1px solid var(--l);font-size:14px;font-weight:600;min-width:0;color:var(--t)}.tl span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl.top{border:2px solid var(--y);padding:12px 3px 10px}.tl .cn{position:absolute;top:-8px;left:-5px;min-width:26px;height:26px;border-radius:13px;background:var(--rd);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;padding:0 6px;border:2px solid var(--bg)}
.ent{display:flex;align-items:flex-start;gap:12px;margin:10px 12px;padding:14px 16px;border-radius:26px;background:var(--c);border:1px solid var(--l)}
.ent .eb{flex:1;min-width:0}.ent .eh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ent .eh b{font-size:17px}.ent .eh small{color:var(--m);font-size:13px}
.ent p{margin-top:6px;font-size:18px;line-height:1.7;word-break:break-word}.ent .ea{display:flex;gap:6px;flex:none}
.fab{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 24px);margin:16px 12px 4px;height:56px;border-radius:999px;background:var(--o);color:#fff;font-weight:700;font-size:18px;box-shadow:0 12px 30px #4d5dfb66,0 0 0 7px color-mix(in srgb,var(--bg) 75%,transparent);z-index:4}.fab:active{transform:scale(.98)}
/* نافذة التسجيل */
.sh{border-radius:34px 34px 0 0}.sh h3.sht{font-size:32px;font-weight:700;margin:8px 0 6px}
.stp{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;margin:18px 0 12px}.stp i{width:34px;height:34px;border-radius:50%;border:2px solid var(--y);color:var(--y);display:grid;place-items:center;font-style:normal;font-size:16px;flex:none}
.chl{display:flex;flex-wrap:wrap;gap:9px}
.chp{display:inline-flex;align-items:center;gap:9px;padding:5px 5px 5px 17px;border-radius:999px;background:var(--soft);border:2px solid transparent;font-size:17px;font-weight:500;color:var(--t)}.chp.on{border-color:var(--y);background:color-mix(in srgb,var(--y) 16%,var(--soft))}
.sh textarea.f{min-height:92px;border-radius:22px;font-size:18px;resize:none;background:var(--soft);border-color:transparent}
.g2b{display:flex;gap:12px;margin-top:20px}.g2b .btn{margin-top:0;flex:1}.g2b .btn.s{flex:.8}
/* الدخول والتنقل */
.lc .lgo{border-radius:30px;width:96px;height:96px;box-shadow:0 14px 36px #4d5dfb44}
.lg input{border-radius:22px;background:var(--soft);border-color:transparent}
.lt{background:var(--c)}
nav{background:var(--bar)}nav a.on span.ni{background:color-mix(in srgb,var(--o) 24%,transparent)}
.pn{background:linear-gradient(145deg,#6372ff,#3b48e2);box-shadow:0 12px 30px #4d5dfb40}
.pn .pi{color:#fff}.tc{border-radius:22px}.ic{border-radius:18px}
.b{border-radius:20px 20px 20px 6px}.me .b{border-radius:20px 20px 6px 20px}
.dev b{color:var(--y)}
.row{border-radius:18px}.dy{border-radius:14px}
