/* gmail_look v1 - clean Gmail-style look for richcmx / renomex / woahmail */
html.gl { --g-bg:#f6f8fc; --g-surface:#ffffff; --g-text:#1f1f1f; --g-text2:#444746; --g-text3:#5f6368; --g-line:#e1e3e1;
  --g-hover:#f2f6fc; --g-sel:#c2dbff; --g-nav:#d3e3fd; --g-acc:#0b57d0; --g-acc-ink:#ffffff; --g-fab:#c2e7ff; --g-fab-ink:#001d35;
  --g-search:#e9eef6; --g-font:'Google Sans','Roboto','Segoe UI',Helvetica,Arial,sans-serif; color-scheme:light; }
html.gl[data-gl="woah"] { --g-acc:#c5221f; --g-nav:#ffdad6; --g-sel:#ffd8d4; --g-fab:#ffdad6; --g-fab-ink:#410002; --g-hover:#fdf3f2; --g-search:#f6eceb; --g-bg:#fbf7f7; }
html.gl, html.gl body { background:var(--g-bg) !important; color:var(--g-text) !important; font-family:var(--g-font) !important; }
html.gl.gl-framed, html.gl.gl-framed body { background:var(--g-surface) !important; }
html.gl body * { text-shadow:none !important; }
html.gl #layout { background:var(--g-bg) !important; }

/* ---------- panels ---------- */
html.gl #layout > #layout-menu, html.gl #layout > #layout-sidebar { background:var(--g-bg) !important; border:0 !important; box-shadow:none !important; }
html.gl #layout > #layout-list, html.gl #layout > #layout-content { background:var(--g-surface) !important; border:0 !important; box-shadow:none !important; }
@media (min-width: 769px) {
  html.gl #layout > #layout-list { border-radius:16px 0 0 16px !important; margin:8px 0 8px 0 !important; height:calc(100% - 16px) !important; }
  html.gl #layout > #layout-content { border-radius:0 16px 16px 0 !important; margin:8px 8px 8px 0 !important; height:calc(100% - 16px) !important; border-left:1px solid var(--g-line) !important; }
}

/* ---------- headers & toolbars ---------- */
html.gl #layout .header, html.gl #layout .footer { background:transparent !important; border:0 !important; box-shadow:none !important; color:var(--g-text) !important; }
html.gl #layout .header-title { font-family:var(--g-font) !important; font-size:20px !important; font-weight:400 !important; color:var(--g-text) !important; letter-spacing:0 !important; text-transform:none !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
html.gl #layout .header a.button, html.gl .toolbar a.button, html.gl #toolbar-list-menu a, html.gl .searchbar a.button {
  background:transparent !important; border:0 !important; box-shadow:none !important; color:var(--g-text2) !important; border-radius:20px !important; }
html.gl #layout .header a.button:hover, html.gl .toolbar a.button:not(.disabled):hover, html.gl #toolbar-list-menu a:hover { background:rgba(68,71,70,.08) !important; }
html.gl #layout .header a.button::before, html.gl .toolbar a.button::before, html.gl #toolbar-list-menu a::before { color:var(--g-text2) !important; }
html.gl .toolbar a.button.disabled, html.gl #toolbar-list-menu a.disabled { opacity:.38 !important; }
html.gl #toolbar-list-menu, html.gl #toolbar-list-menu li { background:transparent !important; border:0 !important; box-shadow:none !important; }
html.gl .toolbar a.button .inner, html.gl #toolbar-list-menu a .inner { font-family:var(--g-font) !important; font-size:12px !important; color:var(--g-text2) !important; text-transform:none !important; letter-spacing:0 !important; }

/* ---------- search pill ---------- */
html.gl #layout-list .searchbar, html.gl .searchbar { background:var(--g-search) !important; border:0 !important; border-radius:28px !important; box-shadow:none !important; }
html.gl .searchbar input, html.gl #mailsearchform, html.gl #quicksearchbox { background:transparent !important; border:0 !important; box-shadow:none !important; color:var(--g-text) !important; font-family:var(--g-font) !important; font-size:16px !important; letter-spacing:0 !important; }
html.gl .searchbar input::placeholder { color:var(--g-text2) !important; opacity:1 !important; }
html.gl .searchbar:focus-within { background:var(--g-surface) !important; box-shadow:0 1px 1px rgba(65,69,73,.3), 0 1px 3px 1px rgba(65,69,73,.15) !important; }

/* ---------- message list ---------- */
html.gl table.messagelist, html.gl table.messagelist tbody { background:var(--g-surface) !important; }
html.gl table.messagelist tr { background:var(--g-hover) !important; border:0 !important; box-shadow:none !important; }
html.gl table.messagelist tr.unread { background:var(--g-surface) !important; }
html.gl table.messagelist tr td { background:transparent !important; border:0 !important; border-bottom:1px solid #eef0f2 !important; box-shadow:none !important; font-family:var(--g-font) !important; }
html.gl table.messagelist tr td:first-child { border-left:0 !important; }
html.gl table.messagelist tr:hover { box-shadow:inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important; position:relative; z-index:1; }
html.gl table.messagelist tr.selected, html.gl table.messagelist tr.selected:hover { background:var(--g-sel) !important; }
html.gl table.messagelist td.subject span.fromto, html.gl table.messagelist td.subject span.fromto * , html.gl table.messagelist td.fromto { color:var(--g-text) !important; font-weight:400 !important; font-size:14px !important; }
html.gl table.messagelist td.subject span.subject, html.gl table.messagelist td.subject span.subject a, html.gl table.messagelist td.subject span.subject a span { color:var(--g-text2) !important; font-weight:400 !important; font-size:14px !important; text-decoration:none !important; }
html.gl table.messagelist tr.unread td.subject span.fromto, html.gl table.messagelist tr.unread td.subject span.fromto *,
html.gl table.messagelist tr.unread td.subject span.subject a, html.gl table.messagelist tr.unread td.subject span.subject a span { color:var(--g-text) !important; font-weight:700 !important; }
html.gl table.messagelist td span.date, html.gl table.messagelist td.date { font-family:var(--g-font) !important; font-size:12px !important; color:var(--g-text2) !important; letter-spacing:0 !important; }
html.gl table.messagelist tr.unread td span.date { color:var(--g-text) !important; font-weight:700 !important; }
html.gl table.messagelist span.msgicon.status, html.gl table.messagelist span.msgicon.status.unread { display:none !important; }
html.gl table.messagelist td.subject span.fromto::before { display:none !important; content:none !important; }
html.gl table.messagelist td.selection input[type=checkbox] { accent-color:var(--g-acc); }
html.gl .gl-av { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; color:#fff; font:500 15px/1 var(--g-font); margin-right:12px; flex:none; vertical-align:middle; }
html.gl table.messagelist td.flags span.flag span.flagged::before { color:#f4b400 !important; }

/* ---------- left menu & folders ---------- */
html.gl #taskmenu a, html.gl #layout-menu .special-buttons a, html.gl #layout-menu a.rnx-ai-task-btn {
  background:transparent !important; border:0 !important; box-shadow:none !important; color:var(--g-text2) !important; border-radius:16px !important; font-family:var(--g-font) !important; }
html.gl #taskmenu a::before, html.gl #layout-menu .special-buttons a::before { color:var(--g-text2) !important; }
html.gl #taskmenu a:hover, html.gl #layout-menu .special-buttons a:hover { background:rgba(68,71,70,.08) !important; }
html.gl #taskmenu a.selected { background:var(--g-nav) !important; color:var(--g-text) !important; font-weight:700 !important; }
html.gl #taskmenu a.selected::before { color:var(--g-text) !important; }
html.gl #taskmenu a .inner, html.gl #layout-menu .special-buttons a .inner { color:inherit !important; font-family:var(--g-font) !important; text-transform:none !important; letter-spacing:0 !important; }
html.gl #taskmenu a.compose { background:var(--g-fab) !important; color:var(--g-fab-ink) !important; box-shadow:0 1px 2px rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important; }
html.gl #taskmenu a.compose::before { color:var(--g-fab-ink) !important; }
html.gl #taskmenu a.compose:hover { box-shadow:0 1px 3px rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15) !important; }
html.gl #layout-menu .popover-header { background:var(--g-bg) !important; border:0 !important; }
html.gl #layout-menu .popover-header a.button { background:transparent !important; border:0 !important; color:var(--g-text2) !important; }
html.gl .rnx-eco-chip { background:var(--g-surface) !important; border:1px solid var(--g-line) !important; color:var(--g-text2) !important; box-shadow:none !important; }
html.gl .rnx-eco-chip .rnx-chip-txt { color:var(--g-acc) !important; font-family:var(--g-font) !important; }
html.gl #mailboxlist li, html.gl .treelist li { background:transparent !important; border:0 !important; }
html.gl #mailboxlist li > a, html.gl .treelist li > a { color:var(--g-text) !important; font-family:var(--g-font) !important; font-size:14px !important; border-radius:0 16px 16px 0 !important; background:transparent !important; box-shadow:none !important; }
html.gl #mailboxlist li > a::before { color:var(--g-text2) !important; }
html.gl #mailboxlist li > a:hover { background:rgba(68,71,70,.08) !important; }
html.gl #mailboxlist li.selected > a { background:var(--g-nav) !important; font-weight:700 !important; color:var(--g-text) !important; }
html.gl #mailboxlist li.selected > a::before { color:var(--g-text) !important; }
html.gl #mailboxlist .unreadcount { background:transparent !important; border:0 !important; color:var(--g-text) !important; font-weight:700 !important; font-size:12px !important; font-family:var(--g-font) !important; }

/* ---------- floating compose (phone) ---------- */
html.gl .floating-action-buttons a, html.gl a.floating-action, html.gl a.compose[data-fab].fab, html.gl #layout-list a.compose {
  background:var(--g-fab) !important; color:var(--g-fab-ink) !important; border-radius:16px !important; box-shadow:0 1px 3px rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15) !important; }

/* ---------- reading a message ---------- */
html.gl #message-header, html.gl .message-header { background:var(--g-surface) !important; border:0 !important; box-shadow:none !important; color:var(--g-text) !important; }
html.gl #message-header h2.subject, html.gl h2.subject { font-family:var(--g-font) !important; font-size:22px !important; font-weight:400 !important; color:var(--g-text) !important; background:none !important; -webkit-text-fill-color:currentColor !important; letter-spacing:0 !important; }
html.gl #message-header a, html.gl #message-header .header a { color:var(--g-text) !important; font-weight:700; }
html.gl #message-header .date, html.gl #message-header span.date { color:var(--g-text2) !important; font-size:12px !important; font-family:var(--g-font) !important; }
html.gl #messagebody, html.gl #messagebody .message-part, html.gl #messagebody .message-htmlpart { background:var(--g-surface) !important; color:var(--g-text) !important; box-shadow:none !important; border:0 !important; filter:none !important; }
html.gl #messagebody div.message-part pre, html.gl #messagebody div.message-part .pre { color:var(--g-text) !important; font-family:var(--g-font) !important; font-size:14px !important; }
html.gl #messagebody a { color:var(--g-acc) !important; }

/* ---------- writing ---------- */
html.gl #compose-content input, html.gl .compose-headers input, html.gl #compose-subject, html.gl .recipient-input {
  background:var(--g-surface) !important; color:var(--g-text) !important; border:0 !important; border-bottom:1px solid var(--g-line) !important; border-radius:0 !important; box-shadow:none !important; }
