/* Hellsing World cabinet skin - safe override */
:root {
  --hw-cab-bg: #070404;
  --hw-cab-panel: rgba(16, 9, 8, .88);
  --hw-cab-panel-2: rgba(26, 13, 11, .86);
  --hw-cab-border: rgba(217, 179, 107, .24);
  --hw-cab-gold: #d9b36b;
  --hw-cab-gold-strong: #f1cf82;
  --hw-cab-red: #8f1718;
  --hw-cab-text: #efe3cc;
}
html, body { background: var(--hw-cab-bg) !important; }
body.has-video-bg:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.40), rgba(5,3,3,.92)),
    url('/template/HellsingByRiki/images/hellsing/hero.png?v=hellsing-cabinet-1') center top / cover no-repeat fixed;
}
body.has-video-bg:after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 0, rgba(143,23,24,.22), transparent 42%), linear-gradient(90deg, rgba(0,0,0,.74), transparent 34%, transparent 66%, rgba(0,0,0,.78));
}
.app-header, .main-sidebar-header, .app-sidebar, .card, .modal-content, .dropdown-menu {
  background: linear-gradient(180deg, rgba(19,10,9,.92), rgba(8,5,5,.94)) !important;
  border-color: var(--hw-cab-border) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.42), inset 0 0 28px rgba(217,179,107,.035) !important;
}
.app-header { backdrop-filter: blur(10px); border-bottom: 1px solid rgba(217,179,107,.18) !important; }
.main-sidebar, .app-sidebar { backdrop-filter: blur(8px); }
.header-logo img { object-fit: contain !important; max-height: 42px !important; width: auto !important; filter: drop-shadow(0 0 18px rgba(217,179,107,.22)); }
.main-sidebar-header .header-logo img { max-width: 178px !important; }
.card { color: var(--hw-cab-text) !important; border-radius: 18px !important; }
.card-header, .card-footer { background: rgba(0,0,0,.16) !important; border-color: rgba(217,179,107,.14) !important; color: var(--hw-cab-gold-strong) !important; }
.card-title, h1, h2, h3, h4, h5, h6 { color: #f4dfb2 !important; font-family: Georgia, 'Times New Roman', serif; letter-spacing: .4px; }
.text-muted, .form-label, label, p, span, td, th { color: rgba(239,227,204,.82); }
a, .text-primary { color: var(--hw-cab-gold) !important; }
.btn, button.btn, .btn-primary, .btn-success, .btn-info, .btn-dark {
  color: #fff0ca !important;
  border: 1px solid rgba(232,188,100,.36) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(113,22,20,.96), rgba(42,11,10,.96)) !important;
  box-shadow: inset 0 0 18px rgba(255,215,130,.08), 0 0 20px rgba(143,23,24,.18) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}
