@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap');
:root{color-scheme:dark;--bg:#101217;--card:#191d25;--line:#303745;--text:#f0f4fa;--muted:#9aa6b7;--blue:#77c9ff;--blue2:#4d8fff;--pink:#ff8fb8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Finger Paint',system-ui,sans-serif;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.card,dialog{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px #0004}
.login-screen{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 50% 25%,#1e2938 0,#101217 52%)}.login-screen[hidden]{display:none}.login-card{width:min(430px,94vw);padding:2rem 2.2rem;text-align:center;border-color:#3b4657;box-shadow:0 22px 70px #0009}.login-card h1{margin:.5rem 0}.login-card>p{color:var(--muted)}.login-card label{text-align:left}.login-card button{width:100%;margin-top:.8rem}.login-mark{width:4rem;height:4rem;margin:-4.1rem auto .8rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#08111a;border:5px solid var(--bg);font-size:1.25rem}.error{min-height:1.3rem;color:var(--pink)!important}
#app{height:100vh;padding:clamp(.7rem,1.4vw,1.4rem);display:grid;grid-template-rows:5.2rem 1fr;gap:.5rem}#app[hidden]{display:none}.topbar{position:relative;display:grid;grid-template-columns:4rem 1fr 8rem;align-items:center}.topbar h1{text-align:center;margin:0;font-size:clamp(1.35rem,2.2vw,2.2rem)}.top-actions{display:flex;gap:.7rem;justify-content:flex-end}.png-button{width:3.5rem;height:3.5rem;border:1px solid var(--line);border-radius:50%;padding:0;background:#151922;overflow:hidden}.png-button img{display:block;width:100%;height:100%;object-fit:cover}.workspace{min-height:0;display:grid;grid-template-columns:minmax(13rem,18rem) 1fr;gap:1rem;align-items:stretch}.category-card{min-height:0;margin-top:2rem;padding:.8rem;display:flex;flex-direction:column}.category-card nav{min-height:0;overflow:auto}.category{width:100%;display:flex;justify-content:space-between;gap:.5rem;border:0;background:transparent;color:var(--text);padding:.48rem .55rem;border-radius:9px;text-align:left}.category:hover,.category.active,.category.dragover{background:#263244;color:var(--blue)}.category.bottom-start{margin-top:1rem;border-top:1px solid var(--line);border-radius:0;padding-top:1rem}.plus{margin-top:auto;align-self:flex-end;border:0;background:transparent;color:var(--blue);font-size:1.6rem}.content-column{min-width:0;min-height:0;display:grid;grid-template-rows:2rem 1fr 3.8rem;gap:1rem}.counts{text-align:right;align-self:center;font-size:.85rem}.mail-card{min-height:0;overflow:auto;padding:.75rem}.empty{height:100%;display:grid;place-items:center;color:var(--muted)}.mail-row{display:grid;grid-template-columns:.7rem minmax(10rem,1fr) minmax(12rem,2fr) auto;gap:.65rem;align-items:center;padding:.72rem;border-bottom:1px solid var(--line);cursor:pointer}.mail-row:hover{background:#ffffff08}.account-dot{width:.62rem;height:.62rem;border-radius:50%}.mail-row small{color:var(--muted)}#search,.toolbar input{width:100%;background:#10141b;color:var(--text);border:1px solid #3a4556;border-radius:12px;padding:.8rem 1rem}
dialog{color:var(--text);padding:1rem;width:min(34rem,94vw);max-height:88vh}dialog.large{width:min(70rem,94vw)}dialog::backdrop{background:#05070bcc}dialog>header,dialog form>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:.8rem}dialog h2{margin:.2rem}.close{border:0;background:transparent;color:var(--pink);font-size:1.6rem}label{display:grid;gap:.3rem;margin:.7rem 0;color:var(--muted)}input,select,textarea{background:#10141b;color:var(--text);border:1px solid #3a4556;border-radius:10px;padding:.65rem}textarea{min-height:6rem}.checkbox{display:flex;align-items:center}.checkbox input{width:auto}footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}footer button,.primary,#addAccount{border:0;border-radius:10px;padding:.65rem 1rem}.primary{background:var(--blue);color:#08111a}.toolbar{display:grid;grid-template-columns:1fr auto;gap:.7rem}.scroll-list{max-height:65vh;overflow:auto}.contact-row{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(14rem,2fr);gap:.7rem;padding:.35rem;border-bottom:1px solid #30374566}.contact-row input{padding:.35rem}.activity-row{padding:.48rem;border-bottom:1px solid #30374566}.status{display:inline-block;margin-left:.45rem}.status.ok{color:var(--blue)}.status.rejected{color:var(--pink)}.status.neutral{color:var(--muted)}.account-card{border:1px solid var(--line);border-radius:10px;padding:.7rem;margin:.6rem 0}.detail-head{display:flex;align-items:center;gap:1rem}.back{color:var(--blue);background:transparent;border:0}.mail-body{font-family:system-ui,sans-serif;line-height:1.55;background:#11151c;border-radius:10px;padding:1rem;overflow:auto}.detail-actions{display:flex;gap:.5rem}.editor-tools{display:flex;gap:.35rem;flex-wrap:wrap}.editor-tools button{border:1px solid var(--line);background:#10141b;color:var(--text);border-radius:7px;padding:.4rem}.editor-tools select{padding:.4rem}#editor{min-height:15rem;background:#fff;color:#111;border-radius:10px;padding:1rem;font-family:Arial,sans-serif}.signature{font-family:Arial,sans-serif;background:#fff;color:#111;margin:0;padding:0 1rem 1rem}.spam .compose{display:none!important}#toast{position:fixed;bottom:1rem;right:1rem;background:#263244;border:1px solid var(--blue);border-radius:10px;padding:.7rem;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}
.folder-row{grid-template-columns:minmax(12rem,1fr) minmax(10rem,16rem);align-items:center;border-bottom:1px solid #30374566;padding:.35rem}.edit-account,.remove-password{margin-left:.35rem;border:0;border-radius:7px;padding:.35rem .5rem}.edit-account{background:var(--blue);color:#08111a}.remove-password{background:var(--pink);color:#08111a}#folderSection{margin-top:1rem;border-top:1px solid var(--line)}
@media(max-width:760px){body{overflow:auto}#app{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.category-card{max-height:14rem}.content-column{min-height:65vh}.mail-row{grid-template-columns:.7rem 1fr}.mail-row>*:last-child{display:none}}
.category-card{margin-top:3rem}
.subtle-action{margin:0 0 .7rem;border:1px solid var(--blue);border-radius:9px;background:transparent;color:var(--blue);padding:.5rem .75rem}
.options-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);min-height:26rem}.mail-account-settings{padding-right:1.25rem}.general-settings{padding-left:1.25rem;border-left:1px solid var(--line)}.options-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.options-section-head h3,.general-settings h3{margin:.2rem 0 .7rem}.account-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem .55rem}.account-card>.account-dot{grid-row:1}.account-card>.status{margin-left:0}.account-card>.account-actions{grid-column:1/-1;display:flex;gap:.35rem;flex-wrap:wrap}.account-card>small{grid-column:1/-1}.delete-account{background:transparent;color:var(--pink);border:1px solid var(--pink);border-radius:7px;padding:.35rem .5rem}
@media(max-width:760px){.options-grid{grid-template-columns:1fr}.mail-account-settings{padding-right:0}.general-settings{padding:1rem 0 0;margin-top:1rem;border-left:0;border-top:1px solid var(--line)}}
.email-parts{display:grid;grid-template-columns:minmax(7rem,1fr) auto;align-items:stretch;gap:.35rem}.email-parts>input{min-width:0}.email-parts>#emailDomain{display:flex;align-items:center;gap:.25rem}.email-parts>#emailDomain input,.email-parts>#emailDomain select{width:min(13rem,32vw)}.fixed-domain{display:flex;align-items:center;height:100%;padding:0 .75rem;border:1px solid #3a4556;border-radius:10px;background:#151922;color:var(--blue);white-space:nowrap}
.mail-body{font-family:'Finger Paint',system-ui,sans-serif;background:#11151c;color:var(--text);line-height:1.65}.mail-body p{margin:.35rem 0 .85rem}.mail-body a{color:var(--blue);overflow-wrap:anywhere}.relevant-links{display:grid;gap:.5rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
.detail-actions .delete{border:0;border-radius:10px;background:var(--pink);color:#08111a;padding:.65rem 1rem}
.gemini-control{display:flex;align-items:center;gap:.65rem}.gemini-control .subtle-action{margin:0}.status-lamp{display:inline-block;width:1rem;height:1rem;border-radius:50%;box-shadow:0 0 10px currentColor}.status-lamp.available{color:var(--blue);background:var(--blue)}.status-lamp.off{color:var(--pink);background:var(--pink)}.setting-note{color:var(--muted)}.danger-action{background:var(--pink);color:#08111a;border:0;border-radius:10px;padding:.65rem 1rem}