/* Fragger Mail — bespoke interface layer */
:root {
  --fm-ink:#18201f;
  --fm-muted:#70807c;
  --fm-soft:#f1f4ef;
  --fm-canvas:#e9eee8;
  --fm-paper:#fbfcf9;
  --fm-line:#dce3dc;
  --fm-brand:#5b4df5;
  --fm-brand-dark:#4436df;
  --fm-mint:#bff2d8;
  --fm-night:#172220;
  --fm-shadow:0 16px 45px rgba(31,48,43,.10);
  --fm-radius:18px;
}

html,body { background:var(--fm-canvas)!important;color:var(--fm-ink)!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important; }
body { background-image:radial-gradient(circle at 9% 4%,rgba(191,242,216,.75),transparent 26rem)!important; }
a { color:var(--fm-brand); }
a:hover { color:var(--fm-brand-dark); }

/* Main desktop shell */
#layout { gap:10px;padding:10px;box-sizing:border-box;background:transparent!important; }
#layout-menu,#layout-sidebar,#layout-list,#layout-content { border:0!important;box-shadow:var(--fm-shadow); }
#layout-menu { width:82px!important;min-width:82px!important;border-radius:22px!important;background:var(--fm-night)!important;overflow:hidden; }
#layout-sidebar { min-width:230px!important;max-width:250px!important;border-radius:var(--fm-radius)!important;background:rgba(251,252,249,.94)!important; }
#layout-list { min-width:360px!important;max-width:410px!important;border-radius:var(--fm-radius)!important;background:var(--fm-paper)!important; }
#layout-content { border-radius:var(--fm-radius)!important;background:var(--fm-paper)!important;overflow:hidden; }

/* Brand rail */
#layout-menu .popover-header { height:78px!important;min-height:78px!important;background:transparent!important;border:0!important; }
#layout-menu .popover-header img { width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(91,77,245,.3)); }
#taskmenu { background:transparent!important; }
#taskmenu a { position:relative!important;height:66px!important;margin:4px 8px!important;border-radius:15px!important;color:#8ea09c!important;background:transparent!important;transition:background .18s ease,color .18s ease,transform .18s ease!important; }
#taskmenu a:before { font-size:1.32rem!important;line-height:38px!important; }
#taskmenu a .inner { font-size:10px!important;font-weight:600!important;letter-spacing:.01em; }
#taskmenu a:hover { color:#fff!important;background:rgba(255,255,255,.08)!important;transform:translateY(-1px); }
#taskmenu a.selected { color:#fff!important;background:var(--fm-brand)!important;box-shadow:0 8px 20px rgba(91,77,245,.35)!important; }
#taskmenu .special-buttons { background:transparent!important;border:0!important; }
#taskmenu .special-buttons a { background:transparent!important; }

