:root{
  --np-bg:#140d12;
  --np-bg-2:#1a1117;
  --np-card:#1d141a;
  --np-line:#4a2d39;
  --np-text:#f7ebef;
  --np-text-soft:#d7bcc6;
  --np-accent:#b14663;
  --np-accent-2:#cf6f8d;
}

/* базовый тёмный фон */
html, body, body.skin-elastic, #layout, #layout-content{
  background:
    radial-gradient(circle at 20% 20%, rgba(177,70,99,.08) 0%, transparent 35%),
    radial-gradient(circle at 80% 10%, rgba(217,142,163,.06) 0%, transparent 40%),
    linear-gradient(180deg, #140d12 0%, #1a1117 100%) !important;
  color: var(--np-text) !important;
}

/* логин: убрать всё лишнее и оставить один центральный логотип */
body.task-login #layout-menu::before,
body.task-login #layout-menu::after,
body.task-login #logo,
body.task-login img#logo,
body.task-login #layout-content .header img,
body.task-login #login-form .header img{
  display:none !important;
  content:none !important;
}

body.task-login #layout-menu{
  padding-top:0 !important;
}

body.task-login #layout-content{
  position:relative !important;
}

body.task-login #layout-content::before{
  content:"" !important;
  display:block !important;
  width:290px !important;
  height:120px !important;
  margin:34px auto 14px auto !important;
  background:url("https://neprostotort.com.ua/wp-content/uploads/2025/08/Adobe-Express-file-1-2-1_014e00790@2x.png") center center / contain no-repeat !important;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.30)) !important;
}

body.task-login #layout-content::after{
  content:"Пошта кондитерської НЕ ПРОСТО ТОРТ" !important;
  display:block !important;
  text-align:center !important;
  margin:0 auto 18px auto !important;
  color: var(--np-text-soft) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.4px !important;
}

body.task-login #login-form,
body.task-login .box,
body.task-login #layout-content .box{
  max-width:470px !important;
  margin:0 auto 40px auto !important;
  background:linear-gradient(180deg, rgba(35,25,32,.96) 0%, rgba(24,17,22,.98) 100%) !important;
  border:1px solid var(--np-line) !important;
  border-radius:24px !important;
  overflow:hidden !important;
}

/* поля и кнопки */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea, select, .form-control{
  background:#120d11 !important;
  color:var(--np-text) !important;
  -webkit-text-fill-color:var(--np-text) !important;
  border:1px solid #6a4351 !important;
  border-radius:14px !important;
}

input::placeholder{ color:#c9aeb8 !important; opacity:1 !important; }

button, .button, .btn, input[type="button"], input[type="submit"]{
  background:linear-gradient(180deg, #cf6f8d 0%, #b14663 100%) !important;
  color:#fff !important;
  border:1px solid #b14663 !important;
  border-radius:14px !important;
}

/* остальной интерфейс */
#layout-sidebar, #layout-list, #layout-content .contentbox, .box, .contentbox, .popupmenu, .records-table, .searchbar, .formcontent{
  background:#1b1419 !important;
  border:1px solid #3a2731 !important;
  color:var(--np-text) !important;
}

a{ color:#f0b8c9 !important; }
.watermark, .watermark::before, .watermark::after{ display:none !important; }

/* ===== FIX ONLY: белый фон в области просмотра письма ===== */

/* контейнер просмотра */
#messageframe,
#messagecontframe,
#messagepartcontainer,
#messagebody,
#layout-content .message-htmlpart,
#layout-content .message-part,
#layout-content .iframe-wrapper {
  background: #161015 !important;
  background-color: #161015 !important;
  color: #f6e9ee !important;
}

/* iframe письма */
#messageframe html,
#messageframe body,
#messagecontframe html,
#messagecontframe body,
iframe html,
iframe body {
  background: #161015 !important;
  background-color: #161015 !important;
  color: #f6e9ee !important;
  -webkit-text-fill-color: #f6e9ee !important;
}

/* типовые элементы внутри письма */
#messageframe body p,
#messageframe body div,
#messageframe body span,
#messageframe body td,
#messageframe body th,
#messageframe body li,
#messageframe body font,
#messageframe body strong,
#messageframe body em,
#messageframe body blockquote,
#messagecontframe body p,
#messagecontframe body div,
#messagecontframe body span,
#messagecontframe body td,
#messagecontframe body th,
#messagecontframe body li,
#messagecontframe body font,
#messagecontframe body strong,
#messagecontframe body em,
#messagecontframe body blockquote {
  color: #f6e9ee !important;
  background: transparent !important;
}

