/* Net2000 Webmail: brand colours inside the mailbox (skin "net2000", extends elastic).
   CSS only: no layout, sizes or button positions are changed. */

/* fonts: Net2000 system stack instead of elastic's Roboto */
body,button,input,optgroup,select,textarea,.popover{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* logo (top-left) on a white rounded card, never recoloured */
#layout-menu .popover-header img,#layout-menu .popover-header #logo{background:#fff;border-radius:8px;opacity:1!important}

/* navy task menu (desktop/tablet; the phone menu stays elastic's light popover) */
@media screen and (min-width:481px){
  #layout-menu,html.dark-mode #layout-menu{background:linear-gradient(180deg,#0a1f8f 0%,#000066 60%,#000033 100%)}
  #layout-menu .popover-header,html.dark-mode #layout-menu .popover-header{background-color:#000066!important;border-bottom:3px solid #0066ff}
  #taskmenu .special-buttons,html.dark-mode #taskmenu .special-buttons{background-color:#000033}
  #taskmenu a,html.dark-mode #taskmenu a{color:#dbe6ff;border-color:transparent!important}
  #taskmenu a:hover,#taskmenu a:focus,html.dark-mode #taskmenu a:hover{color:#fff;background:rgba(0,102,255,.35)}
  #taskmenu a.selected,#taskmenu a.selected:hover,html.dark-mode #taskmenu a.selected{color:#fff;background:#0066ff}
  #taskmenu .action-buttons a,html.dark-mode #taskmenu .action-buttons a{color:#7fb2ff}
  #taskmenu .action-buttons a:hover{color:#fff;background:rgba(0,102,255,.35)}
  #taskmenu a.logout,#taskmenu a.logout:hover{color:#ff8a9b!important}
}

/* accent colour: buttons, links, focus */
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{background:#0066ff;border-color:#0066ff}
.btn-primary:not(:disabled):not(.disabled):hover,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:focus{background:#0050d8;border-color:#0050d8}
.floating-action-buttons a.button{background:#0066ff}
.form-control:focus,.custom-select:focus{border-color:#0066ff;box-shadow:0 0 0 .2rem rgba(0,102,255,.2)}
.ui.alert a:not(.btn),.popover .menu li a.active:not(.disabled):hover{color:#0066ff}
.popover .menu li a:not(.disabled):hover,.popupmenu .listing li>a:not(.disabled):hover,.popupmenu .listing li.selected,.ui-menu .ui-state-active{background-color:#0066ff!important;color:#fff}
#messagestack .alert-info.information{background-color:#0066ff}
.quota-widget .value{background-color:#0066ff}

/* folder list + unread */
.folderlist li.mailbox .unreadcount,.folderlist li.mailbox.recent>a>.unreadcount{background:#0066ff;color:#fff}
.messagelist td.subject span.msgicon.status.unread:before{color:#0066ff}

/* light mode only: headers, selected rows, unread rows */
html:not(.dark-mode) #layout>div>.header{background-color:#f5f8fd;border-bottom-color:#d9e1ef;color:#000066}
html:not(.dark-mode) #layout>div>.header a.button,html:not(.dark-mode) .menu.toolbar a{color:#1b2333}
html:not(.dark-mode) #layout>div>.header a.button:hover,html:not(.dark-mode) .menu.toolbar a:not(.disabled):hover{color:#0066ff}
html:not(.dark-mode) #layout-sidebar,html:not(.dark-mode) #layout-list{border-right-color:#d9e1ef}
html:not(.dark-mode) .listing li.selected,html:not(.dark-mode) .listing tr.selected td{background-color:#eef4ff;color:#1b2333}
html:not(.dark-mode) .folderlist li.mailbox.selected>a{color:#000066;font-weight:700;box-shadow:inset 3px 0 0 #0066ff}
html:not(.dark-mode) .messagelist tr.unread td{background-color:#f5f8fd}
html:not(.dark-mode) .messagelist tr.unread.selected td{background-color:#eef4ff}
html:not(.dark-mode) .messagelist tr.unread td.subject span.subject,html:not(.dark-mode) .messagelist tr.unread td.subject span.subject a{color:#000066;font-weight:700}
html:not(.dark-mode) .messagelist tr.unread td.subject span.fromto{color:#1b2333;font-weight:600}
html:not(.dark-mode) .messagelist tr.unread td.selection+td{box-shadow:inset 3px 0 0 #0066ff}

/* ---- Stacked mail view (wide screens only; default, n2k_help v11 toggle can switch to side by side via html.n2k-wide) ----
   Folders on the left, message list on top (40%), reading pane underneath (60%).
   Only the mail list view (task-mail, action-none) on elastic's "large" layout (>1200px);
   compose, message view, settings, contacts and tablet/phone layouts are untouched. */
@media screen and (min-width:1201px){
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout{display:grid;
    grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:minmax(0,40fr) minmax(0,60fr)}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout>*{grid-column:3;grid-row:2}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout>#layout-menu{grid-column:1;grid-row:1 / span 2}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout>#layout-sidebar{grid-column:2;grid-row:1 / span 2;
    width:clamp(220px,17vw,320px);max-width:none;min-height:0}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout>#layout-list{grid-column:3;grid-row:1;
    width:auto!important;max-width:none!important;min-width:0!important;min-height:0;
    border-right:0;border-bottom:2px solid #0066ff}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout>#layout-list>.column-resizer{display:none}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #layout>#layout-content{grid-column:3;grid-row:2;
    width:auto;min-width:0;min-height:0}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none #messagelist-content{min-height:0}
  /* one line per message in the top list (status, from, subject, date), like the old layout */
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.subject{flex-wrap:nowrap;align-items:center}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.subject span.status{order:1;flex:0 0 auto}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.subject span.fromto{order:2;flex:0 0 26%;max-width:26%;padding-left:.25em}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.subject span.subject{order:3;flex:1 1 auto;width:auto;min-width:0;white-space:nowrap}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.subject span.size{order:4;padding-left:1em;white-space:nowrap}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.subject span.date{order:5;padding-left:1em;white-space:nowrap}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.flags>span{display:inline-block;height:2em;line-height:2em;width:1.2em}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.flags{width:3.5em;vertical-align:middle;white-space:nowrap;overflow:visible;text-overflow:clip}
  html.layout-large:not(.n2k-wide) body.task-mail.action-none .messagelist td.selection{vertical-align:middle}
}

/* ---- v14 folder list: lively hover + 3D-glass selected folder (paint only: no overlays, no pointer-events, no layout change) ---- */
#folderlist-content .treelist li.mailbox>a{border-radius:9px;margin:1px 6px;
  transition:background-color .18s ease,box-shadow .22s ease,color .18s ease,transform .18s ease}
html:not(.dark-mode) #folderlist-content .treelist li.mailbox:not(.selected)>a:hover{background:rgba(0,102,255,.09);color:#000066;
  box-shadow:inset 3px 0 0 rgba(0,102,255,.55),0 1px 3px rgba(0,40,120,.10);transform:translateX(2px)}
html.dark-mode #folderlist-content .treelist li.mailbox:not(.selected)>a:hover{background:rgba(77,148,255,.14);color:#fff;
  box-shadow:inset 3px 0 0 rgba(77,148,255,.7),0 1px 3px rgba(0,0,0,.35);transform:translateX(2px)}
html:not(.dark-mode) #folderlist-content .treelist li.mailbox.selected>a{color:#000066;font-weight:700;
  background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(214,230,255,.80) 48%,rgba(184,211,255,.72) 52%,rgba(222,235,255,.88) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,70,190,.14),inset 3px 0 0 #0066ff,0 2px 8px rgba(0,60,170,.20),0 1px 2px rgba(0,40,120,.18);
  -webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%)}
html.dark-mode #folderlist-content .treelist li.mailbox.selected>a{color:#fff;font-weight:700;
  background:linear-gradient(180deg,rgba(120,170,255,.34) 0%,rgba(0,102,255,.26) 48%,rgba(0,70,190,.30) 52%,rgba(40,110,230,.24) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.30),inset 3px 0 0 #4d94ff,0 2px 10px rgba(0,0,0,.45);
  -webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%)}
@media (prefers-reduced-motion:reduce){#folderlist-content .treelist li.mailbox>a{transition:none}
  #folderlist-content .treelist li.mailbox>a:hover{transform:none!important}}

/* ---- v14 icons: modern 3D-ish SVG set (images/icons). Glyph kept (transparent) so sizes/hit areas are unchanged ---- */
#folderlist-content .treelist li.mailbox>a:before{color:transparent!important;background:url(../images/icons/folder.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#folderlist-content .treelist li.mailbox.inbox>a:before{color:transparent!important;background:url(../images/icons/inbox.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#folderlist-content .treelist li.mailbox.drafts>a:before{color:transparent!important;background:url(../images/icons/drafts.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#folderlist-content .treelist li.mailbox.sent>a:before{color:transparent!important;background:url(../images/icons/sent.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#folderlist-content .treelist li.mailbox.junk>a:before{color:transparent!important;background:url(../images/icons/junk.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#folderlist-content .treelist li.mailbox.trash>a:before{color:transparent!important;background:url(../images/icons/trash.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#folderlist-content .treelist li.mailbox.archive>a:before{color:transparent!important;background:url(../images/icons/archive.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a.mail:before{color:transparent!important;background:url(../images/icons/mail.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a.compose:before{color:transparent!important;background:url(../images/icons/compose.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a.contacts:before{color:transparent!important;background:url(../images/icons/contacts.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a.settings:before{color:transparent!important;background:url(../images/icons/settings.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a.logout:before{color:transparent!important;background:url(../images/icons/logout.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a.n2k-help-btn:before{color:transparent!important;background:url(../images/icons/help.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.reply:before,#layout .header .toolbar-menu a.reply:before{color:transparent!important;background:url(../images/icons/reply.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.reply-all:before,#layout .header .toolbar-menu a.reply-all:before{color:transparent!important;background:url(../images/icons/replyall.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.reply.all:before,#layout .header .toolbar-menu a.reply.all:before{color:transparent!important;background:url(../images/icons/replyall.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.reply.list:before,#layout .header .toolbar-menu a.reply.list:before{color:transparent!important;background:url(../images/icons/replyall.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.forward:before,#layout .header .toolbar-menu a.forward:before{color:transparent!important;background:url(../images/icons/forward.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.delete:before,#layout .header .toolbar-menu a.delete:before{color:transparent!important;background:url(../images/icons/delete.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.junk:before,#layout .header .toolbar-menu a.junk:before{color:transparent!important;background:url(../images/icons/spam.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.markmessage:before,#layout .header .toolbar-menu a.markmessage:before{color:transparent!important;background:url(../images/icons/flag.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.more:before,#layout .header .toolbar-menu a.more:before{color:transparent!important;background:url(../images/icons/more.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#layout .header .toolbar a.archive:before,#layout .header .toolbar-menu a.archive:before{color:transparent!important;background:url(../images/icons/archivebtn.svg) center/1.2em 1.2em no-repeat!important;text-shadow:none!important}
#taskmenu a:before,#folderlist-content li.mailbox>a:before{transition:transform .18s ease}
#taskmenu a:hover:before{transform:translateY(-1px) scale(1.06)}
@media (prefers-reduced-motion:reduce){#taskmenu a:hover:before{transform:none}}
html.dark-mode #folderlist-content li.mailbox>a:before,html.dark-mode #taskmenu a:before{filter:brightness(1.12) saturate(1.05)}

/* ---- v14 consistent hover + 3D-glass selection (tokens). Paint only: backgrounds/shadows, no overlays, no pointer-events ---- */
:root{--n2k-hov:rgba(0,102,255,.08);--n2k-hov-edge:rgba(0,102,255,.55);--n2k-sel-ink:#000066;
  --n2k-glass:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(214,230,255,.82) 48%,rgba(190,215,255,.74) 52%,rgba(224,236,255,.9) 100%);
  --n2k-glass-sh:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,70,190,.14);--n2k-edge:#0066ff;--n2k-tr:.16s ease}
html.dark-mode{--n2k-hov:rgba(77,148,255,.13);--n2k-hov-edge:rgba(77,148,255,.7);--n2k-sel-ink:#fff;
  --n2k-glass:linear-gradient(180deg,rgba(120,170,255,.32) 0%,rgba(0,102,255,.24) 48%,rgba(0,70,190,.28) 52%,rgba(40,110,230,.22) 100%);
  --n2k-glass-sh:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3);--n2k-edge:#4d94ff}
/* message list */
.messagelist tbody tr td{transition:background-color var(--n2k-tr),box-shadow var(--n2k-tr)}
.messagelist tbody tr:not(.selected):hover td{background-color:var(--n2k-hov)!important}
.messagelist tbody tr:not(.selected):hover td:first-child{box-shadow:inset 3px 0 0 var(--n2k-hov-edge)}
.messagelist tbody tr.selected td,html:not(.dark-mode) .messagelist tr.unread.selected td{background:var(--n2k-glass)!important;box-shadow:var(--n2k-glass-sh);color:var(--n2k-sel-ink)}
.messagelist tbody tr.selected td:first-child{box-shadow:var(--n2k-glass-sh),inset 3px 0 0 var(--n2k-edge)}
.messagelist tbody tr.focused td{outline:0}
.messagelist tbody tr.focused td:first-child{box-shadow:inset 3px 0 0 var(--n2k-hov-edge)}
.messagelist tbody tr.selected.focused td:first-child{box-shadow:var(--n2k-glass-sh),inset 4px 0 0 var(--n2k-edge)}
.messagelist tbody tr.unread.selected td span.subject,.messagelist tbody tr.unread.selected td span.subject a{font-weight:700}
/* contacts / settings sections / other listings */
.listing li>a,#settings-menu li>a,#directorylist li>a,#contacts-table tbody td{transition:background-color var(--n2k-tr),box-shadow var(--n2k-tr)}
.listing li:not(.selected):not(.mailbox)>a:hover,#settings-menu li:not(.selected)>a:hover,#contacts-table tbody tr:not(.selected):hover td{background-color:var(--n2k-hov)!important;box-shadow:inset 3px 0 0 var(--n2k-hov-edge)}
.listing li.selected:not(.mailbox),#settings-menu li.selected,#contacts-table tbody tr.selected td,html:not(.dark-mode) .listing li.selected:not(.mailbox){background:var(--n2k-glass)!important;box-shadow:var(--n2k-glass-sh),inset 3px 0 0 var(--n2k-edge);color:var(--n2k-sel-ink)}
.listing li.selected:not(.mailbox)>a,#settings-menu li.selected>a{color:var(--n2k-sel-ink)!important;font-weight:600}
/* popup menus / dropdowns */
.popupmenu .menu li a.active,.popover .menu li a.active,.ui-menu .ui-menu-item-wrapper{border-radius:7px;transition:background-color var(--n2k-tr),box-shadow var(--n2k-tr)}
.popupmenu .menu li a.active:hover,.popover .menu li a.active:hover,.popupmenu .menu li a.active:focus,.ui-menu .ui-state-active{background:var(--n2k-glass)!important;box-shadow:var(--n2k-glass-sh),inset 3px 0 0 var(--n2k-edge);color:var(--n2k-sel-ink)!important}
.popupmenu .menu li a.selected{background:var(--n2k-hov)}
/* task menu */
#taskmenu a{border-radius:10px;transition:background-color var(--n2k-tr),box-shadow var(--n2k-tr)}
#taskmenu a:not(.selected):hover{background-color:var(--n2k-hov)!important}
#taskmenu a.selected{background:var(--n2k-glass)!important;box-shadow:var(--n2k-glass-sh),0 2px 8px rgba(0,60,170,.22);color:var(--n2k-sel-ink)!important}
@media (prefers-reduced-motion:reduce){.messagelist tbody tr td,.listing li>a,#settings-menu li>a,#contacts-table tbody td,.popupmenu .menu li a.active,#taskmenu a{transition:none}}

/* ---- v14 polish: NET2000 Webmail look. Type, palette, spacing, surfaces. Paint/type only - no positioning, overlays or pointer-events ---- */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/InterVariable-latin.woff2) format("woff2")}
:root{--n2k-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --n2k-bg:#f4f6fa;--n2k-surface:#fff;--n2k-ink:#1b2333;--n2k-ink2:#5b6678;--n2k-line:#e3e8f0;--n2k-accent:#0066ff;--n2k-radius:10px;
  --n2k-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)}
html.dark-mode{--n2k-bg:#141a24;--n2k-surface:#1b2230;--n2k-ink:#e6edf3;--n2k-ink2:#9aa7b8;--n2k-line:#2a3444;--n2k-accent:#4d94ff;
  --n2k-shadow:0 1px 2px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.5)}
html,body,input,select,textarea,button,.btn,.form-control,.popupmenu,.ui-dialog,.listing,.messagelist{font-family:var(--n2k-font)!important;
  font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-size:14px;line-height:1.45;letter-spacing:-.003em}
html:not(.dark-mode) body{color:var(--n2k-ink)}
html:not(.dark-mode) #layout-sidebar,html:not(.dark-mode) #layout-list{background:#fbfcfe}
html:not(.dark-mode) #layout-content{background:var(--n2k-surface)}
#layout>div>.header{border-bottom-color:var(--n2k-line)!important}
#layout>div>.header .header-title{font-weight:650;letter-spacing:-.01em;font-size:1.02rem}
/* toolbar: quieter labels, consistent spacing */
#layout .header .toolbar a.button span.inner{font-size:.72rem;font-weight:500;letter-spacing:.01em}
html:not(.dark-mode) #layout .header .toolbar a.button:not(.disabled){color:#3a4558}
#layout .header .toolbar a.button{border-radius:8px;transition:background-color .15s ease}
#layout .header .toolbar a.button:not(.disabled):hover{background-color:var(--n2k-hov)}
/* buttons + inputs */
.btn{border-radius:8px;font-weight:550}
.btn-primary,.btn-primary:not(:disabled):not(.disabled){background:linear-gradient(180deg,#2b7bff,#0062f0);border-color:#0057d9;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(0,60,170,.25)}
.btn-primary:not(:disabled):hover{background:linear-gradient(180deg,#3a86ff,#0057d9)}
.form-control,.custom-select,input.form-control,select.form-control{border-radius:8px;border-color:var(--n2k-line)}
.form-control:focus,.custom-select:focus{border-color:var(--n2k-accent);box-shadow:0 0 0 3px rgba(0,102,255,.16)}
.searchbar input,#mailsearchform input,.searchbar .input-group{border-radius:999px}
/* folder list */
#folderlist-content .treelist li.mailbox>a{font-weight:500}
.folderlist li.mailbox .unreadcount{border-radius:999px;font-weight:650;font-size:.72rem;padding:.05rem .5rem}
/* message list: sender / subject / date hierarchy */
.messagelist td.subject span.fromto{font-size:.8rem;font-weight:550;color:var(--n2k-ink2)}
.messagelist tr.unread td.subject span.fromto{color:var(--n2k-ink);font-weight:700}
.messagelist td.subject span.subject{font-size:.9rem}
.messagelist td.subject span.date{font-size:.74rem;color:var(--n2k-ink2);font-variant-numeric:tabular-nums}
.messagelist tr.unread td.subject span.date{color:var(--n2k-accent);font-weight:650}
.messagelist tbody tr td{border-bottom-color:var(--n2k-line)!important}
/* message view header */
#message-header{padding-top:.4rem}
#message-header h2.subject{font-size:1.28rem;font-weight:700;letter-spacing:-.015em;line-height:1.3}
#message-header .header .from,#message-header .header-headers .from{font-weight:600}
#message-header .header-content,#message-header .short-header{color:var(--n2k-ink2)}
#message-header img.contactphoto,#message-header .contactphoto{border-radius:50%;box-shadow:var(--n2k-shadow)}
#message-objects .notice,.boxwarning,.boxinformation{border-radius:var(--n2k-radius)}
/* popups, dialogs, cards */
.popover,.ui-dialog,.popupmenu{border-radius:12px!important}
.popover{box-shadow:0 10px 30px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.08)!important;border-color:var(--n2k-line)!important}
.ui-dialog .ui-dialog-titlebar{font-weight:650}
.formcontent fieldset legend,.formcontent .legend{font-weight:650;letter-spacing:-.005em}
/* settings */
#settings-menu li>a,#sections-table td{font-weight:500}
/* soften Roundcube branding (product title comes from config: NET2000 Webmail) */
#taskmenu a.about,a#rcmabout,.about-link,#layout-content .footer a[href*="roundcube.net"],#login-footer a[href*="roundcube.net"]{display:none!important}

/* ---- v15 task menu on the blue bar: frosted-white glass hover, stronger selected (overrides v14 tokens here) ---- */
#taskmenu a{transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}
#taskmenu a:not(.selected):hover,#taskmenu a:not(.selected):focus-visible{color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.22),0 0 12px rgba(140,190,255,.45),0 3px 8px rgba(0,0,40,.30);
  transform:translateY(-1px)}
#taskmenu a:not(.selected):hover:before{filter:brightness(1.25) drop-shadow(0 0 3px rgba(255,255,255,.6))}
#taskmenu a.selected,html.dark-mode #taskmenu a.selected{color:#000066!important;
  background:linear-gradient(180deg,#fff 0%,#e6f0ff 48%,#cfe0ff 52%,#eef5ff 100%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,70,190,.25),0 0 0 2px rgba(255,255,255,.55),0 4px 12px rgba(0,0,40,.45)}
html.dark-mode #taskmenu a:not(.selected):hover{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.14))!important}
@media (prefers-reduced-motion:reduce){#taskmenu a:not(.selected):hover{transform:none}}
/* ---- v18 right-click menu (contextmenu plugin): glass panel, frosted hover, 3D icons ---- */
.contextmenu.popover{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border:1px solid rgba(0,51,153,.12)!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(16,24,40,.20),0 2px 6px rgba(16,24,40,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;padding:4px!important;min-width:12.5rem}
html.dark-mode .contextmenu.popover{background:rgba(24,31,45,.88)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 14px 34px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)!important}
.contextmenu .menu li{border:0!important}
.contextmenu .menu li a{border-radius:8px;margin:1px 0;min-height:36px;transition:background-color var(--n2k-tr,.15s),box-shadow var(--n2k-tr,.15s),transform var(--n2k-tr,.15s)}
.contextmenu .menu li a.active:hover,.contextmenu .menu li a.active:focus,.contextmenu .menu li a.active.selected{background:var(--n2k-glass)!important;box-shadow:var(--n2k-glass-sh),inset 3px 0 0 var(--n2k-edge)!important;color:var(--n2k-sel-ink)!important}
.contextmenu .menu li a.disabled{opacity:.45}
.contextmenu .menu a:before{background:center/1.15em 1.15em no-repeat}
.contextmenu .menu a.reply:not(.all):before{background-image:url(../images/icons/reply.svg)!important}
.contextmenu .menu a.reply-all:before,.contextmenu .menu a.reply.all:before{background-image:url(../images/icons/replyall.svg)!important}
.contextmenu .menu a.forward:before{background-image:url(../images/icons/forward.svg)!important}
.contextmenu .menu a.delete:before{background-image:url(../images/icons/delete.svg)!important}
.contextmenu .menu a.junk:before,.contextmenu .menu a.spam:before{background-image:url(../images/icons/spam.svg)!important}
.contextmenu .menu a.notjunk:before,.contextmenu .menu a.ham:before{background-image:url(../images/icons/inbox.svg)!important}
.contextmenu .menu a.flag:before,.contextmenu .menu a.markmessage:before{background-image:url(../images/icons/flag.svg)!important}
.contextmenu .menu a.move:before,.contextmenu .menu a.copy:before{background-image:url(../images/icons/folder.svg)!important}
.contextmenu .menu a.more:before{background-image:url(../images/icons/more.svg)!important}
.contextmenu .menu a.read:before,.contextmenu .menu a.unread:before,.contextmenu .menu a.readallmessages:before,.contextmenu .menu a.mark-all-read:before{background-image:url(../images/icons/mail.svg)!important}
.contextmenu .menu a.purge:before,.contextmenu .menu a.expunge:before{background-image:url(../images/icons/trash.svg)!important}
.contextmenu .menu a.compose:before{background-image:url(../images/icons/compose.svg)!important}
.contextmenu .menu a.reply:not(.all):before,.contextmenu .menu a.reply-all:before,.contextmenu .menu a.reply.all:before,.contextmenu .menu a.forward:before,.contextmenu .menu a.delete:before,.contextmenu .menu a.junk:before,.contextmenu .menu a.spam:before,.contextmenu .menu a.notjunk:before,.contextmenu .menu a.ham:before,.contextmenu .menu a.flag:before,.contextmenu .menu a.markmessage:before,.contextmenu .menu a.move:before,.contextmenu .menu a.copy:before,.contextmenu .menu a.more:before,.contextmenu .menu a.read:before,.contextmenu .menu a.unread:before,.contextmenu .menu a.readallmessages:before,.contextmenu .menu a.mark-all-read:before,.contextmenu .menu a.purge:before,.contextmenu .menu a.expunge:before,.contextmenu .menu a.compose:before{color:transparent!important;text-shadow:none!important}
@media (prefers-reduced-motion:reduce){.contextmenu .menu li a{transition:none}}
#toolbar-menu li.n2k-cm-only{display:none!important}
/* ---- v18 touch: tap targets >= 44px, no sideways overflow ---- */
@media (pointer:coarse){
 #login-form input.form-control,#rcmloginuser,#rcmloginpwd{min-height:44px}
 #layout .header a.button.icon,#layout .header .toolbar a.button,#layout .header > a.button{min-width:44px;justify-content:center}
 #n2k-ds summary{min-height:44px;display:flex;align-items:center;gap:.4rem}
 .n2k-lay,.n2k-hsplit{display:none!important}
}
.n2k-ds{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}