html.gl #composebody { background:var(--g-surface) !important; color:var(--g-text) !important; border:0 !important; box-shadow:none !important; font-family:var(--g-font) !important; font-size:14px !important; }
html.gl .recipient-input .recipient { background:var(--g-surface) !important; border:1px solid var(--g-line) !important; border-radius:16px !important; color:var(--g-text) !important; }

/* ---------- forms, buttons, popups ---------- */
html.gl .form-control, html.gl input[type=text], html.gl input[type=password], html.gl input[type=email], html.gl input[type=search], html.gl select, html.gl textarea {
  background-color:var(--g-surface) !important; color:var(--g-text) !important; border-color:#c4c7c5 !important; box-shadow:none !important; font-family:var(--g-font) !important; letter-spacing:0 !important; }
html.gl .form-control:focus, html.gl input:focus, html.gl select:focus, html.gl textarea:focus { border-color:var(--g-acc) !important; box-shadow:0 0 0 1px var(--g-acc) !important; outline:none !important; }
html.gl .btn-primary, html.gl button.mainaction, html.gl .btn.mainaction, html.gl input.mainaction, html.gl a.button.mainaction, html.gl #rcmloginsubmit, html.gl .ui-dialog .ui-dialog-buttonset .mainaction {
  background:var(--g-acc) !important; color:var(--g-acc-ink) !important; border:0 !important; border-radius:20px !important; box-shadow:none !important; clip-path:none !important;
  font-family:var(--g-font) !important; font-weight:500 !important; text-transform:none !important; letter-spacing:.01em !important; }
