/* Moozonian Mail Pro v1: responsive brand refinement, independent of the base stylesheet. */
:root {
  --moo-ink:#16263f;--moo-muted:#64748b;--moo-blue:#2563eb;--moo-violet:#6d42d4;
  --moo-line:#e4eaf2;--moo-surface:#fff;--moo-panel:#f5f7fc;--moo-hover:#edf3ff;
  --moo-shadow:0 18px 45px rgba(19,43,85,.12);
}
:root[data-moo-theme="dark"] {
  --moo-ink:#e9efff;--moo-muted:#aab9d5;--moo-blue:#83b2ff;--moo-violet:#b7a2ff;
  --moo-line:#30415b;--moo-surface:#152137;--moo-panel:#111b2d;--moo-hover:#263850;
  --moo-shadow:0 18px 50px rgba(0,0,0,.3);
}
body.moo-mail-pro {
  color:var(--moo-ink); background:var(--moo-panel);
  --blue:var(--moo-blue);--line:var(--moo-line);--panel:var(--moo-panel);--hover:var(--moo-hover);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.moo-mail-pro .topbar {
  height:76px;padding:12px 22px;gap:15px;background:var(--moo-surface);
  border-bottom:1px solid var(--moo-line);box-shadow:0 2px 12px rgba(28,57,102,.045);position:relative;z-index:3;
}
.moo-mail-pro .brand {display:flex;align-items:center;gap:10px;width:247px;font-size:19px;letter-spacing:-.6px;color:var(--moo-ink);font-weight:750}
.moo-pro-mark {width:39px;height:39px;display:grid;place-items:center;border-radius:13px;flex-shrink:0;color:#fff;font-size:21px;font-weight:900;
  background:linear-gradient(145deg,#1868f1,#7049d6);box-shadow:0 5px 13px rgba(50,95,223,.2)}
.moo-pro-brand-title{white-space:nowrap}.moo-pro-brand-title strong{color:var(--moo-blue)}
.moo-mail-pro .search {background:var(--moo-panel);border:1px solid var(--moo-line);height:46px;border-radius:13px;max-width:760px;transition:border-color .2s,box-shadow .2s}
.moo-mail-pro .search:focus-within{border-color:var(--moo-blue);box-shadow:0 0 0 3px rgba(59,130,246,.11)}
.moo-mail-pro .search input,.moo-mail-pro .search button{color:var(--moo-ink)}
.moo-mail-pro .signed-in{color:var(--moo-muted);font-size:12px}
.moo-pro-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.moo-pro-ai-top{border:1px solid #d4dafd;background:linear-gradient(105deg,#eef5ff,#f2eaff);color:#4832a1;font-weight:750;padding:10px 14px;border-radius:12px;white-space:nowrap;cursor:pointer;transition:transform .2s,box-shadow .2s}
.moo-pro-ai-top:hover{transform:translateY(-1px);box-shadow:0 5px 14px #374aa62a}
.moo-pro-theme{width:38px;height:38px;background:var(--moo-panel);color:var(--moo-ink);border:1px solid var(--moo-line);border-radius:11px;font-size:20px}
.moo-mail-pro .workspace{height:calc(100vh - 76px)}
.moo-mail-pro .sidebar{background:var(--moo-panel);padding:20px 13px;width:258px;border-right:1px solid var(--moo-line)}
.moo-mail-pro .compose-btn{background:linear-gradient(110deg,#2563eb,#6b4bd4);color:white;border-radius:14px;width:195px;box-shadow:0 8px 20px #4265cc2a;margin:4px 0 22px 7px;padding:15px;font-size:14px;transition:transform .2s}
.moo-mail-pro .compose-btn:hover{background:linear-gradient(110deg,#1e55d0,#5a39be);transform:translateY(-1px)}
.moo-mail-pro .folder{border-radius:12px;padding:12px 13px;margin-bottom:3px;gap:12px;color:var(--moo-ink);font-size:13.5px}
.moo-mail-pro .folder:hover{background:var(--moo-hover)}
.moo-mail-pro .folder.active{background:rgba(59,112,228,.13);color:var(--moo-blue);font-weight:750}
.moo-mail-pro .foldercount{font-weight:700;color:var(--moo-blue)}
.moo-mail-pro .minor-btn{border-radius:10px;color:var(--moo-muted)}
.moo-pro-server-note{margin:12px 8px 2px;font-size:11px;display:flex;align-items:center;gap:8px;color:var(--moo-muted)}
.moo-pro-live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#17ac76;box-shadow:0 0 0 3px rgba(24,174,117,.1)}
.moo-mail-pro .mail-main{background:var(--moo-surface)}
.moo-mail-pro .toolbar{background:var(--moo-surface);min-height:62px;position:sticky;top:0;z-index:2;padding:9px 18px}
.moo-mail-pro .toolbar button,.moo-mail-pro .toolbar select,.moo-mail-pro .modalbar button{color:var(--moo-ink);border-radius:9px}
.moo-mail-pro .toolbar button:hover,.moo-mail-pro .modalbar button:hover{background:var(--moo-hover)}
.moo-mail-pro .toolbar select{background:var(--moo-surface);border:1px solid var(--moo-line);padding:8px;border-radius:9px}
.moo-mail-pro .messages{padding:10px 16px 24px}
.moo-mail-pro .mail-row{min-height:59px;gap:13px;padding:5px 15px;background:var(--moo-surface);border:1px solid transparent;border-bottom-color:var(--moo-line);border-radius:10px;color:var(--moo-muted);transition:background .16s,box-shadow .16s}
.moo-mail-pro .mail-row:hover{background:var(--moo-hover);box-shadow:none}
.moo-mail-pro .mail-row.unread{background:var(--moo-surface);color:var(--moo-ink);font-weight:700}
.moo-mail-pro .mail-row .sender{width:220px;color:var(--moo-ink);font-weight:600}
.moo-mail-pro .mail-row .sender::before{content:attr(data-initial);display:inline-grid;place-items:center;width:31px;height:31px;background:linear-gradient(130deg,#e4ebff,#eee5ff);color:#5746a7;border-radius:50%;font-size:11px;font-weight:800;margin-right:9px;vertical-align:middle}
.moo-mail-pro .mail-row .summary strong{font-weight:550;color:var(--moo-ink)}
.moo-mail-pro .mail-row.unread .summary strong{font-weight:780}
.moo-mail-pro .mail-row .date{color:var(--moo-muted)}
.moo-mail-pro .empty{color:var(--moo-muted)}
.moo-mail-pro .overlay{backdrop-filter:blur(5px);background:rgba(11,24,48,.52)}
.moo-mail-pro .modal{background:var(--moo-surface);color:var(--moo-ink);box-shadow:var(--moo-shadow);border:1px solid var(--moo-line);border-radius:17px}
.moo-mail-pro .reader{width:min(950px,97vw);padding:16px 31px 35px}
.moo-mail-pro .reader h2{font-size:27px;font-weight:720;letter-spacing:-.4px}
.moo-mail-pro #readerBody{color:var(--moo-ink);line-height:1.8}
.moo-mail-pro .composer{width:min(830px,97vw);padding:13px 23px}
.moo-mail-pro .composer form>label{color:var(--moo-muted);border-color:var(--moo-line)}
.moo-mail-pro .composer input,.moo-mail-pro .composer textarea,.moo-mail-pro .dialog input,.moo-mail-pro .dialog textarea{background:var(--moo-surface);color:var(--moo-ink)}
.moo-mail-pro .composer textarea{min-height:230px;font-size:14px;line-height:1.7}
.moo-mail-pro .primary{background:linear-gradient(100deg,#2664e8,#6650d5);border-radius:11px}
.moo-mail-pro .primary:hover{background:linear-gradient(100deg,#1b53d0,#563bbd)}
.moo-mail-pro .dialog{border:1px solid var(--moo-line)}
.moo-mail-pro .contact{border-color:var(--moo-line)}
.moo-mail-pro .composer #composeFoot button:not(.primary){background:var(--moo-panel);color:var(--moo-ink)}
.moo-pro-compose-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:11px 0 9px;border-bottom:1px solid var(--moo-line)}
.moo-pro-mini-title{font-size:12px;font-weight:750;color:var(--moo-violet);margin-right:4px;white-space:nowrap}
.moo-pro-chip,.moo-pro-ai-action{background:var(--moo-panel);border:1px solid var(--moo-line);color:var(--moo-ink);border-radius:99px;padding:7px 10px;font-size:12px;font-weight:650;cursor:pointer}
.moo-pro-chip:hover,.moo-pro-ai-action:hover{background:var(--moo-hover);border-color:var(--moo-blue)}
.moo-pro-separator{height:22px;border-left:1px solid var(--moo-line);margin:0 6px}
.moo-pro-ai-overlay{z-index:25!important}
.moo-pro-ai-dialog{background:var(--moo-surface);color:var(--moo-ink);width:min(700px,96vw);border-radius:18px;box-shadow:var(--moo-shadow);max-height:94vh;overflow-y:auto;border:1px solid var(--moo-line)}
.moo-pro-ai-header{padding:19px 23px;display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(110deg,rgba(53,115,234,.08),rgba(140,85,218,.10));border-bottom:1px solid var(--moo-line)}
.moo-pro-ai-heading{display:grid;gap:5px}.moo-pro-ai-heading strong{font-size:18px}.moo-pro-ai-heading small{font-size:12px;color:var(--moo-muted)}
.moo-pro-ai-close{border:0;background:transparent;color:var(--moo-ink);font-size:28px;line-height:1;cursor:pointer}
.moo-pro-ai-form{display:grid;gap:12px;padding:20px 23px 24px}
.moo-pro-ai-label{display:grid;gap:9px;font-weight:700;font-size:13px}
.moo-pro-ai-instruction,.moo-pro-ai-result{width:100%;background:var(--moo-panel);color:var(--moo-ink);border:1px solid var(--moo-line);border-radius:11px;padding:12px 14px;resize:vertical;line-height:1.6;font-size:13.5px}
.moo-pro-ai-instruction:focus,.moo-pro-ai-result:focus{outline:2px solid var(--moo-blue);outline-offset:1px}
.moo-pro-ai-note{font-size:12px;color:var(--moo-muted);margin:0;line-height:1.55}
.moo-pro-ai-actions,.moo-pro-ai-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.moo-pro-ai-generate,.moo-pro-ai-insert{color:#fff;background:linear-gradient(105deg,#2563eb,#6b4bd4);border:none;padding:11px 15px;border-radius:10px;font-weight:750}
.moo-pro-ai-copy{background:var(--moo-panel);color:var(--moo-ink);border:1px solid var(--moo-line);padding:11px 15px;border-radius:10px}
.moo-pro-ai-status{color:var(--moo-muted);font-size:12px;flex:1}
.moo-pro-ai-bottom{justify-content:flex-end}
.moo-pro-ai-insert:disabled,.moo-pro-ai-generate:disabled{opacity:.5}
/* Login and signup — same design language without replacing current auth UI. */
body.login-page:has(.login-card){background:radial-gradient(ellipse at 10% 5%,#e9f0ff 0,transparent 47%),radial-gradient(ellipse at 95% 90%,#efe8fd 0,transparent 43%),#f5f8ff}
.login-card{border:1px solid #e5e9f4;box-shadow:0 15px 60px #17274d20!important}
.login-card .primary{border-radius:11px;background:linear-gradient(105deg,#2764e4,#6750d3)}
.login-card h1{letter-spacing:-.6px}
:root[data-moo-theme="dark"] .moo-mail-pro .search,
:root[data-moo-theme="dark"] .moo-pro-theme {background:var(--moo-panel)}
:root[data-moo-theme="dark"] .moo-pro-ai-top{background:#2b2550;border-color:#504678;color:#ddcaff}
:root[data-moo-theme="dark"] .moo-mail-pro .mail-row .sender::before{background:#3b3358;color:#e1d5ff}
:root[data-moo-theme="dark"] .moo-mail-pro .toolbar select{color:var(--moo-ink)}
@media(max-width:1120px){.moo-mail-pro .sidebar{width:215px}.moo-mail-pro .brand{width:190px}.moo-mail-pro .mail-row .sender{width:170px}.moo-pro-brand-title{font-size:16px}}
@media(max-width:850px){.moo-mail-pro .topbar{height:66px;padding:8px 12px;gap:8px}.moo-mail-pro .workspace{height:calc(100vh - 66px)}.moo-mail-pro .sidebar{top:66px}.moo-mail-pro .brand{width:auto}.moo-pro-brand-title{display:none}.moo-pro-ai-top{padding:9px;font-size:12px}.moo-mail-pro .mail-row .sender{width:128px}.moo-mail-pro .messages{padding:6px}.moo-mail-pro .reader,.moo-mail-pro .composer{width:100vw;max-height:100vh;height:100vh;border-radius:0}.moo-pro-ai-action{font-size:11px;padding:6px}}
@media(max-width:520px){.moo-mail-pro .topbar{gap:5px}.moo-mail-pro .search{min-width:40px}.moo-mail-pro .brand{font-size:0}.moo-pro-mark{width:34px;height:34px;font-size:17px}.moo-pro-ai-top{font-size:0}.moo-pro-ai-top::after{content:'✦';font-size:17px}.moo-pro-controls{gap:4px}.moo-pro-theme{height:33px;width:33px}.moo-mail-pro .mail-row .sender{width:95px;font-size:11px}.moo-mail-pro .mail-row .sender::before{display:none}.moo-pro-compose-tools{gap:5px}.moo-pro-mini-title{width:100%}.moo-pro-chip{font-size:11px;padding:6px 8px}.moo-pro-ai-form{padding:15px}.moo-pro-ai-header{padding:15px}}