@media screen {

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(65, 65, 65);
    }

    .top-navigation:hover {
        background-color: rgb(50, 70, 90);
        text-shadow: 0px 0px 5px black;
    }

    .top-navigation a:hover,
    .text-editor-bar-button:hover {
        background-color: rgb(60, 80, 100);
        color: white;
    }

    .top-navigation a:hover {
        box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
    }

    .text-editor-bar-button:hover,
    .text-editor-icon-button:hover,
    .text-editor-bar-color:hover,
    .text-editor-bar .widget-select-selected:hover {
        box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
    }

    .widget-page-select-button:hover {
        background-color: rgb(50, 70, 90);
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-action-primary:hover,
    .widget-action-ghost:hover,
    .widget-action-button-primary:hover,
    .widget-overlay-action-primary:hover,
    .widget-dropdown-action:hover,
    .widget-row-dropdown-action:hover,
    .widget-square-action-primary:hover {
        background-color: rgb(50, 70, 90);
    }

    .widget-action-destructive:hover,
    .widget-action-button-secondary:hover,
    .widget-overlay-action-secondary:hover,
    .widget-square-action-secondary:hover {
        background-color: rgb(130, 0, 0);
    }

    .widget-action-accept:hover {
        background-color: rgb(50, 90, 70);
    }

    .widget-action-button-tertiary:hover {
        background-color: rgb(50, 90, 70);
    }

    .widget-action-button-neutral:hover {
        background-color: rgb(45, 45, 45);
    }

    .widget-selection-button[aria-pressed="true"]:hover {
        background-color: rgb(60, 80, 100);
        box-shadow: inset 0 0 0 1px rgba(155, 190, 220, 0.35);
        color: rgb(220, 220, 220);
        text-shadow: 0 0 5px rgba(175, 175, 175, 0.35);
    }

    .widget-room-button.widget-selection-button[aria-pressed="true"]:hover {
        box-shadow: inset 0 0 0 1px rgba(155, 190, 220, 0.35), 0 0 5px rgb(175, 175, 175);
    }

    .widget-action-primary:hover,
    .widget-action-ghost:hover,
    .widget-action-destructive:hover,
    .widget-action-accept:hover,
    .widget-action-button-primary:hover,
    .widget-action-button-secondary:hover,
    .widget-action-button-tertiary:hover,
    .widget-action-button-neutral:hover,
    .widget-overlay-action-primary:hover,
    .widget-overlay-action-secondary:hover,
    .widget-dropdown-action:hover,
    .widget-row-dropdown-action:hover,
    .widget-square-action-primary:hover,
    .widget-square-action-secondary:hover {
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .theme-text:hover,
    label:hover,
    .chat-tab:hover,
    .chat-tab:hover i,
    .chat-tab:hover + .chat-container .chat-icon,
    .chat-icon:hover,
    .widget-section-toggle-row:hover {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-check-list:hover .widget-check-list-label-cell,
    .widget-check-list > label:hover .widget-check-list-label-cell,
    .widget-check-list label:hover .widget-check-list-label-cell {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .content-level-1:hover,
    .widget-manager-editor-surface:hover,
    .content-level-1:-webkit-autofill:hover {
        background-color: rgb(50, 50, 50);
    }

    .widget-room-header-bar:hover {
        background-color: rgb(50, 50, 50);
        box-shadow: 0 0 5px black;
    }

    .chat-message-container:hover {
        background-color: rgb(50, 50, 50);
    }

    .content-level-2:hover,
    .widget-flow-grid-panel:hover,
    .widget-grid-widget-panel:hover,
    .widget-grid-panel:hover,
    .widget-overlay-surface-panel:hover,
    .widget-surface-panel:hover,
    .widget-list-surface:hover,
    .widget-list-button:hover,
    .content-level-2:-webkit-autofill:hover {
        background-color: rgb(65, 65, 65);
    }

    .content-level-3:hover,
    .content-level-3:-webkit-autofill:hover {
        background-color: rgb(80, 80, 80);
    }

    .widget-task-card.content-level-3:hover {
        background-color: rgb(50, 50, 50);
    }

    .widget-info-header:hover {
        background-color: rgb(80, 80, 80);
    }

    .hover-shadow:hover,
    .widget-call-banner-action:hover,
    .widget-composer-preview-cancel-subtle:hover,
    .widget-account-button:hover,
    .chat-room-button:hover,
    .widget-list-button-interactive:hover,
    .widget-list-surface-interactive:hover,
    .widget-media-add-button:hover,
    .widget-row-dropdown-action:hover,
    .widget-square-action-primary:hover,
    .widget-square-action-secondary:hover {
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .chat-room-button:hover {
        background-color: rgb(60, 60, 60);
    }

    .chat-personal-note-card:hover {
        box-shadow: 0 0 5px rgb(175, 175, 175);
    }

    .chat-personal-note-card:hover .chat-personal-note-title,
    .chat-personal-note-card:hover .chat-personal-note-body {
        color: white;
        text-shadow: 0 0 5px rgba(175, 175, 175, 0.45);
    }

    .chat-personal-note-color:hover {
        box-shadow: inset 0 0 0 1px rgba(155, 190, 220, 0.35), inset 0 0 3px black, 0 0 5px rgb(175, 175, 175);
    }

    .widget-notification-open:hover {
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .input-shadow:hover,
    .widget-breakdown-table:hover,
    .widget-card-area-surface:hover,
    .widget-chart-frame:hover,
    .widget-check-list-surface:hover,
    .widget-embedded-list-surface:hover,
    .widget-checklist-panel:hover,
    .widget-compact-summary:hover,
    .widget-compact-summary-card:hover,
    .widget-dialog-scroll-list:hover,
    .widget-detail-list-panel:hover,
    .widget-field-select-surface:hover,
    .widget-font-awesome-editable-inset:hover,
    .widget-icon-input:hover,
    .widget-inset-surface:hover,
    .widget-inline-composer-entry:hover,
    .widget-manager-editor-surface:hover,
    .widget-message-panel:hover,
    .widget-metric-summary-card:hover,
    .widget-overlay-content-surface:hover,
    .widget-notes-message-surface:hover,
    .widget-overlay-choice-list:hover,
    .widget-overlay-list-surface:hover,
    .widget-profile-icon-input:hover,
    .widget-rich-text-editor:hover,
    .widget-signature-surface:hover,
    .widget-status-banner:hover,
    .widget-summary-chart-panel:hover,
    .widget-setting-toggle-row:hover,
    .widget-table-panel:hover,
    .widget-terms-panel:hover,
    .widget-toggle-card:hover,
    .widget-editable-text-panel:hover {
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-summary-table-panel:hover,
    .widget-table-stack:hover,
    .widget-scroll-region.input-shadow:hover,
    .widget-list-display-surface:hover {
        box-shadow: inset 0px 0px 3px black, inset 0px 0px 8px rgba(0, 0, 0, 0.35), 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-record-row-interactive:hover {
        background-color: rgb(35, 35, 35);
        box-shadow: inset 0 0 3px black, 0 0 5px rgb(175, 175, 175);
    }

    .widget-action-button:disabled:hover,
    .widget-action-button.disabled:hover,
    .widget-action-button[aria-disabled="true"]:hover {
        box-shadow: 0 0 5px black;
        color: rgb(120, 120, 120);
        text-shadow: 0 0 5px black;
    }

    .widget-manager-list-surface:hover,
    .widget-overlay-report-panel:hover,
    .widget-overlay-total-panel:hover,
    .widget-scroll-list-surface:hover {
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-manager-list-surface > .widget-embedded-list-surface:hover {
        box-shadow: none;
    }

    .top-navigation-location-control.theme-text:hover {
        background: transparent;
        box-shadow: none;
    }

    .widget-overlay-dialog-surface:hover {
        box-shadow: inset 0px 0px 3px black;
    }

    .widget-picker-drawer:hover {
        background-color: rgba(100, 100, 100, 0.5);
    }

    .widget-card-add-action:hover {
        box-shadow: 0px 0px 5px rgb(175, 175, 175);
        color: white;
    }

    .widget-context-menu-item:hover {
        background-color: rgba(50, 90, 130, 0.5);
        box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
        color: white;
    }

    .widget-context-menu-item:hover,
    .widget-select-items div:hover,
    .option-items div:hover,
    .widget-search-result:hover,
    .widget-autocomplete-portal .widget-search-result:hover,
    .widget-address-autocomplete-result:hover {
        background-color: rgba(50, 90, 130, 0.5);
        box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
        color: white;
    }

    .widget-context-menu-item-disabled:hover {
        background-color: transparent;
        box-shadow: none;
        color: rgb(175, 175, 175);
    }

    .widget-context-menu-action-button:hover {
        background-color: rgba(50, 90, 130, 0.5);
        box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
        color: white;
    }

    .widget-context-menu-action-button-disabled:hover {
        background-color: transparent;
        box-shadow: none;
        color: rgb(205, 205, 205);
    }

    .widget-toggle-slider:hover {
        background-color: rgb(130, 0, 0);
    }

    .widget-toggle-slider:hover:before {
        background-color: white;
    }

    input:hover:checked+.widget-toggle-slider {
        background-color: rgb(50, 70, 90);
    }

    .widget-select-selected:hover {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        background-color: rgb(65, 85, 105);
    }

    .coupon-manager-status-select .widget-select-selected:hover {
        background-color: rgb(30, 30, 30);
    }

    /* Style the dropdown items on hover */
    .widget-select-items div:hover {
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        z-index: 2;
    }

    .widget-media-remove:hover {
        color: white;
    }

    .widget-media-zoom-action-close:hover {
        background-color: rgb(130, 0, 0);
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        box-shadow: 0px 0px 5px black;
    }

    .widget-media-zoom-action-toggle:hover {
        background-color: rgba(100, 100, 100, 0.5);
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
        box-shadow: 0px 0px 5px black;
    }

    .option-items div:hover,
    .widget-search-result:hover {
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    /* --- Inventory hover rules (gated so touch devices don't fire them) --- */

    /* .widget-stat-card idle/hover bg + outer glow delegated to
     * widget stat surface and shadow helpers. The parent-triggered descendant
     * rule for the value + label stays: canonical
     * .theme-text:hover only fires when the text itself is hovered, not the
     * parent card. */
    .widget-stat-strip .widget-stat-card:hover .widget-stat-value,
    .widget-stat-strip .widget-stat-card:hover .widget-stat-label {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    button.widget-stat-surface:hover .widget-stat-title,
    button.widget-stat-surface:hover .widget-stat-label,
    button.widget-stat-surface:hover .widget-stat-value,
    button.widget-metric-card:hover .widget-metric-label,
    button.widget-metric-card:hover .widget-metric-value {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-stat-card.widget-stat-surface-primary:hover,
    .widget-metric-card.widget-stat-surface-primary:hover {
        background-color: rgb(50, 70, 90);
    }

    /* .widget-action-* hover behavior is delegated to standard widget action
     * surface helpers. */

    /* .widget-toolbar-action hover delegated to canonical .widget-action-button-primary. */

    /* .widget-metric-card idle/hover bg + outer glow delegated to widget metric
     * surface and shadow helpers. Parent-triggered descendant
     * text rule stays — canonical .theme-text:hover fires only on self-hover. */
    .widget-metric-card:hover .widget-metric-value,
    .widget-metric-card:hover .widget-metric-label {
        color: white;
        text-shadow: 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-lines-new-row:hover td {
        background-color: rgba(60, 110, 160, 0.14);
    }

    /* --- Inventory hover rules (batch 2: tables, widget-form-field, line tables, totals, tabs, cards) --- */

    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) tbody tr:hover {
        box-shadow: inset 0px 0px 8px rgba(175, 175, 175, 0.15);
    }
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) tbody tr:hover td {
        background-color: rgb(55, 55, 55);
        color: white;
        text-shadow: 0px 0px 5px rgba(175, 175, 175, 0.35);
    }
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) tbody tr:hover td:hover,
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) thead th:hover {
        box-shadow: inset 0px 0px 0px 1px rgba(110, 110, 110, 0.45);
    }
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) thead th:hover {
        color: white;
        text-shadow: 0px 0px 5px rgba(175, 175, 175, 0.35);
    }
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) th,
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table) td {
        transition: 0.5s ease;
    }
    :where(.widget-data-table, .widget-lines-table):not(.schedule-workspace-host .widget-data-table, .schedule-workspace-host .widget-lines-table).theme-text:hover,
    .widget-table-panel table.theme-text:hover,
    .widget-table-panel table.widget-table-surface:hover,
    .widget-table-panel table.theme-text:focus,
    .widget-table-panel table.widget-table-surface:focus,
    .widget-table-panel table.theme-text:focus-within,
    .widget-table-panel table.widget-table-surface:focus-within {
        color: rgb(175, 175, 175);
        text-shadow: 0px 0px 5px black;
    }

    /* .widget-form-field label:hover delegated to canonical `label:hover` (gated below). */
    .widget-form-field input[readonly]:hover,
    .widget-form-field textarea[readonly]:hover {
        box-shadow: inset 0px 0px 3px black;
    }

    .widget-form-field input.widget-kiosk-copy-input[readonly]:hover,
    .widget-form-field textarea.widget-kiosk-copy-input[readonly]:hover {
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
        cursor: copy;
    }

    .widget-scan-bar:hover {
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
    }

    .widget-manual-form:hover {
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
    }
    .widget-tab-bar .widget-tab:hover {
        color: rgb(200, 200, 200);
        background-color: rgb(50, 75, 100);
        box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
    }

    .widget-tab-bar .widget-tab.active:hover {
        background-color: rgb(60, 90, 120);
        box-shadow: inset 0px -3px 0px rgb(110, 155, 195), inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
    }

    .widget-list-card:hover {
        background: rgb(35, 35, 35);
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
    }

    .plan-billing-offer.widget-list-card:hover {
        background-color: rgb(65, 65, 65);
        box-shadow: 0 0 5px rgb(175, 175, 175);
    }

    .widget-list-card.chat-personal-note-card:hover {
        background-color: var(--personal-note-surface-hover);
        box-shadow: 0 0 5px rgb(175, 175, 175);
    }


    .widget-card-tile:hover {
        background: rgb(35, 35, 35);
        box-shadow: inset 0px 0px 3px black, 0px 0px 5px rgb(175, 175, 175);
        color: rgb(220, 220, 220);
    }

}

.widget-nav-bar a:hover,
.widget-nav-dropdown:hover .widget-nav-button {
    background-color: rgb(60, 80, 100);
    box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
}

.widget-nav-save-action:hover {
    background-color: rgb(50, 70, 90);
    box-shadow: inset 0px 0px 0px 1px rgba(155, 190, 220, 0.35);
}

@media screen {
    .schedule-month-cell:not(.schedule-month-cell-outside):hover,
    .schedule-month-weekday.schedule-axis-hover,
    .schedule-month-compact-weekday.schedule-axis-hover,
    .schedule-month-compact-cell.schedule-axis-hover,
    .schedule-workspace-host .schedule-employee-cell.schedule-axis-hover,
    .schedule-workspace-host thead th.schedule-axis-hover,
    .schedule-workspace-host td[data-schedule-cell]:hover {
        color: rgb(215, 215, 215);
        text-shadow: 0px 0px 5px rgba(175, 175, 175, 0.35);
    }

    .schedule-month-cell:not(.schedule-month-cell-outside):hover {
        background-color: rgb(55, 55, 55) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(110, 110, 110, 0.45);
    }

    .schedule-month-weekday.schedule-axis-hover,
    .schedule-workspace-host thead th.schedule-axis-hover {
        background-color: rgb(85, 85, 85) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(140, 140, 140, 0.45);
    }

    .schedule-month-compact-weekday.schedule-axis-hover {
        background-color: rgb(55, 75, 95) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(105, 130, 155, 0.45);
    }

    .schedule-month-compact-cell.schedule-axis-hover {
        background-color: rgb(65, 65, 65) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(120, 120, 120, 0.45);
    }

    .schedule-workspace-host tbody tr:nth-child(odd) td[data-schedule-cell]:hover {
        background-color: rgb(55, 55, 55) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(110, 110, 110, 0.45);
    }

    .schedule-workspace-host tbody tr:nth-child(even) td[data-schedule-cell]:hover {
        background-color: rgb(49, 49, 49) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(104, 104, 104, 0.45);
    }

    .schedule-workspace-host tbody tr:nth-child(odd) .schedule-employee-cell.schedule-axis-hover {
        background-color: rgb(75, 75, 75) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(130, 130, 130, 0.45);
    }

    .schedule-workspace-host tbody tr:nth-child(even) .schedule-employee-cell.schedule-axis-hover {
        background-color: rgb(68, 68, 68) !important;
        box-shadow: inset 0px 0px 0px 1px rgba(123, 123, 123, 0.45);
    }

    .schedule-month-cell:not(.schedule-month-cell-outside):hover .schedule-month-date,
    .schedule-month-cell:not(.schedule-month-cell-outside):hover .schedule-month-more,
    .schedule-month-compact-cell.schedule-axis-hover .schedule-month-compact-date,
    .schedule-month-compact-cell.schedule-axis-hover .schedule-month-counts,
    .schedule-month-compact-cell.schedule-axis-hover .schedule-month-empty,
    .schedule-workspace-host .schedule-employee-cell.schedule-axis-hover > span,
    .schedule-workspace-host .schedule-employee-cell.schedule-axis-hover > small,
    .schedule-workspace-host thead th.schedule-axis-hover > span,
    .schedule-workspace-host thead th.schedule-axis-hover > small,
    .schedule-workspace-host td[data-schedule-cell]:hover .schedule-cell-state {
        color: rgb(215, 215, 215);
        text-shadow: 0px 0px 5px rgba(175, 175, 175, 0.35);
    }

    .schedule-month-view.widget-scroll-table-panel:hover {
        box-shadow: inset 0px 0px 3px black, inset 0px 0px 8px rgba(0, 0, 0, 0.35), 0px 0px 5px rgba(175, 175, 175, 0);
    }

    .schedule-month-grid.theme-text:hover,
    .schedule-month-compact-grid.theme-text:hover {
        color: rgb(175, 175, 175);
        text-shadow: 0px 0px 5px black;
    }

    .schedule-month-shift:hover {
        box-shadow: 0 0 5px rgb(175, 175, 175);
        color: white;
    }

    .schedule-workspace-host tbody tr:hover {
        box-shadow: none;
    }

    .schedule-workspace-host tbody tr:nth-child(odd):hover td:not(:hover) {
        background-color: rgb(44, 44, 44);
    }

    .schedule-workspace-host tbody tr:nth-child(even):hover td:not(:hover) {
        background-color: rgb(38, 38, 38);
    }

    .schedule-shift-block:hover {
        box-shadow: 0 0 5px rgb(175, 175, 175);
        color: white;
    }

    .schedule-shift-draft:hover {
        background-color: rgb(55, 75, 95);
    }

    .schedule-shift-published:hover {
        background-color: rgb(55, 90, 70);
    }
}
.schedule-month-compact-date:hover,
.schedule-month-add:hover {
    box-shadow: 0 0 5px rgb(175, 175, 175);
}