html.gl .btn-primary:hover, html.gl button.mainaction:hover, html.gl #rcmloginsubmit:hover { box-shadow:0 1px 2px rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important; filter:none !important; }
html.gl .btn-secondary, html.gl .btn.btn-secondary, html.gl .ui-dialog .ui-dialog-buttonset .btn:not(.mainaction) {
  background:var(--g-surface) !important; color:var(--g-acc) !important; border:1px solid #747775 !important; border-radius:20px !important; font-family:var(--g-font) !important; text-transform:none !important; letter-spacing:0 !important; }
html.gl .popover, html.gl .ui-dialog, html.gl .ui-menu, html.gl .dropdown-menu, html.gl .ui-autocomplete {
  background:var(--g-surface) !important; color:var(--g-text) !important; border:0 !important; border-radius:12px !important; backdrop-filter:none !important;
  box-shadow:0 2px 6px 2px rgba(60,64,67,.15), 0 1px 2px rgba(60,64,67,.3) !important; }
html.gl .popover-header, html.gl .ui-dialog-titlebar, html.gl .ui-dialog .ui-dialog-title { background:var(--g-surface) !important; color:var(--g-text) !important; border:0 !important; font-family:var(--g-font) !important; text-transform:none !important; letter-spacing:0 !important; }
html.gl ul.menu li a, html.gl .popover ul a { color:var(--g-text) !important; font-family:var(--g-font) !important; }
html.gl ul.menu li a:not(.disabled):hover, html.gl .popover ul a:not(.disabled):hover { background:rgba(68,71,70,.08) !important; }
html.gl #messagestack > div { background:#303030 !important; color:#f2f2f2 !important; border:0 !important; border-radius:8px !important; font-family:var(--g-font) !important; box-shadow:0 2px 6px 2px rgba(60,64,67,.15) !important; }
html.gl #messagestack > div * { color:#f2f2f2 !important; }
html.gl .pagenav, html.gl .pagenav * { color:var(--g-text2) !important; font-family:var(--g-font) !important; }
html.gl #rx-notspam { background:var(--g-acc) !important; color:#fff !important; border-radius:20px !important; clip-path:none !important; font-family:var(--g-font) !important; font-weight:500 !important; font-size:14px !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:0 1px 3px rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15) !important; }
html.gl * { scrollbar-color:#c4c7c5 transparent; }

/* ---------- list rows (tested on the real richcmx skin) ---------- */
html.gl #messagelist tr, html.gl #messagelist tr.unread, html.gl #messagelist tr.message { border:0 !important; border-left:0 !important; box-shadow:none !important; }
html.gl #messagelist tr.message { background:var(--g-hover) !important; padding:0 !important; min-height:0 !important; height:auto !important; }
html.gl #messagelist tr.message.unread { background:var(--g-surface) !important; }
html.gl #messagelist tr.message.selected, html.gl #messagelist tr.message.selected.unread { background:var(--g-sel) !important; }
html.gl #messagelist tr.message:hover { box-shadow:inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15) !important; }
html.gl #messagelist:not(.withselection) td.selection { display:none !important; }
html.gl #messagelist tr td { border-bottom:0 !important; }
html.gl #messagelist td.subject { position:relative !important; padding:10px 16px 10px 72px !important; height:auto !important; min-height:64px !important; row-gap:2px !important; align-content:center !important; }
html.gl #messagelist td.subject span.fromto, html.gl #messagelist td.subject span.subject { height:auto !important; line-height:20px !important; margin:0 !important; }
html.gl #messagelist td.subject span.date { line-height:20px !important; color:var(--g-text2) !important; }
html.gl #messagelist tr.unread td.subject span.date { color:var(--g-text) !important; }
html.gl #messagelist td.subject span.fromto .gl-av { position:absolute !important; left:16px !important; top:50% !important; transform:translateY(-50%); width:40px !important; height:40px !important; margin:0 !important;
  color:#ffffff !important; font-weight:500 !important; font-size:18px !important; }
html.gl .searchbar form, html.gl .searchbar input { background:transparent !important; border:0 !important; box-shadow:none !important; }
html.gl #layout-list .searchbar { margin:4px 12px 8px !important; width:auto !important; }

/* ---------- drawer / left menu ---------- */
html.gl #layout #layout-menu #taskmenu a, html.gl #layout #layout-menu #taskmenu a.selected { display:flex !important; flex-direction:row !important; align-items:center !important; gap:18px !important;
  height:48px !important; min-height:48px !important; padding:0 18px !important; margin:2px 8px !important; border:0 none !important; border-left:0 none !important; border-radius:24px !important; font-size:14px !important; }
html.gl #layout #layout-menu #taskmenu a::before { margin:0 !important; line-height:24px !important; height:24px !important; width:24px !important; text-align:center !important; position:static !important; }
html.gl #layout #layout-menu #taskmenu a .inner { line-height:24px !important; margin:0 !important; padding:0 !important; font-size:14px !important; position:static !important; }
html.gl #layout #layout-menu #taskmenu a.compose { height:56px !important; border-radius:16px !important; margin:8px 8px 12px !important; font-weight:500 !important; }
html.gl #layout #layout-menu #taskmenu a#rnx-taskmenu-ai { width:auto !important; justify-content:flex-start !important; }
html.gl #layout #layout-menu #taskmenu a#rnx-taskmenu-ai::before { display:none !important; }
html.gl #layout #layout-menu #taskmenu a#rnx-taskmenu-ai > * { margin:0 !important; padding:0 !important; }
html.gl #layout-menu .rnx-ai-sparkle { width:24px !important; text-align:center !important; color:var(--g-acc) !important; }
html.gl #layout #layout-menu .rnx-taskmenu-ecosystem { display:flex !important; flex-direction:row !important; justify-content:flex-start !important; gap:8px !important; padding:8px 26px !important; margin:0 !important; width:100% !important; }
html.gl .rnx-eco-chip { width:44px !important; height:44px !important; min-height:0 !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; }
html.gl #layout #layout-menu .special-buttons { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; padding:0 !important; margin:0 !important; width:100% !important; }
html.gl #layout #layout-menu .special-buttons a { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:18px !important; height:48px !important;
  padding:0 18px !important; margin:2px 8px !important; border-radius:24px !important; text-align:left !important; width:auto !important; }
