/* Lapa theme for Roundcube — generated by deploy/lapam.ru/webmail/build_theme.py. Do not edit. */
/* recolour of styles.css: 170 rules */
a{color:#a651fb}
a:hover{color:#942efa}
body{color:#38312e}
#layout>div>.header{border-bottom:1px solid #e1d5d1;color:#38312e}
#layout>div>.header a.button{color:#38312e}
#layout>div>.footer{border-top:1px solid #e1d5d1}
#layout-sidebar{border-right:1px solid #e1d5d1}
#layout-sidebar.sidebar-right{border-left:1px solid #e1d5d1}
#layout-list{border-right:1px solid #e1d5d1}
@media screen and (min-width:481px){#layout-menu .popover-header{background-color:#3d3431!important}}
@media screen and (min-width:481px){#layout-menu{background-color:#3d3431}}
#rcmdraglayer{background-color:#3d3431;box-shadow:3px 3px 5px #f5f1f0}
.popup .listbox .footer{border-top:1px solid #e1d5d1}
p.image-attachment{background-color:rgba(185,119,251,.05)}
.iframe-loader .spinner-border{color:#f5f1f0}
.quota-widget .bar{border:1px solid #e1d5d1}
.quota-widget .value{background-color:#b977fb}
.image-tools{background-color:rgba(185,119,251,.4)}
.image-tools a:focus,.image-tools a:hover{background-color:rgba(185,119,251,.5)!important}
.quota-info .root{background-color:#f5f1f0}
.table-widget{border:1px solid #e1d5d1}
.table-widget>.footer{border-top:1px solid #e1d5d1}
.table-widget table.options-table tr:last-child td{border-bottom:1px solid #e1d5d1}
.table-widget table.options-table tr.selected td{background-color:#f5ebfe;color:#38312e}
table.table tr.deleted td{color:rgba(56,49,46,.5)!important}
.floating-action-buttons a.button{background:#b977fb;box-shadow:0 0 5px 5px #f4ebfe}
.btn:focus{box-shadow:0 0 0 .2rem rgba(185,119,251,.3)}
.btn-link{color:#a651fb}
.btn-secondary{background:#a3948f;border-color:#a3948f}
.btn-secondary:focus{background:#978681;border-color:#93827c;box-shadow:0 0 0 .2rem rgba(163,148,143,.5)}
.btn-secondary:hover{background:#978681;border-color:#93827c}
.btn-secondary.disabled,.btn-secondary:disabled{background:#a3948f;border-color:#a3948f}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{background:#8c7973;border-color:#86756f}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(163,148,143,.53)}
.btn-primary{background:#b977fb;border-color:#b977fb}
.btn-primary:focus{background:#b065fb;border-color:#ac5efb;box-shadow:0 0 0 .2rem rgba(185,119,251,.5)}
.btn-primary:hover{background:#b065fb;border-color:#ac5efb}
.btn-primary.disabled,.btn-primary:disabled{background:#b977fb;border-color:#b977fb}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{background:#a754fb;border-color:#a44dfa}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(185,119,251,.53)}
.ui-widget-overlay{background-color:rgba(56,49,46,.5)}
.ui-widget{border:1px solid #e1d5d1;box-shadow:3px 3px 5px #f5f1f0}
.ui-menu .ui-state-active{background-color:#b977fb!important}
.ui-dialog .ui-dialog-title{color:#38312e}
.ui-dialog .ui-dialog-titlebar-close{color:#38312e}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#38312e}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(185,119,251,.5)}
@media screen and (max-width:480px){.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary{color:#38312e}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#38312e}}
.ui-slider .ui-slider-range{background:#e7d1fe}
.ui-slider .ui-slider-handle.ui-state-active{background:#b977fb;border-color:#420381}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{color:#38312e}
.ui-datepicker .ui-state-default,.ui-datepicker.ui-widget-content .ui-state-default{color:#38312e}
.ui-datepicker .ui-datepicker-days-cell-over a,.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,.ui-datepicker .ui-state-highlight,.ui-datepicker.ui-widget-content .ui-state-highlight{background:#e7d1fe;color:#b977fb}
.ui-datepicker a.ui-state-active{background:#b977fb!important}
.minicolors-panel{border:1px solid #e1d5d1;box-shadow:3px 3px 5px #f5f1f0}
.popover{box-shadow:3px 3px 5px #f5f1f0;border-color:#e1d5d1}
html.layout-phone .popover:not(.select-menu) .listing li:last-child,html.layout-small .popover:not(.select-menu) .listing li:last-child{border-bottom:1px solid #f5f1f0}
html.layout-phone .popover-overlay,html.layout-small .popover-overlay{background-color:rgba(56,49,46,.5)}
html.layout-phone .popover-header,html.layout-small .popover-header{background-color:#420381}
.menu.toolbar a{color:#38312e}
.menu.pagenav a{color:#38312e}
.menu.pagenav.pagenav-list{border-bottom:1px solid #f5f1f0}
.menu.pagenav.pagenav-list.expanded+.navlist{border-bottom:1px solid #e1d5d1}
.menu .buttons button{color:#38312e}
.popover .menu li.separator{background-color:#f5f1f0}
.popover .menu li a:not(.disabled):hover{background-color:#b977fb}
.popover .menu li a[aria-haspopup].dropdown:after{color:#38312e}
.popover .menu .dropbutton a.dropdown:hover{background-color:#b977fb}
@media screen and (max-width:768px){.menu.listing a{color:#38312e}}
.searchbar{border-bottom:1px solid #f5f1f0}
.searchbar a{color:#38312e}
@media screen and (max-width:480px){#taskmenu a{border-bottom:1px solid #f5f1f0!important;color:#38312e}}
@media screen and (min-width:481px){#taskmenu a.selected{background:#594c48}#taskmenu a.selected:hover{background:#594c48}#taskmenu a:hover{background:#594c48}#taskmenu .special-buttons{background-color:#3d3431}#taskmenu .action-buttons a{color:#b977fb}#taskmenu .action-buttons a:hover{color:#b977fb;background:#594c48}}
@media screen and (min-width:1025px){#taskmenu a:focus{background-color:#594c48}}
.ui.alert{color:#38312e;background-color:rgba(185,119,251,.05)}
.ui.alert>i.icon{color:#625551}
.ui.alert.loading{color:#746e6c}
.ui.alert a:not(.btn){color:#b977fb}
.ui.alert.boxinformation{background-color:rgba(185,119,251,.2)}
#messagestack div{background-color:#38312e}
#messagestack .loading{background-color:#746e6c}
#messagestack .alert-info.information{background-color:#b977fb}
#messagestack .alert-warning{color:#38312e}
#messagestack .alert-warning>i.icon:before{color:#38312e}
.listing li,.listing tbody td{border-bottom:1px solid #f5f1f0}
.listing li a,.listing tbody td{color:#38312e}
.listing tbody td a{color:#38312e}
.listing li.selected,.listing tr.selected td{color:#38312e;background-color:#f5ebfe}
.listing li.disabled,.listing tr.disabled td{color:rgba(56,49,46,.5)}
html:not(.touch) .listing li>a:focus,html:not(.touch) .listing.focus tbody tr.focused>td:first-child,html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td{border-left:2px solid #ce9ffd}
ul.listing li ul{border-top:1px solid #f5f1f0}
@media screen and (max-width:1200px){.listing.selection-large-only li.selected{color:#38312e}}
.popupmenu .listing li>a:not(.disabled):hover{background-color:#b977fb}
.popupmenu .listing li.selected{background-color:#b977fb}
ul.treelist li.selected>a,ul.treelist li.selected>div>a{color:#38312e;background-color:#f5ebfe}
.folderlist li.mailbox .unreadcount{background:#b977fb}
.folderlist li.mailbox.recent>a{color:#9531fa}
.folderlist li.mailbox.recent>a>.unreadcount{background:#b977fb}
.messagelist tr.deleted td,.messagelist tr.deleted td.subject span.date,.messagelist tr.deleted td.subject span.fromto,.messagelist tr.deleted td.subject span.subject a{color:rgba(56,49,46,.5)}
.attachmentslist li .attachment-name{color:#38312e}
.formcontent.raweditor .CodeMirror{border:1px solid #d8d2d0;color:#38312e}
.formcontent.raweditor .CodeMirror-focused{border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
.input-group a:focus{background-color:rgba(185,119,251,.25)}
.proplist li.with-sublist>a.dropdown{color:#38312e}
.multi-input>.content{border:1px solid #d8d2d0}
.multi-input>.content.focused{border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
.multi-input .input-group-text,.multi-input input,.multi-input input:focus{border-bottom:1px solid #d8d2d0}
.multi-input .input-group-text{border-left:1px solid #d8d2d0}
.file-upload{border:.2rem dashed #e1d5d1}
.recipient-input.focus{border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
.recipient-input li.recipient,body>li.recipient.ui-sortable-helper{border:1px solid #d8d2d0;background-color:#f5f1f0}
.recipient-input li.recipient a.button.icon,body>li.recipient.ui-sortable-helper a.button.icon{color:#38312e}
.tagedit-list[tabindex="-1"]{border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
.tagedit-list li.tagedit-listelement-old{border:1px solid #d8d2d0;background-color:#f5f1f0}
.skinselection .skinthumbnail{border:1px solid #d8d2d0}
.form-control{color:#38312e}
.form-control:focus{color:#38312e;border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
.input-group-text{color:#38312e;background-color:#f5f1f0}
.input-group-text input:focus{border-color:#b977fb!important}
.custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#b977fb}
.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#b977fb;background-color:#b977fb}
.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before{border-color:#c187fc;background-color:#c187fc}
.custom-file-input:focus~.custom-file-label{border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
div.tox.tox-tinymce{border:1px solid #d8d2d0}
div.tox.focused{border-color:#b977fb!important;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)!important}
div.tox .tox-toolbar-overlord>div{background-color:#f5f1f0}
div.tox .tox-toolbar{background-color:#f5f1f0}
div.tox .tox-dialog{border-color:#e1d5d1}
div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#a651fb}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:#942efa}
div.tox .tox-dialog-wrap__backdrop{background-color:rgba(56,49,46,.5)}
div.tox .tox-dialog__header .tox-button{color:#38312e}
div.tox .tox-dialog__footer .tox-button{background:#b977fb;border-color:#b977fb}
div.tox .tox-dialog__footer .tox-button:focus{background:#b065fb;border-color:#ac5efb;box-shadow:0 0 0 .2rem rgba(185,119,251,.5)}
div.tox .tox-dialog__footer .tox-button:hover{background:#b065fb;border-color:#ac5efb}
div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#b977fb;border-color:#b977fb}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active,div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active{background:#a754fb;border-color:#a44dfa}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus,div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(185,119,251,.53)}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#b977fb;border-color:#b977fb}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary{background:#a3948f;border-color:#a3948f}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus{background:#978681;border-color:#93827c;box-shadow:0 0 0 .2rem rgba(163,148,143,.5)}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:hover{background:#978681;border-color:#93827c}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled,div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled{background:#a3948f;border-color:#a3948f}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active,div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active{background:#8c7973;border-color:#86756f}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active:focus,div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(163,148,143,.53)}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background:#a3948f;border-color:#a3948f}
div.tox .tox-dialog__title{color:#38312e}
div.tox .tox-label{color:#38312e}
div.tox .tox-color-input>input,div.tox .tox-listboxfield .tox-listbox--select,div.tox .tox-textarea,div.tox .tox-textfield{color:#38312e}
div.tox .tox-color-input>input:focus,div.tox .tox-listboxfield .tox-listbox--select:focus,div.tox .tox-textarea:focus,div.tox .tox-textfield:focus{border-color:#b977fb;box-shadow:0 0 0 .2rem rgba(185,119,251,.25)}
div.tox .image-selector button{background:#a3948f;border-color:#a3948f}
div.tox .image-selector button:focus{background:#978681;border-color:#93827c;box-shadow:0 0 0 .2rem rgba(163,148,143,.5)}
div.tox .image-selector button:hover{background:#978681;border-color:#93827c}
div.tox .image-selector button.disabled,div.tox .image-selector button:disabled{background:#a3948f;border-color:#a3948f}
div.tox .image-selector button:not(:disabled):not(.disabled).active,div.tox .image-selector button:not(:disabled):not(.disabled):active{background:#8c7973;border-color:#86756f}
div.tox .image-selector button:not(:disabled):not(.disabled).active:focus,div.tox .image-selector button:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(163,148,143,.53)}
@media screen and (max-width:480px){div.tox .tox-dialog__footer .tox-button{color:#38312e!important}div.tox .tox-dialog__footer .tox-button:active,div.tox .tox-dialog__footer .tox-button:focus,div.tox .tox-dialog__footer .tox-button:hover{color:#38312e}}
.image-selector.droptarget{border:.2rem dashed #e1d5d1}
.image-selector .attachmentslist li:focus,.image-selector .attachmentslist li:hover{background:#f5ebfe}
.image-selector .attachmentslist li span.img{border:1px solid #f5f1f0}
.html-editor .editor-toolbar{border-bottom:1px solid #d8d2d0;background-color:#f5f1f0}
.html-editor .editor-toolbar .mce-i-html{color:#362d2a}
.html-editor .editor-toolbar .mce-i-html:focus,.html-editor .editor-toolbar .mce-i-html:hover{border-color:#e8e2e0;background-color:#e3dedd}
.html-editor>iframe{border:1px solid #d8d2d0}
.googie_edit_layer{border:1px solid #d8d2d0}
.googie_list li.googie_list_onhover{background-color:#b977fb}
#login-footer>div{background:#f5f1f0}
.message-htmlpart blockquote,.message-part blockquote{color:#830ef9;border-left:2px solid #830ef9;border-right:2px solid #830ef9;background-color:rgba(245,241,240,.5)}
.message-htmlpart blockquote span.blockquote-link,.message-part blockquote span.blockquote-link{background:#f5f1f0;border:1px solid #e1d5d1}
/* recolour of jqui.css: 3 rules */
.ui-visual-focus{box-shadow:0 0 3px 1px #b88ee2}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #a651fb;background:#a651fb}
.ui-icon-background,.ui-state-active .ui-icon-background{border:#a651fb}
/* ── Lapa base: fonts, buttons, menu, login page (hand-written; appended by build_theme.py) ───────── */

@font-face { font-family: "Lorenzo Sans"; src: url("LorenzoSans-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Lorenzo Sans"; src: url("LorenzoSans-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Lorenzo Sans"; src: url("LorenzoSans-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Moderustic"; src: url("Moderustic-Variable.ttf") format("truetype"); font-weight: 300 800; font-display: swap; }

:root {
  --lapa-canvas: #fff6f3;
  --lapa-ink: #000;
  --lapa-ink-soft: #111;
  --lapa-muted: #6f6a68;
  --lapa-outline: rgb(0 0 0 / 36%);
  --lapa-line: rgb(0 0 0 / 8%);
  --lapa-purple: #b776fc;
  --lapa-lilac: #ead8fe;
  --lapa-pink: #f0add9;
  --lapa-sky: #85c3fd;
  --lapa-pink-photo: #efaad8;
  --lapa-sans: "Lorenzo Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --lapa-display: "Moderustic", "Lorenzo Sans", -apple-system, sans-serif;
}

html:not(.dark-mode) body,
html:not(.dark-mode) input,
html:not(.dark-mode) button,
html:not(.dark-mode) select,
html:not(.dark-mode) textarea,
html:not(.dark-mode) .btn,
html:not(.dark-mode) .popover,
html:not(.dark-mode) .ui-dialog,
html:not(.dark-mode) .ui-widget {
  font-family: var(--lapa-sans);
}
html:not(.dark-mode) body { color: var(--lapa-ink-soft); background: var(--lapa-canvas); }
html:not(.dark-mode) #layout > div > .header,
html:not(.dark-mode) .ui-dialog .ui-dialog-title { font-family: var(--lapa-display); font-weight: 600; }

/* primary actions = the site's black pill */
html:not(.dark-mode) .btn-primary,
html:not(.dark-mode) .btn-primary.disabled,
html:not(.dark-mode) .btn-primary:disabled,
html:not(.dark-mode) .floating-action-buttons a.button {
  background: var(--lapa-ink);
  border-color: var(--lapa-ink);
  color: #fff;
  border-radius: 999px;
}
html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled):hover,
html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled):focus,
html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled):active {
  background: #333;
  border-color: #333;
}
html:not(.dark-mode) .btn-secondary,
html:not(.dark-mode) .btn-danger { border-radius: 999px; }
html:not(.dark-mode) .form-control:focus,
html:not(.dark-mode) .custom-select:focus {
  border-color: var(--lapa-ink);
  box-shadow: 0 0 0 .2rem rgb(183 118 252 / 25%);
}

/* left task menu: ink, pink highlight */
html:not(.dark-mode) #layout-menu,
html:not(.dark-mode) #layout-menu .popover-header,
html:not(.dark-mode) #layout-menu .special-buttons,
html:not(.dark-mode) #layout-menu .special-buttons a { background-color: var(--lapa-ink-soft) !important; }  /* elastic's slate has !important */
html:not(.dark-mode) #taskmenu a { color: #d8d2cf; }
html:not(.dark-mode) #taskmenu a:hover,
html:not(.dark-mode) #taskmenu a.selected { color: #fff; background-color: rgb(255 255 255 / 10%); }
html:not(.dark-mode) #taskmenu a.selected:before { color: var(--lapa-pink); }
html:not(.dark-mode) #taskmenu .action-buttons a,
html:not(.dark-mode) #taskmenu .action-buttons a:hover { color: var(--lapa-pink); }
/* wordmark in the ink menu: white, fitted to the 78 px rail */
#layout-menu #logo {
  display: block;
  width: 60px;
  max-width: 100%;
  height: auto;
  margin: 14px auto 10px;
  filter: brightness(0) invert(1);
}

/* selected rows = lilac (site: --c-lilac) */
html:not(.dark-mode) .listing li.selected,
html:not(.dark-mode) .listing li.selected > a,
html:not(.dark-mode) table.records-table tr.selected td,
html:not(.dark-mode) .listing li.focused.selected { background-color: var(--lapa-lilac); }

/* ── login page ─────────────────────────────────────────────────────────────────────────────────── */
body.task-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 64px;
  min-height: 100vh;
  margin: 0;
  padding: 32px 20px;
  box-sizing: border-box;
  background: var(--lapa-canvas);
}
body.task-login #layout {
  display: block;
  height: auto;
  flex: 0 1 420px;
  overflow: visible;                       /* elastic clips #layout — that cut the card's shadow */
  background: none;
}
body.task-login #layout-content {
  position: static;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 40px 36px 28px;
  overflow: visible;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 12px 32px rgb(0 0 0 / 8%);
  text-align: left;
}
body.task-login #logo {
  position: static;
  display: block;
  width: 180px;
  max-height: none;
  height: auto;
  margin: 0 0 28px;
}
.lapa-login-title {
  margin: 0 0 6px;
  font: 600 30px/1.1 var(--lapa-display);
  color: var(--lapa-ink);
}
.lapa-login-sub {
  margin: 0 0 24px;
  font: 400 15px/1.4 var(--lapa-sans);
  color: var(--lapa-muted);
}
body.task-login #login-form {
  position: static;
  top: auto;
  width: 100%;
  max-width: none;
  margin: 0;
}
body.task-login #login-form .input-group,
body.task-login #login-form input.form-control {
  border-radius: 20px;
}
body.task-login #login-form .input-group-text {
  border: 1px solid var(--lapa-outline);
  border-right: 0;
  border-radius: 20px 0 0 20px;
  background: #fff;
  color: var(--lapa-muted);
}
body.task-login #login-form .input-group input.form-control {
  height: 52px;
  border: 1px solid var(--lapa-outline);
  border-left: 0;
  border-radius: 0 20px 20px 0;
  font-size: 16px;
}
body.task-login #login-form .input-group input.form-control:focus { box-shadow: none; }
body.task-login #login-form .input-group:focus-within .input-group-text,
body.task-login #login-form .input-group:focus-within input.form-control { border-color: var(--lapa-ink); }
body.task-login #login-form td.title { display: none; }
body.task-login #rcmloginsubmit {
  height: 52px;
  margin-top: 8px;
  border-radius: 999px;
  font: 500 16px/1 var(--lapa-sans);
  text-transform: none !important;         /* beats Bootstrap's .text-uppercase */
  letter-spacing: 0;
}
body.task-login #login-footer {
  margin-top: 18px;
  text-align: center;
  font-size: 13px;
  color: var(--lapa-muted);
}

/* photo collage of the site's sign-in (Figma frame «40», 315×343 design grid) */
.lapa-art { container-type: inline-size; flex: 0 1 440px; width: 100%; max-width: 440px; }
.lapa-collage { --u: calc(100cqw / 315); position: relative; height: calc(343 * var(--u)); }
.lapa-collage > *, .lapa-puppy, .lapa-woman { position: absolute; max-width: none; }
.lapa-puppy-block { left: 0; top: 0; width: calc(150 * var(--u)); height: calc(169 * var(--u)); border-radius: calc(32 * var(--u)) 0 0 calc(32 * var(--u)); background: var(--lapa-sky); }
.lapa-puppy-clip { left: calc(3 * var(--u)); top: calc(16 * var(--u)); width: calc(147 * var(--u)); height: calc(153 * var(--u)); overflow: hidden; }
.lapa-puppy { left: calc(-10.4 * var(--u)); top: calc(-16.36 * var(--u)); width: calc(173.73 * var(--u)); height: calc(174.11 * var(--u)); }
.lapa-kitten { left: calc(165 * var(--u)); top: 0; width: calc(148.835 * var(--u)); height: calc(169 * var(--u)); border-radius: 0 calc(32 * var(--u)) 0 0; object-fit: cover; }
.lapa-woman-block { left: 0; top: calc(184 * var(--u)); width: calc(315 * var(--u)); height: calc(159 * var(--u)); overflow: hidden; border-radius: 0 0 calc(60 * var(--u)) calc(60 * var(--u)); background: var(--lapa-pink-photo); }
.lapa-woman { left: calc(22.96 * var(--u)); top: 0; width: calc(269.08 * var(--u)); height: calc(180.52 * var(--u)); object-fit: cover; }

/* phones: collage on top, smaller; card full width */
@media (max-width: 860px) {
  body.task-login { flex-direction: column; justify-content: flex-start; gap: 24px; padding-top: 24px; }
  .lapa-art { max-width: 300px; flex: none; }
  body.task-login #layout { flex: none; width: 100%; max-width: 440px; }
  body.task-login #layout-content { padding: 28px 22px 20px; border-radius: 24px; }
}