/* Lux Cognitiva Brand System — Desk Theme v2 */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@400;600;700&display=swap');

/* ===== LIGHT MODE ===== */
:root {
    --primary: #FACC15 !important;
    --text-color: #1E2A38 !important;
    --bg-color: #FAFAF8 !important;
    --fg-color: #FAFAF8 !important;
    --subtle-fg: #F4F4F2 !important;
    --border-color: #E5E5E3 !important;
}

/* Body font */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    color: #1E2A38;
}

/* ---- Navbar ---- */
.navbar {
    background-color: #1E2A38 !important;
    border-bottom: 2px solid #FACC15 !important;
}

.navbar .navbar-brand img {
    filter: brightness(0) invert(1);
}

.navbar .navbar-nav .nav-link,
.navbar .navbar-brand .app-logo,
.navbar .search-bar .search-bar-input,
.navbar .navbar-nav .nav-link .notifications-seen,
.navbar .navbar-nav .nav-link .badge {
    color: #FAFAF8 !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
    color: #FACC15 !important;
}

.navbar .search-bar {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.navbar .search-bar:focus-within {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: #FACC15 !important;
}

/* ---- Sidebar ---- */
.desk-sidebar .sidebar-menu .sidebar-label,
.desk-sidebar .standard-sidebar-label {
    color: #1E2A38 !important;
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.desk-sidebar .sidebar-menu a {
    color: #4B5563 !important;
    transition: all 0.15s ease;
}

.desk-sidebar .sidebar-menu a.selected {
    color: #1E2A38 !important;
    font-weight: 600;
    border-left: 3px solid #FACC15;
    background-color: rgba(250, 204, 21, 0.06);
}

.desk-sidebar .sidebar-menu a:hover {
    color: #1E2A38 !important;
    border-left: 3px solid #FACC15;
    background-color: rgba(250, 204, 21, 0.04);
}

/* ---- Page titles ---- */
.page-head .title-text,
.page-head .page-title .title-text {
    color: #1E2A38 !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* ---- Workspace header ---- */
.workspace-header .workspace-title {
    color: #1E2A38 !important;
    font-weight: 700;
}

/* ---- Buttons ---- */
.btn-primary,
.btn-primary-dark {
    background-color: #1E2A38 !important;
    border-color: #1E2A38 !important;
    color: #FAFAF8 !important;
}

.btn-primary:hover,
.btn-primary-dark:hover,
.btn-primary:focus {
    background-color: #2A3B52 !important;
    border-color: #2A3B52 !important;
    color: #FAFAF8 !important;
}

.btn-primary:active,
.btn-primary-dark:active {
    background-color: #15202D !important;
}

.btn-secondary {
    border-color: #D1D5DB !important;
    color: #1E2A38 !important;
}

.btn-secondary:hover {
    background-color: #F4F4F2 !important;
    border-color: #1E2A38 !important;
}

/* ---- Gold accents ---- */
.widget.shortcut-widget-box {
    border-left: 3px solid #FACC15 !important;
    transition: box-shadow 0.15s ease;
}

.widget.shortcut-widget-box:hover {
    box-shadow: 0 2px 8px rgba(30, 42, 56, 0.08);
}

.frappe-control input:focus,
.frappe-control select:focus,
.frappe-control textarea:focus,
.form-control:focus {
    border-color: #FACC15 !important;
    box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.15) !important;
}

/* ---- Number cards ---- */
.number-widget-box .widget-body .number {
    font-weight: 700;
    font-family: 'Inter', Arial, sans-serif !important;
}

/* ---- List view ---- */
.list-row .level-left .list-row--col .ellipsis .indicator-pill {
    font-weight: 600;
}

.list-row:hover {
    background-color: rgba(250, 204, 21, 0.04) !important;
}

.list-row .list-row-checkbox:checked {
    accent-color: #1E2A38;
}

/* ---- Form view ---- */
.form-section .section-head {
    color: #1E2A38 !important;
    font-weight: 600;
    border-bottom: 1px solid #E5E5E3;
}

.form-tabs .nav-link.active {
    color: #1E2A38 !important;
    border-bottom: 2px solid #FACC15 !important;
    font-weight: 600;
}

.form-tabs .nav-link {
    color: #6B7280 !important;
}

.form-tabs .nav-link:hover {
    color: #1E2A38 !important;
}

/* ---- Breadcrumbs ---- */
.breadcrumb-container .breadcrumb .breadcrumb-item a {
    color: #6B7280 !important;
}

.breadcrumb-container .breadcrumb .breadcrumb-item.active {
    color: #1E2A38 !important;
}

/* ---- Like/comment indicators ---- */
.liked-by .avatar-small,
.comment-count {
    color: #6B7280;
}

/* ---- Workspace link cards ---- */
.widget.links-widget-box .link-item:hover {
    background-color: rgba(250, 204, 21, 0.04);
}

/* ---- Dialogs/Modals ---- */
.modal-header {
    border-bottom: 1px solid #E5E5E3 !important;
}

.modal-footer {
    border-top: 1px solid #E5E5E3 !important;
}

/* ---- Toasts/Alerts ---- */
.desk-alert .alert {
    border-left: 4px solid #FACC15 !important;
}

/* ---- Indicator pills ---- */
.indicator-pill.green { background-color: #8FA382 !important; }
.indicator-pill.red { background-color: #C27D7D !important; }
.indicator-pill.orange { background-color: #D4A373 !important; }
.indicator-pill.blue { background-color: #6B8EAD !important; }

/* ============================================
   DARK MODE
   ============================================ */
html[data-theme='dark'] {
    --primary: #FACC15 !important;
    --text-color: #E5E7EB !important;
    --bg-color: #1A1917 !important;
    --fg-color: #22211F !important;
    --subtle-fg: #2A2927 !important;
    --border-color: #3D3C3A !important;
}

html[data-theme='dark'] body,
html[data-theme='dark'] .page-container,
html[data-theme='dark'] .main-section {
    background-color: #1A1917 !important;
    color: #E5E7EB !important;
}

/* ---- Dark navbar ---- */
html[data-theme='dark'] .navbar {
    background-color: #0F0E0C !important;
    border-bottom: 2px solid #FACC15 !important;
}

html[data-theme='dark'] .navbar .navbar-nav .nav-link,
html[data-theme='dark'] .navbar .search-bar .search-bar-input {
    color: #E5E7EB !important;
}

html[data-theme='dark'] .navbar .navbar-nav .nav-link:hover {
    color: #FACC15 !important;
}

html[data-theme='dark'] .navbar .search-bar {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme='dark'] .navbar .search-bar:focus-within {
    border-color: #FACC15 !important;
}

/* ---- Dark sidebar ---- */
html[data-theme='dark'] .desk-sidebar,
html[data-theme='dark'] .desk-sidebar .desk-sidebar-item {
    background-color: #1A1917 !important;
}

html[data-theme='dark'] .desk-sidebar .sidebar-menu .sidebar-label,
html[data-theme='dark'] .desk-sidebar .standard-sidebar-label {
    color: #9CA3AF !important;
}

html[data-theme='dark'] .desk-sidebar .sidebar-menu a {
    color: #9CA3AF !important;
}

html[data-theme='dark'] .desk-sidebar .sidebar-menu a.selected {
    color: #FACC15 !important;
    border-left: 3px solid #FACC15;
    background-color: rgba(250, 204, 21, 0.06);
}

html[data-theme='dark'] .desk-sidebar .sidebar-menu a:hover {
    color: #FACC15 !important;
    border-left: 3px solid #FACC15;
    background-color: rgba(250, 204, 21, 0.04);
}

/* ---- Dark page titles ---- */
html[data-theme='dark'] .page-head .title-text,
html[data-theme='dark'] .page-head .page-title .title-text,
html[data-theme='dark'] .workspace-header .workspace-title {
    color: #E5E7EB !important;
}

/* ---- Dark buttons ---- */
html[data-theme='dark'] .btn-primary,
html[data-theme='dark'] .btn-primary-dark {
    background-color: #FACC15 !important;
    border-color: #FACC15 !important;
    color: #1A1917 !important;
    font-weight: 600;
}

html[data-theme='dark'] .btn-primary:hover,
html[data-theme='dark'] .btn-primary-dark:hover {
    background-color: #E5B800 !important;
    border-color: #E5B800 !important;
    color: #1A1917 !important;
}

html[data-theme='dark'] .btn-secondary {
    border-color: #3D3C3A !important;
    color: #E5E7EB !important;
    background-color: #2A2927 !important;
}

html[data-theme='dark'] .btn-secondary:hover {
    border-color: #FACC15 !important;
    color: #FACC15 !important;
    background-color: #333230 !important;
}

html[data-theme='dark'] .btn-default {
    background-color: #2A2927 !important;
    border-color: #3D3C3A !important;
    color: #E5E7EB !important;
}

html[data-theme='dark'] .btn-default:hover {
    background-color: #333230 !important;
    border-color: #4D4C4A !important;
}

/* ---- Dark cards and widgets ---- */
html[data-theme='dark'] .widget,
html[data-theme='dark'] .frappe-card,
html[data-theme='dark'] .comment-box {
    background-color: #22211F !important;
    border-color: #333230 !important;
}

html[data-theme='dark'] .widget.shortcut-widget-box {
    border-left: 3px solid #FACC15 !important;
    background-color: #22211F !important;
}

html[data-theme='dark'] .widget.shortcut-widget-box:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ---- Dark number cards ---- */
html[data-theme='dark'] .number-widget .widget-head .widget-title,
html[data-theme='dark'] .number-widget .widget-body .number,
html[data-theme='dark'] .number-widget-box .widget-body .number {
    color: #E5E7EB !important;
}

/* ---- Dark inputs ---- */
html[data-theme='dark'] .frappe-control input,
html[data-theme='dark'] .frappe-control select,
html[data-theme='dark'] .frappe-control textarea,
html[data-theme='dark'] .form-control {
    background-color: #2A2927 !important;
    border-color: #3D3C3A !important;
    color: #E5E7EB !important;
}

html[data-theme='dark'] .frappe-control input:focus,
html[data-theme='dark'] .frappe-control select:focus,
html[data-theme='dark'] .frappe-control textarea:focus,
html[data-theme='dark'] .form-control:focus {
    border-color: #FACC15 !important;
    box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.2) !important;
    background-color: #333230 !important;
}

html[data-theme='dark'] .frappe-control .control-label,
html[data-theme='dark'] .frappe-control label {
    color: #9CA3AF !important;
}

/* ---- Dark links ---- */
html[data-theme='dark'] a:not(.btn):not(.nav-link):not(.sidebar-menu a) {
    color: #FACC15 !important;
}

html[data-theme='dark'] a:not(.btn):not(.nav-link):hover {
    color: #E5B800 !important;
}

/* ---- Dark text ---- */
html[data-theme='dark'] .text-muted {
    color: #6B7280 !important;
}

html[data-theme='dark'] .text-extra-muted {
    color: #4B5563 !important;
}

/* ---- Dark list view ---- */
html[data-theme='dark'] .frappe-list .list-row {
    border-color: #333230 !important;
    background-color: #22211F !important;
}

html[data-theme='dark'] .frappe-list .list-row:hover {
    background-color: #2A2927 !important;
}

html[data-theme='dark'] .frappe-list .list-header-subject {
    color: #9CA3AF !important;
}

html[data-theme='dark'] .frappe-list .list-row .level-left .list-row--col .ellipsis {
    color: #E5E7EB !important;
}

/* ---- Dark form view ---- */
html[data-theme='dark'] .form-section .section-head {
    color: #E5E7EB !important;
    border-bottom-color: #333230 !important;
}

html[data-theme='dark'] .form-tabs .nav-link.active {
    color: #FACC15 !important;
    border-bottom-color: #FACC15 !important;
}

html[data-theme='dark'] .form-tabs .nav-link {
    color: #6B7280 !important;
}

html[data-theme='dark'] .form-tabs .nav-link:hover {
    color: #E5E7EB !important;
}

html[data-theme='dark'] .form-layout,
html[data-theme='dark'] .form-page {
    background-color: #1A1917 !important;
}

html[data-theme='dark'] .form-group .frappe-control {
    background-color: transparent !important;
}

/* ---- Dark layout sections ---- */
html[data-theme='dark'] .layout-main-section,
html[data-theme='dark'] .layout-side-section {
    background-color: #1A1917 !important;
}

html[data-theme='dark'] .layout-side-section .sidebar-menu {
    background-color: #1A1917 !important;
}

/* ---- Dark tables ---- */
html[data-theme='dark'] .frappe-list .list-row,
html[data-theme='dark'] .report-wrapper .dt-row {
    border-color: #333230 !important;
}

html[data-theme='dark'] table thead th,
html[data-theme='dark'] .dt-header .dt-cell {
    background-color: #22211F !important;
    color: #9CA3AF !important;
    border-color: #333230 !important;
}

html[data-theme='dark'] table tbody td,
html[data-theme='dark'] .dt-cell {
    border-color: #333230 !important;
    color: #E5E7EB !important;
}

html[data-theme='dark'] table tbody tr:hover td,
html[data-theme='dark'] .dt-row:hover .dt-cell {
    background-color: #2A2927 !important;
}

/* ---- Dark modal/dialog ---- */
html[data-theme='dark'] .modal-content {
    background-color: #22211F !important;
    border-color: #333230 !important;
}

html[data-theme='dark'] .modal-header {
    border-bottom-color: #333230 !important;
    color: #E5E7EB !important;
}

html[data-theme='dark'] .modal-footer {
    border-top-color: #333230 !important;
}

html[data-theme='dark'] .modal-title {
    color: #E5E7EB !important;
}

html[data-theme='dark'] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ---- Dark dropdowns ---- */
html[data-theme='dark'] .dropdown-menu {
    background-color: #22211F !important;
    border-color: #333230 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme='dark'] .dropdown-item {
    color: #E5E7EB !important;
}

html[data-theme='dark'] .dropdown-item:hover,
html[data-theme='dark'] .dropdown-item:focus {
    background-color: #2A2927 !important;
    color: #FACC15 !important;
}

html[data-theme='dark'] .dropdown-divider {
    border-top-color: #333230 !important;
}

/* ---- Dark awesomebar ---- */
html[data-theme='dark'] .awesomebar-container .awesomebar-input {
    background-color: #22211F !important;
    color: #E5E7EB !important;
    border-color: #3D3C3A !important;
}

html[data-theme='dark'] .awesomebar-container .awesomebar-result {
    color: #E5E7EB !important;
}

html[data-theme='dark'] .awesomebar-container .awesomebar-result.selected,
html[data-theme='dark'] .awesomebar-container .awesomebar-result:hover {
    background-color: #2A2927 !important;
}

/* ---- Dark breadcrumbs ---- */
html[data-theme='dark'] .breadcrumb-container .breadcrumb .breadcrumb-item a {
    color: #6B7280 !important;
}

html[data-theme='dark'] .breadcrumb-container .breadcrumb .breadcrumb-item.active {
    color: #E5E7EB !important;
}

/* ---- Dark link cards in workspace ---- */
html[data-theme='dark'] .widget.links-widget-box .link-item:hover {
    background-color: rgba(250, 204, 21, 0.06);
}

html[data-theme='dark'] .widget.links-widget-box .widget-head .widget-title {
    color: #E5E7EB !important;
}

/* ---- Dark timeline/activity ---- */
html[data-theme='dark'] .timeline-item {
    border-color: #333230 !important;
}

html[data-theme='dark'] .timeline-content {
    color: #E5E7EB !important;
}

/* ---- Dark page indicator pills ---- */
html[data-theme='dark'] .indicator-pill.green { background-color: #8FA382 !important; color: #1A1917 !important; }
html[data-theme='dark'] .indicator-pill.red { background-color: #C27D7D !important; color: #1A1917 !important; }
html[data-theme='dark'] .indicator-pill.orange { background-color: #D4A373 !important; color: #1A1917 !important; }
html[data-theme='dark'] .indicator-pill.blue { background-color: #6B8EAD !important; color: #1A1917 !important; }

/* ---- Dark toast/alert ---- */
html[data-theme='dark'] .desk-alert .alert {
    background-color: #22211F !important;
    border-left: 4px solid #FACC15 !important;
    color: #E5E7EB !important;
}

/* ---- Dark page card (like Settings page) ---- */
html[data-theme='dark'] .page-card,
html[data-theme='dark'] .setup-wizard-page {
    background-color: #22211F !important;
    border-color: #333230 !important;
}

/* ---- Dark chart backgrounds ---- */
html[data-theme='dark'] .chart-container {
    background-color: #22211F !important;
}

html[data-theme='dark'] .chart-container .axis text,
html[data-theme='dark'] .chart-container .chart-label {
    fill: #9CA3AF !important;
}

/* ---- Dark report view ---- */
html[data-theme='dark'] .report-wrapper {
    background-color: #1A1917 !important;
}

/* ---- Dark workspace content ---- */
html[data-theme='dark'] .workspace-container {
    background-color: #1A1917 !important;
}

/* ---- Scrollbar (dark mode) ---- */
html[data-theme='dark'] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

html[data-theme='dark'] ::-webkit-scrollbar-track {
    background: #1A1917;
}

html[data-theme='dark'] ::-webkit-scrollbar-thumb {
    background: #3D3C3A;
    border-radius: 4px;
}

html[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
    background: #4D4C4A;
}

/* ============================================
   PRINT
   ============================================ */
@media print {
    body {
        font-family: 'Inter', Arial, sans-serif !important;
        color: #1E2A38 !important;
        background: white !important;
    }
    .navbar, .desk-sidebar {
        display: none !important;
    }
}

/* ===== 2026-04-28 fix: hide inactive login sections by default ===== */
/* Frappe login page has 4 <section> elements (for-login, for-signup, for-forgot,
   for-login-with-email-link). Normally JS toggles only the active one visible.
   On our deploy the JS toggle wasn't firing on initial paint, leading to all 4
   page-cards rendering with stacked Lux logos. This rule hides inactive sections
   by default; JS still un-hides the active one via .toggle(true). */
section.for-signup,
section.for-forgot,
section.for-login-with-email-link {
    display: none;
}
/* When JS sets a hash route, only the matching section needs to show.
   for-login is the default landing state. */

/* ================================================================
   LUX WORKSPACE HOMEPAGE UPGRADE — 2026-05-20
   Branded shortcut cards, grouped layout, hover effects
   ================================================================ */

html[data-theme="dark"] .widget.shortcut-widget-box {
    background: linear-gradient(135deg, #22211F 0%, #2A2927 100%) !important;
    border: 1px solid #333230 !important;
    border-left: 3px solid #FACC15 !important;
    border-radius: 8px !important;
    padding: 4px 12px !important;
    transition: all 0.2s ease !important;
    position: relative;
    overflow: hidden;
}

html[data-theme="dark"] .widget.shortcut-widget-box::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.03) 0%, transparent 60%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

html[data-theme="dark"] .widget.shortcut-widget-box:hover {
    border-color: #FACC15 !important;
    box-shadow: 0 4px 16px rgba(250, 204, 21, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-1px);
}

html[data-theme="dark"] .widget.shortcut-widget-box:hover::before { opacity: 1; }

html[data-theme="dark"] .widget.shortcut-widget-box .widget-head .widget-title {
    color: #E5E7EB !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.01em;
}

html[data-theme="dark"] .widget.shortcut-widget-box:hover .widget-head .widget-title {
    color: #FACC15 !important;
}

html[data-theme="dark"] .number-widget-box {
    background: linear-gradient(135deg, #22211F 0%, #2A2927 100%) !important;
    border: 1px solid #333230 !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

html[data-theme="dark"] .number-widget-box:hover {
    border-color: rgba(250, 204, 21, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .number-widget-box .widget-body .number {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: #FACC15 !important;
}

html[data-theme="dark"] .number-widget-box .widget-body .number-label {
    color: #9CA3AF !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 600 !important;
}

html[data-theme="dark"] .workspace-header .workspace-title {
    font-family: "Cinzel", "Inter", serif !important;
    font-weight: 400 !important;
    font-size: 1.5rem !important;
    color: #FACC15 !important;
}

html[data-theme="dark"] .widget-group-head {
    border-bottom: 1px solid rgba(250, 204, 21, 0.2) !important;
    padding-bottom: 8px !important;
    margin-bottom: 12px !important;
}

html[data-theme="dark"] .widget-group-head .widget-group-title {
    color: #FACC15 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

html[data-theme="dark"] .desk-sidebar .sidebar-menu a.selected {
    border-left: 3px solid #FACC15 !important;
    background-color: rgba(250, 204, 21, 0.06) !important;
    color: #FACC15 !important;
}

html[data-theme="dark"] .widget,
html[data-theme="dark"] .number-widget-box,
html[data-theme="dark"] .widget.shortcut-widget-box {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-theme="dark"] .workspace-container .btn-secondary-dark:hover,
html[data-theme="dark"] .workspace-container .btn-default:hover {
    border-color: #FACC15 !important;
    color: #FACC15 !important;
}

/* ================================================================
   LUX ICON INTEGRATION — Lucide icons for workspace shortcuts
   ================================================================ */

html[data-theme="dark"] .widget.shortcut-widget-box .widget-head::before {
    content: "";
    display: inline-block;
    width: 18px; height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

html[data-theme="dark"] .widget.shortcut-widget-box .widget-head {
    display: flex !important;
    align-items: center !important;
}

html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="My Tasks"] .widget-head::before,
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="My Timesheet"] .widget-head::before { background-image: url("/files/icons/home-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="CuraNexus Tasks"] .widget-head::before,
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="New Task"] .widget-head::before { background-image: url("/files/icons/projects-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Employees"] .widget-head::before { background-image: url("/files/icons/hr-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="My Availability"] .widget-head::before,
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Team Availability"] .widget-head::before { background-image: url("/files/icons/leaves-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Journal Entry"] .widget-head::before { background-image: url("/files/icons/accounting-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="General Ledger"] .widget-head::before { background-image: url("/files/icons/financial-reports-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Rocket.Chat"] .widget-head::before { background-image: url("/files/icons/rocketchat-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Frappe CRM"] .widget-head::before { background-image: url("/files/icons/crm-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Outline Wiki"] .widget-head::before { background-image: url("/files/icons/outline-wiki-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Mautic"] .widget-head::before { background-image: url("/files/icons/mautic-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Docuseal"] .widget-head::before { background-image: url("/files/icons/expense-claims-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Penpot"] .widget-head::before { background-image: url("/files/icons/tools-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Intern Monitor"] .widget-head::before { background-image: url("/files/icons/users-gold.svg"); }
html[data-theme="dark"] .widget.shortcut-widget-box[aria-label="Projects"] .widget-head::before { background-image: url("/files/icons/projects-gold.svg"); }