/* Account home: an identity card and a useful directory, in Wyckit's shared palette. */
body.wkit-account-home .auth-main{max-width:1200px;padding:46px 30px 56px}
.account-home{--home-blue:#4056ce;--home-ink:#24303f;--home-muted:#647085;--home-mint:#dcefe4;--home-lilac:#ebe7f8;--home-line:#e0e5ef;color:var(--home-ink)}
.account-home h1,.account-home h2,.account-home h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;text-transform:none}
.account-home a{text-decoration:none}
.account-home .home-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.account-home .home-heading h1{font-size:clamp(29px,3.5vw,40px);letter-spacing:-1.3px;margin:0 0 10px;overflow-wrap:anywhere}
.account-home .home-heading p{font-size:14px;color:var(--home-muted);margin:0}
.account-home .home-logout{background:white;border:1px solid var(--home-line);border-radius:10px;color:#526078;font:600 12px 'Segoe UI',sans-serif;padding:11px 17px;white-space:nowrap}
.account-home .home-logout span{margin-left:12px}
.account-home .home-overview{display:grid;grid-template-columns:1fr 1.08fr;border:1px solid var(--home-line);border-radius:24px;background:#fff;overflow:hidden}
.account-home .home-identity{padding:27px 32px 0;background:#edf0fd;position:relative;isolation:isolate;container-type:inline-size;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.account-home .home-identity-art{position:absolute;inset:0 0 auto;width:100%;height:auto;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 68%,transparent 94%)}
.account-home .home-identity-top{align-self:stretch;display:flex;align-items:center;justify-content:flex-end;min-height:32px;margin-bottom:24px}
/* Match the artwork's lower edge as the panel resizes; keep live account details clear. */
.account-home .home-identity-person{display:flex;align-items:center;align-self:stretch;gap:16px;margin-top:calc(58cqw - 45px);margin-bottom:16px;min-width:0}
.account-home .home-avatar{width:64px;height:64px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border:4px solid white;border-radius:50%;background:white}
.account-home .home-avatar img{width:100%;height:100%;object-fit:cover}
.account-home .home-avatar img.home-chef{width:44px;height:44px;object-fit:contain}
.account-home .home-identity h2{font-size:clamp(20px,2.2vw,30px);letter-spacing:-.8px;margin:0;min-width:0;overflow-wrap:anywhere}
.account-home .home-identity>p{font-size:13px;color:#5c6983;line-height:1.7;margin:0 0 22px;max-width:300px}
.account-home .home-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--home-blue);color:white;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:27px}
.account-home .home-primary:hover{background:#3045b9;color:white}
.account-home .home-identity-bottom{display:flex;align-items:center;gap:8px;align-self:stretch;border-top:1px solid #dbe1f5;margin-top:auto;padding:17px 0;font-size:10px;color:#596782}
.account-home .home-essentials{padding:33px 32px;align-self:center}
.account-home .home-essentials h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0 0 10px;max-width:320px}
.account-home .home-essentials>p{color:var(--home-muted);font-size:13px;line-height:1.8;margin:0 0 20px;max-width:390px}
.account-home .home-setting{display:flex;align-items:center;gap:13px;color:var(--home-ink);padding:18px 0;border-bottom:1px solid #edf0f5;min-width:0}
.account-home .home-setting:hover strong{color:var(--home-blue)}
.account-home .home-setting-icon{width:33px;height:33px;display:grid;place-items:center;background:#f3f5fa;border-radius:9px;color:#5265b9;font:400 22px 'Segoe UI',sans-serif;flex-shrink:0}
.account-home .home-setting strong{display:block;font-size:13px;font-weight:600}
.account-home .home-setting small{display:block;font-size:11px;color:#768196;line-height:1.5;margin-top:4px}
.account-home .home-setting>span:last-child{margin-left:auto;color:#8a95a9}
.account-home .home-status{margin-left:auto;font-size:10px;font-weight:600;padding:5px 8px;border-radius:5px;background:#f1f0fa;color:#695589;white-space:nowrap}
.account-home .home-status.is-ready{background:#e6f2eb;color:#387052}
.account-home .home-setting>.home-status+span{margin-left:0}
.account-home .home-essentials .home-quiet-note{font-size:11px;line-height:1.75;color:#788297;margin:20px 0 0;max-width:360px}
.account-home .home-benefits{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:15px;font-size:12px;color:#526078}
.account-home .home-benefits li{display:flex;gap:10px;align-items:center}
.account-home .home-benefits li::before{content:'✓';width:20px;height:20px;background:#e6f2eb;color:#387052;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}
.account-home .home-secondary{display:block;padding:12px 16px;border:1px solid #d9dfee;border-radius:10px;text-align:center;font-size:13px;font-weight:600;color:var(--home-blue)}
.account-home .home-secondary:hover{background:#f7f8fd}
.account-home .home-recovery{display:block;font-size:11px;text-align:center;margin-top:16px;color:#697589}
.account-home .home-apps{margin-top:36px}
.account-home .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.account-home .home-section-heading h2{font-size:23px;letter-spacing:-.7px;margin:0 0 8px}
.account-home .home-section-heading p{color:var(--home-muted);font-size:12px;margin:0;line-height:1.6}
.account-home .home-section-heading>a{font-size:12px;font-weight:600;white-space:nowrap;color:var(--home-blue)}
.account-home .home-section-heading>a span{margin-left:9px}
.account-home .home-app-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
.account-home .home-app{display:flex;align-items:center;gap:16px;padding:19px 4px;border-bottom:1px solid var(--home-line);min-width:0;color:var(--home-ink)}
.account-home .home-app strong{display:block;font-size:15px;letter-spacing:-.15px;font-weight:600}
.account-home .home-app small{display:block;color:#6b778b;font-size:11px;line-height:1.6;margin-top:5px}
.account-home .home-app-icon{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;font-size:25px;background:#e7ebfa;color:#4a60c0;border-radius:13px}
.account-home .home-app-icon.ai,.account-home .home-app-icon.agent{background:var(--home-mint);color:#498369}
.account-home .home-app-icon.idea{background:var(--home-lilac);color:#8760a1}
.account-home .home-app-icon.solutions{background:#f4eada;color:#9a7646}
.account-home .home-app-arrow{margin-left:auto;color:#9ba5b5;font-size:16px}
.account-home .home-app:hover strong,.account-home .home-app:hover .home-app-arrow{color:var(--home-blue)}
.account-home .home-help{display:flex;align-items:center;gap:15px;margin-top:35px;padding:23px 0 0;color:#5e6b82}
.account-home .home-help strong{font-size:12px;font-weight:600}
.account-home .home-help p{font-size:11px;margin:5px 0 0;line-height:1.7}
.account-home .home-help>a{margin-left:auto;font-size:11px;color:#69758b;text-decoration:underline;text-underline-offset:3px}
.account-home .home-notice{background:#e1f0e7;color:#32684c;border:1px solid #c3dfcd;border-radius:10px;padding:14px 18px;font-size:13px;margin:0 0 25px}
.wkit-auth .account-handle-input{display:flex;align-items:center;border:1px solid #dce1ea;border-radius:9px;background:white;overflow:hidden}
.wkit-auth .account-handle-input>span{padding-left:15px;font-size:17px;color:#6a7894}
.wkit-auth .account-handle-input .form-control{border:0;min-width:0}
.wkit-auth .account-handle-input:focus-within{outline:2px solid #4056ce;outline-offset:2px}
.wkit-auth .account-username-field{max-width:430px;margin:20px 0 30px}
.wkit-auth .account-username-field label{font-size:12px;font-weight:600;margin-bottom:8px}
.wkit-auth .account-username-field p{font-size:11px;color:#69758a;margin:8px 0}
.wkit-auth .account-sidebar-logout{margin:0 20px 15px}
.wkit-auth .account-sidebar-logout button{font:600 12px 'Segoe UI',sans-serif;width:100%;background:white;border:1px solid #dfe4ed;color:#526078;border-radius:9px;padding:10px}
.wkit-auth .account-logout-card{max-width:500px;margin:30px auto;padding:32px;background:white;border:1px solid #dfe4ed;border-radius:20px}
.wkit-auth .account-logout-card h1{font-size:30px;margin-top:22px}
.wkit-auth .account-logout-card p{font-size:14px;line-height:1.7;color:#657186}
.wkit-auth .account-logout-card form{margin-top:25px}
body.wkit-auth .identity-footer strong{font:600 12px 'Segoe UI',sans-serif;letter-spacing:0}
body.wkit-auth .identity-footer a{font-family:'Segoe UI',sans-serif;font-size:12px}
@media(max-width:750px){
 body.wkit-account-home .auth-main{padding:28px 20px 40px}
 .account-home .home-heading{align-items:flex-start;gap:12px}
 .account-home .home-heading h1{font-size:29px}
 .account-home .home-heading p{font-size:12px;line-height:1.6}
 .account-home .home-logout{padding:9px 11px}.account-home .home-logout span{display:none}
 .account-home .home-overview{grid-template-columns:1fr}
 .account-home .home-identity{padding:23px 24px 0}
 .account-home .home-essentials{padding:28px 24px}
 .account-home .home-section-heading{align-items:flex-start;flex-direction:column;gap:12px}
 .account-home .home-app-directory{grid-template-columns:1fr}
 .account-home .home-apps{margin-top:30px}
 .account-home .home-help{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start}.account-home .home-help>a{grid-column:2;margin-left:0}
 .account-home .home-setting{gap:10px}.account-home .home-setting strong{font-size:12px}.account-home .home-setting small{font-size:10px}
 .account-home .home-identity-bottom{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.account-home *{scroll-behavior:auto}}