/* Tema Miuly para Roundcube (correo.miuly.co). Lo carga el plugin miuly_theme
   del compose del VPS; el CRM es oscuro siempre, así que el correo también. */
:root { --m-accent:#dc2626; --m-accent-hover:#ef4444; --m-ink:#fff; --m-soft:rgba(255,255,255,.62); --m-hair:rgba(255,255,255,.10); --m-glass:rgba(255,255,255,.04); --m-glass-strong:rgba(255,255,255,.08); color-scheme:dark; }
html, body, input, textarea, select, button, .btn { font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif !important; -webkit-font-smoothing:antialiased; }
html.dark-mode body, html.dark-mode #layout { background:#0b0b0c !important; color:rgba(255,255,255,.88); }
html.dark-mode #layout-menu { background:#0e0e10 !important; border-right:1px solid var(--m-hair) !important; }
html.dark-mode #layout-sidebar { background:#101012 !important; border-right:1px solid var(--m-hair) !important; }
html.dark-mode #layout-list { background:#0b0b0c !important; border-right:1px solid var(--m-hair) !important; }
html.dark-mode #layout-content { background:#0b0b0c !important; }
html.dark-mode .header, html.dark-mode .toolbar, html.dark-mode .searchbar { background:transparent !important; border-color:var(--m-hair) !important; }
#taskmenu a.theme { display:none !important; }
#taskmenu a { border-radius:12px; margin:2px 6px; }
#taskmenu a.selected, #taskmenu a:hover { background:var(--m-glass-strong) !important; color:#fff !important; }
#taskmenu a.compose, a.btn.btn-primary.compose { background:var(--m-accent) !important; color:#fff !important; border-radius:14px !important; box-shadow:0 8px 24px -8px rgba(220,38,38,.55); }
.btn.btn-primary, .btn-primary, button.mainaction, input.mainaction { background:var(--m-accent) !important; border-color:var(--m-accent) !important; color:#fff !important; border-radius:999px !important; }
.btn.btn-primary:hover, .btn-primary:hover { background:var(--m-accent-hover) !important; border-color:var(--m-accent-hover) !important; }
.btn, .form-control, .custom-select, .input-group-text, .popover, .ui-dialog, .dropdown-menu, .menu { border-radius:12px !important; }
html.dark-mode .form-control, html.dark-mode .custom-select, html.dark-mode input[type=text], html.dark-mode input[type=password], html.dark-mode textarea { background:var(--m-glass) !important; border-color:var(--m-hair) !important; color:#fff !important; }
.form-control:focus, .custom-select:focus { border-color:var(--m-accent) !important; box-shadow:0 0 0 .15rem rgba(220,38,38,.25) !important; }
html.dark-mode .popover, html.dark-mode .ui-dialog, html.dark-mode .dropdown-menu, html.dark-mode .menu { background:rgba(24,24,27,.96) !important; border:1px solid var(--m-hair) !important; box-shadow:0 20px 40px -12px rgba(0,0,0,.6) !important; }
html.dark-mode ul.treelist li.selected > a, html.dark-mode .listing li.selected > a { background:rgba(220,38,38,.16) !important; color:#fff !important; border-radius:10px; }
html.dark-mode table.listing tr.selected td, html.dark-mode .messagelist tr.selected td, html.dark-mode .listing li.selected { background:rgba(220,38,38,.14) !important; color:#fff !important; }
html.dark-mode .messagelist tr td, html.dark-mode .listing li { border-color:var(--m-hair) !important; }
html.dark-mode .messagelist tr:hover td { background:var(--m-glass) !important; }
.unreadcount, .badge-unread, span.unreadcount { background:var(--m-accent) !important; color:#fff !important; border-radius:999px; }
a { color:#f87171; } a:hover { color:#fca5a5; }
html.dark-mode ::-webkit-scrollbar { width:10px; height:10px; } html.dark-mode ::-webkit-scrollbar-thumb { background:rgba(255,255,255,.18); border-radius:999px; border:2px solid transparent; background-clip:content-box; }
html.dark-mode { scrollbar-color:rgba(255,255,255,.2) transparent; }
.watermark, #messagecontframe + .watermark { opacity:.18; filter:grayscale(1); }
.task-login #logo, #login-footer { display:none !important; }
.task-login #layout-content { display:flex; align-items:center; justify-content:center; }
.task-login #login-form { width:100%; max-width:380px; margin:0 auto; padding:28px 28px 24px; background:var(--m-glass) !important; border:1px solid var(--m-hair); border-radius:20px; box-shadow:0 25px 50px -12px rgba(0,0,0,.5); }
.task-login #login-form::before { content:"Correo Miuly"; display:block; font-size:20px; font-weight:600; letter-spacing:-.01em; margin-bottom:14px; color:#fff; }