/* Raven: original Nunito typography, open artwork, and a focused card inbox. */
body{font-family:'Inter',system-ui,sans-serif;font-weight:500}
.thread,.reader-body{font-family:'Nunito',system-ui,sans-serif}
:root{--workspace-bg:#faf9f7;--mail-bg:#fceecb;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}
[data-theme="dark"]{--workspace-bg:#17161a;--mail-bg:#3d3019}
.topbar{height:76px;min-height:76px;gap:16px;padding:0 24px}
#nav-burger{order:-1;background:var(--panel-2);border-radius:9px}
.icon-btn{width:40px;height:40px;border-radius:9px}
.icon-btn svg{width:20px;height:20px}
.app-brand{width:200px;gap:12px}
.app-brand-mark{width:46px;height:50px;background:transparent;border-radius:0;overflow:visible}
.app-brand-mark img{object-fit:contain}
.app-brand-name{font-size:25px;font-weight:800;letter-spacing:-.7px;text-transform:none;padding:0}
.app-brand-kind{display:block;font-size:8px;letter-spacing:1.2px;font-weight:700;margin-top:5px}
.search{height:44px;border-radius:10px;padding:10px 16px;max-width:680px}
.search input,.search input::placeholder{font-size:14px;font-weight:500}
.topbar-right{gap:12px}
.avatar-me{border-radius:50%;width:40px;height:40px}
.body{padding-bottom:0}
.rail{display:none}
.sidebar{width:224px;background:#19171d;color:#f6f2f8;border-color:#302c35;padding:24px 14px 14px;gap:2px}
@media(min-width:769px){#app.sidebar-collapsed .sidebar{display:none}}
.compose-btn{border-radius:10px;padding:15px;font-size:14px;font-weight:700;background:var(--mail);color:#241805;margin-bottom:22px}
.nav-row{font-size:13px;min-height:42px;border-radius:8px;color:#c7c1cc;padding:10px 14px}
.nav-row svg{width:18px;height:18px}
.nav-row:hover{background:#28242e;color:#fff}
.nav-row.active{background:#382b18;color:#f4bf63;font-weight:700}
.nav-row.active::before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:2px;background:var(--mail);border-radius:2px}
.nav-row.active .count{color:#f4bf63}
.nav-row .count{color:#aaa2b2;font-size:11px}
.nav-section-title{font-size:9px;padding:14px 14px 7px;color:#aaa2b2;letter-spacing:1.3px}
.sidebar .icon-btn{color:#aaa2b2}.sidebar .icon-btn:hover{background:#302b36;color:#fff}
.main{background:var(--bg)}
.list-pane{background:var(--bg);flex:0 0 430px}
.main:has(.reader-welcome) .list-pane{flex:1}
.reader-pane:has(.reader-welcome),.main:has(.reader-welcome) .context-pane{display:none}
.list-toolbar{padding:23px 24px 9px;min-height:80px;border-bottom:0;gap:9px;flex-wrap:wrap}
.list-toolbar .title{font-size:29px;font-weight:800;letter-spacing:-1px;padding:0}
.list-toolbar>.check{order:2;width:20px;height:20px;margin-left:6px}
.list-toolbar .load-older{order:3;font-size:11px;padding:9px 12px;border-radius:8px;border:1px solid var(--border)}
.list-toolbar .sel-count{margin-right:auto;font-size:13px}
.list-toolbar:has(.sel-count){gap:3px}
.list-toolbar:has(.sel-count)>.check{order:-1}
.list-overview{margin:0;padding:0 24px 18px;background:none;color:var(--ink);min-height:0;border-radius:0;overflow:visible}
.list-overview::after{display:none}
.inbox-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.raven-source{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.1px;font-weight:800;color:#0b7e8c;border:1px solid #b8dbdb;border-radius:6px;padding:3px 8px;background:var(--panel)}
.raven-source img{width:19px;height:22px;object-fit:contain}
.inbox-count{font-size:12px;color:var(--ink-soft);font-weight:500}
.inbox-filters{display:flex;gap:8px;flex-wrap:wrap}
.inbox-filter{padding:10px 17px;border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--panel)}
.inbox-filter[aria-current="page"]{background:var(--mail-bg);border-color:#ead19a;color:var(--mail-ink);box-shadow:inset 0 -2px 0 var(--mail)}
.inbox-filter:hover{border-color:var(--mail);color:var(--mail-ink)}
.thread-scroll{padding:0 24px 24px;scroll-padding-block:12px}
.thread{grid-template-columns:20px 42px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:9px;padding:15px 18px 15px 13px;border:1px solid var(--border);border-radius:20px;background:var(--panel);min-height:106px;transition:background .15s,border-color .15s}
.thread.unread{background:var(--mail-bg);border-color:transparent}
.thread:hover{border-color:#d9c394;background:var(--panel-2)}
.thread.unread:hover{background:#f9e7bc}
.thread.active{border-color:var(--mail);box-shadow:inset 0 0 0 1px var(--mail)}
.thread.active::before{display:none}
.thread .t-controls{gap:13px;padding:0}
.thread .check{width:18px;height:18px;border-width:1.5px;border-color:#b5afba;background:transparent}
.thread .check.on{background:var(--mail);border-color:var(--mail)}
.thread .star-btn{width:20px;height:20px}
.thread .star-btn svg{width:17px;height:17px}
.sender-avatar{width:42px;height:42px;border-radius:50%;font-size:16px;font-weight:800;background:var(--sender-color,#7659df);color:#fff}
.thread .t-top{gap:8px;align-items:center}
.thread .from{font-size:16px;line-height:1.35;font-weight:800;color:var(--ink)}
.thread .when{font-size:11px;font-weight:700;color:var(--ink-soft)}
.thread.unread .from{font-weight:900}
.thread.unread .when{color:var(--ink-soft)}
.thread .subj{font-size:14px;line-height:1.4;margin-top:3px;font-weight:700}
.thread.unread .subj{font-weight:800}
.thread .snip{font-size:13px;font-weight:500;line-height:1.4;margin-top:2px;color:var(--ink-soft)}
.thread .unread-indicator{width:6px;height:6px}
.back-btn{display:flex}
.reader-toolbar{flex-wrap:wrap}
.reader-body{padding-top:24px}
.reader-subject{font-size:28px;font-weight:900;letter-spacing:-.5px;line-height:1.25}
.msg-card{border-radius:20px}
.msg-head .name{font-weight:800}
.msg-body{font-family:'Nunito',system-ui,sans-serif;font-size:15px}
.banner{bottom:20px}
/* The launcher lives in the header; the former navigation rail supplies its links. */
.raven-apps-dialog{position:fixed;inset:84px 20px auto auto;margin:0;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 108px);overflow:auto;border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow-lift)}
.raven-apps-dialog::backdrop{background:rgba(27,22,30,.2)}
.apps-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.apps-heading h2{font-size:21px;font-weight:750;margin:0;letter-spacing:-.6px}
.apps-intro{font-size:12px;margin:0 0 18px;color:var(--ink-soft)}
.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.apps-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:108px;border:1px solid var(--border);border-radius:10px;padding:12px 5px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:600;text-align:center;line-height:1.25;background:var(--panel)}
.apps-tile:hover{background:var(--panel-2);border-color:var(--tile-color)}
.apps-tile[aria-current="page"]{background:var(--mail-bg);border-color:transparent}
.apps-tile-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:var(--panel-2);color:var(--tile-color)}
.apps-tile-icon svg{width:24px;height:24px}
.apps-tile-icon img{width:38px;height:42px;object-fit:contain}
.apps-tile[data-app="mail"] .apps-tile-icon{background:transparent}
.apps-footer{margin-top:18px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-faint);text-align:center}
:is(button,a,[tabindex]):focus-visible{outline:2px solid #98702a;outline-offset:3px}
[data-theme="dark"] .list-overview{background:none;border:0}
[data-theme="dark"] .thread.unread:hover{background:#48391d}
[data-theme="dark"] .raven-source{color:#72d5de;border-color:#37656a}
@media(min-width:1101px){
  .main:has(.reader-welcome) .list-toolbar{padding:28px 32px 12px}
  .main:has(.reader-welcome) .list-overview{padding:0 32px 22px}
  .main:has(.reader-welcome) .thread-scroll{padding:0 32px 28px}
  .main:has(.reader-welcome) .thread{min-height:98px;padding:18px 22px;grid-template-columns:20px 46px minmax(0,1fr);gap:16px}
  .main:has(.reader-welcome) .sender-avatar{width:46px;height:46px;font-size:18px}
  .main:has(.reader-welcome) .thread .from{font-size:18px}
  .main:has(.reader-welcome) .thread .when{font-size:13px}
  .main:has(.reader-welcome) .thread .subj{font-size:16px;max-width:55%;display:inline-block;vertical-align:bottom;margin-right:6px}
  .main:has(.reader-welcome) .thread .snip{font-size:16px;max-width:42%;display:inline-block;vertical-align:bottom}
  .main:has(.reader-welcome) .thread .snip:not(:empty)::before{content:'— ';}
}
@media(max-width:1100px){.list-pane{flex:1}.app-brand{width:auto}.app-brand-name{font-size:22px}.topbar{padding:0 18px;gap:12px}}
@media(max-width:768px){
  .topbar{height:72px;min-height:72px;gap:10px;padding:0 14px}
  .app-brand{gap:10px}.app-brand-name{font-size:22px;padding-left:0}
  .app-brand-mark{width:40px;height:46px;border-radius:0}
  .topbar-right{gap:7px}.search{height:40px;padding:8px 12px}.search input,.search input::placeholder{font-size:14px}
  .sidebar{top:72px;bottom:0;width:270px}
  .body{padding-bottom:0}.rail{display:none}
  .list-toolbar{padding:22px 18px 10px}.list-toolbar .title{font-size:30px}
  .list-overview{margin:0;padding:0 18px 18px}.thread-scroll{padding:0 18px 22px}
  .thread{border-radius:18px;padding:14px 13px;gap:10px;grid-template-columns:18px 40px minmax(0,1fr)}
  .sender-avatar{width:40px;height:40px}.thread .from{font-size:16px}
  .inbox-summary{margin-bottom:17px}.inbox-filters{gap:7px}.inbox-filter{font-size:12px;padding:9px 14px}
  .raven-apps-dialog{inset:80px 12px auto auto;max-height:calc(100dvh - 96px)}
  .banner{bottom:16px}
}
@media(max-width:540px){
  .topbar{height:116px;min-height:116px;flex-wrap:wrap;align-content:center;row-gap:9px;padding:8px 14px 10px}
  .app-brand{margin-right:auto}.app-brand-name{font-size:23px}.app-brand-mark{height:39px;width:36px}.app-brand-kind{display:block;font-size:7px;letter-spacing:.9px;margin-top:3px}
  .searchwrap{order:4;flex:1 0 100%}.search{max-width:none;height:38px}.search input,.search input::placeholder{font-size:16px}
  .topbar .icon-btn{width:36px;height:36px}.topbar-right{gap:6px}.avatar-me{width:36px;height:36px}
  .sidebar{top:116px}.raven-apps-dialog{top:64px;max-height:calc(100dvh - 80px);padding:18px}
  .list-toolbar{padding:16px 12px 8px;min-height:64px;gap:6px}.list-toolbar .title{font-size:28px}
  .list-overview{padding:0 12px 16px}.inbox-summary{gap:10px;margin-bottom:14px}.inbox-count{font-size:12px}
  .thread-scroll{padding:0 10px 20px}.thread{padding:13px 10px;gap:8px;grid-template-columns:18px 34px minmax(0,1fr);min-height:105px}
  .sender-avatar{width:34px;height:34px;font-size:14px}.thread .from{font-size:15px}.thread .t-top{gap:5px}
  .thread .when{font-size:10px}.thread .subj{font-size:14px}.thread .snip{font-size:12px}
  .reader-toolbar{gap:1px;padding:10px 7px}.reader-toolbar .icon-btn{width:34px;height:36px}.reader-subject{font-size:25px}
}
@media print{.raven-apps-dialog{display:none!important}}