@import url("../../elastic/styles/styles.min.css");

@font-face {
    font-family: "Inter Var";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../vendor/inter/inter-latin-ext-variable.woff2?v5.2.8") format("woff2-variations");
}

@font-face {
    font-family: "Inter Var";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("../vendor/inter/inter-latin-ext-variable-italic.woff2?v5.2.8") format("woff2-variations");
}

:root {
    --sh-orange: #ea741b;
    --sh-orange-dark: #c9570a;
    --sh-orange-soft: #fff3eb;
    --sh-brown: #160e0c;
    --sh-page: #f6f8fb;
    --sh-border: #dfe3e8;
    --sh-text: #182433;
    --sh-muted: #667382;
}

body {
    color: var(--sh-text);
    background: var(--sh-page);
    font-family: "Inter Var", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .875rem;
}

button,
input,
select,
textarea,
.ui-widget {
    font-family: "Inter Var", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a,
.listing a,
.menu a:not(.disabled):hover {
    color: var(--sh-orange-dark);
}

#layout-menu,
#layout-menu .popover-header {
    background: var(--sh-brown) !important;
}

#layout-menu .popover-header img {
    box-sizing: border-box;
    width: 70px;
    max-width: 70px;
    height: 48px;
    max-height: 48px;
    padding: 8px 4px;
    object-fit: contain;
    content: url("../images/logo-menu.png");
}

#layout-menu .menu.toolbar a {
    color: rgba(255, 255, 255, .7);
    border-left: 3px solid transparent;
}

#layout-menu .menu.toolbar a:hover,
#layout-menu .menu.toolbar a:focus {
    color: #fff;
    background: rgba(255, 255, 255, .07);
}

#layout-menu .menu.toolbar a.selected {
    color: var(--sh-orange);
    background: rgba(234, 116, 27, .14);
    border-left-color: var(--sh-orange);
}

#taskmenu a.about {
    display: none !important;
}

#layout > div > .header,
#layout-menu .popover-header {
    height: 50px;
    min-height: 50px;
    line-height: 50px;
}

#layout > div > .header {
    color: var(--sh-text);
    background: #fff;
    border-color: var(--sh-border);
}

#mailtoolbar.toolbar a,
#messagelist-header .toolbar a,
#messagelist-header > a.toolbar-button {
    min-width: 2.75rem;
    max-width: 5rem;
    padding: .35rem .4rem;
    font-size: .875rem;
}

#mailtoolbar.toolbar a::before,
#messagelist-header .toolbar a::before,
#messagelist-header > a.toolbar-button::before {
    height: 1.35rem !important;
    font-size: 1.1rem !important;
    line-height: 1.2 !important;
}

#mailtoolbar.toolbar a::before {
    font-size: 1rem !important;
}

#mailtoolbar.toolbar a span.inner,
#messagelist-header .toolbar a span.inner,
#messagelist-header > a.toolbar-button span.inner {
    font-family: "Inter Var", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: .75rem !important;
    font-weight: 400 !important;
    line-height: 1rem !important;
    letter-spacing: 0 !important;
}

#mailtoolbar.toolbar a span.inner {
    font-size: 10.5px !important;
}

.toolbar a.reply span.inner,
.toolbar a.reply-all span.inner,
.toolbar a.forward span.inner,
.toolbar a.delete span.inner,
.toolbar a.markmessage span.inner,
.toolbar a.more span.inner,
.toolbar a.print span.inner,
.toolbar a.prev span.inner,
.toolbar a.next span.inner {
    font-size: 10.5px !important;
}

#mailtoolbar.toolbar .dropbutton a.dropdown {
    min-width: 0;
    padding: 0 .15rem;
    font-size: .65rem;
}

#mailtoolbar.toolbar .dropbutton a.dropdown::before {
    height: auto !important;
    font-size: .65rem !important;
}

#layout-sidebar,
#layout-list,
#layout-content {
    background: #fff;
    border-color: var(--sh-border);
}

.folderlist li > a {
    margin: 1px 7px;
    padding-right: 8px;
    border-radius: 6px;
}

.folderlist li.selected > a,
.folderlist li > a:hover {
    color: var(--sh-orange-dark);
    background: var(--sh-orange-soft);
}

#mailboxlist.folderlist li.selected,
#mailboxlist.folderlist li.selected > a,
.folderlist.listing li.selected,
.folderlist.listing li.selected > a {
    color: var(--sh-orange-dark) !important;
    background-color: var(--sh-orange-soft) !important;
}

.messagelist td {
    border-color: #edf0f3;
    font-size: .9rem !important;
}

.messagelist tr:hover td {
    background: #fff8f3;
}

