/* Aequivor Mail: Outlook-style workspace layer.
   Loaded after style.css. Suite header, command bar, folder pane, message list and reading pane
   follow familiar desktop-mail conventions with Aequivor's own brand assets. */
:root{
  --blue:#0f6cbd;--blue-hover:#115ea3;--blue-press:#0c3b5e;--blue-tint:#ebf3fc;--blue-select:#cfe4fa;
  --ink:#242424;--ink-2:#424242;--muted:#616161;--muted-2:#707070;--line:#e0e0e0;--line-soft:#ebebeb;
  --pane:#f5f5f5;--canvas:#ffffff;--hover:#f0f0f0;
  font-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
  font-size:14px;color:var(--ink);
}
body{background:var(--pane)}
.icon{width:20px;height:20px;stroke-width:1.5}

/* Suite header */
.topbar{height:48px;padding:0 12px 0 8px;gap:8px;background:var(--blue);border-bottom:0;color:#fff}
.brand{min-width:0;gap:8px;color:#fff!important;padding-right:8px}
.brand img{width:26px!important;height:26px!important;background:#fff;border-radius:4px;padding:2px}
.brand strong{font-size:16px;letter-spacing:0;font-weight:600}
.brand small{display:none}
.brand span{display:flex;align-items:baseline;gap:6px}
.brand span:after{content:'Mail';font-size:16px;font-weight:400}
.app-title,.preview-badge{display:none}
.search{margin:0 auto;width:min(560px,46vw);height:32px;border-radius:4px;background:#fff;border:0;color:var(--blue);padding:0 10px;gap:8px}
.search input{font-size:14px;color:var(--ink)}
.search input::placeholder{color:var(--muted)}
.search kbd{border-color:var(--line);color:var(--muted)}
.topbar>.icon-button{color:#fff;width:40px;height:40px;border-radius:4px;font-size:16px}
.topbar>.icon-button:hover{background:var(--blue-hover);color:#fff}
.account-avatar{width:32px;height:32px;font-size:12px;border:0;background:#fff;color:var(--blue);font-weight:600}
.menu-toggle{color:#fff}

/* App bar (left rail) */
.workspace{height:calc(100dvh - 48px);grid-template-columns:48px 240px minmax(0,1fr)}
.app-rail{background:var(--pane);border-right:1px solid var(--line);color:var(--muted);padding:8px 0;gap:4px}
.rail-button{width:48px;height:52px;border-radius:0;color:var(--muted);font-size:10px;gap:3px;padding:6px 2px;position:relative}
.rail-button .icon{width:22px;height:22px}
.rail-button:hover{background:var(--hover);color:var(--ink)}
.rail-button.active{background:transparent;color:var(--blue)}
.rail-button.active:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}
.rail-bottom img{opacity:1}

/* Folder pane */
.sidebar{background:var(--pane);border-right:0;padding:12px 8px 12px 8px}
.mailbox-name{font-size:14px;font-weight:600;color:var(--ink);padding:6px 10px 0;min-width:0}
.mailbox-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mailbox-address{font-size:12px;color:var(--muted);margin:4px 0 12px 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compose-button{display:none}
.folder-button,.label-button{min-height:32px;margin:1px 0;padding:6px 12px;border-radius:4px;font-size:14px;color:var(--ink);gap:10px;position:relative}
.folder-button .icon{width:20px;height:20px;color:var(--ink-2)}
.folder-button small{font-size:13px;font-weight:600;color:var(--blue)}
.folder-button:hover,.label-button:hover{background:var(--hover)}
.folder-button.active{background:var(--blue-select);color:var(--ink);font-weight:600}
.folder-button.active:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--blue)}
.section-label{font-size:12px;letter-spacing:0;font-weight:600;color:var(--muted);margin:18px 12px 6px;text-transform:none}
.label-button{font-size:14px;min-height:30px}
.label-dot{width:10px;height:10px;border-radius:50%}
.manage-link{font-size:13px;color:var(--ink-2);padding:10px 10px;border-top:1px solid var(--line)}
.manage-link .icon{width:16px;height:16px}
.storage{font-size:12px;color:var(--muted);padding:12px 10px 0;border-top:1px solid var(--line)}
.storage small{font-size:11px;color:var(--muted-2)}
.storage-bar{height:4px;background:var(--line)}
.online-dot{width:8px;height:8px;background:#13a10e}

/* Command bar */
.mail-area{background:var(--canvas)}
.command-bar{display:flex;align-items:center;gap:2px;height:48px;padding:0 12px;background:var(--canvas);border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto;scrollbar-width:none}
.command-bar::-webkit-scrollbar{display:none}
.cmd{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:14px;white-space:nowrap}
.cmd .icon{width:18px;height:18px;color:var(--blue)}
.cmd:hover{background:var(--hover)}
.cmd:active{background:var(--line)}
.cmd-primary{background:var(--blue);color:#fff;font-weight:600;padding:0 14px 0 10px;margin-right:6px}
.cmd-primary .icon{color:#fff}
.cmd-primary:hover{background:var(--blue-hover)}
.cmd-primary:active{background:var(--blue-press)}
.cmd-sep{width:1px;height:20px;background:var(--line);margin:0 6px;flex-shrink:0}
.cmd-end{margin-left:auto}

/* Folder heading above list */
.mail-heading{height:auto;padding:12px 16px 4px;border:0}
.mail-heading h1{font-size:20px;font-weight:600;letter-spacing:0;margin:0;color:var(--ink)}
.mail-heading #folder-caption,.private-mark,#quick-schedule-btn{display:none}
.heading-actions .send-button{height:32px;padding:0 14px;border-radius:4px;font-size:14px;font-weight:600}
.demo-strip{display:none}

/* Message list */
.mail-content{grid-template-columns:minmax(320px,38%) minmax(0,1fr)}
.message-pane{border-right:1px solid var(--line);background:var(--canvas)}
.list-toolbar{height:44px;padding:0 12px;gap:4px;border-bottom:1px solid var(--line)}
.list-toolbar .text-button{font-size:14px;color:var(--muted);padding:10px 8px;border-radius:0;position:relative;background:transparent}
.list-toolbar .text-button:hover{color:var(--ink);background:transparent}
.list-toolbar .selected-filter{color:var(--ink);font-weight:600}
.list-toolbar .selected-filter:after{content:'';position:absolute;left:8px;right:8px;bottom:2px;height:3px;border-radius:2px;background:var(--blue)}
.list-total{font-size:12px;color:var(--muted)}
input[type=checkbox]{width:16px;height:16px;border-color:#8a8886;border-radius:2px}
input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px #fff}
.message-row{min-height:0;padding:10px 12px 10px 14px;gap:12px;border-bottom:1px solid var(--line-soft);align-items:flex-start;cursor:pointer}
.message-row:hover{background:var(--hover)}
.message-row.selected{background:var(--blue-select);box-shadow:none}
.message-row.unread{box-shadow:inset 3px 0 var(--blue)}
.message-row.selected.unread{box-shadow:inset 3px 0 var(--blue)}
.message-row>input{margin-top:10px;width:16px;height:16px;opacity:0;transition:opacity .1s}
.message-row:hover>input,.message-row>input:checked,.message-pane:has(.message-row>input:checked) .message-row>input{opacity:1}
.message-row>.avatar{width:32px;height:32px;font-size:12px;margin-top:2px}
.message-top{margin:0 0 2px;gap:8px}
.message-top strong{font-size:14px;color:var(--ink);font-weight:400}
.message-top time{font-size:12px;color:var(--muted)}
.message-subject{font-size:14px;line-height:20px;color:var(--ink);margin:0}
.message-snippet{font-size:13px;line-height:18px;color:var(--muted)}
.message-row.unread .message-top strong{font-weight:600;color:var(--ink)}
.message-row.unread .message-subject{font-weight:600;color:var(--blue)}
.message-row.unread .message-top strong:before{display:none}
.message-row.unread .message-top time{color:var(--blue);font-weight:600}
.message-bottom{margin-top:4px;min-height:0}
.message-bottom:empty{display:none}
.message-label{font-size:11px;padding:1px 6px;border-radius:2px}
.star-button{color:#bdbdbd}
.star-button .icon{width:16px;height:16px}
.star-button.starred{color:#c50f1f}
.star-button.starred .icon{fill:#c50f1f}
.list-footer{font-size:12px;color:var(--muted);padding:8px 12px}
.bulk-toolbar{background:var(--blue-tint);font-size:13px;color:var(--ink);padding:4px 12px}
.compact .message-row{min-height:0;padding-top:6px;padding-bottom:6px}

/* Reading pane */
.reader{background:var(--canvas)}
.reader-toolbar{height:44px;padding:0 16px;gap:4px;border-bottom:1px solid var(--line)}
.reader-toolbar .icon{width:18px;height:18px}
.reader-toolbar .icon-button{color:var(--ink-2);border-radius:4px}
.reader-toolbar .icon-button:hover{background:var(--hover);color:var(--ink)}
.reader-hint{font-size:12px;color:var(--muted)}
.reader-content{padding:20px 28px 32px;max-width:1000px}
.reader-subject{margin-bottom:16px}
.reader-subject h2{font-size:20px;font-weight:600;line-height:28px;letter-spacing:0;color:var(--ink);max-width:none;margin:0 0 6px}
.sender{padding-bottom:16px;gap:12px;border-bottom:1px solid var(--line-soft)}
.avatar.large{width:40px;height:40px;font-size:14px}
.sender-details strong{font-size:14px;color:var(--ink);margin-bottom:2px}
.sender-details small{font-size:12px;line-height:18px;color:var(--muted)}
.sender time{font-size:12px;color:var(--muted)}
.message-body{font-size:14px;line-height:1.55;color:var(--ink);padding:20px 0;max-width:820px}
.reply-actions{gap:8px;padding-top:16px;border-color:var(--line-soft)}
.reply-actions .icon-button{border:1px solid #d1d1d1;border-radius:4px;color:var(--ink);font-size:14px;padding:6px 14px;height:32px}
.reply-actions .icon-button:hover{background:var(--hover)}
.reply-actions .icon{color:var(--blue)}
.reader-empty h2,.empty-list h2{font-size:20px;font-weight:600;color:var(--ink)}
.reader-empty p,.empty-list p{font-size:14px;color:var(--muted);max-width:320px}
.reader-empty>.icon,.empty-list>.icon{color:var(--blue);width:48px;height:48px}
.attachment-card{border-color:var(--line);border-radius:4px}
.attachment-card strong{font-size:13px}
.attachment-card small{font-size:12px}
.chip-action{font-size:13px;border-radius:4px;color:var(--ink);height:32px}
.smart-reply-chip,.ai-pill{font-size:13px}
.quick-reply-box{border-radius:4px}
.quick-reply-box textarea{font-size:14px}

/* Dialogs and compose */
dialog{border-radius:8px;border-color:var(--line);color:var(--ink);box-shadow:0 25.6px 57.6px rgba(0,0,0,.22),0 4.8px 14.4px rgba(0,0,0,.18)}
.compose-dialog header{background:var(--canvas);padding:10px 16px}
.compose-dialog header strong{font-size:14px;font-weight:600}
.from-row,.compose-field{font-size:14px;color:var(--muted)}
.from-row strong{font-size:14px;color:var(--ink)}
.compose-field input{font-size:14px;color:var(--ink)}
.compose-dialog textarea{font-size:14px;line-height:1.5;color:var(--ink)}
.send-button{border-radius:4px;font-size:14px;font-weight:600;padding:0 16px;height:32px;background:var(--blue)}
.send-button:hover{background:var(--blue-hover)}
.text-button{font-size:14px}
.demo-chip{display:none}
.small-dialog h2{font-size:20px;font-weight:600;letter-spacing:0}
.dialog-subtitle{font-size:14px;color:var(--muted)}
.login-field span{font-size:14px;color:var(--ink)}
.login-field input{border-radius:4px;border-color:#8a8886;font-size:14px}
.login-field input:focus{border-color:var(--blue);outline:none;box-shadow:inset 0 -2px var(--blue)}
.account-option strong,.contact-option strong{font-size:14px}
.account-option small,.contact-option small{font-size:12px}
.setting-row{font-size:14px}
.toast{border-radius:4px;font-size:14px;background:#292929}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}

/* Calendar */
.calendar-content{background:var(--canvas)}
.cal-day-num{font-size:13px}
.cal-event-pill{font-size:12px;border-radius:2px;border-left:3px solid var(--blue)}
.calendar-weekdays{font-size:12px}
.agenda-header h3{font-size:16px}
.agenda-header small{font-size:12px}
.agenda-card{border-radius:4px}

.mobile-fab{display:none}

/* Dark theme */
body.dark-mode{--ink:#ffffff;--ink-2:#d6d6d6;--muted:#adadad;--muted-2:#999;--line:#3d3d3d;--line-soft:#333;--pane:#1f1f1f;--canvas:#292929;--hover:#333333;--blue-tint:#082338;--blue-select:#0c3b5e;background:var(--pane)}
body.dark-mode .topbar{background:#0f548c}
body.dark-mode .sidebar,body.dark-mode .app-rail{background:var(--pane)}
body.dark-mode .message-pane,body.dark-mode .reader,body.dark-mode .mail-area,body.dark-mode .command-bar{background:var(--canvas)}
body.dark-mode .message-row.unread .message-subject,body.dark-mode .message-row.unread .message-top time{color:#479ef5}
body.dark-mode .message-row.selected{background:var(--blue-select)}
body.dark-mode .search{background:#fff}

/* Medium widths: tighten panes */
@media(max-width:1200px){
  .workspace{grid-template-columns:48px 210px minmax(0,1fr)}
  .mail-content{grid-template-columns:320px minmax(0,1fr)}
  .cmd span{display:none}
  .cmd-primary span{display:inline}
  .message-row>.avatar{display:inline-flex}
}
@media(max-width:1050px){
  .message-row{min-height:0;padding:10px 14px}
  .message-top strong,.message-subject{font-size:14px}
  .message-snippet{font-size:13px}
  .message-top time{font-size:12px}
}

/* Phone: mobile-mail patterns (header with account + folder, list, bottom tab bar, floating compose) */
@media(max-width:700px){
  .topbar{height:56px;padding:0 6px 0 4px;gap:4px}
  .brand span:after{display:none}
  .brand strong{font-size:18px}
  .brand img{display:none}
  .menu-toggle{order:-2;display:inline-flex}
  .account-avatar{order:-1;margin:0 6px 0 2px}
  .search{width:40px;min-width:40px;background:transparent;color:#fff;margin-left:auto;padding:0 10px}
  .search .icon{color:#fff}
  .search:focus-within{top:8px;height:40px;background:#fff;color:var(--blue)}
  .search:focus-within .icon{color:var(--blue)}
  #org-settings-top,#theme-toggle{display:none}
  .workspace{height:calc(100dvh - 56px);grid-template-columns:minmax(0,1fr);padding-bottom:calc(56px + env(safe-area-inset-bottom))}
  .app-rail{position:fixed;left:0;right:0;bottom:0;top:auto;height:calc(56px + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);flex-direction:row;justify-content:space-around;gap:0;z-index:20;border-right:0;border-top:1px solid var(--line);background:var(--canvas)}
  .rail-button{width:auto;flex:1;height:56px;font-size:11px}
  .rail-button.active:before{left:30%;right:30%;top:0;bottom:auto;width:auto;height:3px;border-radius:0 0 3px 3px}
  .rail-bottom,#org-branding-rail{display:none}
  .sidebar{left:0;top:56px;bottom:0;width:min(300px,85vw);z-index:30;box-shadow:0 0 40px rgba(0,0,0,.25);background:var(--canvas)}
  .command-bar{display:none}
  .mail-heading{padding:10px 16px 2px}
  .mail-heading h1{font-size:20px}
  .list-toolbar{height:44px;padding:0 8px}
  .list-toolbar .select-all,.list-toolbar #refresh,.list-toolbar .toolbar-divider{display:none}
  .message-row{padding:12px 16px;gap:12px}
  .message-row>input{display:none}
  .message-row>.avatar{width:40px;height:40px;font-size:14px}
  .message-top strong{font-size:15px}
  .message-subject{font-size:14px}
  .message-snippet{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .message-top time{font-size:12px}
  .list-footer{display:none}
  .reader-content{padding:16px}
  .reading .mail-heading{display:none}
  .reader-toolbar{overflow-x:auto;scrollbar-width:none;padding:0 8px}
  .reader-toolbar .chip-action span,.reader-hint{display:none}
  .reader-toolbar .chip-action{border:0;padding:0 8px;flex-shrink:0}
  .reader-subject h2{font-size:20px}
  .message-body{font-size:15px}
  .sender time{font-size:12px}
  .sender-details small{font-size:12px}
  .mobile-fab{display:inline-flex;position:fixed;right:16px;bottom:calc(72px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:16px;border:0;background:var(--blue);color:#fff;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.24);z-index:21}
  .mobile-fab .icon{width:24px;height:24px}
  .reading .mobile-fab{display:none}
  .toast{bottom:calc(140px + env(safe-area-inset-bottom))}
}

/* === Organisation features: date groups, hover actions, density, reading-pane position === */
.list-group-header{position:sticky;top:0;z-index:1;background:var(--canvas);font-size:12px;font-weight:600;color:var(--blue);padding:10px 14px 4px;border-bottom:1px solid var(--line-soft)}
.row-actions{display:flex;align-items:center;gap:0;flex-shrink:0;margin:-4px -4px 0 0}
.row-action{display:none;width:28px;height:28px;padding:4px;color:var(--ink-2)}
.row-action .icon{width:16px;height:16px}
.row-action:hover{background:var(--line);color:var(--blue)}
.message-row:hover .row-action,.message-row:focus-within .row-action{display:inline-flex}
.message-row:hover .message-top time{visibility:hidden}
.message-open{min-width:0}
.setting-row select{font:inherit;font-size:14px;padding:4px 8px;border:1px solid #d1d1d1;border-radius:4px;background:var(--canvas);color:var(--ink);max-width:60%}
body.dark-mode .setting-row select{border-color:var(--line)}

/* Density */
.density-compact .message-row{padding-top:5px;padding-bottom:5px;gap:10px;align-items:center}
.density-compact .message-row>.avatar{width:24px;height:24px;font-size:10px;margin:0}
.density-compact .message-open{display:grid;grid-template-columns:minmax(0,1fr);row-gap:0}
.density-compact .message-top{margin:0}
.density-compact .message-subject{font-size:13px;line-height:18px}
.density-compact .message-snippet,.density-compact .message-bottom{display:none}
.density-compact .row-actions{margin-top:0}
.density-roomy .message-row{padding-top:14px;padding-bottom:14px}
.density-roomy .message-row>.avatar{width:40px;height:40px;font-size:14px}
.density-roomy .message-snippet{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Reading pane position (desktop/tablet) */
@media(min-width:1051px){
  .pane-bottom .mail-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,42%) minmax(0,1fr)}
  .pane-bottom .message-pane{border-right:0;border-bottom:1px solid var(--line)}
  .pane-off .mail-content{grid-template-columns:minmax(0,1fr)}
  .pane-off .reader{display:none}
  .pane-off.reading .reader{display:block}
  .pane-off.reading .message-pane{display:none}
  .pane-off .back-button{display:inline-flex}
}
@media(max-width:700px){
  .row-action{display:none!important}
  .message-row:hover .message-top time{visibility:visible}
}

/* === 2.10 refinements: tighter rows, aligned columns, one header row, categories, conversation, print === */
@media(min-width:1201px){.workspace{grid-template-columns:48px 220px minmax(0,1fr)}}
@media(min-width:701px){.sidebar{padding:10px 6px}}
.folder-button,.label-button{min-height:30px;padding:5px 10px;margin:0}
.folder-button small,.label-button small{margin-left:auto;font-size:12px;font-weight:600;color:var(--blue);min-width:18px;text-align:right}
.label-button small{color:var(--muted);font-weight:400}
.section-label{margin:14px 10px 4px}
.label-dot.green{background:#3a9d4f}.label-dot.red{background:#d13438}.label-dot.blue{background:#0f6cbd}
.message-label.green{background:#e7f4ea;color:#21713a}.message-label.red{background:#fdecec;color:#a4262c}.message-label.blue{background:#ebf3fc;color:#0f548c}
.message-label{font-size:11px;line-height:16px;padding:0 6px;border-radius:3px;flex-shrink:0;font-weight:600}
/* The folder name sits in the filter row instead of a separate heading line */
@media(min-width:701px){.mail-heading{display:none}}
.list-folder-title{font-size:15px;font-weight:600;color:var(--ink);margin:0 8px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.list-toolbar{height:40px;gap:2px}
.list-toolbar .text-button{padding:9px 7px}
.empty-folder{color:#a4262c!important;font-weight:600}
@media(max-width:700px){.list-folder-title{display:none}}
/* Message rows: sender + time, then subject with inline clip/category, then one snippet line */
.message-row{padding:7px 10px 7px 12px;gap:10px}
.message-row>.avatar{width:28px;height:28px;font-size:11px;margin-top:3px}
.message-row>input{margin-top:9px}
.message-top{margin:0}
.message-top strong{font-size:13.5px;flex:1;min-width:0}
.subject-line{display:flex;align-items:center;gap:6px;min-width:0}
.subject-line .message-subject{flex:0 1 auto;min-width:0;font-size:13.5px;line-height:19px;margin:0}
.row-clip{width:14px!important;height:14px!important;color:var(--muted);flex-shrink:0}
.row-answered{width:14px!important;height:14px!important;color:var(--muted);flex-shrink:0;margin-right:-2px}
.message-snippet{font-size:12.5px;line-height:17px}
.row-actions{margin:0 -4px 0 0;align-self:center}
.list-group-header{padding:6px 12px 3px;font-size:12px}
.density-compact .message-row{padding-top:4px;padding-bottom:4px}
.density-compact .message-open{display:grid;grid-template-columns:minmax(110px,32%) minmax(0,1fr);column-gap:10px;align-items:center}
.density-compact .message-top{grid-column:1}
.density-compact .message-top time{display:none}
.density-compact .subject-line{grid-column:2}
.density-compact .message-snippet{display:none}
@media(min-width:1201px){.mail-content{grid-template-columns:minmax(360px,40%) minmax(0,1fr)}}
/* Reading pane */
.reader-toolbar{height:40px;padding:0 12px;gap:2px}
.reader-toolbar .push-right{margin-left:auto}
.reader-content{padding:16px 24px 28px}
.reader-subject{margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.reader-subject h2{flex:1 1 100%;margin:0}
.sender{padding-bottom:12px}
.message-body{padding:16px 0}
.reader-attachments{gap:8px}
button.attachment-card{background:var(--canvas);color:var(--ink);text-align:left;cursor:pointer;padding:8px 12px;font:inherit;min-width:180px;max-width:280px}
button.attachment-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
button.attachment-card small{color:var(--blue)}
button.attachment-card:hover{background:var(--hover);border-color:var(--blue)}
.reply-actions{padding-top:12px;margin-top:8px}
.smart-reply-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:12px 0 8px;flex-wrap:nowrap}
.smart-reply-row::-webkit-scrollbar{display:none}
.smart-reply-chip{flex-shrink:0;white-space:nowrap;padding:4px 10px;border-radius:14px}
.quick-reply-box textarea{min-height:56px;height:56px;resize:vertical}
.conversation{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:10px}
.conversation h3{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 6px}
.conversation-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;background:transparent;text-align:left;padding:6px 8px;border-radius:4px;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.conversation-row:hover{background:var(--hover)}
.conversation-row strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-row.unread strong{font-weight:600}
.conversation-row span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-row time{font-size:12px;color:var(--muted);white-space:nowrap}
/* Dialog details */
.category-list{display:flex;flex-direction:column;gap:2px;margin:4px 0 8px}
.category-option{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 10px;border-radius:4px;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer}
.category-option:hover,.category-option.active{background:var(--hover)}
.category-option .icon{margin-left:auto;width:16px;height:16px;color:var(--blue)}
.category-list .text-button{align-self:flex-start;margin-top:4px}
.first-login-note{font-size:13px;line-height:1.5;background:var(--blue-tint);color:var(--ink);padding:10px 12px;border-radius:4px;margin:4px 0 10px}
.password-change{border:1px solid var(--line);border-radius:4px;padding:8px 12px;margin:12px 0}
.password-change summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink)}
.password-change form{margin-top:10px}
.password-change .form-error{padding:0;margin:4px 0}
@media(max-width:700px){
  .message-row{padding:10px 14px;gap:12px}
  .message-row>.avatar{width:38px;height:38px;font-size:13px}
  .subject-line .message-subject{font-size:14px}
  .conversation-row{grid-template-columns:90px minmax(0,1fr)}
  .conversation-row time{display:none}
}
/* Print: only the open message */
@media print{
  .topbar,.app-rail,.sidebar,.command-bar,.mail-heading,.demo-strip,.message-pane,.reader-toolbar,.reply-actions,.smart-reply-row,.quick-reply-box,.conversation,.mobile-fab,.toast,.ai-summary-card{display:none!important}
  body,.workspace,.mail-area,.mail-content,.reader{display:block!important;height:auto!important;overflow:visible!important;background:#fff!important;color:#000!important}
  .reader-content{padding:0;max-width:none}
}
/* Secondary commands drop their text before the bar runs out of room */
@media(max-width:1560px){.cmd-minor span{display:none}.cmd-minor{padding:0 8px}}
/* Keep every pane inside the window: long lists and messages scroll inside their own pane, never the page */
.workspace{grid-template-rows:minmax(0,1fr);overflow:hidden}
.workspace>*{min-height:0}
.mail-content{grid-template-rows:minmax(0,1fr)}
.message-pane,.reader,.sidebar{min-height:0}
.sidebar{overflow-y:auto}
.messages{min-height:0}
@media(min-width:1051px){.pane-bottom .mail-content{grid-template-rows:minmax(180px,42%) minmax(0,1fr)}}
.chip-action{white-space:nowrap;flex-shrink:0}
@media(max-width:1200px){
  .list-folder-title{display:none}
  .list-toolbar .text-button{padding:9px 5px}
  .reader-toolbar .chip-action span{display:none}
  .reader-toolbar .chip-action{padding:0 8px}
  .list-footer>span:last-child{display:none}
}

/* Mail screens show mail only; admin tools live in the admin console */
.sidebar .storage{margin-top:auto}
.admin-note{font-size:12px;color:var(--muted)}
.admin-note a{color:var(--blue)}

.settings-password-button{margin:4px 0 8px}
.danger-text{color:#a4262c!important}
#account-dialog .login-actions{flex-wrap:wrap;gap:6px}

.message-html{display:block;width:100%;max-width:900px;min-height:80px;border:0;background:#fff;margin:16px 0 8px;border-radius:4px}.message-body a{overflow-wrap:anywhere}