html.gl #layout #layout-menu .special-buttons a::before { margin:0 !important; width:24px !important; text-align:center !important; color:var(--g-text2) !important; }
html.gl #layout #layout-menu .special-buttons a .inner { font-size:14px !important; }

/* ---------- reading (tested) ---------- */
html.gl body.action-preview #layout-content, html.gl body.action-show #layout-content, html.gl .frame-content, html.gl #layout-content .content { background:var(--g-surface) !important; box-shadow:none !important; border:0 !important; border-radius:0 !important; }
html.gl #layout-content .frame-content { padding:0 !important; }
html.gl #layout-content #message-content { box-shadow:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; background:var(--g-surface) !important; }
html.gl #layout-content #message-header, html.gl #layout-content #message-header .header { background:var(--g-surface) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html.gl #layout-content #message-header { padding:8px 16px 4px !important; }
html.gl #layout-content #message-header .header { padding:0 !important; }
html.gl #layout-content #message-header h2.subject { font-size:22px !important; font-weight:400 !important; line-height:28px !important; color:var(--g-text) !important; margin:8px 0 16px !important; }
html.gl #layout-content #message-header .contactphoto { width:40px !important; height:40px !important; border-radius:50% !important; }
html.gl #layout-content #message-header .header-summary, html.gl #layout-content #message-header .header-summary * { font-size:14px !important; color:var(--g-text2) !important; }
html.gl #layout-content #message-header .header-summary a.rcmContactAddress { color:var(--g-text) !important; font-weight:700 !important; text-decoration:none !important; }
html.gl #layout-content #message-header .header-links a, html.gl #layout-content #message-header .header a:not(.rcmContactAddress) { color:var(--g-acc) !important; font-weight:500 !important; }
html.gl #layout-content #messagebody { padding:0 16px !important; background:var(--g-surface) !important; border:0 !important; box-shadow:none !important; }
html.gl #layout-content #messagebody .message-part, html.gl #layout-content #messagebody .message-htmlpart { padding:8px 0 !important; background:var(--g-surface) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html.gl #layout-content #messagebody .pre, html.gl #layout-content #messagebody pre { font-family:var(--g-font) !important; font-size:14px !important; line-height:20px !important; color:var(--g-text) !important; }
html.gl #layout-content #messagebody blockquote { border-left:1px solid #ccc !important; border-right:0 !important; background:transparent !important; color:var(--g-text3) !important; padding-left:12px !important; margin-left:4px !important; }
html.gl #layout-content #messagebody blockquote * { color:var(--g-text3) !important; }
html.gl #layout .footer { border-top:1px solid var(--g-line) !important; background:var(--g-surface) !important; }
html.gl #layout .footer a, html.gl #layout .footer a::before { color:var(--g-text2) !important; }
/* ---------- compose ---------- */
html.gl #compose-content .formbuttons .btn-primary, html.gl #compose-content button.send { background:var(--g-acc) !important; background-image:none !important; color:#fff !important; border:0 !important; border-radius:20px !important; box-shadow:none !important; font-family:var(--g-font) !important; font-weight:500 !important; font-size:14px !important; letter-spacing:.01em !important; text-transform:none !important; padding:10px 24px !important; }
html.gl #compose-content .formbuttons .btn-primary::before { color:#fff !important; }
html.gl #compose-content .rnx-ai-compose-bar { background:transparent !important; border:0 !important; box-shadow:none !important; padding:4px 0 !important; }
html.gl #compose-content .rnx-ai-action-btn { background:var(--g-search) !important; border:0 !important; border-radius:18px !important; box-shadow:none !important; color:var(--g-text) !important; font-family:var(--g-font) !important; font-size:13px !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; padding:8px 14px !important; }
html.gl #compose-content .rnx-ai-action-btn * { color:inherit !important; font-family:var(--g-font) !important; letter-spacing:0 !important; text-transform:none !important; }
html.gl #compose-content .rnx-ai-action-btn:hover { background:var(--g-nav) !important; }
html.gl #compose-content select.form-control, html.gl #compose-content .input-group .form-control, html.gl #compose-content .input-group-append .btn, html.gl #compose-content .input-group-text { border:0 !important; border-bottom:1px solid var(--g-line) !important; border-radius:0 !important; background:var(--g-surface) !important; box-shadow:none !important; color:var(--g-text) !important; }
html.gl #compose-content .input-group-append a, html.gl #compose-content .input-group-append .input-group-text { background:transparent !important; border:0 !important; color:var(--g-text2) !important; }
html.gl #compose-content label, html.gl #compose-content .col-form-label { color:var(--g-text2) !important; font-family:var(--g-font) !important; font-size:14px !important; }
html.gl #compose-content .editor-toolbar { background:var(--g-surface) !important; border:0 !important; border-bottom:1px solid var(--g-line) !important; }