/* Shared headers */
#layout>div>.header { height:64px!important;min-height:64px!important;line-height:64px!important;padding:0 16px!important;background:transparent!important;border-bottom:1px solid var(--fm-line)!important;color:var(--fm-ink)!important; }
#layout>div>.header .header-title { color:var(--fm-ink)!important;font-family:'Segoe UI',Arial,sans-serif;font-weight:700!important; }
#layout-sidebar>.header .username { text-align:left!important;margin:0!important;font-size:13px!important; }
#layout-sidebar>.header .username:before { content:'Workspace';display:block;height:17px;margin-top:10px;color:var(--fm-muted);font-size:9px;font-family:'Segoe UI',Arial,sans-serif;font-weight:700;line-height:17px;text-transform:uppercase;letter-spacing:.16em; }
.header a.button,.toolbar a,.toolbar button { color:var(--fm-muted)!important;border-radius:10px!important; }
.header a.button:hover,.toolbar a:hover,.toolbar button:hover { color:var(--fm-brand)!important;background:#efefff!important; }

/* Folder panel */
#folderlist-content { padding:14px 10px!important;background:transparent!important; }
#mailboxlist li.trash { display:none!important; }
ul.treelist.folderlist li { margin:3px 0!important; }
ul.treelist.folderlist li>a,ul.treelist.folderlist li>div>a { min-height:45px!important;padding:0 12px!important;border-radius:12px!important;color:#52605d!important;font-weight:500!important;line-height:45px!important; }
ul.treelist.folderlist li>a:before,ul.treelist.folderlist li>div>a:before { color:#8e9a97!important; }
ul.treelist.folderlist li>a:hover,ul.treelist.folderlist li>div>a:hover { background:var(--fm-soft)!important;color:var(--fm-ink)!important; }
ul.treelist.folderlist li.selected>a,ul.treelist.folderlist li.selected>div>a { background:#ebe9ff!important;color:var(--fm-brand-dark)!important;box-shadow:none!important; }
ul.treelist.folderlist li.selected>a:before,ul.treelist.folderlist li.selected>div>a:before { color:var(--fm-brand)!important; }
.folderlist li.mailbox .unreadcount { min-width:25px!important;height:22px!important;padding:0 7px!important;border-radius:999px!important;background:var(--fm-brand)!important;color:#fff!important;line-height:22px!important; }
#layout-sidebar>.footer { margin:10px!important;border:0!important;border-radius:12px!important;background:var(--fm-soft)!important;color:var(--fm-muted)!important; }

/* Mail list */
#messagelist-header .header-title:after { content:'Inbox';font-size:17px; }
#messagelist-header .toolbar { background:transparent!important; }
.searchbar { height:auto!important;margin:14px 14px 8px!important;padding:0!important;border:0!important;background:transparent!important; }
.searchbar form { border:1px solid var(--fm-line)!important;border-radius:13px!important;background:var(--fm-soft)!important;overflow:hidden; }
.searchbar input { height:44px!important;background:transparent!important;border:0!important;color:var(--fm-ink)!important; }
.searchbar input::placeholder { color:#8c9995!important; }
.searchbar a { color:var(--fm-muted)!important; }
#messagelist-content { padding:6px 10px 10px!important;background:transparent!important; }
#messagelist { border-collapse:separate!important;border-spacing:0 5px!important;background:transparent!important; }
#messagelist thead { display:none!important; }
#messagelist tbody tr { filter:none;transition:transform .15s ease!important; }
#messagelist tbody tr:hover { transform:translateX(2px); }
#messagelist tbody td { padding-top:9px!important;padding-bottom:9px!important;border-top:1px solid var(--fm-line)!important;border-bottom:1px solid var(--fm-line)!important;background:#fff!important;color:var(--fm-muted)!important; }
#messagelist tbody td:first-child { border-left:1px solid var(--fm-line)!important;border-radius:13px 0 0 13px!important; }
#messagelist tbody td:last-child { border-right:1px solid var(--fm-line)!important;border-radius:0 13px 13px 0!important; }
#messagelist tbody tr.selected td { border-color:#d5d0ff!important;background:#eeecff!important;color:var(--fm-brand-dark)!important; }
#messagelist tbody tr.unread td { color:var(--fm-ink)!important;font-weight:600!important; }
#messagelist tbody tr.unread td:first-child { box-shadow:inset 3px 0 0 var(--fm-brand); }
#layout-list>.footer { margin:0 10px 10px!important;border:0!important;border-radius:12px!important;background:var(--fm-soft)!important;color:var(--fm-muted)!important; }

/* Reader and empty state */
#layout-content>.header { background:rgba(251,252,249,.9)!important; }
#layout-content .iframe-wrapper { background:linear-gradient(145deg,#f7f9f5,#eef2ed)!important; }
#message-header { margin:16px!important;padding:22px!important;border:1px solid var(--fm-line)!important;border-radius:16px!important;background:#fff!important;color:var(--fm-ink)!important; }
#message-header>.subject { color:var(--fm-ink)!important;font-family:'Segoe UI',Arial,sans-serif!important;font-size:1.45rem!important; }
#message-header>.header { background:var(--fm-soft)!important;border:0!important;border-radius:13px!important; }
#message-header .header-summary,#message-header .header-headers { color:var(--fm-muted)!important; }
.message-part,.message-htmlpart { margin:16px!important;padding:22px!important;border:1px solid var(--fm-line)!important;border-radius:16px!important;background:#fff!important;color:var(--fm-ink)!important; }
.message-partheaders { background:var(--fm-soft)!important;border-color:var(--fm-line)!important;color:var(--fm-muted)!important; }

/* Forms, compose, settings and contacts */
input,textarea,select,.form-control,.custom-select,.input-group-text { border:1px solid var(--fm-line)!important;border-radius:10px!important;background:#fff!important;color:var(--fm-ink)!important; }
input:focus,textarea:focus,select:focus,.form-control:focus { border-color:var(--fm-brand)!important;box-shadow:0 0 0 3px rgba(91,77,245,.12)!important; }
.btn-primary,.button.mainaction { border-color:transparent!important;border-radius:10px!important;background:var(--fm-brand)!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,77,245,.2)!important; }
.btn-primary:hover,.button.mainaction:hover { background:var(--fm-brand-dark)!important; }
.btn-secondary { border-color:var(--fm-line)!important;background:var(--fm-soft)!important;color:var(--fm-ink)!important; }
.popover,.dropdown-menu,.popupmenu,.modal-content,.ui-dialog { border:1px solid var(--fm-line)!important;border-radius:14px!important;background:#fff!important;color:var(--fm-ink)!important;box-shadow:0 22px 60px rgba(31,48,43,.18)!important; }
.listing li,.listing tr td,.listbox .listitem { border-color:var(--fm-line)!important; }
#directorylist li.selected>a,#directorylist li.selected>div>a,#settings-menu li.selected,#settings-menu li.selected>a { background:#ebe9ff!important;color:var(--fm-brand-dark)!important;box-shadow:inset 3px 0 0 var(--fm-brand)!important; }

/* Login — editorial split layout */
.task-login #layout { padding:0!important; }
.task-login #layout-content { min-height:100%!important;display:grid!important;place-items:center;padding:28px!important;background:radial-gradient(circle at 15% 18%,rgba(191,242,216,.8),transparent 30rem),var(--fm-canvas)!important; }
.fragger-login-page { width:min(1040px,calc(100vw - 44px));min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:8px solid rgba(255,255,255,.58);border-radius:30px;background:var(--fm-paper);box-shadow:0 30px 90px rgba(31,48,43,.16); }
.fragger-login-brand { position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:58px;overflow:hidden;background:var(--fm-night);color:#fff; }
.fragger-login-brand:after { content:'F';position:absolute;right:-35px;bottom:-115px;color:rgba(191,242,216,.08);font:700 390px/1 'Segoe UI',Arial,sans-serif; }
.task-login .fragger-login-brand img#logo { position:relative;z-index:1;width:88px!important;height:88px!important;object-fit:contain!important;filter:drop-shadow(0 12px 24px rgba(91,77,245,.35)); }
.fragger-brand-features { position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap; }
.fragger-brand-features span { padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#c4d1ce;font-size:11px;font-weight:600; }
.fragger-brand-copy { position:relative;z-index:1;max-width:410px; }
.fragger-eyebrow,.fragger-kicker { color:var(--fm-mint);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase; }
.fragger-brand-copy h2,.fragger-login-heading h2 { margin:12px 0;color:inherit;font:700 clamp(34px,4vw,54px)/1.05 'Segoe UI',Arial,sans-serif;letter-spacing:-.045em; }
.fragger-brand-copy p { max-width:350px;color:#9fb0ac;font-size:16px;line-height:1.65; }
.fragger-login-panel { display:flex;flex-direction:column;justify-content:center;padding:58px;background:var(--fm-paper); }
.fragger-login-heading { margin-bottom:28px;color:var(--fm-ink); }
.fragger-login-heading h2 { margin:8px 0;font-size:38px; }
.fragger-login-heading>p:last-child { color:var(--fm-muted); }
.fragger-mobile-mark { display:none; }
.task-login #login-form { position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important; }
.task-login #login-form .input-group { height:52px;margin-bottom:14px; }
.task-login #login-form .input-group-text { width:50px;justify-content:center;background:var(--fm-soft)!important;color:var(--fm-brand)!important; }
.task-login #login-form input.form-control { height:52px!important;padding:0 15px!important; }
.task-login #login-form .button.mainaction { width:100%!important;min-height:52px!important;margin-top:4px!important; }
.task-login #login-footer { margin-top:20px!important;color:var(--fm-muted)!important;text-align:center!important;font-size:11px!important; }

/* Ownership toast */
.fragger-domain-notice { position:fixed;right:18px;top:18px;z-index:100000;width:min(380px,calc(100vw - 36px));display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--fm-line);border-radius:14px;background:#fff;box-shadow:var(--fm-shadow);color:var(--fm-ink);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s ease; }
.fragger-domain-notice.show { opacity:1;transform:none;pointer-events:auto; }
.fragger-domain-notice img { width:40px;height:40px;object-fit:contain; }
.fragger-domain-notice small { display:block;color:var(--fm-muted); }
.fragger-domain-notice button { margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:var(--fm-soft);color:var(--fm-ink); }

@media(max-width:1100px) {
  #layout { gap:6px;padding:6px; }
  #layout-menu { width:54px!important;min-width:54px!important;border-radius:14px!important; }
  #taskmenu a { margin:3px 5px!important; }
  #layout-sidebar,#layout-list,#layout-content { border-radius:14px!important; }
  #layout-sidebar { min-width:210px!important; }
  #layout-list { min-width:320px!important; }
}
@media(max-width:760px) {
  #layout { gap:0;padding:0; }
  #layout-menu,#layout-sidebar,#layout-list,#layout-content { border-radius:0!important;box-shadow:none!important; }
  .fragger-login-page { width:min(430px,calc(100vw - 24px));min-height:0;grid-template-columns:1fr;border-width:5px; }
  .fragger-login-brand { display:none; }
  .fragger-login-panel { padding:40px 28px; }
  .fragger-mobile-mark { display:block;margin-bottom:22px; }
  .fragger-mobile-mark img { width:62px;height:62px;object-fit:contain; }
}

html:not(.touch) ::-webkit-scrollbar { width:7px;height:7px; }
html:not(.touch) ::-webkit-scrollbar-track { background:transparent!important; }
html:not(.touch) ::-webkit-scrollbar-thumb { border:2px solid transparent!important;border-radius:99px;background:#bcc7c2!important;background-clip:padding-box!important; }

/* Fixed dark appearance — Fragger Mail does not expose a light theme. */
:root {
  color-scheme:dark;
  --fm-ink:#f4f7fb;
  --fm-muted:#8fa0b8;
  --fm-soft:#13233a;
  --fm-canvas:#050c18;
  --fm-paper:#0b1728;
  --fm-line:#20344f;
  --fm-brand:#6c63ff;
  --fm-brand-dark:#8c86ff;
  --fm-mint:#45d9c5;
  --fm-night:#070f1d;
  --fm-shadow:0 18px 48px rgba(0,0,0,.34);
}

html,body { background:#050c18!important;color:var(--fm-ink)!important; }
body { background-image:radial-gradient(circle at 10% 0,rgba(53,80,151,.18),transparent 30rem)!important; }
#layout { background:transparent!important; }
#layout-menu { background:linear-gradient(180deg,#081221,#060d19)!important; }
#layout-sidebar { background:#091525!important; }
#layout-list { background:#0b1728!important; }
#layout-content { background:#0a1627!important; }

#layout>div>.header { background:#0d1a2c!important;border-color:var(--fm-line)!important;color:var(--fm-ink)!important; }
#layout>div>.header .header-title { color:var(--fm-ink)!important; }
#layout-sidebar>.header { align-items:stretch!important;justify-content:flex-start!important; }
#layout-sidebar>.header .username { display:flex!important;min-width:0!important;margin:0!important;padding:9px 4px 7px!important;flex:1!important;flex-direction:column!important;justify-content:center!important;line-height:17px!important;text-align:left!important;text-decoration:none!important; }
#layout-sidebar>.header .username:before { height:auto!important;margin:0 0 2px!important;color:#7387a3!important;line-height:13px!important; }
#layout-sidebar>.header .sidebar-menu { align-self:center!important;flex:0 0 40px!important; }
.header a.button,.toolbar a,.toolbar button { color:#8fa0b8!important; }
.header a.button:hover,.toolbar a:hover,.toolbar button:hover { background:#182a44!important;color:#fff!important; }
.toolbar a.disabled,.toolbar button.disabled { color:#43556d!important;opacity:.8!important; }

#folderlist-content { background:#091525!important; }
ul.treelist.folderlist li>a,ul.treelist.folderlist li>div>a { color:#b9c7d9!important;border:0!important; }
ul.treelist.folderlist li>a:before,ul.treelist.folderlist li>div>a:before { color:#7286a1!important; }
ul.treelist.folderlist li>a:hover,ul.treelist.folderlist li>div>a:hover { background:#12243a!important;color:#fff!important; }
ul.treelist.folderlist li.selected>a,ul.treelist.folderlist li.selected>div>a { background:linear-gradient(90deg,#273263,#242c52)!important;color:#fff!important;box-shadow:inset 3px 0 0 #7269ff!important; }
ul.treelist.folderlist li.selected>a:before,ul.treelist.folderlist li.selected>div>a:before { color:#8b84ff!important; }
#layout-sidebar>.footer,#layout-list>.footer { background:#0f2035!important;border:1px solid #1b304a!important;color:#8496ad!important; }

.searchbar form { background:#0d1d31!important;border-color:#263b56!important; }
.searchbar input { background:transparent!important;color:#eef4ff!important; }
.searchbar input::placeholder { color:#71849d!important;opacity:1!important; }
.searchbar a { color:#8fa2ba!important; }
#messagelist-content { background:#0b1728!important; }
#messagelist { color:#c8d4e4!important; }
#messagelist tbody tr { opacity:1!important; }
#messagelist tbody td { background:#0e1c2f!important;border-color:#213650!important;color:#91a5bd!important;opacity:1!important; }
#messagelist tbody tr:hover td { background:#132640!important;color:#dce8f7!important; }
#messagelist tbody tr.selected td { background:#242c52!important;border-color:#4d4c8a!important;color:#e9e8ff!important; }
#messagelist tbody tr.unread td { color:#f3f7fd!important;font-weight:600!important; }
#messagelist tbody tr.unread td:first-child { box-shadow:inset 3px 0 0 #7168ff!important; }
#messagelist tbody .subject,#messagelist tbody .fromto,#messagelist tbody .date { opacity:1!important; }
#messagelist tbody .subject { color:inherit!important; }

#layout-content>.header { background:#0d1a2c!important; }
#layout-content .iframe-wrapper { background:#071425!important; }
#message-content { background:#071425!important; }
#message-header { background:#0c1a2c!important;border-color:#223952!important;color:#edf4ff!important; }
#message-header>.subject { color:#fff!important; }
#message-header>.header { background:#12243a!important;color:#dbe6f3!important; }
#message-header .header-summary,#message-header .header-headers { color:#9eafc3!important; }
.message-part { background:#0d1b2e!important;border-color:#223952!important;color:#dbe6f3!important; }
.message-htmlpart { background:#ffffff!important;border-color:#223952!important;color:#1a202c!important;border-radius:14px!important; }
.message-htmlpart div.rcmBody { color:#1a202c; }
.message-partheaders { background:#102138!important;border-color:#223952!important;color:#a9b8ca!important; }

input,textarea,select,.form-control,.custom-select,.input-group-text { background:#0d1c30!important;border-color:#28405e!important;color:#edf4ff!important; }
input::placeholder,textarea::placeholder { color:#71849c!important;opacity:1!important; }
input:focus,textarea:focus,select:focus,.form-control:focus { border-color:#7168ff!important;box-shadow:0 0 0 3px rgba(108,99,255,.18)!important; }
.btn-secondary { background:#14263e!important;border-color:#29415f!important;color:#d9e4f1!important; }
.popover,.dropdown-menu,.popupmenu,.modal-content,.ui-dialog { background:#0d1b2e!important;border-color:#29415f!important;color:#e7eef8!important; }
.popover-header,.ui-dialog .ui-dialog-titlebar { background:#13253d!important;border-color:#29415f!important;color:#fff!important; }
.popover-body,.ui-dialog .ui-dialog-content,.ui-dialog .ui-dialog-buttonpane { background:#0d1b2e!important;color:#dce6f3!important; }
.menu.listing li>a,.dropdown-item { color:#c3d0e0!important; }
.menu.listing li>a:hover,.dropdown-item:hover { background:#172b46!important;color:#fff!important; }
#directorylist li>a,#settings-menu li,#settings-menu li>a { color:#bdcadb!important; }
#directorylist li.selected>a,#directorylist li.selected>div>a,#settings-menu li.selected,#settings-menu li.selected>a { background:#242c52!important;color:#fff!important;box-shadow:inset 3px 0 0 #7168ff!important; }

.task-login #layout-content { background:radial-gradient(circle at 16% 16%,rgba(80,72,210,.22),transparent 30rem),#050c18!important; }
.fragger-login-page { border-color:rgba(92,112,148,.16)!important;background:#091525!important;box-shadow:0 34px 100px rgba(0,0,0,.5)!important; }
.fragger-login-brand { background:linear-gradient(145deg,#0b1730,#080f1d)!important; }
.fragger-login-brand:after { color:rgba(108,99,255,.08)!important; }
.fragger-login-panel { background:#0c192b!important; }
.fragger-login-heading { color:#f6f8fc!important; }
.fragger-login-heading>p:last-child,.task-login #login-footer { color:#8294ab!important; }
.task-login #login-form .input-group-text { background:#10223a!important;color:#8c86ff!important; }

.fragger-domain-notice { background:#0e1c2f!important;border-color:#29415f!important;color:#f3f7fd!important; }
.fragger-domain-notice small { color:#8fa0b8!important; }
.fragger-domain-notice button { background:#172a43!important;color:#dce6f3!important; }

html:not(.touch) ::-webkit-scrollbar-thumb { background:#324761!important; }
html { scrollbar-color:#324761 #091525!important; }

/* Login composition corrections */
.fragger-login-page {
  width:min(1020px,calc(100vw - 48px))!important;
  min-height:580px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  border-width:7px!important;
  border-radius:28px!important;
}
.fragger-login-brand {
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  align-items:start!important;
  justify-items:start!important;
  padding:52px 56px!important;
  text-align:left!important;
}
.fragger-login-brand:after { content:none!important;display:none!important; }
.task-login .fragger-login-brand img#logo {
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:76px!important;
  height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  margin:0!important;
}
.fragger-brand-features {
  align-self:start!important;
  justify-content:flex-start!important;
  margin-top:18px!important;
}
.fragger-brand-features span {
  padding:7px 11px!important;
  border-color:#273b58!important;
  background:#101f34!important;
  color:#b7c6d8!important;
}
.fragger-brand-copy {
  align-self:end!important;
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  text-align:left!important;
}
.fragger-brand-copy h2 {
  margin:12px 0 10px!important;
  font-size:46px!important;
  white-space:nowrap!important;
}
.fragger-brand-copy p {
  max-width:390px!important;
  margin:0!important;
  color:#91a5bd!important;
  line-height:1.55!important;
  text-align:left!important;
}
.fragger-login-panel { padding:54px 58px!important; }
.fragger-login-heading { margin-bottom:30px!important;text-align:left!important; }
.fragger-login-heading h2 { font-size:38px!important; }
.task-login #login-form .input-group { width:100%!important; }
.task-login #login-form .input-group-text { border-radius:11px 0 0 11px!important; }
.task-login #login-form input.form-control { border-radius:0 11px 11px 0!important; }
.task-login #login-form .button.mainaction { border-radius:11px!important;font-weight:700!important; }

@media(max-width:900px) {
  .fragger-login-page { grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important; }
  .fragger-login-brand { padding:44px!important; }
  .fragger-brand-copy h2 { font-size:39px!important; }
  .fragger-login-panel { padding:44px 38px!important; }
}
@media(max-width:760px) {
  .fragger-login-page { width:min(430px,calc(100vw - 24px))!important;min-height:0!important;grid-template-columns:1fr!important;border-width:5px!important; }
  .fragger-login-brand { display:none!important; }
  .fragger-login-panel { padding:40px 28px!important; }
  .fragger-login-heading { text-align:left!important; }
}

/* Reference-matched desktop login */
.task-login #layout-content {
  padding:32px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(35,55,125,.34),transparent 33rem),
    #061426!important;
}
.fragger-login-page {
  width:min(980px,calc(100vw - 64px))!important;
  min-height:560px!important;
  height:560px!important;
  grid-template-columns:54% 46%!important;
  border:1px solid #1d4267!important;
  border-radius:25px!important;
  background:#07172b!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
.fragger-login-brand {
  position:relative!important;
  display:block!important;
  padding:0!important;
  background:linear-gradient(140deg,#0c2c57 0%,#09213f 58%,#081a32 100%)!important;
}
.task-login .fragger-login-brand img#logo {
  position:absolute!important;
  top:74px!important;
  left:50%!important;
  width:108px!important;
  height:108px!important;
  max-width:108px!important;
  max-height:108px!important;
  transform:translateX(-50%)!important;
  filter:drop-shadow(0 15px 28px rgba(0,78,255,.28))!important;
}
.fragger-brand-features {
  position:absolute!important;
  top:261px!important;
  left:0!important;
  right:0!important;
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
}
.fragger-brand-features span {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 13px!important;
  border:1px solid #245080!important;
  border-radius:999px!important;
  background:rgba(5,24,48,.32)!important;
  color:#d7e8fb!important;
  font-size:12px!important;
  line-height:18px!important;
}
.fragger-brand-features span:before {
  color:#29c8ff!important;
  font-family:Icons!important;
  font-weight:900!important;
}
.fragger-brand-features .private:before { content:'\f023'!important; }
.fragger-brand-features .fast:before { content:'\f0e7'!important; }
.fragger-brand-features .reliable:before { content:'\f058'!important; }
.fragger-brand-copy {
  position:absolute!important;
  right:64px!important;
  bottom:68px!important;
  left:64px!important;
  width:auto!important;
  max-width:none!important;
}
.fragger-eyebrow,.fragger-kicker {
  color:#27d3ef!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
}
.fragger-brand-copy h2 {
  margin:16px 0 18px!important;
  color:#fff!important;
  font-size:45px!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
.fragger-brand-copy p {
  max-width:none!important;
  color:#8fc5f5!important;
  font-size:16px!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
.fragger-login-panel {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:96px 58px 48px!important;
  background:#07172b!important;
}
.fragger-login-panel>* { width:100%!important;max-width:334px!important;margin-right:auto!important;margin-left:auto!important; }
.fragger-login-heading { margin:0 0 34px!important;text-align:left!important; }
.fragger-login-heading h2 {
  margin:15px 0 10px!important;
  color:#fff!important;
  font-size:37px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.fragger-login-heading>p:last-child { margin:0!important;color:#86a7cd!important;font-size:14px!important; }
.task-login #login-form .input-group { height:52px!important;margin-bottom:14px!important; }
.task-login #login-form .input-group-text {
  width:52px!important;
  border-color:#244b75!important;
  border-radius:5px 0 0 5px!important;
  background:#0b2341!important;
  color:#4ebcff!important;
}
.task-login #login-form input.form-control {
  height:52px!important;
  border-color:#244b75!important;
  border-radius:0 5px 5px 0!important;
  background:#091d37!important;
  color:#fff!important;
  font-size:16px!important;
}
.task-login #login-form input.form-control:focus { border-color:#168cff!important;box-shadow:0 0 0 2px rgba(22,140,255,.25)!important; }
.task-login #login-form .button.mainaction {
  min-height:52px!important;
  margin-top:4px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#176cff,#2995f7)!important;
  box-shadow:0 12px 25px rgba(20,113,255,.2)!important;
  font-size:16px!important;
}
.task-login #login-footer { margin-top:24px!important;color:#779ac2!important; }
.fragger-secure:before { content:'\f023';margin-right:7px;color:#27c9ef;font-family:Icons;font-weight:900; }

@media(max-width:900px) and (min-width:761px) {
  .fragger-login-page { grid-template-columns:51% 49%!important; }
  .fragger-brand-copy { right:38px!important;left:38px!important; }
  .fragger-brand-copy h2 { font-size:38px!important; }
  .fragger-brand-copy p { font-size:14px!important; }
  .fragger-login-panel { padding-right:34px!important;padding-left:34px!important; }
}
@media(max-width:760px) {
  .task-login #layout-content { padding:12px!important; }
  .fragger-login-page { width:min(430px,100%)!important;height:auto!important;min-height:0!important;grid-template-columns:1fr!important; }
  .fragger-login-brand { display:none!important; }
  .fragger-login-panel { padding:42px 28px!important; }
}

/* Mailbox navigation and transient-state polish */
#taskmenu a.about,
#taskmenu .special-buttons a.about,
a.button.about { display:none!important; }

#layout-menu { border-right:1px solid #13243a!important; }
#taskmenu a { color:#82a7b4!important; }
#taskmenu a:before { color:#7da5b5!important; }
#taskmenu a:hover { color:#e8f4ff!important;background:#10243c!important; }
#taskmenu a:hover:before { color:#51c8ff!important; }
#taskmenu a.selected {
  color:#fff!important;
  background:linear-gradient(145deg,#6357f5,#6d62ff)!important;
  box-shadow:0 10px 26px rgba(91,77,245,.34)!important;
}
#taskmenu a.selected:before { color:#fff!important; }
#taskmenu a.logout,#taskmenu a.logout:before { color:#ff555f!important; }

#layout-sidebar { border-right:1px solid #182a42!important; }
#layout-sidebar>.header { background:#0b1b30!important; }
#layout-sidebar>.header .username { color:#f2f7ff!important;font-weight:700!important; }
#layout-sidebar>.header .username:before { color:#6f92b2!important; }
#folderlist-content { padding:10px!important; }
ul.treelist.folderlist li { margin:4px 0!important;border:0!important; }
ul.treelist.folderlist li>a,
ul.treelist.folderlist li>div>a {
  box-sizing:border-box!important;
  width:100%!important;
  min-height:45px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:11px!important;
  color:#c2d0df!important;
  line-height:45px!important;
}
ul.treelist.folderlist li>a:after,
ul.treelist.folderlist li>div>a:after { display:none!important; }
ul.treelist.folderlist li>a:before,
ul.treelist.folderlist li>div>a:before { color:#6f99bf!important; }
ul.treelist.folderlist li>a:hover,
ul.treelist.folderlist li>div>a:hover { background:#11263f!important;color:#fff!important; }
ul.treelist.folderlist li.selected>a,
ul.treelist.folderlist li.selected>div>a {
  background:linear-gradient(90deg,#293464,#252e57)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #7168ff!important;
}
ul.treelist.folderlist li.selected>a:before,
ul.treelist.folderlist li.selected>div>a:before { color:#8d87ff!important; }
.folderlist li.mailbox .unreadcount {
  min-width:30px!important;
  height:24px!important;
  padding:0 8px!important;
  border:0!important;
  background:#675cff!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:24px!important;
}
#layout-sidebar>.footer {
  height:36px!important;
  min-height:36px!important;
  margin:10px!important;
  padding:0 10px!important;
  border:1px solid #1e3857!important;
  border-radius:11px!important;
  background:#0d2037!important;
}
.quota-widget { color:#8ba5bc!important; }
.quota-widget:before { color:#7898b5!important; }
.quota-widget .bar { border:0!important;background:#263c53!important; }
.quota-widget .value { background:linear-gradient(90deg,#4fc9ff,#7067ff)!important;opacity:1!important; }

#messagestack { right:14px!important;bottom:14px!important;width:min(360px,calc(100vw - 28px))!important; }
#messagestack div,
#messagestack .alert,
#messagestack .alert-info,
#messagestack .loading {
  min-height:46px!important;
  box-sizing:border-box!important;
  margin:8px 0 0!important;
  padding:11px 14px!important;
  border:1px solid #27496a!important;
  border-radius:10px!important;
  background:#10243b!important;
  color:#bfd0df!important;
  box-shadow:0 14px 35px rgba(0,0,0,.3)!important;
  opacity:1!important;
}
#messagestack .alert-info,
#messagestack .information { border-color:#255078!important;background:#102b47!important; }
#messagestack div>i.icon:before { color:#48c2f2!important; }
#messagestack .loading { border-color:#2b4057!important;background:#152638!important;color:#b9c8d5!important; }
#messagestack .loading>i.icon:before { color:#6acbff!important; }
.listing-info {
  width:auto!important;
  max-width:80%!important;
  padding:12px 18px!important;
  border:1px solid #213a55!important;
  border-radius:10px!important;
  background:#0f2034!important;
  color:#8fa6ba!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  font-weight:500!important;
}
.iframe-loader { background:rgba(6,15,28,.92)!important; }
.iframe-loader .spinner-border { color:#7168ff!important;border-color:#7168ff #263750 #263750!important; }

/* Account header alignment */
#layout-sidebar>.header {
  box-sizing:border-box!important;
  height:72px!important;
  min-height:72px!important;
  padding:0 12px 0 16px!important;
  align-items:center!important;
  overflow:hidden!important;
}
#layout-sidebar>.header .username {
  display:flex!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:13px 8px 11px 0!important;
  flex:1 1 auto!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  color:#f4f8ff!important;
  font-size:13px!important;
  line-height:18px!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#layout-sidebar>.header .username:before {
  display:block!important;
  flex:0 0 auto!important;
  margin:0 0 3px!important;
  color:#75a0c8!important;
  font-size:9px!important;
  line-height:13px!important;
  letter-spacing:.17em!important;
}
#layout-sidebar>.header .sidebar-menu {
  display:flex!important;
  width:36px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 36px!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:42px!important;
}
#layout-sidebar>.header .sidebar-menu:before {
  width:auto!important;
  height:auto!important;
  margin:0!important;
  line-height:1!important;
}

/* Navigation rail alignment */
#layout-menu {
  box-sizing:border-box!important;
  width:78px!important;
  min-width:78px!important;
  padding:0 6px 8px!important;
  border:1px solid #12243a!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#071323 0%,#050e1b 100%)!important;
}
#layout-menu .popover-header {
  display:flex!important;
  height:76px!important;
  min-height:76px!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
}
#layout-menu .popover-header img {
  display:block!important;
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0!important;
}
#taskmenu {
  display:flex!important;
  height:calc(100% - 76px)!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
#taskmenu .action-buttons { display:block!important; }
#taskmenu a {
  box-sizing:border-box!important;
  width:64px!important;
  height:62px!important;
  margin:3px 0!important;
  padding:7px 2px 5px!important;
  border-radius:14px!important;
  color:#8fc3d2!important;
  text-align:center!important;
  transform:none!important;
}
#taskmenu a:before {
  float:none!important;
  display:block!important;
  width:100%!important;
  height:30px!important;
  margin:0!important;
  color:#75a9bb!important;
  font-size:19px!important;
  line-height:30px!important;
}
#taskmenu a .inner {
  display:block!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:17px!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#taskmenu a:hover { background:#10243a!important;color:#dff8ff!important; }
#taskmenu a:hover:before { color:#48c8ef!important; }
#taskmenu a.selected {
  background:linear-gradient(145deg,#6257f5,#6d62ff)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(91,77,245,.32)!important;
}
#taskmenu a.selected:before { color:#fff!important; }
#taskmenu .special-buttons {
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:flex!important;
  width:64px!important;
  margin-top:auto!important;
  margin-bottom:4px!important;
  flex-direction:column!important;
  background:transparent!important;
}
#taskmenu .special-buttons a { margin-bottom:0!important; }
#taskmenu a.logout { color:#ff5964!important; }
#taskmenu a.logout:before { color:#ff4f5b!important; }
#taskmenu a.logout:hover { background:rgba(255,79,91,.1)!important;color:#ff7c85!important; }

@media(max-width:480px) {
  html.layout-phone #layout-menu {
    width:85%!important;
    min-width:240px!important;
    padding:0!important;
    border-radius:0!important;
  }
  html.layout-phone #layout-menu .popover-header { height:64px!important;min-height:64px!important; }
  html.layout-phone #taskmenu { height:calc(100% - 64px)!important; }
  html.layout-phone #taskmenu a { width:100%!important;height:54px!important;margin:0!important;border-radius:0!important;text-align:left!important; }
  html.layout-phone #taskmenu a:before { display:inline-block!important;width:42px!important; }
  html.layout-phone #taskmenu a .inner { display:inline-block!important;font-size:14px!important;line-height:30px!important; }
}

/* Search action colors */
.searchbar a,
.searchbar a.unread,
.searchbar a.options {
  box-sizing:border-box!important;
  height:44px!important;
  border:0!important;
  background:transparent!important;
  color:#7892aa!important;
}
.searchbar a.options {
  width:40px!important;
  border-left:1px solid #263b56!important;
  border-radius:0 12px 12px 0!important;
  background:#10233a!important;
}
.searchbar a:before { height:44px!important;line-height:44px!important; }
.searchbar a:hover,
.searchbar a.options:hover,
.searchbar a.options:focus {
  background:#172e4a!important;
  color:#52c8ff!important;
}
.searchbar a.selected { color:#7168ff!important; }

/* Responsive HTML-email reader */
#message-content,
#messagebody,
.message-htmlpart,
.message-htmlpart div.rcmBody {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.message-htmlpart {
  padding:14px!important;
  overflow-x:hidden!important;
}
.message-htmlpart div.rcmBody {
  margin:0 auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.message-htmlpart div.rcmBody table {
  box-sizing:border-box!important;
  max-width:100%!important;
}
.message-htmlpart div.rcmBody>table,
.message-htmlpart div.rcmBody>div>table,
.message-htmlpart div.rcmBody>center>table {
  width:100%!important;
  min-width:0!important;
  table-layout:auto!important;
}
.message-htmlpart div.rcmBody td,
.message-htmlpart div.rcmBody th,
.message-htmlpart div.rcmBody div {
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.message-htmlpart div.rcmBody img {
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
#message-objects { margin:0 16px 10px!important; }
#message-objects .ui.alert,
#message-objects .boxwarning,
#message-objects .boxinformation {
  min-height:38px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #655626!important;
  border-radius:8px!important;
  background:#322d1b!important;
  color:#d9c98e!important;
  box-shadow:none!important;
}
#message-objects .ui.alert>i.icon:before { color:#e0b84f!important; }
#message-objects .btn,
#message-objects button {
  border:0!important;
  border-radius:6px!important;
  background:#655cff!important;
  color:#fff!important;
}

@media(max-width:900px) {
  .message-htmlpart { margin:8px!important;padding:8px!important; }
  #message-objects { margin:0 8px 8px!important; }
}