/* REDTURBAN Webmail (v0.7.85). Builds on rt-console.css tokens, fonts, light/dark. */
body.wm{margin:0;background:var(--c-canvas);color:var(--c-ink);font:14.5px/1.55 var(--f-sans);-webkit-font-smoothing:antialiased}
.wm a{color:var(--c-link)}
.wm :focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.wm button,.wm .wm-btn,.wm .wm-compose{font:inherit;font-size:13.5px;font-weight:500;border-radius:var(--r-control);padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.3}
.wm button{background:var(--c-red);color:#fff;border:1px solid var(--c-red)}
.wm button:hover{background:var(--c-red-hover)}
.wm .wm-btn{background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line-strong)}
.wm .wm-btn:hover{background:var(--c-sunken)}
.wm .wm-danger{color:var(--c-crit)}
.wm .wm-link{background:none;border:0;color:var(--c-spine-ink);padding:0;text-decoration:underline}
.wm input,.wm select,.wm textarea{font:inherit;color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-line-strong);border-radius:var(--r-control);padding:8px 10px;box-sizing:border-box}
.wm-note{color:var(--c-muted);font-size:13px}
.wm-flash{margin:0 0 14px;padding:10px 14px;border-radius:var(--r-control);background:var(--c-ok-bg);border-left:3px solid var(--c-ok)}
.wm-flash.is-error{background:var(--c-crit-bg);border-left-color:var(--c-crit)}

/* sign in */
.wm-login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(180deg,var(--c-spine) 0 38%,var(--c-canvas) 38%)}
.wm-login-card{width:min(380px,calc(100% - 32px));background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-panel);padding:28px;
  border-top:3px solid transparent;border-image:linear-gradient(90deg,#D71920 0 34%,#D4A017 34% 67%,#2E7D32 67%) 1}
.wm-login-card .wm-brand{color:var(--c-ink);margin-bottom:18px}
.wm-login-card label{display:block;font-size:13px;font-weight:500;margin:14px 0 6px}
.wm-login-card input{width:100%;height:40px}
.wm-login-card button{width:100%;margin-top:20px;height:42px}
.wm-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}

/* app layout */
.wm-app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.wm-side{background:var(--c-spine);color:var(--c-spine-ink);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;box-sizing:border-box;
  border-top:3px solid transparent;border-image:linear-gradient(90deg,#D71920 0 34%,#D4A017 34% 67%,#2E7D32 67%) 1}
.wm-side .wm-brand{color:#fff;padding:2px 6px 14px}
.wm-compose{background:var(--c-red);color:#fff!important;text-align:center;margin:0 4px 14px;border:1px solid var(--c-red)}
.wm-folders{display:flex;flex-direction:column;gap:2px;flex:1}
.wm-folders a{display:flex;justify-content:space-between;padding:7px 10px;border-radius:var(--r-control);color:var(--c-spine-ink);text-decoration:none}
.wm-folders a:hover,.wm-folders a.is-active{background:var(--c-spine-hover);color:#fff}
.wm-folders a.is-active{box-shadow:inset 3px 0 0 var(--c-red)}
.wm-folders b{font-weight:600;font-size:12.5px}
.wm-me{border-top:1px solid var(--c-spine-line);padding:12px 6px 0;font-size:12.5px;display:flex;flex-direction:column;gap:6px}
.wm-me span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-main{padding:20px 28px 48px;min-width:0}
.wm-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.wm-bar h1{font-size:22px;font-weight:600;margin:0}
.wm-search{display:flex;gap:8px}.wm-search input{width:min(340px,60vw)}

/* list */
.wm-list{list-style:none;margin:0;padding:0;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-panel);overflow:hidden}
.wm-list li+li{border-top:1px solid var(--c-line)}
.wm-list a{display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr) auto;gap:16px;padding:11px 16px 11px 22px;color:var(--c-ink);text-decoration:none}
.wm-list a:hover{background:var(--c-sunken)}
.wm-list .is-unread a{font-weight:600}
.wm-list li{position:relative}
.wm-list .is-unread a::before{content:"";position:absolute;left:6px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--c-red)}
.wm-who,.wm-subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-date{color:var(--c-muted);font-size:13px;white-space:nowrap;font-weight:400}
.wm-flag{color:#B8860B}
.wm-pages{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--c-muted);font-size:13px}
.wm-empty{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-panel);padding:28px;color:var(--c-muted)}

/* read */
.wm-readbar{align-items:flex-start}
.wm-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.wm-actions form{display:inline-flex;gap:6px;margin:0}
.wm-move select{padding:6px 8px;font-size:13.5px}
.wm-msg{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-panel);padding:22px 24px}
.wm-msg h1{font-size:20px;font-weight:600;margin:0 0 12px;overflow-wrap:anywhere}
.wm-meta{display:grid;grid-template-columns:60px minmax(0,1fr);gap:2px 12px;margin:0 0 14px;font-size:13.5px}
.wm-meta dt{color:var(--c-muted)}.wm-meta dd{margin:0;overflow-wrap:anywhere}
.wm-atts{list-style:none;padding:10px 12px;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px 18px;background:var(--c-sunken);border-radius:var(--r-control)}
.wm-atts span{color:var(--c-muted);font-size:12.5px}
.wm-body{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--c-line);padding-top:14px;font-size:14.5px}
.wm-html{width:100%;height:70vh;border:1px solid var(--c-line);border-radius:var(--r-control);background:#fff}
.wm-toggle{margin:0 0 10px;font-size:13px}

/* compose */
.wm-compose-form{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-panel);padding:18px 20px;display:flex;flex-direction:column;gap:10px;max-width:900px}
.wm-field{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}
.wm-field label{color:var(--c-muted);font-size:13px}
.wm-field input{width:100%}
.wm-field .wm-note{grid-column:2}
.wm-from{font-weight:500}
.wm-compose-form textarea{width:100%;min-height:280px;resize:vertical;font-family:var(--f-sans)}
.wm-send{display:flex;gap:14px;align-items:center}

@media (max-width:820px){
  .wm-app{grid-template-columns:1fr}
  .wm-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:10px}
  .wm-side .wm-brand{padding:0 6px}.wm-compose{margin:0}
  .wm-folders{flex-direction:row;flex-wrap:wrap;flex:1 1 100%;order:3}
  .wm-me{flex-direction:row;border:0;padding:0;margin-left:auto}
  .wm-main{padding:14px}
  .wm-list a{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 14px 10px 18px}
  .wm-who{grid-column:1;grid-row:1}.wm-date{grid-column:2;grid-row:1}.wm-subj{grid-column:1/3;grid-row:2;color:var(--c-muted)}
  .wm-list .is-unread .wm-subj{color:var(--c-ink)}
  .wm-field{grid-template-columns:1fr}.wm-field .wm-note{grid-column:1}
}