/* ---------- desktop rail ---------- */
@media (min-width: 769px) {
  html.gl #layout #layout-menu #taskmenu a, html.gl #layout #layout-menu #taskmenu a.selected { flex-direction:column !important; justify-content:center !important; gap:4px !important; height:auto !important; min-height:0 !important; padding:6px 0 !important; margin:2px 4px !important; border-radius:0 !important; background:transparent !important; font-size:12px !important; }
  html.gl #layout #layout-menu #taskmenu a::before { width:56px !important; height:32px !important; line-height:32px !important; border-radius:16px !important; font-size:18px !important; }
  html.gl #layout #layout-menu #taskmenu a:hover::before { background:rgba(68,71,70,.08) !important; }
  html.gl #layout #layout-menu #taskmenu a.selected::before { background:var(--g-nav) !important; color:var(--g-text) !important; }
  html.gl #layout #layout-menu #taskmenu a .inner { font-size:12px !important; line-height:16px !important; text-align:center !important; }
  html.gl #layout #layout-menu #taskmenu a.selected .inner { font-weight:700 !important; }
  html.gl #layout #layout-menu #taskmenu a.compose { width:56px !important; height:56px !important; padding:0 !important; margin:8px auto 16px !important; border-radius:16px !important; background:var(--g-fab) !important; }
  html.gl #layout #layout-menu #taskmenu a.compose::before { width:auto !important; height:auto !important; background:transparent !important; font-size:22px !important; }
  html.gl #layout #layout-menu #taskmenu a.compose .inner { display:none !important; }
  html.gl #layout #layout-menu #taskmenu a#rnx-taskmenu-ai { flex-direction:column !important; }
  html.gl #layout #layout-menu .special-buttons a { flex-direction:column !important; justify-content:center !important; gap:4px !important; height:auto !important; padding:6px 0 !important; margin:2px 4px !important; border-radius:0 !important; text-align:center !important; }
  html.gl #layout #layout-menu .special-buttons a::before { width:56px !important; height:32px !important; line-height:32px !important; border-radius:16px !important; }
  html.gl #layout #layout-menu .special-buttons a .inner { font-size:12px !important; text-align:center !important; }
  html.gl #layout #layout-menu .rnx-taskmenu-ecosystem { flex-direction:column !important; align-items:center !important; padding:8px 0 !important; }
  html.gl #messagelist td.subject { padding:8px 12px 8px 56px !important; min-height:56px !important; }
  html.gl #messagelist td.subject span.fromto .gl-av { left:12px !important; width:32px !important; height:32px !important; font-size:15px !important; }
  html.gl #mailboxlist li > a { height:32px !important; line-height:32px !important; padding-top:0 !important; padding-bottom:0 !important; margin-right:8px !important; }
}
html.gl #layout #layout-menu .special-buttons, html.gl #layout #layout-menu .special-buttons::before, html.gl #layout #layout-menu .special-buttons::after { background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
html.gl #layout #layout-menu .special-buttons a .inner { color:var(--g-text2) !important; }
/* ---------- login: Gmail-style sign-in ---------- */
html.gl body.task-login { background:var(--g-surface) !important; }
html.gl body.task-login #layout { background:var(--g-surface) !important; }
html.gl body.task-login #mg-rain, html.gl body.task-login canvas, html.gl body.task-login .skynet-telemetry-badge, html.gl body.task-login .hud-corner, html.gl body.task-login .hud-scanline,
html.gl body.task-login .card-security-header, html.gl body.task-login .renomex-ecosystem-portal, html.gl body.task-login #renomex-terminal-install-wrap { display:none !important; }
html.gl body.task-login #layout-content, html.gl body.task-login #layout > #layout-content { background:transparent !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; max-width:448px !important; margin:0 auto !important; padding:24px 16px !important; }
html.gl body.task-login .renomex-brand-wrap { margin:24px 0 8px !important; justify-content:flex-start !important; }
html.gl body.task-login .rnx-wordmark { justify-content:flex-start !important; gap:10px !important; }
html.gl body.task-login .rnx-wordmark-mark { height:40px !important; width:auto !important; filter:none !important; }
html.gl body.task-login .rnx-wordmark-text, html.gl body.task-login .rnx-wordmark-text * { font-family:var(--g-font) !important; font-size:22px !important; font-weight:400 !important; letter-spacing:0 !important; color:var(--g-text2) !important;
  background:none !important; -webkit-text-fill-color:currentColor !important; text-shadow:none !important; text-transform:none !important; }
html.gl body.task-login .renomex-glass-login-card { background:var(--g-surface) !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; border-radius:28px !important; padding:8px 0 0 !important; }
html.gl body.task-login #login-form { background:transparent !important; border:0 !important; box-shadow:none !important; backdrop-filter:none !important; padding:0 !important; }
html.gl body.task-login #login-form::before { content:'Sign in' !important; display:block !important; font-family:var(--g-font) !important; font-size:32px !important; line-height:40px !important; font-weight:400 !important;
  color:var(--g-text) !important; letter-spacing:0 !important; text-align:left !important; margin:8px 0 28px !important; text-shadow:none !important; animation:none !important; }
html.gl body.task-login #login-form::after { display:none !important; }
html.gl body.task-login #login-form table, html.gl body.task-login #login-form tbody, html.gl body.task-login #login-form tr, html.gl body.task-login #login-form td { display:block !important; width:100% !important; background:transparent !important; border:0 !important; }
html.gl body.task-login #login-form tr { margin:0 0 20px !important; }
html.gl body.task-login #login-form td.title, html.gl body.task-login #login-form .input-group-prepend, html.gl body.task-login #login-form tr::before, html.gl body.task-login #login-form td::before { display:none !important; content:none !important; }
html.gl body.task-login #login-form input.form-control { height:56px !important; width:100% !important; border:1px solid #747775 !important; border-radius:4px !important; background:var(--g-surface) !important;
  color:var(--g-text) !important; font-family:var(--g-font) !important; font-size:16px !important; padding:0 16px !important; box-shadow:none !important; letter-spacing:0 !important; }