.btn:hover, button.btn:hover {
  transform: translateY(-2px);
  border-color: rgba(255,214,132,.68) !important;
  box-shadow: inset 0 0 24px rgba(255,215,130,.12), 0 0 30px rgba(162,24,20,.34) !important;
}
.form-control, .form-select, input, select, textarea {
  color: #f4e8d0 !important;
  background: rgba(3,3,4,.58) !important;
  border-color: rgba(217,179,107,.22) !important;
  border-radius: 10px !important;
}
.form-control::placeholder, input::placeholder { color: rgba(239,227,204,.45) !important; }
.side-menu__item, .slide__category, .side-menu__label { color: rgba(239,227,204,.82) !important; }
.side-menu__item:hover, .side-menu__item.text-success { color: #ffe5a5 !important; background: rgba(143,23,24,.18) !important; }
.table, .table td, .table th { color: rgba(239,227,204,.82) !important; border-color: rgba(217,179,107,.12) !important; }
.alert, .custom-alert1 { background: rgba(20,10,9,.82) !important; color: var(--hw-cab-text) !important; border: 1px solid rgba(217,179,107,.20) !important; }
.text-danger { color: #ff7b72 !important; }
.text-success { color: #8ee99d !important; }
.main-content.app-content { background: transparent !important; }
.page, .main-content { min-height: 100vh; }
@media (max-width: 991px) {
  .header-logo img { max-height: 34px !important; max-width: 150px !important; }
  .app-header { background: linear-gradient(180deg, rgba(12,7,7,.96), rgba(8,5,5,.86)) !important; }
  .card { border-radius: 15px !important; }
}


/* Hellsing cabinet deep component polish */
.bg-white, .bg-light, .list-group, .list-group-item, .list-group-item-action, .dropdown-item, .offcanvas, .toast, .alert-light,
.table > :not(caption) > * > *, .nav-tabs .nav-link, .tab-content, .accordion-item, .accordion-button, .pagination .page-link {
  background-color: rgba(9, 5, 5, .72) !important;
  color: rgba(239, 227, 204, .88) !important;
  border-color: rgba(217,179,107,.16) !important;
}
.list-group-item:hover, .list-group-item-action:hover, .dropdown-item:hover, .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active,
.accordion-button:not(.collapsed), .pagination .page-link:hover {
  background: linear-gradient(180deg, rgba(78,18,16,.72), rgba(18,9,8,.84)) !important;
  color: #ffe5a5 !important;
}
.border, .border-top, .border-end, .border-bottom, .border-start { border-color: rgba(217,179,107,.16) !important; }
.shadow-sm, .shadow, .box-shadow { box-shadow: 0 18px 40px rgba(0,0,0,.42) !important; }
.badge, .avatar, .avatar-md, .avatar-sm {
  border-color: rgba(217,179,107,.22) !important;
  background-color: rgba(24,12,10,.82) !important;
  color: #f1cf82 !important;
}
.app-header .btn, .app-header a, .header-element a, .header-link, .side-menu__item i { color: #d9b36b !important; }
.main-menu .side-menu__item { border-radius: 0 !important; }
.main-menu .side-menu__item:hover { box-shadow: inset 3px 0 0 rgba(217,179,107,.58); }
.card .card-body .row > [class*='col-'] .card, .custom-card { background: linear-gradient(180deg, rgba(17,9,8,.92), rgba(7,4,4,.96)) !important; }
.notification-container .card, .custom-alert1, .alert-secondary { background: rgba(13,7,7,.88) !important; }
[data-theme-mode=light] { --default-body-bg-color: transparent !important; --default-text-color: rgba(239,227,204,.88) !important; }
@media (max-width: 991px) {
  .main-content.app-content { padding-inline-start: .75rem !important; padding-inline-end: .75rem !important; }
  .list-group-item, .card { border-radius: 12px !important; }
}



/* Hellsing cabinet text logo: prevents cached SphereWeb image from showing */
.header-logo {
  min-width: 168px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: 1px solid rgba(217,179,107,.34) !important;
  border-radius: 8px !important;
  background: rgba(5,3,3,.42) !important;
  box-shadow: inset 0 0 18px rgba(217,179,107,.055), 0 0 20px rgba(0,0,0,.26) !important;
  overflow: hidden !important;
}
.header-logo img { display: none !important; }
.header-logo::before {
  content: 'HELLSING';
  display: block;
  font-family: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
  font-size: 23px;
  line-height: .9;
  font-weight: 900;
  letter-spacing: 1px;
  color: #f3e8d6;
  -webkit-text-stroke: .35px rgba(45,14,13,.50);
  text-shadow: 0 2px 0 #2a0d0c, 0 0 15px rgba(255,230,180,.18);
}
.header-logo::after {
  content: 'WORLD  x100';
  display: block;
  margin-top: 3px;
  font-family: 'Cinzel', Georgia, serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 2.6px;
  color: #d8b36b;
  text-transform: uppercase;
}
.horizontal-logo .header-logo { min-width: 150px !important; min-height: 42px !important; }
.horizontal-logo .header-logo::before { font-size: 20px; }
.horizontal-logo .header-logo::after { font-size: 9px; letter-spacing: 2px; }
@media (max-width: 991px) {
  .header-logo { min-width: 142px !important; min-height: 42px !important; }
  .header-logo::before { font-size: 19px; }
  .header-logo::after { font-size: 8px; letter-spacing: 2px; }
}


/* Hellsing cabinet support and ticket dark skin */
.main-mail-container,
.mails-information,
.mail-navigation,
.total-mails,
.mail-recepients,
.mail-info-header,
.mail-info-body,
.mail-info-footer,
.mail-reply,
.main-mail-content,
.support-request,
.main-chart-wrapper .chat-info,
.main-chart-wrapper .main-chat-area,
.main-chart-wrapper .chat-content,
.main-chart-wrapper .chat-footer,
.main-chat-area,
.chat-content,
.chat-footer {
  background: linear-gradient(180deg, rgba(17, 9, 8, .94), rgba(5, 4, 4, .97)) !important;
  color: #f1e3c6 !important;
  border-color: rgba(217, 179, 107, .18) !important;
}
.mail-info-body,
.main-chart-wrapper .chat-content,
.chat-content {
  background:
    radial-gradient(circle at 50% 0, rgba(143, 18, 24, .14), transparent 46%),
    linear-gradient(180deg, rgba(12, 7, 6, .92), rgba(4, 3, 3, .96)) !important;
}
.mail-info-header,
.mail-info-footer,
.chat-footer {
  border-color: rgba(217, 179, 107, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255, 226, 170, .05), 0 16px 34px rgba(0,0,0,.26) !important;
}
.mail-info-body .card,
.mail-info-body .custom-card,
.mail-info-body .list-group-item,
.support-request,
.accordion.accordion-customicon1 .accordion-item,
.accordion.accordion-customicon1 .accordion-button,
.modal-content,
.modal-header,
.modal-body,
.modal-footer {
  background: linear-gradient(180deg, rgba(20, 10, 9, .93), rgba(7, 4, 4, .97)) !important;
  color: #f1e3c6 !important;
  border-color: rgba(217, 179, 107, .18) !important;
}
.accordion-button::after { filter: sepia(1) saturate(1.8) brightness(1.25); }
.accordion-button:not(.collapsed) {
  background: linear-gradient(180deg, rgba(82, 18, 16, .90), rgba(20, 8, 7, .96)) !important;
  color: #ffe2a4 !important;
}
.ql-toolbar.ql-snow,
.ql-container.ql-snow,
.ql-editor,
.ql-picker-options,
.ql-tooltip,
.filepond--root,
.filepond--panel-root,
.filepond--drop-label {
  background: rgba(5, 4, 4, .84) !important;
  color: #f1e3c6 !important;
  border-color: rgba(217, 179, 107, .20) !important;
}
.ql-snow .ql-stroke { stroke: #d9b36b !important; }
.ql-snow .ql-fill { fill: #d9b36b !important; }
.ql-snow .ql-picker,
.ql-snow .ql-picker-label,
.ql-snow .ql-picker-item { color: #f1e3c6 !important; }
.main-mail-content,
.main-mail-content p,
.main-mail-content div,
.support-request p,
.support-request li,
.mail-info-body p,
.mail-info-body div,
.mail-info-body span,
.chatting-user-info,
.main-chat-msg,
.main-chat-msg div,
.main-chat-msg p {
  color: rgba(241, 227, 198, .90) !important;
}
.main-chart-wrapper .main-chat-area .chat-content .chat-item-start .main-chat-msg div,
.chat-item-start .main-chat-msg div {
  background: rgba(14, 8, 7, .88) !important;
  border: 1px solid rgba(217, 179, 107, .18) !important;
  color: #f1e3c6 !important;
}
.main-chart-wrapper .main-chat-area .chat-content .chat-item-end .main-chat-msg div,
.chat-item-end .main-chat-msg div {
  background: linear-gradient(180deg, rgba(103, 24, 20, .92), rgba(35, 10, 9, .94)) !important;
  border: 1px solid rgba(232, 188, 100, .28) !important;
  color: #fff0cf !important;
}
.modal-backdrop.show { opacity: .78 !important; }
.user-item:hover,
.mail-info-body .list-group-item:hover {
  background: linear-gradient(180deg, rgba(78, 18, 16, .82), rgba(18, 9, 8, .92)) !important;
  color: #ffe5a5 !important;
}
.btn-close { filter: invert(1) sepia(1) saturate(.7); opacity: .82; }


/* Hellsing cabinet admin panels dark skin */
body,
.page,
.main-content,
.main-content.app-content {
  --custom-white: rgba(11, 6, 6, .96) !important;
  --form-control-bg: rgba(5, 4, 4, .82) !important;
  --default-border: rgba(217, 179, 107, .17) !important;
  --input-border: rgba(217, 179, 107, .24) !important;
  --light-rgb: 28, 13, 11 !important;
  --body-bg-rgb2: 8, 5, 5 !important;
  --default-text-color: rgba(241, 227, 198, .90) !important;
  --text-muted: rgba(220, 198, 160, .70) !important;
}
.bg-white,
.bg-light,
.bg-light-transparent,
.bg-primary-transparent,
.bg-success-transparent,
.bg-warning-transparent,
.bg-info-transparent,
.bg-danger-transparent,
.main-content.app-content .card,
.main-content.app-content .custom-card,
.main-content.app-content .card-body,
.main-content.app-content .card-header,
.main-content.app-content .card-footer,
.main-content.app-content .tab-content,
.main-content.app-content .tab-pane,
.main-content.app-content .table-responsive,
.main-content.app-content .dropdown-menu,
.main-content.app-content .dropdown-item,
.main-content.app-content .border-block-end-dashed,
.main-content.app-content .timeline-content,
.main-content.app-content .accordion,
.main-content.app-content .accordion-item,
.main-content.app-content .accordion-button,
.main-content.app-content .list-group,
.main-content.app-content .list-group-item,
.main-content.app-content .toast,
.main-content.app-content .popover,
.main-content.app-content .popover-header,
.main-content.app-content .popover-body,
.main-content.app-content .offcanvas,
.main-content.app-content .alert,
.main-content.app-content .input-group-text {
  background: linear-gradient(180deg, rgba(18, 9, 8, .94), rgba(6, 4, 4, .98)) !important;
  background-color: rgba(11, 6, 6, .96) !important;
  color: rgba(241, 227, 198, .90) !important;
  border-color: rgba(217, 179, 107, .17) !important;
}
.main-content.app-content .card.shadow-none,
.main-content.app-content .custom-card.shadow-none,
.main-content.app-content .paysystem-card,
.main-content.app-content .tab-pane .card,
.main-content.app-content .tab-pane .custom-card {
  background:
    radial-gradient(circle at 50% 0, rgba(143, 18, 24, .10), transparent 52%),
    linear-gradient(180deg, rgba(20, 10, 9, .94), rgba(7, 4, 4, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 226, 170, .05), 0 16px 32px rgba(0, 0, 0, .28) !important;
}
.main-content.app-content .nav-tabs,
.main-content.app-content .nav-pills,
.main-content.app-content .tab-style-6 {
  background: rgba(7, 4, 4, .82) !important;
  border-color: rgba(217, 179, 107, .18) !important;
  border-radius: 12px !important;
  padding: 6px !important;
}
.main-content.app-content .nav-tabs .nav-link,
.main-content.app-content .nav-pills .nav-link,
.main-content.app-content .tab-style-6 .nav-link {
  background: rgba(18, 9, 8, .78) !important;
  color: rgba(241, 227, 198, .82) !important;
  border: 1px solid rgba(217, 179, 107, .16) !important;
  border-radius: 10px !important;
}
.main-content.app-content .nav-tabs .nav-link.active,
.main-content.app-content .nav-pills .nav-link.active,
.main-content.app-content .tab-style-6 .nav-link.active,
.main-content.app-content .nav-tabs .nav-link:hover,
.main-content.app-content .nav-pills .nav-link:hover,
.main-content.app-content .tab-style-6 .nav-link:hover {
  background: linear-gradient(180deg, rgba(113, 22, 20, .96), rgba(42, 11, 10, .96)) !important;
  color: #ffe5a5 !important;
  border-color: rgba(232, 188, 100, .40) !important;
}
.main-content.app-content .table,
.main-content.app-content .table td,
.main-content.app-content .table th,
.main-content.app-content .table > :not(caption) > * > * {
  --bs-body-bg: rgba(10, 6, 6, .92) !important;
  --bs-table-bg: rgba(10, 6, 6, .92) !important;
  background: rgba(10, 6, 6, .92) !important;
  color: rgba(241, 227, 198, .88) !important;
  border-color: rgba(217, 179, 107, .14) !important;
}
.main-content.app-content .table-hover > tbody > tr:hover > * {
  background: rgba(91, 20, 18, .58) !important;
  color: #ffe5a5 !important;
}
.main-content.app-content .form-control,
.main-content.app-content .form-select,
.main-content.app-content textarea,
.main-content.app-content input,
.main-content.app-content select,
.main-content.app-content .choices__inner,
.main-content.app-content .choices__list--dropdown,
.main-content.app-content .choices__list[aria-expanded],
.main-content.app-content .choices[data-type*=select-one] .choices__input,
.main-content.app-content .select2-container .select2-selection,
.main-content.app-content .select2-dropdown,
.main-content.app-content .flatpickr-calendar,
.main-content.app-content .flatpickr-months,
.main-content.app-content .flatpickr-weekdays,
.main-content.app-content .flatpickr-days,
.main-content.app-content .tox-tinymce,
.main-content.app-content .note-editor,
.main-content.app-content .ck.ck-editor__main > .ck-editor__editable,
.main-content.app-content .ck.ck-toolbar {
  background: rgba(5, 4, 4, .88) !important;
  background-color: rgba(5, 4, 4, .88) !important;
  color: #f1e3c6 !important;
  border-color: rgba(217, 179, 107, .22) !important;
}
.main-content.app-content .choices__item,
.main-content.app-content .choices__input,
.main-content.app-content .select2-results__option,
.main-content.app-content .flatpickr-day,
.main-content.app-content .ck,
.main-content.app-content .tox,
.main-content.app-content .note-editor * {
  color: rgba(241, 227, 198, .88) !important;
}
.main-content.app-content .choices__item--selectable.is-highlighted,
.main-content.app-content .select2-results__option--highlighted,
.main-content.app-content .flatpickr-day:hover,
.main-content.app-content .flatpickr-day.selected {
  background: linear-gradient(180deg, rgba(113, 22, 20, .96), rgba(42, 11, 10, .96)) !important;
  color: #ffe5a5 !important;
}
.main-content.app-content .text-dark,
.main-content.app-content .text-default,
.main-content.app-content .card-title,
.main-content.app-content .fw-semibold,
.main-content.app-content h1,
.main-content.app-content h2,
.main-content.app-content h3,
.main-content.app-content h4,
.main-content.app-content h5,
.main-content.app-content h6 {
  color: #f4dfb2 !important;
}
.main-content.app-content .text-muted,
.main-content.app-content small,
.main-content.app-content .fs-12,
.main-content.app-content .fs-11 {
  color: rgba(220, 198, 160, .72) !important;
}
.main-content.app-content img,
.main-content.app-content .avatar img {
  background: transparent !important;
}
.apexcharts-tooltip,
.apexcharts-menu,
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  background: rgba(11, 6, 6, .96) !important;
  color: #f1e3c6 !important;
  border-color: rgba(217, 179, 107, .22) !important;
}
.apexcharts-text,
.apexcharts-legend-text { fill: #dcc6a0 !important; color: #dcc6a0 !important; }