/* ссылки */
#messageframe body a,
#messagecontframe body a {
  color: #f0b8c9 !important;
}

/* строка с датой/отправителем над письмом */
#layout-content .message-header,
#messageheader,
#messageheader .headers-table,
#messageheader .headers-table td,
#messageheader .headers-table th {
  background: #1b1419 !important;
  color: #f3dde5 !important;
  border-color: #3a2731 !important;
}

/* если html письма приходит с inline white background */
#messageframe body[style*="background:#fff"],
#messageframe body[style*="background: #fff"],
#messageframe body[style*="background-color:#fff"],
#messageframe body[style*="background-color: #fff"],
#messageframe body[bgcolor="#fff"],
#messageframe body[bgcolor="#ffffff"],
#messagecontframe body[style*="background:#fff"],
#messagecontframe body[style*="background: #fff"],
#messagecontframe body[style*="background-color:#fff"],
#messagecontframe body[style*="background-color: #fff"],
#messagecontframe body[bgcolor="#fff"],
#messagecontframe body[bgcolor="#ffffff"] {
  background: #161015 !important;
  background-color: #161015 !important;
}


/* ================================
   REPLACE ROUND CUBE LOGO
   ================================ */

/* скрываем оригинальный логотип Roundcube */
#layout-menu img,
#layout-menu svg,
#layout-menu use,
#layout-menu symbol,
#layout-menu .header img,
#layout-menu .header svg {
  display: none !important;
}

/* вставляем твой логотип */
#layout-menu .header::before {
  content: "";
  display: block;
  width: 140px;
  height: 48px;
  margin: 10px auto 16px auto;
  background: url("/plugins/neprostotort_branding/logo.png") center center / contain no-repeat;
}

/* центрируем меню после логотипа */
#layout-menu .header {
  text-align: center;
}


/* ===== FIX LEFT TOP LOGO ROBUST ===== */

/* прямая ссылка на логотип */
:root{
  --np-logo-url: url("https://neprostotort.com.ua/wp-content/uploads/2025/08/Adobe-Express-file-1-2-1_014e00790@2x.png");
}

/* скрываем стандартный logo/cube слева */
#layout-menu img,
#layout-menu svg,
#layout-menu use,
#layout-menu symbol,
#layout-menu .header img,
#layout-menu .header svg,
#layout-menu .watermark,
#layout-menu .watermark::before,
#layout-menu .watermark::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  content: none !important;
}

/* делаем контейнеры пригодными для позиционирования */
#layout-menu,
#layout-menu .header,
#layout-menu .header-content {
  position: relative !important;
}

/* основной вариант */
#layout-menu .header::before {
  content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 54px !important;
  margin: 10px auto 14px auto !important;
  background: var(--np-logo-url) center center / contain no-repeat !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* запасной вариант */
#layout-menu::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 150px !important;
  height: 54px !important;
  background: var(--np-logo-url) center center / contain no-repeat !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

/* чтобы меню не налезало на логотип */
#layout-menu {
  padding-top: 68px !important;
}

#layout-menu .header {
  min-height: 56px !important;
  text-align: center !important;
}

/* ===== FINAL LEFT LOGO + FAVICON SUPPORT ===== */
:root{
  --np-left-logo: url("https://neprostotort.com.ua/wp-content/uploads/2025/04/Adobe-Express-file-1_00b900b90.webp");
}

/* скрыть штатный roundcube logo/cube слева */
#layout-menu img,
#layout-menu svg,
#layout-menu use,
#layout-menu symbol,
#layout-menu .header img,
#layout-menu .header svg,
#layout-menu .watermark,
#layout-menu .watermark::before,
#layout-menu .watermark::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  content: none !important;
}

/* контейнер */
#layout-menu,
#layout-menu .header {
  position: relative !important;
}

/* твой логотип сверху слева */
#layout-menu::before {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 150px !important;
  height: 54px !important;
  background: var(--np-left-logo) center center / contain no-repeat !important;
  z-index: 50 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#layout-menu {
  padding-top: 70px !important;
}