#identity-panel{box-sizing:border-box;padding:18px;margin:16px 0;border:1px solid #5e9c7c;border-radius:12px;background:#103f2e;color:#fff;font:15px Arial,sans-serif;direction:rtl}#identity-panel[hidden],#identity-panel [hidden]{display:none}#identity-panel h2{display:block;font-size:20px;margin:0 0 12px}#identity-panel p{font-size:13px;line-height:1.6}#identity-panel label{display:block;margin:10px 0}#identity-panel input{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #a4c6b4;border-radius:7px;background:#fff;color:#123c2d;font:inherit;margin-top:5px}#identity-panel input[type=email]{direction:ltr}#identity-panel button{display:block;width:100%;padding:11px;margin:8px 0;border:1px solid #75bb91;border-radius:7px;background:#087e4a;color:#fff;font:inherit;cursor:pointer}#identity-panel a{color:#c9f6d4}#identity-delete{background:#703a35!important}
/* ===== Dedicated auth screen + side drawer ===== */
body.auth-open{overflow:hidden}
#auth-screen{position:fixed;inset:0;z-index:1200;background:#f7f4eb;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px 140px}
#auth-screen[hidden]{display:none}
#auth-screen .auth-card{box-sizing:border-box;width:100%;max-width:420px;margin:auto;background:#fff;border:1px solid #e3e9e3;border-radius:16px;padding:28px 22px 20px;box-shadow:0 12px 40px rgba(16,63,46,.12)}
#auth-screen .auth-brand{text-align:center;margin-bottom:18px}
#auth-screen .auth-logo{width:200px;max-width:70%;height:auto}
#auth-screen .auth-tag{margin:6px 0 0;font:14px Arial,sans-serif;color:#4c6b5c}
#auth-screen #identity-panel{padding:0;margin:0;border:none;background:transparent;color:#123c2d}
#auth-screen #identity-panel h2{font-size:19px;margin:0 0 10px}
#auth-screen #identity-panel p{color:#4c6b5c}
#auth-screen #identity-panel input{background:#f9faf9;border:1px solid #cdd9d1}
#auth-screen #identity-panel button{margin:10px 0}
#auth-screen #identity-panel .google-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;border-radius:8px;padding:11px;font-weight:600}
#auth-screen #identity-panel .google-btn:hover{background:#f7f8f7}
#auth-screen #identity-panel .google-btn .g-logo{flex:none}
#auth-screen #identity-panel #identity-guest{background:#eef4ef;color:#123c2d;border:1px solid #cdd9d1}
#auth-screen #identity-panel .auth-primary,#auth-screen #identity-panel button[type=submit]{background:#087e4a;color:#fff;border:1px solid #087e4a}
#auth-screen #identity-panel .auth-links{display:flex;justify-content:center;gap:18px;margin:6px 0 0}
#auth-screen #identity-panel .auth-links button{display:inline;width:auto;background:none;border:none;color:#087e4a;text-decoration:underline;padding:4px 2px;margin:0;font-size:13px}
#auth-screen .auth-demo{display:block;margin:16px auto 0;background:none;border:none;color:#4c6b5c;font:13px Arial,sans-serif;text-decoration:underline;cursor:pointer}
#auth-screen #identity-panel #identity-delete{background:#703a35!important;color:#fff}
.drawer-backdrop{position:fixed;inset:0;z-index:1290;background:rgba(6,18,12,.45)}
.drawer-backdrop[hidden]{display:none}
.drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:1300;width:min(300px,84vw);background:var(--surface);box-shadow:0 0 32px rgba(6,18,12,.3);overflow-y:auto;padding:14px 0 24px;font:15px Arial,sans-serif}
.drawer[hidden]{display:none}
.drawer-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 12px 18px;border-bottom:1px solid var(--line);color:var(--ink)}
.drawer-head-side{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0}
.drawer-langs{display:flex;gap:4px}
.drawer-langs button{display:flex;align-items:center;gap:4px;width:auto;padding:3px 7px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);font-size:11px;color:var(--ink);cursor:pointer;white-space:nowrap}
.drawer-langs button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.drawer-head strong{font-size:16px;white-space:nowrap;flex-basis:100%}
.drawer-head>button,.drawer-head-side>button{background:none;border:none;font-size:26px;line-height:1;color:var(--ink-2);cursor:pointer;padding:2px 6px;flex:none}
.drawer-list{list-style:none;margin:8px 0 0;padding:0}
.drawer-list li{margin:0}
.drawer-list button,.drawer-list a{display:block;box-sizing:border-box;width:100%;text-align:start;padding:13px 18px;background:none;border:none;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}
.drawer-list button:hover,.drawer-list a:hover{background:var(--surface-2)}
.drawer-lang{display:flex;align-items:center;justify-content:space-between;padding:13px 18px}
.drawer-lang .drawer-lang-label{color:var(--ink)}
.drawer-lang-opts{display:flex;gap:6px}
.drawer-lang-opts button{width:auto;padding:6px 12px;border:1px solid var(--line-2);border-radius:999px;font-size:13px;color:var(--ink)}
.drawer-lang-opts button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

