/* FORMA v7 — hesap/senkron katmanı; v6 tasarımını değiştirmez. */
body.auth-loading .app{visibility:hidden}
.account-gate{position:fixed;inset:0;z-index:5000;background:radial-gradient(ellipse at 70% 20%,#21372a 0%,#0b0f14 50%);display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}
.account-gate[hidden]{display:none!important}
.account-card{background:#141d25;border:1px solid #3a493e;border-radius:26px;box-shadow:0 30px 95px #0009;width:min(450px,100%);padding:clamp(22px,5vw,38px);color:#f3f6f3}
.account-brand{font-size:30px;font-weight:900;letter-spacing:-1.2px}.account-brand span{color:#c9f478}
.account-eyebrow{font-size:10px;font-weight:850;color:#c9f478;letter-spacing:1.8px;margin:24px 0 9px}
.account-card h2{font-size:29px;letter-spacing:-1px;margin:0 0 9px}.account-card p{font-size:13px;line-height:1.7;color:#a9b6ba;margin:0 0 18px}
.account-card label{display:block;font-size:11px;color:#bcc8c8;font-weight:700;margin:14px 0 7px}
.account-card input{border:1px solid #37453f;color:white;background:#202b30;border-radius:12px;width:100%;height:48px;padding:12px 13px;outline:none}
.account-card input:focus-visible{border-color:#c9f478}
.account-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;border:0;background:#c9f478;color:#1b2815;border-radius:12px;font-weight:850;margin-top:20px;font-size:13px}
.account-btn.alt{background:#26332e;border:1px solid #455649;color:#c9f478;margin-top:9px}
.account-btn.warn{background:#3a2928;border:1px solid #965955;color:#ffd3c7}
.account-btn:disabled{opacity:.45}.account-error{margin-top:13px;color:#ffa8a5;min-height:18px;font-size:12px;line-height:1.5}.account-muted{font-size:11px!important;margin:13px 0 0!important}
.account-badge{border-radius:10px;background:#213026;border:1px solid #3b5540;padding:12px 13px;font-size:12px;color:#d7eec5;line-height:1.6;margin-bottom:8px}
.account-choice-row{display:grid;gap:9px}.account-spinner{height:30px;width:30px;border-radius:50%;border:3px solid #44554c;border-top-color:#c9f478;animation:forma-spin 1s linear infinite;margin:15px 0}@keyframes forma-spin{to{transform:rotate(360deg)}}
#formaCloudButton{position:fixed;right:17px;bottom:16px;z-index:90;background:#182620;border:1px solid #405f43;color:#cceaa8;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:750;box-shadow:0 8px 30px #0005;max-width:min(310px,calc(100vw - 26px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#formaCloudButton[hidden],#formaAccountMenu[hidden]{display:none!important}
#formaAccountMenu{position:fixed;right:16px;bottom:65px;z-index:91;background:#182128;color:white;width:min(360px,calc(100vw - 30px));padding:18px;border:1px solid #465346;border-radius:17px;box-shadow:0 28px 70px #000a}
#formaAccountMenu strong{display:block;font-size:14px;margin-bottom:4px}
#formaAccountMenu p{font-size:11px;line-height:1.5;color:#a9b8b8;margin:5px 0 12px;overflow-wrap:anywhere}
#formaAccountMenu button{font:inherit;font-size:12px;font-weight:750;padding:10px 12px;border:1px solid #43504d;background:#26312f;color:#e5f2da;border-radius:10px;margin:4px 4px 4px 0}
#formaAccountMenu .danger{color:#ffc3bb;border-color:#664545}
#formaAccountMenu .smallprint{font-size:10px;color:#91a19b;margin-top:12px}
/* v8 · Sessiz senkron göstergesi: sorun yokken küçük, yarı saydam ☁; uyarıda yazılı ve turuncu. */
#formaCloudButton.is-compact{width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:16px;opacity:.55;transition:opacity .2s}
#formaCloudButton.is-compact:hover,#formaCloudButton.is-compact:focus-visible{opacity:1}
#formaCloudButton.is-saving{animation:forma-pulse 1.2s ease-in-out infinite}@keyframes forma-pulse{50%{opacity:1}}
#formaCloudButton.is-warning{background:#2c2316;border-color:#8a6a35;color:#ffd99a;opacity:1}
/* v8 · Profil formundaki haftalık plan seçicileri (mevcut cp-field görünümünü kullanır). */
.cp-week{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.cp-week-day{display:flex;flex-direction:column;gap:5px;min-width:0}
.cp-field .cp-week-day span{font-size:10px;font-weight:750;color:#8a9da5;letter-spacing:.4px}
@media(max-width:850px){#formaCloudButton{bottom:calc(75px + env(safe-area-inset-bottom));right:8px;max-width:150px;padding:8px 10px}#formaCloudButton.is-compact{width:32px;height:32px;padding:0;font-size:14px}#formaAccountMenu{bottom:calc(117px + env(safe-area-inset-bottom))}}
