/* Arcvale Mail, aspect simplu in stilul Gmail */
:root{--av-bg:#F6F4F0;--av-panel:#FFFFFF;--av-sel:#F5E6D5;--av-hover:#EFEAE3}

/* fundal general si panouri albe, rotunjite */
body.task-mail #layout,body.task-addressbook #layout,body.task-settings #layout{background:var(--av-bg)!important}
#layout-sidebar,#layout-list,#layout-content{border:0!important;background:transparent!important}
#layout-list>.header,#layout-list>.content,#layout-list>.footer{background:var(--av-panel)!important}
#layout-list .header,#layout-content .header,#layout-sidebar .header{border-bottom-color:#EFEAE3!important;background:transparent!important}
#layout-sidebar .header{background:transparent!important}
#layout-sidebar .header .header-title{font-weight:600;font-size:14px;color:#33404B}

/* bara de iconite din stanga: deschisa, cu pastile */
#layout-menu{background:var(--av-bg)!important;border-right:0!important}
#layout-menu a,#layout-menu .menu a{color:#33404B!important;border-radius:14px;margin:2px 6px;transition:background .2s}
#layout-menu,#layout-menu *{border-color:transparent!important}
#layout-menu a:hover,#layout-menu .menu a:hover{background:var(--av-hover)!important;color:#0E1A24!important}
#layout-menu a.selected,#layout-menu .menu a.selected,#taskmenu a.selected{background:var(--av-sel)!important;color:#0E1A24!important}
#taskmenu a.compose{display:none!important}
#taskmenu a.logout,#taskmenu a.logout:before{color:#6A7580!important}
#layout-menu .popover-header{background:var(--av-bg)!important}

/* butonul "Scrie" */
.av-compose{display:inline-flex;align-items:center;gap:12px;margin:10px 12px 14px;padding:0 22px 0 18px;height:52px;border-radius:16px;background:#F5E6D5;color:#0E1A24!important;font-weight:600;font-size:15px;text-decoration:none!important;box-shadow:0 1px 3px rgba(14,26,36,.12);transition:box-shadow .2s,background .2s}
.av-compose:hover{background:#EBCFAF;box-shadow:0 4px 10px -2px rgba(14,26,36,.25);color:#0E1A24!important}
.av-compose svg{flex-shrink:0;color:#8F5520}

/* dosarele: pastile ca in Gmail */
#folderlist-content,#layout-sidebar .scroller{background:transparent!important}
#folderlist-content ul.treelist li,#folderlist-content li{border:0!important}
#folderlist-content li a,.treelist li a{border-radius:0 18px 18px 0!important;margin-right:10px;padding-left:22px!important;height:36px;line-height:36px;color:#26313B!important;border:0!important}
#folderlist-content li a:hover,.treelist li a:hover{background:var(--av-hover)!important}
#folderlist-content li.selected>a,.treelist li.selected>a,#folderlist-content li.selected>div>a{background:var(--av-sel)!important;color:#0E1A24!important;font-weight:700;box-shadow:none!important}
#folderlist-content li .unreadcount,.treelist li .unreadcount{background:transparent!important;color:#0E1A24!important;font-weight:700}
#folderlist-content li a:before,.treelist li a:before{color:#6A7580}
#folderlist-content li.selected>a:before{color:#8F5520}
#layout-sidebar .footer{background:transparent!important;border-top:0!important}
#layout-sidebar .footer .quota-widget,#layout-sidebar .footer .quota{opacity:.7}

/* bara de unelte (lista si mesaj): doar iconite, cu explicatia la hover */
#layout-list .header a span.inner,#layout-content .header .toolbar a span.inner,#layout-list .header .toolbar a span{display:none!important}
#layout-list .header .toolbar a,#layout-content .header .toolbar a{min-width:40px;height:40px;padding:0!important;border-radius:999px;font-size:0!important;text-align:center}
#layout-list .header .toolbar a:before,#layout-content .header .toolbar a:before{font-size:17px!important;margin:0!important;line-height:40px}
#layout-list .header .toolbar a:hover,#layout-content .header .toolbar a:hover{background:var(--av-hover)!important}
#layout-content>.header,#layout-list>.header{height:56px;min-height:56px}
#layout-content .header .toolbar .dropbutton{display:inline-flex;align-items:center}
#layout-content .header .toolbar .dropbutton a.dropdown{min-width:18px!important;width:18px}

/* cautarea: rotunjita, pe fundal deschis */
#layout-list .header .searchbar,.searchbar{background:var(--av-bg)!important;border-radius:999px!important;border:0!important;padding:0 6px}
.searchbar input,#layout-list .header input[type=text]{background:transparent!important;border:0!important;box-shadow:none!important}
.searchbar:focus-within{background:#fff!important;box-shadow:0 1px 4px rgba(14,26,36,.18)}

/* lista de mesaje: randuri simple */
table.messagelist,#messagelist{background:var(--av-panel)!important}
table.messagelist tr td{border-bottom:1px solid #F1EDE7!important}
table.messagelist tr:hover td{background:#FBF9F6!important;box-shadow:none}
table.messagelist tr.unread td{background:#fff}
table.messagelist tr.unread td.subject,table.messagelist tr.unread td .subject,table.messagelist tr.unread td .fromto,table.messagelist tr.unread td span.subject a{font-weight:700!important;color:#0E1A24!important}
table.messagelist tr:not(.unread) td .subject a,table.messagelist tr:not(.unread) td .fromto{color:#33404B}
table.messagelist tr.selected td,table.messagelist tr.focused td{background:#FBF4EC!important}
table.messagelist td.subject .date,table.messagelist span.date{color:#6A7580}
#layout-list .footer{border-top:1px solid #F1EDE7!important}

/* pagina goala din dreapta */
#layout-content .watermark{opacity:.35}

/* butoane secundare */
.btn-secondary,.btn.btn-secondary{border-radius:12px}
.btn,.button{border-radius:12px}

/* tema intunecata */
html.dark-mode{--av-bg:#0B1117;--av-panel:#151F28;--av-sel:rgba(201,131,72,.22);--av-hover:rgba(255,255,255,.06)}
html.dark-mode #layout-menu a,html.dark-mode #layout-menu .menu a,html.dark-mode #folderlist-content li a,html.dark-mode .treelist li a{color:#C9D1D8!important}
html.dark-mode #layout-menu a.selected,html.dark-mode #folderlist-content li.selected>a,html.dark-mode .treelist li.selected>a{color:#fff!important}
html.dark-mode .av-compose{background:rgba(201,131,72,.22);color:#fff!important}
html.dark-mode .av-compose svg{color:#E2A970}
html.dark-mode table.messagelist tr td{border-bottom-color:rgba(255,255,255,.06)!important}
html.dark-mode table.messagelist tr:hover td{background:rgba(255,255,255,.03)!important}
html.dark-mode table.messagelist tr.unread td .subject a,html.dark-mode table.messagelist tr.unread td .fromto{color:#fff!important}
html.dark-mode table.messagelist tr.selected td{background:rgba(201,131,72,.14)!important}
html.dark-mode #layout-content{border-left-color:rgba(255,255,255,.06)!important}
html.dark-mode .searchbar:focus-within{background:#151F28!important}

/* spatiul ocupat: doar bara subtire, fara procent */
#layout-sidebar .footer .quota-widget .count,#layout-sidebar .footer .quota-widget .percent{display:none!important}
#layout-sidebar .footer .quota-widget .bar{height:4px;border-radius:4px;background:#E8E4DE!important;overflow:hidden}
#layout-sidebar .footer .quota-widget .bar .value{background:#B87333!important}

/* aranjare in stil Gmail: doar pe calculator */
@media (min-width:1024px){
#layout-list{background:var(--av-panel)!important;border-radius:16px 0 0 16px;margin:8px 0 8px 0;overflow:hidden;box-shadow:0 1px 2px rgba(14,26,36,.05)}
#layout-content{background:var(--av-panel)!important;border-radius:0 16px 16px 0;margin:8px 8px 8px 0;overflow:hidden;border-left:1px solid #EFEAE3!important;box-shadow:0 1px 2px rgba(14,26,36,.05)}
body.task-settings #layout-list,body.task-addressbook #layout-list{border-radius:16px 0 0 16px}
/* meniul din stanga (E-mail, Contacte, Setari): iconita cu eticheta mica, ca in Gmail */
#taskmenu a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px!important;font-weight:600;height:auto!important;padding:10px 4px!important;line-height:1.2!important}
#taskmenu a span.inner{display:block!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}
#taskmenu a:before{color:inherit!important;font-size:18px!important;margin:0!important}
#taskmenu .special-buttons,#taskmenu .action-buttons,#layout-menu .footer{background:transparent!important;border:0!important}
#taskmenu .special-buttons a{color:#6A7580!important}

/* logo: in coloana ingusta din stanga punem iconita patrata */
#layout-menu .popover-header #logo{content:url(icon.png);width:38px!important;height:38px!important;max-height:38px!important;border-radius:10px;margin:12px auto 10px!important;display:block}
}

/* ---------- aspect de tip Gmail (pe calculator) ---------- */
@media (min-width:1024px){
  body.av-gmail #layout-menu{display:none!important}
  body.av-gmail #layout-sidebar{width:256px!important;min-width:256px!important}
  body.av-gmail #layout-sidebar .header{height:64px;display:flex;align-items:center;padding:0 16px 0 22px}
  body.av-gmail #layout-sidebar .header .header-title,body.av-gmail #layout-sidebar .header .back-list-button{display:none!important}
  body.av-gmail .av-logo{height:28px;width:auto;margin-right:auto}
  body.av-gmail #layout-sidebar .scroller{flex:1}
  .av-tasks{padding:8px 0 6px;border-top:1px solid #E8E4DE;margin:0 10px 0 0}
  .av-tasks a.av-task{display:flex!important;align-items:center;gap:14px;height:36px;padding:0 0 0 22px!important;border-radius:0 18px 18px 0;color:#33404B!important;font-size:14px;text-decoration:none!important}
  .av-tasks a.av-task:hover{background:var(--av-hover)}
  .av-tasks a.av-task.mail{display:none!important}
  .av-tasks a.av-task:before{font-size:15px!important;width:18px;text-align:center;color:#6A7580;margin:0!important}
  .av-tasks a.av-task span.inner{display:inline!important}

  /* lista pe toata latimea */
  body.av-gmail.av-list #layout-content{display:none!important}
  body.av-gmail.av-list #layout-list{flex:1 1 auto!important;width:auto!important;max-width:none!important;border-radius:16px!important;margin-right:8px!important}
  body.av-gmail.av-show #layout-content{flex:1 1 auto!important;border-radius:16px!important;margin-left:0!important;border-left:0!important}
  body.av-gmail .layout-resizer,body.av-gmail #layout-list+.splitter{display:none!important}
  body.av-gmail #layout-list .header .header-title{font-weight:600}

  /* fiecare mesaj pe un singur rand: expeditor | subiect | data */
  body.av-gmail.av-list #messagelist tbody td.subject{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:18px;height:44px;padding:0 18px!important;white-space:nowrap}
  body.av-gmail.av-list #messagelist tbody td.subject>span{display:block;margin:0!important;position:static!important;width:auto!important;max-width:none!important;line-height:44px!important;height:44px}
  body.av-gmail.av-list #messagelist tbody td.subject span.fromto{order:1;flex:0 0 200px;overflow:hidden;text-overflow:ellipsis;font-size:14px}
  body.av-gmail.av-list #messagelist tbody td.subject span.subject{order:2;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px}
  body.av-gmail.av-list #messagelist tbody td.subject span.date{order:3;flex:0 0 auto;margin-left:auto!important;font-size:12.5px}
  body.av-gmail.av-list #messagelist tbody td.subject span.size{display:none!important}
  body.av-gmail.av-list #messagelist tbody td.flags{display:none!important}

  /* butonul "inapoi" din mesajul deschis */
  .av-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:#33404B!important;margin:0 6px 0 8px}
  .av-back:hover{background:var(--av-hover)}
  body.av-gmail #layout-list .header{justify-content:flex-start;gap:4px;padding-left:10px}
  body.av-gmail #layout-list .footer{justify-content:flex-end;gap:6px;padding-right:12px}
}
html.dark-mode .av-tasks{border-top-color:rgba(255,255,255,.08)}
html.dark-mode .av-tasks a.av-task{color:#C9D1D8!important}

/* mesaj deschis pe toata pagina */
@media (min-width:1024px){
  body.av-gmail.av-show #layout-content{margin:8px!important}
  body.av-gmail #layout-content>.header{justify-content:flex-start;gap:2px;padding-left:6px}
  body.av-gmail #layout-content>.header .toolbar{justify-content:flex-start;flex:1}
  body.av-gmail.av-show #layout-content .content,body.av-gmail.av-show #message-header,body.av-gmail.av-show #messagebody{padding-left:28px!important;padding-right:28px!important}
  body.av-gmail.av-show #message-header h2.subject{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:14px}
}