/* SKY less | Webmail skin over Roundcube Elastic – no external fonts/scripts/images. */
:root {
  --sv-navy: #102d47;
  --sv-deep: #0b2137;
  --sv-teal: #237f92;
  --sv-teal-hover: #17697b;
  --sv-ink: #203248;
  --sv-muted: #667689;
  --sv-border: #dce5ec;
  --sv-paper: #f6f9fb;
  --sv-highlight: #e6f1f5;
}
html,body {font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
button, input, select, textarea {font-family:inherit;}
:focus-visible {outline: 3px solid #5bafbd !important; outline-offset: 2px;}

/* Calm login: a modern two-panel layout with no synthetic aircraft photos */
body.task-login {background: #edf3f6; color:var(--sv-ink);}
body.task-login #layout {min-height:100vh; height:auto; overflow-y:auto;}
body.task-login #layout-content {
  display:flex; align-items:center; justify-content:center;
  padding:clamp(18px,4vw,56px) 18px;
  width:100%; background:transparent; text-align:left;
}
body.task-login .skyless-login-shell {
  width:min(1030px,100%); min-height:590px; display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.02fr);
  border:1px solid #dce4e9; border-radius:20px; overflow:hidden;
  background:white; box-shadow:0 20px 60px rgba(17,44,66,.11),0 3px 10px rgba(17,44,66,.04);
}
body.task-login .skyless-login-story {
  position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(152deg,#0a2239 8%,#103a56 65%,#1d6072 120%);
  color:#fff; padding:clamp(36px,4vw,62px);
  display:flex; flex-direction:column; justify-content:space-between;
}
body.task-login .skyless-login-story:after {
  content:"";position:absolute; z-index:-1;pointer-events:none;
  width:520px;height:520px;border:1px solid rgba(190,221,230,.17);
  border-radius:50%;left:-210px;bottom:-330px;
  box-shadow:0 0 0 54px rgba(138,190,204,.035), 0 0 0 116px rgba(138,190,204,.027),0 0 0 178px rgba(138,190,204,.024);
}
body.task-login .skyless-brand {
  font-weight:750;letter-spacing:.18em;font-size:1.08rem;line-height:1.45;
}
body.task-login .skyless-brand span {display:block;font-weight:400;font-size:.68rem;letter-spacing:.34em;color:#abd0db;}
body.task-login .skyless-story-main {max-width:340px; margin:28px 0;}
body.task-login .skyless-eyebrow {font-size:.74rem;font-weight:650;letter-spacing:.19em;color:#b1dce5;text-transform:uppercase;}
body.task-login .skyless-story-main h2 {font-size:clamp(2rem,3vw,3.05rem);line-height:1.17;letter-spacing:-.035em;color:#fff;font-weight:660;margin:20px 0;}
body.task-login .skyless-story-main p {color:#d0e1e9;font-size:1rem;line-height:1.75;margin:0;}
body.task-login .skyless-story-bottom {border-top:1px solid rgba(235,246,250,.22);padding-top:20px;font-size:.8rem;letter-spacing:.07em;color:#c8dfe6;}
body.task-login .skyless-login-panel {padding:clamp(28px,4.2vw,70px);display:flex;flex-direction:column;justify-content:center;min-width:0;}
body.task-login .skyless-panel-kicker {color:var(--sv-teal);font-size:.75rem;letter-spacing:.2em;font-weight:750;text-transform:uppercase;}
body.task-login .skyless-login-panel h2 {font-size:clamp(1.95rem,2.4vw,2.65rem);line-height:1.17;letter-spacing:-.035em;font-weight:700;color:var(--sv-navy);margin:16px 0 8px;}
body.task-login .skyless-login-panel .skyless-panel-intro {color:var(--sv-muted);line-height:1.65;margin:0 0 27px;font-size:.95rem;}
body.task-login #login-form {position:static;top:auto;width:100%;max-width:none;margin:0;}
body.task-login #login-form table {width:100%;max-width:none;}
body.task-login #login-form label {font-size:.88rem;font-weight:650;color:#32455b;margin-bottom:7px;}
body.task-login #login-form input.form-control,body.task-login #login-form input[type="text"],body.task-login #login-form input[type="email"],body.task-login #login-form input[type="password"] {
  min-height:46px;border:1px solid #cad8e1;background:#f9fbfc;color:var(--sv-ink);
  border-radius:9px;box-shadow:none;font-size:1rem;padding:10px 13px;
}
body.task-login #login-form input.form-control:focus,body.task-login #login-form input[type="text"]:focus,body.task-login #login-form input[type="password"]:focus {border-color:#4e9aac;background:#fff;box-shadow:0 0 0 3px rgba(35,127,146,.12);}
body.task-login #login-form .formbuttons {margin-top:20px;}
body.task-login #rcmloginsubmit {
  background:var(--sv-navy);border:1px solid var(--sv-navy);color:#fff;
  border-radius:9px;min-height:47px;font-size:1rem;font-weight:650;width:100%;
  box-shadow:none;transition:background-color .15s ease,border-color .15s ease;
}
body.task-login #rcmloginsubmit:hover {background:#194665;border-color:#194665;}
body.task-login #login-footer {font-size:.76rem;color:#728196;text-align:center; margin-top:22px;}
body.task-login #login-footer > div {background:transparent;padding:0;}
body.task-login .skyless-mobile-brand {display:none;}

/* Inbox: subtle brand colors and comfortable spacing; Elastic owns layout and behaviors */
body:not(.task-login) #layout-menu {background:var(--sv-deep);}
body:not(.task-login) #layout-menu a {transition:background-color .15s ease;}
body:not(.task-login) #layout-menu a:hover {background-color:rgba(110,186,203,.12);}
body:not(.task-login) #layout-sidebar {background:#f3f7f9;border-color:var(--sv-border);}
body:not(.task-login) #layout-list {background:#fff;border-color:var(--sv-border);}
body:not(.task-login) #layout-content {background:#fff;}
body:not(.task-login) #layout-sidebar > .header,
body:not(.task-login) #layout-list > .header,
body:not(.task-login) #layout-content > .header {background:#f7fafb;border-bottom-color:var(--sv-border);color:var(--sv-ink);}
body:not(.task-login) .listing tbody td, body:not(.task-login) .listing li {border-bottom-color:#e9eef2;}
body:not(.task-login) .listing li.selected,
body:not(.task-login) .listing tr.selected td {background:var(--sv-highlight);color:var(--sv-ink);}
body:not(.task-login) .listing li > a:focus,
body:not(.task-login) .listing tbody tr:focus-within {outline-color:#4e9aac;}
body:not(.task-login) #mailsearchform input {border-radius:8px;}
body:not(.task-login) .btn-primary,
body:not(.task-login) button.btn-primary {background-color:var(--sv-teal);border-color:var(--sv-teal);}
body:not(.task-login) .btn-primary:hover {background-color:var(--sv-teal-hover);border-color:var(--sv-teal-hover);}
body:not(.task-login) .popover,body:not(.task-login) .modal-content {border-radius:12px;}

@media (max-width:820px) {
 body.task-login #layout-content {padding:16px;}
 body.task-login .skyless-login-shell {display:block;max-width:520px;min-height:0;}
 body.task-login .skyless-login-story {display:none;}
 body.task-login .skyless-login-panel {padding:clamp(24px,7vw,48px);}
 body.task-login .skyless-mobile-brand {display:block;color:var(--sv-teal);font-weight:700;letter-spacing:.13em;margin-bottom:18px;font-size:.79rem;}
}
@media (prefers-reduced-motion:reduce) {
 body.task-login #rcmloginsubmit,body:not(.task-login) #layout-menu a {transition:none;}
}