.messagelist tr.selected td,
.listing tr.selected td,
.listing li.selected {
    color: var(--sh-text);
    background: var(--sh-orange-soft);
}

.messagelist tr.unread td.subject span.subject,
.messagelist tr.unread td.fromto {
    color: var(--sh-text);
    font-weight: 700;
}

.searchbar {
    border-color: var(--sh-border);
    background: #fff;
}

.searchbar:focus-within,
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
    border-color: rgba(201, 87, 10, .6) !important;
    box-shadow: 0 0 0 3px rgba(201, 87, 10, .1) !important;
}

button.btn-primary,
.btn.btn-primary,
input.btn-primary,
#rcmloginsubmit {
    color: #fff !important;
    background: var(--sh-orange-dark) !important;
    border-color: var(--sh-orange-dark) !important;
}

button.btn-primary:hover,
.btn.btn-primary:hover,
input.btn-primary:hover,
#rcmloginsubmit:hover {
    background: #a94405 !important;
    border-color: #a94405 !important;
}

button.btn,
.btn,
input,
select,
textarea,
.form-control {
    border-radius: 6px;
}

.ui-dialog,
.popover,
.menu.pagenav,
.iframe-wrapper {
    border-color: var(--sh-border);
}

.ui-dialog .ui-dialog-titlebar,
.popover-header {
    color: var(--sh-text);
    background: #fff;
}

.quota-widget .value,
.progress-bar {
    background-color: var(--sh-orange-dark);
}

/* Estados ativos no padrão laranja Sunny House. */
.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount {
    color: #fff;
    background: var(--sh-orange) !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--sh-orange-dark) !important;
    background-color: var(--sh-orange) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    border-color: rgba(201, 87, 10, .65) !important;
    box-shadow: 0 0 0 .2rem rgba(201, 87, 10, .15) !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: rgba(201, 87, 10, .65) !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: #f3a56d !important;
    background-color: var(--sh-orange-soft) !important;
}

.page-item.active .page-link,
.ui-menu .ui-menu-item.ui-state-focus,
.ui-menu .ui-menu-item.ui-state-active,
.ui-menu .ui-menu-item-wrapper.ui-state-active {
    color: #fff !important;
    border-color: var(--sh-orange-dark) !important;
    background-color: var(--sh-orange-dark) !important;
}

.listing.focus tbody tr.focused > td:first-child,
.listing.focus li.focused {
    border-left-color: var(--sh-orange) !important;
}

.task-login #logo {
    width: min(300px, 75vw);
    max-height: 72px;
    object-fit: contain;
    content: url("../images/logo-login.png");
}

#login-form {
    padding: 1.25rem;
    border: 1px solid var(--sh-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(22, 14, 12, .08);
}

@media screen and (max-width: 768px) {
    #layout > div > .header,
    #layout-menu .popover-header {
        height: 48px;
        min-height: 48px;
        line-height: 48px;
    }
}

/* Tabler Icons: troca somente os glifos, preservando as caixas do Elastic. */
@font-face {
    font-family: "tabler-icons";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../vendor/tabler-icons/fonts/tabler-icons.woff2?v3.34.1") format("woff2");
}

.menu a:where(.mail, .contacts, .options, .settings, .help, .logout, .about, .refresh, .compose,
    .calendar, .tasklist, .files, .notes, .chat, .archive, .forward, .import, .upload,
    .insertresponse, .junk, .notjunk, .markmessage, .more, .move, .print, .properties,
    .purge, .read, .unread, .recipient, .remove, .removegroup, .rename, .reply, .reply-all,
    .responses, .rotate, .save, .search, .select, .folders, .firstpage, .lastpage,
    .nextpage, .prevpage, .flag, .unflag, .expand, .export, .extwin, .filterlink):before,
a.button.icon:where(.refresh, .save, .submit, .continue, .create, .edit, .search, .filter,
    .import, .export, .discard, .delete, .next, .restore, .send, .bounce, .attach, .close,
    .cancel, .back, .remove, .task-menu-button, .sidebar-menu, .toolbar-menu-button):before,
