/* DJ Shraii — EPK surfaces. Text stays neutral. */
:root{
  --dj-bg:#0C0715;
  --dj-surface:#140C24;
  --dj-raised:#1B1130;
  --dj-raised2:#241640;
  --dj-line:rgba(255,255,255,.08);
  --dj-vio:#8E52F5; --dj-vio-hi:#A06FF8; --dj-vio-dk:#6D34D0;
  --dj-txt:#E9E9EE;
}

/* backgrounds */
html,body,#layout,#layout-content,#layout-list,.content,.scroller,
.formcontainer,#messagelist,.listing,.footer{
  background-color:var(--dj-bg)!important;
}
body,#layout{
  background-image:radial-gradient(900px 520px at 18% -6%, rgba(142,82,245,.20) 0%, rgba(12,7,21,0) 60%)!important;
  background-attachment:fixed!important;
}
#layout-sidebar,#folderlist,.menu{background:var(--dj-surface)!important;}
#taskmenu{background:#0A0512!important;border-right:1px solid var(--dj-line)!important;}
.header,#layout-list>.header,#layout-content>.header,#layout-sidebar>.header{
  background:linear-gradient(180deg,var(--dj-raised) 0%,var(--dj-surface) 100%)!important;
  border-bottom:1px solid var(--dj-line)!important;
}

/* TEXT: neutral, never purple */
#messagelist td, #messagelist td a, #messagelist td span,
#messagelist td.subject, #messagelist td.subject a, #messagelist td.subject span,
#messagelist td.fromto, #messagelist td.fromto span, #messagelist td.date,
#folderlist li a, .listing li a, .listing td, .listing td a,
.header .header-title, .boxtitle, .propform label, .contentbox{
  color:var(--dj-txt)!important;
}
#messagelist tr.unread td.subject, #messagelist tr.unread td.subject a,
#messagelist tr.unread td.subject span{color:#FFFFFF!important;font-weight:600!important;}
#messagelist td.date,.date,.size{color:#9A9AA6!important;}
a:hover,#messagelist td a:hover,.listing li a:hover{color:#FFFFFF!important;}

/* row states */
#messagelist tr,.listing li,.listing tr{border-bottom:1px solid var(--dj-line)!important;}
#messagelist tr:hover,.listing li:hover{background:var(--dj-raised)!important;}
#messagelist tr.selected,#messagelist tr.focused,.listing li.selected{
  background:var(--dj-raised2)!important;box-shadow:inset 3px 0 0 var(--dj-vio)!important;
}
#folderlist li.selected,#folderlist li.selected>a{background:var(--dj-raised2)!important;color:#fff!important;}

/* left rail */
#taskmenu a{color:#9A9AA6!important;}
#taskmenu a:hover,#taskmenu a.selected{color:#FFFFFF!important;}
#taskmenu a.selected{background:rgba(142,82,245,.18)!important;}
#taskmenu a.selected:before,#taskmenu a.selected:after{background:var(--dj-vio)!important;}
#taskmenu a.logout{color:#E5484D!important;}

/* buttons */
.btn-primary,a.btn-primary,button.btn-primary,.button.mainaction,input.mainaction{
  background:linear-gradient(180deg,var(--dj-vio-hi) 0%,var(--dj-vio) 100%)!important;
  border-color:var(--dj-vio)!important;color:#fff!important;
  box-shadow:0 6px 18px rgba(142,82,245,.30)!important;
}
.btn-primary:hover,.button.mainaction:hover{filter:brightness(1.12)!important;color:#fff!important;}
.btn-secondary,.btn.btn-secondary,button.btn-secondary{
  background:var(--dj-raised)!important;border:1px solid var(--dj-line)!important;color:var(--dj-txt)!important;
}

/* inputs */
input,select,textarea,.form-control,.input-group-text,.searchbar,.search-input{
  background:var(--dj-raised)!important;border:1px solid var(--dj-line)!important;color:var(--dj-txt)!important;
}
input:focus,.form-control:focus{border-color:var(--dj-vio)!important;box-shadow:0 0 0 3px rgba(142,82,245,.22)!important;}

/* menus */
.popover,.popupmenu,.ui.menu,#rcmKSearchpane{
  background:var(--dj-raised)!important;border:1px solid var(--dj-line)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.65)!important;
}
.popupmenu li a,.ui.menu li a{color:var(--dj-txt)!important;}
.popupmenu li a:hover,.ui.menu li a:hover{background:rgba(142,82,245,.18)!important;color:#fff!important;}
.count,.badge,.unreadcount{background:var(--dj-vio)!important;color:#fff!important;}

/* login */
.task-login body,.task-login #layout,.task-login #layout-content{
  background:radial-gradient(1100px 620px at 50% -8%, rgba(142,82,245,.22) 0%, rgba(12,7,21,0) 62%), #0C0715!important;
}
.task-login #login-form,.task-login #login-form .box-inner{
  background:rgba(20,12,36,.94)!important;border:1px solid rgba(142,82,245,.32)!important;
  border-radius:16px!important;box-shadow:0 26px 80px rgba(0,0,0,.65),0 0 60px rgba(142,82,245,.14)!important;
}
.task-login #logo{max-height:78px!important;}

/* misc */
#messagecontframe{background-color:var(--dj-bg)!important;}
::selection{background:rgba(142,82,245,.4);}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#0C0715;}
::-webkit-scrollbar-thumb{background:#2E2148;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:var(--dj-vio-dk);}

/* ---- v7: neutral active + hover, no purple blocks ---- */
#taskmenu a:before,#taskmenu a:after{background:transparent!important;}
#taskmenu a.selected:before,#taskmenu a.selected:after{background:transparent!important;color:#FFFFFF!important;}
#taskmenu a.selected{background:#1B1130!important;box-shadow:inset 3px 0 0 rgba(255,255,255,.20)!important;}
#taskmenu a:hover{background:#160E28!important;}
.count{background:transparent!important;color:#B9B9C6!important;}
.quota-widget .count,#quotadisplay .count,#quotadisplay{background:transparent!important;color:#B9B9C6!important;}

/* ---- v7: neutral active + hover, no purple blocks ---- */
#taskmenu a:before,#taskmenu a:after{background:transparent!important;}
#taskmenu a.selected:before,#taskmenu a.selected:after{background:transparent!important;color:#FFFFFF!important;}
#taskmenu a.selected{background:#1B1130!important;box-shadow:inset 3px 0 0 rgba(255,255,255,.20)!important;}
#taskmenu a:hover{background:#160E28!important;}
.count{background:transparent!important;color:#B9B9C6!important;}
.quota-widget .count,#quotadisplay .count,#quotadisplay{background:transparent!important;color:#B9B9C6!important;}