@import url("../../elastic/styles/styles.min.css");
/* ================================================================
   MJM Mail — Yahoo-style skin (ground-up rebuild, coherent system)
   Layers over Elastic; Elastic keeps templates + JS, this owns look.
   ================================================================ */
:root{
  --yh-chrome:#2b4257; --yh-blue:#1d7ff5; --yh-blue-strong:#0b5fd6;
  --yh-selected:#d9ecfd; --yh-hover:#f2f6fa; --yh-star:#f4b400;
  --yh-ink:#1e2a35; --yh-muted:#5a6a7a; --yh-line:#e7ebf0;
  --yh-bg:#eef1f5; --yh-surface:#fff;
  --yh-topbar-h:56px; --yh-rail-w:44px; --yh-sidebar-w:240px;
  --yh-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
body{font-family:var(--yh-font);color:var(--yh-ink);}

/* ---- shell: topbar + fill ---- */
html:not(.iframe) body{display:flex;flex-direction:column;height:100vh;}
#layout{flex:1 1 auto;height:auto!important;min-height:0;background:var(--yh-bg);}
#yh-topbar{flex:0 0 var(--yh-topbar-h);display:flex;align-items:center;gap:20px;padding:0 16px;background:var(--yh-chrome);color:#fff;z-index:20;}
.yh-brand{font-size:20px;font-weight:800;letter-spacing:-.4px;color:#fff;text-decoration:none;white-space:nowrap;}
.yh-brand span{color:#8fc0ff;font-weight:600;}
.yh-brand:hover{color:#fff;text-decoration:none;}
.yh-topbar-user{margin-left:auto;font-size:13px;color:#c6d3df;white-space:nowrap;}
#yh-search-slot{flex:1 1 auto;max-width:680px;}
#yh-topbar .searchbar{height:38px;min-height:38px;line-height:38px;border:0!important;background:transparent;display:flex;align-items:center;position:relative;}
#yh-topbar .searchbar form{flex:1;display:flex;}
#yh-topbar .searchbar input{width:100%;height:38px;border:0;border-radius:6px;background:#fff;padding:0 12px 0 38px;font-size:14px;color:var(--yh-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6a7a' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;}
#yh-topbar .searchbar input::placeholder{color:#8a97a4;}
#yh-topbar .searchbar a.button{color:#cdd9e4;}
#yh-topbar .searchbar a.button.search{display:none;}

/* ---- list-mode geometry (JS: .yh-list / .yh-reading) ---- */
#layout.yh-list #layout-list{max-width:none;flex:1 1 auto;border-right:0;}
#layout.yh-list #layout-content{display:none;}
#layout.yh-list.yh-reading #layout-content{display:flex;}
#layout.yh-list.yh-reading #layout-list{display:none;}
#layout.yh-reading #layout-content .header a.back-list-button{display:flex!important;}

/* ---- left: compose + folders ---- */
@media (min-width:1025px){#layout-sidebar{flex:0 0 var(--yh-sidebar-w)!important;max-width:var(--yh-sidebar-w);min-width:200px;}}
#layout-sidebar{background:var(--yh-surface);border-right:1px solid var(--yh-line);display:flex;flex-direction:column;}
#layout-sidebar > .header{display:none;}
.yh-compose-wrap{order:-1;padding:12px 12px 8px;}
#folderlist-content{order:1;flex:1 1 auto;}
#layout-sidebar > .footer{order:2;}
a.yh-compose{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;background:var(--yh-blue);color:#fff!important;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 1px 2px rgba(16,54,96,.18);transition:background .15s ease;}
a.yh-compose .inner{color:#fff!important;}
a.yh-compose:hover{background:var(--yh-blue-strong);}
a.yh-compose:before{content:"\270E";font-size:15px;}
#mailboxlist li a{color:var(--yh-ink);font-size:14px;height:38px;line-height:38px;}
#mailboxlist li:hover>a{background:var(--yh-hover);}
#mailboxlist li.selected>a{background:var(--yh-selected);color:var(--yh-blue-strong);font-weight:700;}
#mailboxlist li.selected>a:before{color:var(--yh-blue-strong);}
#mailboxlist li .unreadcount{background:transparent!important;color:var(--yh-blue-strong)!important;font-weight:700;font-size:13px;}

/* ---- list toolbar ---- */
#messagelist-header.header{background:var(--yh-surface);border-bottom:1px solid var(--yh-line);display:flex;align-items:center;min-height:48px;}
.yh-actions{order:1;margin-right:auto;display:flex;align-items:center;padding-left:6px;}
.yh-actions a{display:flex;align-items:center;gap:6px;padding:8px 12px;color:#42505d!important;text-decoration:none;border-radius:4px;}
.yh-actions a:hover{background:var(--yh-hover);color:var(--yh-blue-strong)!important;}
.yh-actions a .inner{font-size:13px;}
#messagelist-header > .toolbar.menu:not(.yh-actions){order:3;}
#messagelist-header > a.refresh{order:4;}
#messagelist-header .toolbar a.select,#messagelist-header .toolbar a.threads{display:none;}

/* ---- message rows: single-line Yahoo columns ---- */
#layout-list{background:var(--yh-surface);}
#layout.yh-list .messagelist tr.message{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--yh-line);cursor:pointer;}
#layout.yh-list .messagelist tr.message:hover td{background:var(--yh-hover);}
#layout.yh-list .messagelist tr.message.selected td{background:var(--yh-selected)!important;}
#layout.yh-list .messagelist td{width:auto;padding:0 4px;vertical-align:middle;border:0;font-size:14px;background:transparent;}
#layout.yh-list .messagelist td.selection{flex:0 0 2.4em;text-align:center;}
#layout.yh-list .messagelist td.threads{flex:0 0 .4em;padding:0;}
#layout.yh-list .messagelist td.status{flex:0 0 1em;text-align:center;}
#layout.yh-list .messagelist td.fromto{flex:0 0 210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--yh-ink);padding-left:2px;}
#layout.yh-list .messagelist td.flag{flex:0 0 1.8em;text-align:center;}
#layout.yh-list .messagelist td.subject{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px;}
#layout.yh-list .messagelist td.subject a{color:var(--yh-ink);text-decoration:none;}
#layout.yh-list .messagelist td.attachment{flex:0 0 1.6em;text-align:center;color:var(--yh-muted);}
#layout.yh-list .messagelist td.date{flex:0 0 116px;text-align:right;padding-right:14px;color:var(--yh-muted);white-space:nowrap;font-size:13px;}
#layout.yh-list .messagelist tr.unread td.fromto,#layout.yh-list .messagelist tr.unread td.subject a{font-weight:700;color:var(--yh-ink);}
#layout.yh-list .messagelist td.status span{background:none!important;width:8px;height:8px;display:inline-block;border-radius:50%;}
#layout.yh-list .messagelist td.status span:before{content:""!important;}
#layout.yh-list .messagelist tr.unread td.status span{background:var(--yh-blue)!important;}
#layout.yh-list .messagelist td.flag>span{background:none!important;width:auto;height:auto;display:inline-block;cursor:pointer;}
#layout.yh-list .messagelist td.flag>span:before{content:"\2606";color:#c2ccd6;font-size:1.15rem;}
#layout.yh-list .messagelist td.flag>span.flagged:before{content:"\2605";color:var(--yh-star);}

/* ---- date group headers (injected by JS) ---- */
#layout.yh-list .messagelist tr.yh-group{display:block;cursor:default;border:0;background:var(--yh-surface);}
#layout.yh-list .messagelist tr.yh-group:hover td{background:var(--yh-surface);}
#layout.yh-list .messagelist tr.yh-group td{display:block;padding:14px 16px 6px;font-size:13px;font-weight:700;color:var(--yh-muted);}

/* ---- right rail: thin light utility ---- */
#taskmenu .action-buttons{display:none!important;}
@media (min-width:1025px){
  #layout-menu{order:99;position:relative;width:var(--yh-rail-w);background:#f6f8fa!important;border-left:1px solid var(--yh-line);border-right:0;}
  #layout-menu .popover-header{display:none;}
  #taskmenu{background:transparent!important;}
  #taskmenu a{width:var(--yh-rail-w);height:var(--yh-rail-w);font-size:1.15rem;padding:0;}
  #taskmenu a:before{line-height:var(--yh-rail-w);}
  #taskmenu span.inner{display:none!important;}
  #taskmenu a,#taskmenu a .inner{color:#5f6f7e!important;}
  #taskmenu a:hover{background:#e9eef3!important;}
  #taskmenu a:hover,#taskmenu a:hover .inner{color:var(--yh-blue-strong)!important;}
  #taskmenu a.selected{background:var(--yh-selected)!important;box-shadow:inset -3px 0 0 var(--yh-blue);}
  #taskmenu a.selected,#taskmenu a.selected .inner{color:var(--yh-blue-strong)!important;}
  #taskmenu .special-buttons{background:#f6f8fa!important;left:auto;right:0;}
  #taskmenu .special-buttons a{color:#5f6f7e!important;}
}
@media (max-width:1024px){
  #layout-menu,#taskmenu{background:var(--yh-chrome)!important;}
  #taskmenu a,#taskmenu a .inner{color:rgba(255,255,255,.85)!important;}
  #taskmenu a.selected{background:rgba(255,255,255,.14)!important;}
}

/* ---- reading view ---- */
#layout-content{background:var(--yh-surface);}
#layout-content > .header{background:var(--yh-surface);border-bottom:1px solid var(--yh-line);}

/* ---- accents ---- */
a{color:var(--yh-blue-strong);}
.btn-primary{background:var(--yh-blue)!important;border-color:var(--yh-blue)!important;border-radius:6px;font-weight:600;}
.btn-primary:hover{background:var(--yh-blue-strong)!important;border-color:var(--yh-blue-strong)!important;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;}}

/* v-final tweaks */
#layout-sidebar > .header{display:none!important;}
/* keep folders visible in list mode on desktop (beats elastic show_list hide race) */
@media (min-width:1025px){ #layout.yh-list #layout-sidebar{display:flex!important;} }
/* unread dot only on unread rows (kill the faint read-row dot) */
#layout.yh-list .messagelist td.status span{visibility:hidden;}
#layout.yh-list .messagelist tr.unread td.status span{visibility:visible;}

/* ================= v3.1 — full-surface Yahoo pass (from audit) ================= */
/* account header: hide only in mail (was breaking Addressbook/Settings group actions) */
body:not(.task-mail) #layout-sidebar > .header{display:flex!important;background:var(--yh-surface);border-bottom:1px solid var(--yh-line);color:var(--yh-ink);}

/* topbar: kill elastic's duplicate magnifier + options caret; widen search; collapse empty slot */
#yh-topbar .searchbar form:before{display:none;}
#yh-topbar .searchbar a.options{display:none;}
#yh-topbar #yh-search-slot:empty{display:none;}
#yh-search-slot{max-width:820px;}

/* list toolbar: 48px left-aligned (beat elastic's 58px center) */
#layout #messagelist-header.header{height:48px!important;min-height:48px;justify-content:flex-start;}
.yh-actions a{color:var(--yh-ink)!important;}
.yh-actions a .inner{font-weight:400;}

/* folder rail polish */
#mailboxlist li a{padding-left:16px;}
#mailboxlist li a:before{color:var(--yh-muted);}
#mailboxlist li.selected>a{box-shadow:inset 3px 0 0 var(--yh-blue);}
#mailboxlist li.selected>a:before{color:var(--yh-blue-strong);}
#layout-sidebar > .footer{display:none;}
#layout.yh-list .messagelist td.date{flex:0 0 108px;padding-right:16px;}

/* ---- READING VIEW: toolbar (main page) ---- */
#layout-content > .header{justify-content:flex-start!important;gap:2px;padding:0 12px;min-height:48px;height:48px;}
#layout-content > .header .toolbar.menu{margin:0;}
#layout-content > .header .toolbar.menu a.button{color:var(--yh-ink)!important;border-radius:18px;padding:0 12px;height:36px;line-height:36px;font-size:13px;}
#layout-content > .header .toolbar.menu a.button:hover{background:var(--yh-hover);color:var(--yh-blue-strong)!important;}
#layout-content > .header a.back-list-button{color:var(--yh-blue-strong)!important;border-radius:18px;padding:0 12px;height:36px;line-height:36px;margin-right:6px;}
#layout-content > .header a.back-list-button .inner{display:inline!important;font-size:13px;font-weight:600;}
#layout-content > .header a.back-list-button:hover{background:var(--yh-hover);}
/* ---- READING VIEW: message body (renders INSIDE the iframe -> bare selectors) ---- */
.iframe body{padding:0;}
#message-header{margin:0 0 .75rem;padding:16px 24px .75rem;border-bottom:1px solid var(--yh-line);}
#message-header > .subject,#messageheader .subject{font-size:22px;font-weight:700;color:var(--yh-ink);line-height:1.3;margin-bottom:.75rem;}
#message-header img.contactphoto{width:40px;height:40px;margin:2px 12px 0 0;background:var(--yh-selected);border-radius:50%;}
#message-header .header-summary a.rcmContactAddress,#message-header .header-summary span.adr,#message-header .header-from .name{color:var(--yh-ink);font-weight:700;}
#message-header .header-summary .date,#message-header .header-headers .date{margin-left:auto;color:var(--yh-muted);font-size:13px;}
#message-header .header-links a{font-size:12px;color:var(--yh-muted)!important;margin-right:12px;}
#message-header .header-links a:hover{color:var(--yh-blue-strong)!important;}
#messagebody,.message-part,.message-htmlpart{font-size:14px;line-height:1.5;color:var(--yh-ink);}
#message-content,#messagebody{padding:0 24px 24px;}
.attachmentslist li{background:var(--yh-hover)!important;border:1px solid var(--yh-line)!important;border-radius:6px;}
.attachmentslist li a{color:var(--yh-ink)!important;}

/* ---- COMPOSE (renders in iframe -> bare selectors) ---- */
.form-control:focus,.custom-select:focus,.recipient-input.focus{border-color:var(--yh-blue)!important;box-shadow:0 0 0 .15rem rgba(29,127,245,.25)!important;}
#compose-content .form-control,#compose-content .custom-select,#compose-content .recipient-input{border-color:var(--yh-line);}
.recipient-input li.recipient{background-color:var(--yh-selected)!important;border:1px solid var(--yh-blue)!important;border-radius:12px!important;color:var(--yh-ink);}
.compose-headers label.col-form-label{color:var(--yh-muted);font-size:13px;font-weight:600;}
#compose-subject.form-control{border:0;border-bottom:1px solid var(--yh-line)!important;border-radius:0;padding-left:2px;font-size:15px;}
#compose-content .formbuttons .btn.send{padding:8px 24px;font-weight:700;border-radius:6px;}

/* ---- SETTINGS / listings coherence ---- */
.listing li.selected>a,.listing tr.selected td{background:var(--yh-selected)!important;color:var(--yh-blue-strong)!important;}
ul.treelist li.selected>a,ul.treelist li.selected>div.treetoggle{background:var(--yh-selected)!important;color:var(--yh-blue-strong)!important;}
body:not(.task-mail) #layout-list > .header,body:not(.task-mail) #layout-content > .header{background:var(--yh-surface)!important;border-bottom:1px solid var(--yh-line);color:var(--yh-ink);}
@media (min-width:1025px){body:not(.task-mail) #layout-sidebar{flex:2!important;max-width:30%;}}

/* ---- DARK MODE (token bulk-redefine + specifics) ---- */
html.dark-mode{--yh-bg:#1b2225;--yh-surface:#262f33;--yh-ink:#c5d1d3;--yh-muted:#8a9699;--yh-line:#2c373a;--yh-hover:#2c383c;--yh-selected:#374549;--yh-blue-strong:#4a9bff;}
html.dark-mode #layout-menu{background:#1b2225!important;border-left-color:var(--yh-line);}
html.dark-mode #taskmenu a,html.dark-mode #taskmenu a .inner{color:#9fb0b5!important;}
html.dark-mode #taskmenu a:hover{background:var(--yh-hover)!important;}
html.dark-mode #taskmenu .special-buttons{background:#1b2225!important;}
html.dark-mode #taskmenu .special-buttons a{color:#9fb0b5!important;}
html.dark-mode .yh-actions a{color:#9fb0b5!important;}
html.dark-mode #yh-topbar .searchbar input{background:#1b2225;color:var(--yh-ink);}
html.dark-mode #yh-topbar .searchbar input::placeholder{color:var(--yh-muted);}
html.dark-mode #layout.yh-list .messagelist td.flag>span:before{color:#55636a;}

/* ---- RESPONSIVE ---- */
@media (min-width:769px){#layout.yh-list #layout-sidebar{display:flex!important;}}
@media (max-width:768px){
  #yh-topbar{gap:10px;padding:0 10px;} #yh-search-slot{max-width:none;}
  .yh-actions a .inner{display:none;} .yh-actions a{padding:8px;}
  .floating-action-buttons{display:none!important;}
  #layout-menu,#taskmenu{background:var(--yh-chrome)!important;}
  #layout.yh-list .messagelist td.fromto{flex:0 0 130px;} #layout.yh-list .messagelist td.date{flex:0 0 64px;padding-right:8px;}
}
@media (max-width:480px){
  .yh-topbar-user{display:none;} .yh-brand{font-size:17px;}
  #layout.yh-list .messagelist td.selection,#layout.yh-list .messagelist td.flag,#layout.yh-list .messagelist td.attachment{display:none;}
  #layout.yh-list .messagelist td.fromto{flex:0 0 108px;} #layout.yh-list .messagelist td.date{flex:0 0 52px;}
}


/* ==== v3.2 Yahoo row refinement ==== */
#layout.yh-list .messagelist tr.message{min-height:48px;}
/* read = grayer & regular; unread = near-black bold */
#layout.yh-list .messagelist tr.message:not(.unread) td.fromto{color:#5b6875;font-weight:400;}
#layout.yh-list .messagelist tr.message:not(.unread) td.subject a{color:#5b6875;}
#layout.yh-list .messagelist tr.unread td.fromto,#layout.yh-list .messagelist tr.unread td.subject a{color:#141d26;}
/* faint unread tint (hover + selected still win) */
#layout.yh-list .messagelist tr.unread td{background:#f4faff;}
#layout.yh-list .messagelist tr.message:hover td,#layout.yh-list .messagelist tr.unread:hover td{background:var(--yh-hover);}
#layout.yh-list .messagelist tr.message.selected td{background:var(--yh-selected)!important;}
/* star a touch larger */
#layout.yh-list .messagelist td.flag{flex:0 0 2em;}
#layout.yh-list .messagelist td.flag>span:before{font-size:1.25rem;}
/* hover-reveal quick actions */
#messagelist-content{position:relative;}
#yh-rowactions{position:absolute;right:0;top:0;display:none;align-items:center;gap:3px;padding:0 12px 0 48px;z-index:6;background:linear-gradient(90deg,rgba(238,241,245,0),var(--yh-hover) 36px,var(--yh-hover));}
#yh-rowactions.show{display:flex;}
#yh-rowactions a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#5a6a7a!important;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;}
#yh-rowactions a .inner{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
#yh-rowactions a:before{font-size:16px;line-height:1;}
#yh-rowactions a:hover{background:#fff;color:var(--yh-blue-strong)!important;box-shadow:0 1px 4px rgba(20,40,70,.22);}
#layout.yh-list .messagelist tr.message:hover td.date{opacity:0;}
html.dark-mode #yh-rowactions a{color:#9fb0b5!important;}
html.dark-mode #yh-rowactions a:hover{background:#1b2225;}


/* ==== v3.2b hover-action icons ==== */
#yh-rowactions a:before{content:"";display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;}
#yh-rowactions a.archive:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20.54%205.23l-1.39-1.68C18.88%203.21%2018.47%203%2018%203H6c-.47%200-.88.21-1.16.55L3.46%205.23C3.17%205.57%203%206.02%203%206.5V19c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V6.5c0-.48-.17-.93-.46-1.27zM12%2017.5L6.5%2012H10v-2h4v2h3.5L12%2017.5zM5.12%205l.81-1h12l.94%201H5.12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20.54%205.23l-1.39-1.68C18.88%203.21%2018.47%203%2018%203H6c-.47%200-.88.21-1.16.55L3.46%205.23C3.17%205.57%203%206.02%203%206.5V19c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V6.5c0-.48-.17-.93-.46-1.27zM12%2017.5L6.5%2012H10v-2h4v2h3.5L12%2017.5zM5.12%205l.81-1h12l.94%201H5.12z'/%3E%3C/svg%3E");}
#yh-rowactions a.delete:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%2019c0%201.1.9%202%202%202h8c1.1%200%202-.9%202-2V7H6v12zM19%204h-3.5l-1-1h-5l-1%201H5v2h14V4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M6%2019c0%201.1.9%202%202%202h8c1.1%200%202-.9%202-2V7H6v12zM19%204h-3.5l-1-1h-5l-1%201H5v2h14V4z'/%3E%3C/svg%3E");}
#yh-rowactions a.junk:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M15.73%203H8.27L3%208.27v7.46L8.27%2021h7.46L21%2015.73V8.27L15.73%203zM12%2017.3c-.72%200-1.3-.58-1.3-1.3s.58-1.3%201.3-1.3%201.3.58%201.3%201.3-.58%201.3-1.3%201.3zm1-4.3h-2V7h2v6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M15.73%203H8.27L3%208.27v7.46L8.27%2021h7.46L21%2015.73V8.27L15.73%203zM12%2017.3c-.72%200-1.3-.58-1.3-1.3s.58-1.3%201.3-1.3%201.3.58%201.3%201.3-.58%201.3-1.3%201.3zm1-4.3h-2V7h2v6z'/%3E%3C/svg%3E");}


/* ==== v3.3 LOGIN ==== */
body.task-login{background:var(--yh-bg);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;box-sizing:border-box;}
body.task-login #layout{width:100%;max-width:400px;flex:0 0 auto!important;height:auto!important;min-height:0!important;display:block;background:transparent;box-shadow:none;}
.task-login #layout-content{width:100%;max-width:none;flex:none!important;height:auto!important;min-height:0!important;background:var(--yh-surface);border-radius:14px;box-shadow:0 6px 28px rgba(20,40,70,.10),0 1px 3px rgba(20,40,70,.07);padding:40px 34px 30px;text-align:center;overflow:visible;}
.task-login #login-form{position:static!important;top:auto!important;}
.task-login #logo{position:static!important;top:auto!important;display:block;width:auto;max-width:196px;max-height:52px;margin:0 auto 28px;}
/* form rows */
.task-login #login-form table{width:100%;border:0;margin:0;}
.task-login #login-form tr.form-group{display:block;margin-bottom:12px;}
.task-login #login-form td.title{display:none!important;}
.task-login #login-form td.input{display:flex;align-items:center;width:100%;padding:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease;}
.task-login #login-form td.input:focus-within{border-color:var(--yh-blue);box-shadow:0 0 0 3px rgba(29,127,245,.18);}
/* one bordered field per row */
.task-login .input-group-prepend{display:flex;align-items:center;margin:0;}
.task-login .input-group-text{background:transparent!important;border:0!important;color:var(--yh-muted);padding:0 8px 0 12px;font-size:15px;}
.task-login .input-group .form-control{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;height:46px;font-size:15px;color:var(--yh-ink);flex:1;padding:0 12px 0 2px;}
.task-login .input-group .form-control::placeholder{color:var(--yh-muted);opacity:1;}
/* primary action */
.task-login .formbuttons{margin:20px 0 0;}
.task-login #rcmloginsubmit{width:100%;height:48px;background:var(--yh-blue);border:0;border-radius:24px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.2px;text-transform:none!important;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .08s ease;}
.task-login #rcmloginsubmit:hover{background:var(--yh-blue-strong);}
.task-login #rcmloginsubmit:active{transform:translateY(1px);}
.task-login #rcmloginsubmit:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(29,127,245,.42);}
/* footer (brand already carried by the lockup) */
.task-login #login-footer{margin-top:22px;color:var(--yh-muted);font-size:12px;letter-spacing:.2px;}
@media (max-width:480px){
  body.task-login{background:var(--yh-surface);padding:16px;}
  .task-login #layout-content{padding:28px 18px 22px;border-radius:0;box-shadow:none;background:transparent;}
}
@media (prefers-reduced-motion:reduce){
  .task-login .input-group,.task-login #rcmloginsubmit{transition:none;}
}