html.gl body.task-login #login-form input.form-control:focus { border:2px solid var(--g-acc) !important; padding:0 15px !important; box-shadow:none !important; }
html.gl body.task-login #login-form input.form-control::placeholder { color:var(--g-text2) !important; }
html.gl body.task-login .renomex-pw-wrap { display:block !important; position:relative !important; width:100% !important; }
html.gl body.task-login .renomex-pw-eye { color:var(--g-text2) !important; }
html.gl body.task-login #login-form .formbuttons { display:flex !important; justify-content:flex-end !important; margin:8px 0 0 !important; }
html.gl body.task-login #rcmloginsubmit { width:auto !important; min-width:96px !important; height:40px !important; padding:0 24px !important; border-radius:20px !important; background:var(--g-acc) !important; background-image:none !important;
  color:#fff !important; font-family:var(--g-font) !important; font-size:14px !important; font-weight:500 !important; letter-spacing:.01em !important; text-transform:none !important; box-shadow:none !important; clip-path:none !important; animation:none !important; }
html.gl body.task-login #login-footer, html.gl body.task-login #login-footer a, html.gl body.task-login #ifplcontainer label, html.gl body.task-login #renomex-footer, html.gl body.task-login #renomex-footer * {
  color:var(--g-text2) !important; font-family:var(--g-font) !important; font-size:13px !important; letter-spacing:0 !important; text-transform:none !important; text-shadow:none !important; }
html.gl body.task-login #login-footer { text-align:left !important; margin-top:24px !important; }
html.gl body.task-login #login-footer a { color:var(--g-acc) !important; font-weight:500 !important; }
html.gl body.task-login #ifplcontainer { display:flex !important; align-items:center !important; gap:8px !important; justify-content:flex-start !important; margin-top:12px !important; }
html.gl body.task-login #ifplcontainer input { accent-color:var(--g-acc); width:18px !important; height:18px !important; }
html.gl body.task-login #renomex-footer { margin-top:32px !important; }
@media (min-width: 600px) {
  html.gl body.task-login { background:var(--g-bg) !important; }
  html.gl body.task-login #layout { background:var(--g-bg) !important; }
  html.gl body.task-login #layout-content { max-width:480px !important; margin:48px auto !important; background:var(--g-surface) !important; border-radius:28px !important; padding:36px 40px !important; }
}
html.gl body.task-login #layout #layout-content form#login-form, html.gl body.task-login #layout #layout-content .renomex-glass-login-card { background:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; }
html.gl body.task-login #layout #layout-content #renomex-logo, html.gl body.task-login #layout #layout-content .rnx-wordmark, html.gl body.task-login .rnx-wordmark img { filter:none !important; box-shadow:none !important; }
html.gl body.task-login #layout #layout-content #login-footer, html.gl body.task-login #layout #layout-content #login-footer * { color:var(--g-text2) !important; opacity:1 !important; }
html.gl body.task-login #layout #layout-content #login-footer a { color:var(--g-acc) !important; }
html.gl body.task-login #layout #layout-content #ifplcontainer label { color:var(--g-text) !important; font-size:14px !important; }
html.gl body.task-login #layout #layout-content #ifplcontainer input[type=checkbox] { appearance:auto !important; -webkit-appearance:checkbox !important; background:none !important; border:0 !important; box-shadow:none !important; margin:0 !important; }
html.gl body.task-login #layout #layout-content #rcmloginsubmit { width:auto !important; flex:0 0 auto !important; }
html.gl, html.gl body { color-scheme: light !important; }
@media (min-width: 600px) {
  html.gl body.task-login, html.gl body.task-login #layout { background:var(--g-bg) !important; }
  html.gl body.task-login #layout > #layout-content { max-width:450px !important; margin:10vh auto 24px !important; background:var(--g-surface) !important; border-radius:28px !important; padding:40px 44px 32px !important; height:auto !important; flex:0 0 auto !important; }
}

/* ---------- v2: one Send on phones, tidy IDJINN chips, Gmail dialogs, alerts bar ---------- */
html.gl.layout-small #compose-content .formbuttons, html.gl.layout-phone #compose-content .formbuttons { display:none !important; }
html.gl #layout-content > .footer.toolbar a.send, html.gl #layout-content > .footer.toolbar a.send::before, html.gl #layout-content > .footer.toolbar a.send .inner { color:var(--g-acc) !important; font-weight:500 !important; }
html.gl #compose-content .rnx-ai-compose-bar { display:flex !important; flex-wrap:nowrap !important; gap:8px !important; align-items:center !important; justify-content:flex-start !important; margin:4px 0 12px !important; padding:0 !important; overflow-x:auto !important; }
html.gl #compose-content .rnx-ai-compose-bar .rnx-ai-action-btn { flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; gap:6px !important; height:32px !important; min-height:0 !important; padding:0 14px !important; margin:0 !important; border-radius:16px !important; font-size:13px !important; line-height:32px !important; width:auto !important; }
html.gl #compose-content .rnx-ai-compose-bar .rnx-ai-sparkle, html.gl #compose-content .rnx-ai-compose-bar .rnx-ai-key-icon { font-size:14px !important; color:var(--g-acc) !important; text-shadow:none !important; filter:none !important; }
html.gl #compose-content .rnx-ai-compose-bar #rnx-btn-ai-config { display:none !important; }

