/* Imara Flow compact dashboard + modal polish - 2026-06-05 */
:root{--imara-navy:#020F2A;--imara-blue:#075cff;--imara-gold:#D7A642;--imara-line:#e6ecf5;--imara-muted:#64748b;--imara-bg:#f6f8fc}
body{background:var(--imara-bg)}
.dashMain{background:linear-gradient(180deg,#f8fbff 0,#f6f8fc 280px,#f7f9fc 100%)}
.dashTopbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--imara-line)}
.sideNavMore{margin-top:auto;border-top:1px solid rgba(148,163,184,.22);padding-top:12px}.sideSectionTitle{margin-top:18px}
.topActions{position:relative}.notifyWrap{position:relative;display:inline-flex}.notifyBtn{position:relative}.notifyDot{position:absolute;right:8px;top:6px;min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #fff;font-weight:900}.notifyPanel{display:none;position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid var(--imara-line);border-radius:24px;box-shadow:0 30px 90px rgba(2,15,42,.16);padding:10px;z-index:200}.notifyPanel.open{display:block}.notifyHead{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eef2f7}.notifyHead b{color:var(--imara-navy)}.notifyList{max-height:360px;overflow:auto}.notifyItem{display:block;text-decoration:none;color:var(--imara-navy);padding:12px;border-radius:16px;border:1px solid transparent}.notifyItem:hover{background:#f8fafc;border-color:#e9eef6}.notifyItem strong{display:block;font-size:14px}.notifyItem span{display:block;color:var(--imara-muted);font-size:12px;line-height:1.45;margin-top:4px}.notifyEmpty{padding:18px;color:var(--imara-muted);font-size:14px}.notifyFoot{border-top:1px solid #eef2f7;padding:10px 12px}.notifyFoot a{font-weight:900;color:var(--imara-blue);text-decoration:none}
.moduleHero,.appHero{border:1px solid var(--imara-line);background:linear-gradient(135deg,#fff 0,#f9fbff 100%);border-radius:28px;padding:24px;margin-bottom:18px;box-shadow:0 18px 50px rgba(2,15,42,.05)}
.moduleHero h2,.appHero h2{letter-spacing:-.045em;color:var(--imara-navy);font-size:clamp(28px,4vw,46px);line-height:1.02;margin:8px 0 10px}.moduleHero p,.appHero p{max-width:760px;color:#475569;line-height:1.65}.moduleActions,.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.primaryBtn,.darkBtn,.btn.primary{background:var(--imara-blue);color:#fff;border:0;border-radius:15px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 16px 35px rgba(7,92,255,.2)}.darkBtn{background:var(--imara-navy)}.lightBtn,.ghostBtn,.btn.ghost{background:#fff;color:var(--imara-navy);border:1px solid var(--imara-line);border-radius:15px;padding:11px 15px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.primaryBtn small,.darkBtn small,.lightBtn small{display:none!important}
.statsGrid,.dailyQuestionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.statsGrid article,.dailyCard{background:#fff;border:1px solid var(--imara-line);border-radius:22px;padding:18px;box-shadow:0 14px 40px rgba(2,15,42,.045)}.statsGrid article b,.dailyCard strong{display:block;font-size:26px;color:var(--imara-navy);letter-spacing:-.04em}.statsGrid article p,.dailyCard small,.dailyCard span{color:var(--imara-muted);font-size:13px;margin:4px 0 0}.statsGrid .material-symbols-outlined{color:var(--imara-blue)}
.moduleLayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:16px;margin-bottom:18px;align-items:start}.modulePanel{background:#fff;border:1px solid var(--imara-line);border-radius:24px;padding:18px;box-shadow:0 12px 40px rgba(2,15,42,.045)}.modulePanel h3{margin-top:0;color:var(--imara-navy);letter-spacing:-.02em}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.muted{color:var(--imara-muted);line-height:1.55}.tableWrap{width:100%;overflow:auto}.dataTable{width:100%;border-collapse:separate;border-spacing:0 8px}.dataTable th{text-align:left;font-size:12px;color:var(--imara-muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:6px 10px}.dataTable td{background:#f9fbff;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;padding:12px 10px}.dataTable td:first-child{border-left:1px solid #edf2f8;border-radius:14px 0 0 14px}.dataTable td:last-child{border-right:1px solid #edf2f8;border-radius:0 14px 14px 0}.statusPill{border-radius:999px;background:#eef4ff;color:#075cff;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap}.statusPill.isLive{background:#ecfdf5;color:#047857}.statusPill.warn{background:#fff7ed;color:#c2410c}
.formGrid,.simpleFormGrid{display:grid;gap:13px}.formGrid.two,.simpleFormGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field label,.premiumField span{display:block;font-weight:850;color:var(--imara-navy);font-size:13px;margin-bottom:6px}.field input,.field select,.field textarea,.premiumField input{width:100%;box-sizing:border-box;border:1px solid #dbe5f0;background:#fff;border-radius:14px;padding:12px 13px;font:inherit;outline:0}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.premiumField input:focus{border-color:var(--imara-blue);box-shadow:0 0 0 4px rgba(7,92,255,.10)}.settingsItem{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #eef2f7;border-radius:18px;padding:13px;background:#fbfdff}.settingsItem span{display:block;color:var(--imara-muted);font-size:12px;line-height:1.4;margin-top:3px}.settingsList{display:grid;gap:10px}.rowActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rowActions form{margin:0}
.imaraModalOverlay,.modalOverlay{position:fixed;inset:0;background:rgba(2,15,42,.62);display:none;align-items:center;justify-content:center;padding:18px;z-index:1000}.imaraModalOverlay.isOpen,.modalOverlay.isOpen{display:flex}.imaraModalCard,.modalCard{width:min(860px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--imara-line);border-radius:28px;padding:22px;box-shadow:0 35px 100px rgba(2,15,42,.3)}.imaraModalClose,.modalClose{float:right;border:0;background:#f1f5f9;width:40px;height:40px;border-radius:14px;font-size:25px;cursor:pointer}.modalCard h3,.imaraModalCard h3{font-size:24px;color:var(--imara-navy);letter-spacing:-.03em}
.compactActions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.compactActions button,.compactActions a{border-radius:15px}.walletLockBanner{border:1px solid #fed7aa;background:#fff7ed;border-radius:22px;padding:15px;display:flex;gap:12px;margin-bottom:16px}.walletLockBanner .material-symbols-outlined{color:#c2410c}.moneyActionGrid{display:grid;gap:12px}.authLoginShell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.75fr);gap:24px}.loginFormPanel{order:2}.loginVisualPanel{order:1}.authGoogleBtn{width:100%;border:1px solid var(--imara-line);background:#fff;border-radius:16px;padding:13px 14px;font-weight:900;color:var(--imara-navy);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;margin-bottom:12px}.authGoogleBtn::before{content:'G';font-weight:900;color:#4285F4}.orDivider{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:12px 0}.orDivider::before,.orDivider::after{content:'';height:1px;background:#e5e7eb;flex:1}.codeCountdown{color:var(--imara-muted);font-size:13px;margin-top:8px;text-align:center}.codeResendCard button[disabled],button[disabled]{opacity:.55;cursor:not-allowed}.setupGrid{align-items:start}.setupForm,.setupPanel{border-radius:28px}.setupProgress{display:grid;gap:8px}.progressItem{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:10px}.progressItem.active{background:#fff;color:var(--imara-navy)}
.assuranceTabs{display:flex;gap:8px;overflow:auto;position:sticky;top:80px;background:#fff;border:1px solid var(--imara-line);border-radius:18px;padding:8px;margin-bottom:16px;z-index:40}.assuranceTabs a{padding:10px 13px;border-radius:12px;color:var(--imara-navy);font-weight:850;text-decoration:none;white-space:nowrap}.assuranceTabs a:hover,.assuranceTabs a.active{background:#eef4ff;color:var(--imara-blue)}.signatureBox{border:1px dashed #b8c4d6;border-radius:18px;background:#fbfdff;padding:12px}.signaturePad{width:100%;height:160px;border-radius:14px;background:#fff;border:1px solid #dbe5f0;touch-action:none}.feeBreakdown{background:#f9fbff;border:1px solid #e6ecf5;border-radius:18px;padding:14px;display:grid;gap:8px}.feeBreakdown div{display:flex;justify-content:space-between;gap:12px}.feeBreakdown strong{color:var(--imara-navy)}
@media (max-width:1000px){.moduleLayout{grid-template-columns:1fr}.statsGrid,.dailyQuestionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.authLoginShell{grid-template-columns:1fr}.loginFormPanel{order:1}.loginVisualPanel{order:2}.formGrid.two,.simpleFormGrid.two{grid-template-columns:1fr}.dashTopbar{top:0}.topActions .ghostBtn span+span{display:none}}
@media (max-width:680px){.statsGrid,.dailyQuestionGrid{grid-template-columns:1fr}.moduleHero,.appHero{padding:18px;border-radius:22px}.moduleHero h2,.appHero h2{font-size:31px}.dataTable{font-size:13px}.dataTable th:nth-child(n+4),.dataTable td:nth-child(n+4){display:none}.notifyPanel{position:fixed;left:12px;right:12px;top:74px;width:auto}.sideTrial a[href*="pricing"],.mobileBottomNav a[href*="pricing"]{background:var(--imara-blue);color:#fff}}