#auth-screen #identity-panel a{color:#065f38;font-weight:600;text-decoration:underline}
#auth-screen .auth-legal a{margin-inline-start:4px}

.pw-meter{margin:2px 0 6px}
.pw-meter-track{position:relative;height:30px;margin:0 0 4px}
.pw-meter-track::before{content:"";position:absolute;inset-inline:0;top:13px;height:5px;border-radius:999px;background:#e3e9e3}
.pw-meter-fill{position:absolute;inset-inline-start:0;top:13px;height:5px;border-radius:999px;background:#087e4a;transition:width .2s}
.pw-meter-runner{position:absolute;top:1px;width:28px;height:28px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#087e4a;box-shadow:0 1px 4px #103f2e30;display:grid;place-items:center;transition:inset-inline-start .2s;color:#fff;line-height:0}
.pw-meter-runner svg{width:19px;height:19px;display:block}
[dir="rtl"] .pw-meter-runner svg{transform:scaleX(-1)}
.pw-meter-label{font:600 12px Arial,sans-serif;color:#123c2d;margin:0}
.pw-meter-cue{font:12px Arial,sans-serif;color:#4c6b5c;margin:2px 0 0}
.pw-meter-label:empty,.pw-meter-cue:empty{display:none}
#auth-screen #identity-panel .pw-meter p{margin:2px 0 0;line-height:1.35}
@media(prefers-reduced-motion:reduce){.pw-meter-runner,.pw-meter-fill{transition:none}}
#auth-screen #identity-panel select{width:100%;box-sizing:border-box;background:#f9faf9;border:1px solid #cdd9d1;padding:10px;border-radius:8px;font:inherit}

#auth-screen .level-desc{font:13px Arial,sans-serif;color:#4c6b5c;margin:2px 0 8px;min-height:16px}
#auth-screen input,#auth-screen select,#auth-screen button,#auth-screen .pw-meter,#auth-screen .level-desc{scroll-margin-bottom:180px}

/* ===== בדיקת עיצוב: מסך ההרשמה — מרווחים אחידים ויישור ===== */
#auth-screen #identity-panel label{margin:12px 0 0}
#auth-screen #identity-panel input{margin-top:6px}
#auth-screen #identity-panel select{display:block;margin-top:6px;padding:11px;border-radius:7px}
#auth-screen #identity-panel button{margin:12px 0 0}
#auth-screen #identity-panel .auth-links{margin:8px 0 0}
#auth-screen .level-desc{margin:6px 0 0;min-height:0}
#auth-screen .level-desc:empty{display:none}
#auth-screen .pw-meter{margin:8px 0 0}

#auth-screen .remember-me{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:15px;cursor:pointer}
#auth-screen .remember-me input{width:20px;height:20px;margin:0;padding:0;accent-color:#10935c;color-scheme:light;appearance:auto;-webkit-appearance:checkbox;background:#fff}