/* Arcvale Mail: peste tema elastic din Roundcube */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
:root{--av-cu:#B87333;--av-cu-ink:#8F5520;--av-cu-50:#FBF4EC;--av-cu-100:#F5E6D5;--av-ink:#0E1A24;--av-soft:#F6F4F0;--av-line:#E8E4DE}

body,input,select,textarea,button,.btn,.form-control,.popupmenu,.toolbar a,.listing{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}

/* culoarea principala: cupru in loc de albastru */
a,a:hover,.link{color:var(--av-cu-ink)}
.btn-primary,.btn.btn-primary,button.btn-primary,input.btn-primary,.mainaction,.button.mainaction,.formbuttons .mainaction,.dialog-buttons .mainaction{background-color:var(--av-cu)!important;border-color:var(--av-cu)!important;color:#fff!important}
.btn-primary:hover,.mainaction:hover,.btn-primary:focus{background-color:var(--av-cu-ink)!important;border-color:var(--av-cu-ink)!important}
.form-control:focus,.custom-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--av-cu)!important;box-shadow:0 0 0 .2rem rgba(184,115,51,.18)!important}
.custom-control-input:checked~.custom-control-label::before,.custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:var(--av-cu)!important;border-color:var(--av-cu)!important}
.badge,.unreadcount,.listing li .unreadcount,.count{background-color:var(--av-cu)!important;color:#fff!important}
.progress-bar,.quota-widget .bar{background-color:var(--av-cu)!important}
.spinner,.loading{border-top-color:var(--av-cu)}

/* bara laterala din stanga: bleumarin Arcvale */
#layout-menu{background-color:var(--av-ink)!important}
#layout-menu .popover-header,#layout-menu .header{background-color:var(--av-ink)!important}
#layout-menu a,#layout-menu .menu a{color:#C9D1D8}
#layout-menu a:hover,#layout-menu .menu a:hover{color:#fff;background-color:rgba(255,255,255,.06)}
#layout-menu a.selected,#layout-menu .menu a.selected,#taskmenu a.selected{color:#fff!important;background-color:rgba(184,115,51,.28)!important}
#taskmenu a.selected:before,#taskmenu a.selected{border-left-color:var(--av-cu)!important}

/* elementele selectate din liste */
.listing li.selected,.listing li.selected>a,table.records-table tr.selected td,table.records-table tr.focused td,.listing li.focused>a{background-color:var(--av-cu-50)!important;color:var(--av-ink)!important}
table.records-table tr.selected td:first-child,.listing li.selected>a{box-shadow:inset 3px 0 0 var(--av-cu)}
table.messagelist tr.unread td.subject a,table.messagelist tr.unread .subject span{color:var(--av-ink)}
.toolbar a:hover,.toolbar a.active:hover{color:var(--av-cu-ink)}

/* pagina de logare, in stilul arcvale.ro */
body.task-login{background:var(--av-soft) radial-gradient(circle,rgba(14,26,36,.09) 1px,transparent 1.2px) 0 0/22px 22px!important}
body.task-login #layout,body.task-login #layout-content{background:transparent!important}
#login-form{background:#fff;border:1px solid var(--av-line);border-radius:22px;box-shadow:0 40px 80px -48px rgba(14,26,36,.45);padding:34px 30px 26px!important;max-width:400px}
#login-form #logo{max-height:46px!important;width:auto;margin:0 auto 22px!important;display:block}
#login-form .formcontent input{border-radius:11px;background:var(--av-soft);border-color:transparent;height:46px}
#login-form .formbuttons .mainaction,#login-form button.mainaction{border-radius:12px!important;height:46px;font-weight:600;letter-spacing:0;text-transform:none}
#login-footer,#login-footer a{color:#6A7580!important}

/* tema intunecata a Roundcube */
html.dark-mode body.task-login{background:#0B1117 radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/22px 22px!important}
html.dark-mode #login-form{background:#151F28;border-color:rgba(255,255,255,.09)}
html.dark-mode #login-form .formcontent input{background:#111921;color:#EEF1F3}
html.dark-mode a,html.dark-mode .link{color:#E2A970}
html.dark-mode .listing li.selected,html.dark-mode .listing li.selected>a,html.dark-mode table.records-table tr.selected td,html.dark-mode table.records-table tr.focused td{background-color:rgba(201,131,72,.16)!important;color:#EEF1F3!important}

/* logo-ul de pe pagina de logare: masura potrivita si pe telefon */
body.task-login img#logo,body.task-login #logo{height:auto!important;max-height:54px!important;width:auto!important;max-width:min(320px,80vw)!important;margin:0 auto 26px!important;display:block}
#login-form .formbuttons .mainaction,#login-form button.mainaction{text-transform:none!important;font-size:15px}