html.gl .rnx-glass-modal-overlay { background:rgba(32,33,36,.45) !important; backdrop-filter:none !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:16px !important; }
html.gl .rnx-glass-modal-card { background:var(--g-surface) !important; background-image:none !important; border:0 !important; border-radius:28px !important; box-shadow:0 4px 8px 3px rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.3) !important; padding:24px !important; width:100% !important; max-width:560px !important; color:var(--g-text) !important; clip-path:none !important; backdrop-filter:none !important; }
html.gl .rnx-glass-modal-card .hud-corner, html.gl .rnx-glass-modal-card .hud-scanline, html.gl .rnx-glass-modal-card .pulse-indicator { display:none !important; }
html.gl .rnx-glass-modal-card .modal-header { display:flex !important; align-items:center !important; justify-content:space-between !important; border:0 !important; padding:0 0 16px !important; margin:0 !important; background:none !important; }
html.gl .rnx-glass-modal-card .modal-title-text { font-family:var(--g-font) !important; font-size:22px !important; font-weight:400 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--g-text) !important; text-shadow:none !important; }
html.gl .rnx-glass-modal-card .modal-title-text .rnx-ai-sparkle { color:var(--g-acc) !important; text-shadow:none !important; }
html.gl .rnx-glass-modal-card .modal-close-btn { background:none !important; border:0 !important; box-shadow:none !important; color:var(--g-text2) !important; font-size:26px !important; width:40px !important; height:40px !important; border-radius:20px !important; }
html.gl .rnx-glass-modal-card .modal-close-btn:hover { background:var(--g-hover) !important; }
html.gl .rnx-glass-modal-card .modal-body { padding:0 !important; background:none !important; }
html.gl .rnx-glass-modal-card .rnx-ai-node-badge { display:inline-flex !important; background:var(--g-search) !important; border:0 !important; box-shadow:none !important; border-radius:8px !important; color:var(--g-text2) !important; font-family:var(--g-font) !important; font-size:12px !important; letter-spacing:0 !important; text-transform:none !important; padding:4px 10px !important; margin:0 0 16px !important; }
html.gl .rnx-glass-modal-card .rnx-ai-node-badge * { color:inherit !important; font-family:inherit !important; text-shadow:none !important; }
html.gl .rnx-glass-modal-card .modal-label { display:block !important; font-family:var(--g-font) !important; font-size:12px !important; font-weight:500 !important; letter-spacing:0 !important; text-transform:none !important; color:var(--g-text2) !important; margin:0 0 6px !important; text-shadow:none !important; }
html.gl .rnx-glass-modal-card .modal-input, html.gl .rnx-glass-modal-card .modal-select, html.gl .rnx-glass-modal-card .rnx-ai-result-box { width:100% !important; background:var(--g-surface) !important; color:var(--g-text) !important; border:1px solid #747775 !important; border-radius:8px !important; box-shadow:none !important; font-family:var(--g-font) !important; font-size:15px !important; letter-spacing:0 !important; padding:12px 14px !important; margin:0 0 16px !important; }
html.gl .rnx-glass-modal-card .modal-input:focus, html.gl .rnx-glass-modal-card .rnx-ai-result-box:focus { border:2px solid var(--g-acc) !important; padding:11px 13px !important; outline:0 !important; }
html.gl .rnx-glass-modal-card .rnx-ai-result-box { min-height:150px !important; max-height:40vh !important; overflow:auto !important; white-space:pre-wrap !important; line-height:1.5 !important; }
html.gl .rnx-glass-modal-card .rnx-ai-result-box:empty::before { content:'IDJINN will write here…' !important; color:var(--g-text3) !important; }
html.gl .rnx-glass-modal-card .rnx-ai-status-msg, html.gl .rnx-glass-modal-card .modal-error-badge { background:var(--g-search) !important; border:0 !important; border-radius:8px !important; color:var(--g-text) !important; font-family:var(--g-font) !important; font-size:13px !important; letter-spacing:0 !important; text-transform:none !important; padding:8px 12px !important; margin:0 0 12px !important; }
html.gl .rnx-glass-modal-card .modal-footer { display:flex !important; justify-content:flex-end !important; gap:8px !important; border:0 !important; padding:8px 0 0 !important; margin:0 !important; background:none !important; flex-wrap:wrap !important; }
html.gl .rnx-glass-modal-card .rnx-btn-primary, html.gl .rnx-glass-modal-card .rnx-btn-secondary { height:40px !important; padding:0 24px !important; border-radius:20px !important; border:0 !important; box-shadow:none !important; clip-path:none !important; font-family:var(--g-font) !important; font-size:14px !important; font-weight:500 !important; letter-spacing:.01em !important; text-transform:none !important; text-shadow:none !important; background-image:none !important; animation:none !important; }
html.gl .rnx-glass-modal-card .rnx-btn-primary { background:var(--g-acc) !important; color:#fff !important; }
html.gl .rnx-glass-modal-card .rnx-btn-secondary { background:var(--g-search) !important; color:var(--g-acc) !important; }
html.gl .rnx-glass-modal-card .rnx-btn-primary:disabled, html.gl .rnx-glass-modal-card .rnx-btn-secondary:disabled { opacity:.5 !important; }
html.gl .rnx-glass-modal-card .gl-ai-note { font-family:var(--g-font) !important; font-size:15px !important; line-height:1.5 !important; color:var(--g-text) !important; margin:0 0 8px !important; }

#gl-alerts { display:flex; align-items:center; gap:12px; margin:8px 12px; padding:10px 12px 10px 16px; background:var(--g-nav); color:var(--g-text); border-radius:16px; font-family:var(--g-font); font-size:14px; line-height:1.35; }
#gl-alerts span { flex:1 1 auto; }
#gl-alerts button { flex:0 0 auto; height:36px; padding:0 16px; border-radius:18px; border:0; font-family:var(--g-font); font-size:14px; font-weight:500; cursor:pointer; }
#gl-alerts .gl-on { background:var(--g-acc); color:#fff; }
#gl-alerts .gl-x { background:transparent; color:var(--g-text2); padding:0 10px; }

/* ---------- v3: drawer links as rows, compose close (X) + attach, exit sheet ---------- */
@media (max-width: 768px) {
  html.gl #layout #layout-menu #taskmenu .rnx-taskmenu-ecosystem { display:block !important; padding:0 !important; margin:0 !important; border:0 !important; background:none !important; }
  html.gl #layout #layout-menu #taskmenu a.rnx-eco-chip { display:flex !important; align-items:center !important; gap:18px !important; width:auto !important; height:48px !important; padding:0 18px !important; margin:2px 8px !important; border-radius:24px !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:var(--g-text2) !important; font-family:var(--g-font) !important; font-size:14px !important; text-decoration:none !important; }
  html.gl #layout #layout-menu #taskmenu a.rnx-eco-chip .rnx-chip-txt { display:inline !important; }
}
html.gl #layout #layout-menu #taskmenu a.rnx-eco-chip::before { content:"\f0ac"; font-family:Icons !important; font-weight:900; font-size:17.5px; width:24px; text-align:center; color:var(--g-text2) !important; }
html.gl #layout #layout-menu #taskmenu a.rnx-eco-chip.gl-help::before { content:"\f059"; }
html.gl #layout #layout-menu #taskmenu a.rnx-eco-chip .rnx-chip-txt { font-size:inherit !important; font-weight:400 !important; color:inherit !important; letter-spacing:0 !important; background:none !important; border:0 !important; width:auto !important; height:auto !important; text-shadow:none !important; }
@media (min-width: 769px) { html.gl #layout #layout-menu #taskmenu a.rnx-eco-chip .rnx-chip-txt { display:none !important; } }

html.gl body.action-compose #layout-content > .header { align-items:center !important; }
html.gl body.action-compose #layout-content > .header a.gl-close, html.gl body.action-compose #layout-content > .header a.gl-attach { display:none; align-items:center; justify-content:center; width:48px; height:48px; flex:0 0 48px; border-radius:24px; color:var(--g-text2) !important; text-decoration:none !important; }
html.gl body.action-compose #layout-content > .header a.gl-close::before { content:"\f00d"; font-family:Icons; font-weight:900; font-size:20px; }
html.gl body.action-compose #layout-content > .header a.gl-attach::before { content:"\f0c6"; font-family:Icons; font-weight:900; font-size:20px; }
html.gl body.action-compose #layout-content > .header a.gl-close:active, html.gl body.action-compose #layout-content > .header a.gl-attach:active { background:var(--g-hover); }
html.gl.layout-small body.action-compose #layout-content > .header a.gl-close, html.gl.layout-phone body.action-compose #layout-content > .header a.gl-close,
html.gl.layout-small body.action-compose #layout-content > .header a.gl-attach, html.gl.layout-phone body.action-compose #layout-content > .header a.gl-attach { display:flex; }
html.gl.layout-small body.action-compose #layout-content > .header a.task-menu-button, html.gl.layout-phone body.action-compose #layout-content > .header a.task-menu-button { display:none !important; }
html.gl.layout-small body.action-compose #layout-content > .header .header-title, html.gl.layout-phone body.action-compose #layout-content > .header .header-title { flex:1 1 auto !important; margin:0 !important; padding:0 8px !important; text-align:left !important; font-size:20px !important; }
html.gl #compose-content .formbuttons button.gl-close-btn { background:transparent !important; color:var(--g-text2) !important; border:0 !important; box-shadow:none !important; border-radius:20px !important; font-family:var(--g-font) !important; font-size:14px !important; font-weight:500 !important; padding:10px 20px !important; margin-left:8px !important; text-transform:none !important; }
html.gl #compose-content .formbuttons button.gl-close-btn:hover { background:var(--g-hover) !important; }
html.gl #gl-exit .rnx-glass-modal-card { max-width:420px !important; }
html.gl #gl-exit .modal-footer button[data-a="discard"] { color:#b3261e !important; }
/* v4: Delete / Reply / Forward in the message header on phones */
html.gl body.task-mail:not(.action-compose) #layout-content > .header a.gl-mact { display:none; align-items:center; justify-content:center; width:44px; height:44px; flex:0 0 44px; border-radius:22px; color:var(--g-text2) !important; text-decoration:none !important; }
html.gl body.task-mail:not(.action-compose) #layout-content > .header a.gl-mact::before { font-family:Icons; font-weight:900; font-size:19px; }
html.gl body.task-mail #layout-content > .header a.gl-del::before { content:"\f2ed"; }
html.gl body.task-mail #layout-content > .header a.gl-rep::before { content:"\f3e5"; }
html.gl body.task-mail #layout-content > .header a.gl-fwd::before { content:"\f064"; }
html.gl body.task-mail #layout-content > .header a.gl-mact:active { background:var(--g-hover); }
html.gl.layout-small body.task-mail:not(.action-compose) #layout-content > .header a.gl-mact, html.gl.layout-phone body.task-mail:not(.action-compose) #layout-content > .header a.gl-mact { display:flex; }
html.gl.layout-small body.task-mail:not(.action-compose) #layout-content > .header a.toolbar-menu-button, html.gl.layout-phone body.task-mail:not(.action-compose) #layout-content > .header a.toolbar-menu-button { display:none !important; }
/* v5: quick delete (trash) on every row of the mail list */
html.gl #messagelist td.subject { position:relative !important; }
html.gl #messagelist td.subject span.subject { padding-right:40px !important; }
html.gl #messagelist a.gl-qdel { position:absolute; right:6px; bottom:4px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:18px; color:var(--g-text2) !important; text-decoration:none !important; z-index:2; opacity:.8; }
html.gl #messagelist a.gl-qdel::before { content:"\f2ed"; font-family:Icons; font-weight:900; font-size:16px; }
html.gl #messagelist a.gl-qdel:hover, html.gl #messagelist a.gl-qdel:active { background:rgba(68,71,70,.12); opacity:1; }
html.gl.layout-large #messagelist a.gl-qdel, html.gl.layout-medium #messagelist a.gl-qdel { opacity:0; }
html.gl.layout-large #messagelist tr:hover a.gl-qdel, html.gl.layout-medium #messagelist tr:hover a.gl-qdel { opacity:.8; }
html.gl #messagelist tr.gl-gone { opacity:.35; transition:opacity .2s; }