.folderlist li a:before {
    font-family: "tabler-icons" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.menu a.mail:before { content: "\eae5" !important; }
.menu a.contacts:before { content: "\ebf2" !important; }
.menu a.options:before { content: "\ec38" !important; }
.menu a.settings:before { content: "\eb20" !important; }
.menu a.help:before, .menu a.about:before { content: "\f91d" !important; }
.menu a.logout:before { content: "\eba8" !important; }
.menu a.refresh:before, a.button.icon.refresh:before { content: "\eb13" !important; }
.menu a.compose:before, a.button.icon.edit:before { content: "\ea98" !important; }
.menu a.calendar:before { content: "\ea53" !important; }
.menu a.tasklist:before { content: "\f074" !important; }
.menu a.files:before, .menu a.folders:before { content: "\eaad" !important; }
.menu a.notes:before { content: "\eb6d" !important; }
.menu a.chat:before { content: "\eb6c" !important; }
.menu a.archive:before { content: "\ea0b" !important; }
.menu a.forward:before { content: "\ea83" !important; }
.menu a.import:before, .menu a.upload:before, a.button.icon.import:before { content: "\eb47" !important; }
.menu a.insertresponse:before, .menu a.responses:before { content: "\eaef" !important; }
.menu a.junk:before { content: "\ec2c" !important; }
.menu a.notjunk:before { content: "\eac4" !important; }
.menu a.markmessage:before { content: "\10096" !important; }
.menu a.more:before { content: "\ea95" !important; }
.menu a.move:before { content: "\faf7" !important; }
.menu a.print:before { content: "\eb0e" !important; }
.menu a.properties:before { content: "\eaa4" !important; }
.menu a.purge:before, .menu a.remove:before { content: "\eb8b" !important; }
.menu a.read:before { content: "\eae4" !important; }
.menu a.unread:before, .menu a.recipient:before { content: "\eae5" !important; }
.menu a.removegroup:before { content: "\eb4c" !important; }
.menu a.rename:before { content: "\eb04" !important; }
.menu a.reply:before { content: "\ea82" !important; }
.menu a.reply-all:before, .menu a.reply.all:before, .menu a.reply.list:before { content: "\ee4e" !important; }
.menu a.rotate:before { content: "\eb15" !important; }
.menu a.save:before, a.button.icon.save:before { content: "\eb62" !important; }
.menu a.search:before, a.button.icon.search:before { content: "\eb1c" !important; }
.menu a.search.delete:before, a.button.icon.delete:before, a.button.icon.discard:before { content: "\eb41" !important; }
.menu a.select:before { content: "\f265" !important; }
.menu a.select.all:before { content: "\efd5" !important; }
.menu a.select.invert:before { content: "\eba6" !important; }
.menu a.select.none:before { content: "\eb55" !important; }
.menu a.firstpage:before { content: "\ea64" !important; }
.menu a.lastpage:before { content: "\ea65" !important; }
.menu a.nextpage:before { content: "\ea61" !important; }
.menu a.prevpage:before { content: "\ea60" !important; }
.menu a.flag:before, .menu a.unflag:before { content: "\eaa6" !important; }
.menu a.expand:before { content: "\ea61" !important; }
.menu a.expand.all:before { content: "\ea63" !important; }
.menu a.expand.none:before { content: "\ea66" !important; }
.menu a.export:before, a.button.icon.export:before { content: "\ea96" !important; }
.menu a.extwin:before { content: "\ea99" !important; }
.menu a.filterlink:before, a.button.icon.filter:before { content: "\eaa5" !important; }
a.button.icon.create:before { content: "\eb0b" !important; }
a.button.icon.submit:before, a.button.icon.continue:before { content: "\ea5e" !important; }
a.button.icon.send:before, a.button.icon.bounce:before { content: "\eb1e" !important; }
a.button.icon.attach:before { content: "\eb02" !important; }
a.button.icon.close:before, a.button.icon.cancel:before, a.button.icon.remove:before { content: "\eb55" !important; }
a.button.icon.back:before { content: "\ea60" !important; }
a.button.icon.next:before { content: "\ea61" !important; }
a.button.icon.task-menu-button:before { content: "\ec42" !important; }
a.button.icon.sidebar-menu:before, a.button.icon.toolbar-menu-button:before { content: "\ea95" !important; }

.folderlist li a:before { content: "\eaad" !important; }
.folderlist li.inbox > a:before { content: "\eac4" !important; }
.folderlist li.trash a:before { content: "\eb41" !important; }
.folderlist li.drafts a:before { content: "\eb04" !important; }
.folderlist li.sent a:before { content: "\eb1e" !important; }
.folderlist li.junk a:before { content: "\ec2c" !important; }
.folderlist li.archive > a:before { content: "\ea0b" !important; }
.folderlist li.ns-shared > a:before { content: "\f7bd" !important; }
.folderlist li.ns-other > a:before { content: "\fa21" !important; }
.folderlist li.sunny-transactions > a:before { content: "\edfd" !important; }
.folderlist li.sunny-news > a:before { content: "\eafd" !important; }
.folderlist li.sunny-promotions > a:before { content: "\10096" !important; }
.folderlist li.sunny-spam > a:before { content: "\eb23" !important; }
.folderlist li.junk > a[rel="04 - Spam"]:before { content: "\eb23" !important; }