@media screen and (max-width: 735px) {
    .coupon-manager-dialog .widget-form-grid,
    .coupon-manager-dialog .coupon-manager-example {
        grid-template-columns: minmax(0, 1fr);
    }

    .coupon-manager-filter-group {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .coupon-manager-status-select,
    .coupon-manager-add {
        flex-basis: auto;
        width: 100%;
    }

    .widget-coupon-applied-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .mobile-stack-grid .schedule-desktop-grid {
        display: none;
    }

    .mobile-stack-grid .schedule-mobile-view {
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-width: 0;
    }

    .mobile-stack-grid .schedule-month-view {
        overflow-x: visible;
    }

    .mobile-stack-grid .schedule-month-desktop-grid {
        display: none;
    }

    .mobile-stack-grid .schedule-workspace-host .schedule-month-compact-grid {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .mobile-stack-grid .schedule-workspace-host .schedule-month-compact-weekday,
    .mobile-stack-grid .schedule-workspace-host .schedule-month-cell-outside {
        display: block;
    }

    .mobile-stack-grid .schedule-day-controls {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .mobile-stack-grid .schedule-day-controls button,
    .mobile-stack-grid .schedule-header-host button,
    .shift-editor-panel button {
        min-height: 40px;
        min-width: 0;
        white-space: normal;
    }

    .mobile-stack-grid .schedule-header-host .widget-responsive-toolbar,
    .mobile-stack-grid .schedule-header-host .widget-toolbar-actions,
    .mobile-stack-grid .schedule-header-host .widget-button-group {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .shift-editor-header {
        grid-template-columns: minmax(0, 1fr) 40px;
    }

    .mobile-stack-grid .schedule-header-host > .widget-responsive-toolbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .mobile-stack-grid .schedule-header-host .widget-button-group {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        padding-left: 35px;
    }

    .mobile-stack-grid .schedule-header-host .widget-responsive-auto-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-stack-grid .schedule-readiness-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-stack-grid .schedule-header-host .widget-toolbar-actions > button {
        flex: 1 1 160px;
    }

    .mobile-stack-grid .schedule-actions-selector {
        --dropdown-width: 100%;
        flex: 1 1 160px;
        width: 100%;
    }

    .mobile-stack-grid .schedule-actions-selector .option-selected {
        width: 100%;
    }

    .mobile-stack-grid .schedule-view-toggle {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .shift-editor-panel {
        width: calc(100% - 16px);
    }

    .shift-editor-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .shift-editor-form .widget-grid-span-all {
        grid-column: 1;
    }

    .shift-editor-weekdays {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .mobile-stack-grid .widget-record-row {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }

    .mobile-stack-grid .widget-record-meta {
        text-align: left;
    }

    .mobile-stack-grid .widget-record-actions {
        justify-content: stretch;
    }

    .mobile-stack-grid .widget-record-actions > .widget-action-button,
    .mobile-stack-grid .widget-record-actions > .widget-record-action {
        flex: 1 1 140px;
    }
    :root {
        /* Mirrors the legacy mobile widget formulas so the new div-backed
         * grid table widens with the same footprint the old table produced. */
        --grid-cell-size: calc((100vw - 200px) / 8);
        --grid-width: calc(100vw - 60px);
    }

    .top-navigation {
        box-sizing: border-box;
        min-height: 50px;
        overflow: hidden;
        width: 100%;
    }

    .top-navigation a {
        box-sizing: border-box;
        min-height: 50px;
    }

    .top-navigation:not(.responsive) > a:not(:first-child):not(.icon),
    .top-navigation:not(.responsive) .top-navigation-right {
        display: none !important;
    }

    .top-navigation a:first-child {
        align-items: center;
        display: flex;
        float: none;
        padding-right: 60px;
        text-align: left;
        width: 100%;
    }

    .top-navigation a.icon {
        align-items: center;
        display: flex;
        float: none;
        height: 50px;
        justify-content: center;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
    }

    .top-navigation.responsive {
        display: flex;
        flex-direction: column;
        height: auto;
        left: 0;
        max-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

    .top-navigation.responsive a:not(.icon),
    .top-navigation.responsive .top-navigation-right a,
    .top-navigation.responsive .top-navigation-location {
        align-items: center;
        display: flex !important;
        float: none;
        gap: 10px;
        min-height: 50px;
        padding: 0 16px;
        text-align: left;
        width: 100%;
    }

    .top-navigation.responsive .top-navigation-location .option-selected {
        flex: 1;
        max-width: none;
    }

    .widget-dialog-review-panel {
        max-width: calc(100vw - 24px);
        width: calc(100vw - 24px);
    }

    .widget-mobile-single-column {
        grid-template-columns: 1fr;
    }

    .widget-mobile-two-column {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .widget-choice-button {
        min-width: 0;
    }

    .widget-review-text-box {
        min-height: 180px;
    }

    .widget-dialog-action-grid {
        grid-template-columns: 1fr;
    }

    .top-navigation.responsive a:first-child {
        padding-right: 60px;
    }

    .top-navigation.responsive .top-navigation-right {
        display: flex !important;
        flex-direction: column;
        float: none;
        width: 100%;
    }

    .top-navigation [hidden],
    .top-navigation.responsive [hidden] {
        display: none !important;
    }

    .content-area:has(.widget-login-form) {
        align-items: center;
        box-sizing: border-box;
        height: 100%;
        overflow-y: auto;
        padding: 16px;
    }

    .widget-login-form {
        box-sizing: border-box;
        margin: auto;
        max-width: 420px;
        padding: 18px;
        width: 100%;
    }

    .widget-login-form .widget-content-title {
        margin-bottom: 16px;
        white-space: normal;
    }

    .minidesk-logo {
        max-width: 100%;
        width: 280px;
    }

    .widget-login-input {
        box-sizing: border-box;
        font-size: 16px;
        height: 44px;
        margin-top: 14px;
        padding-left: 14px;
        width: 100%;
    }

    .widget-login-button {
        height: 44px;
        margin-top: 14px;
        width: 100%;
    }

    .mobile-stack-grid {
        --grid-page-bottom-spacing: 8px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0;
        width: 100%;
    }

    .mobile-stack-grid .grid-viewport-placeholder {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        min-height: 0 !important;
        padding-bottom: var(--grid-page-bottom-spacing, 20px);
        width: 100%;
    }

    .mobile-stack-grid .widget-grid-table {
        align-items: stretch;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: var(--grid-page-bottom-spacing, 10px);
        height: auto !important;
        min-height: 0 !important;
        padding: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-grid-cell {
        display: none;
    }

    .mobile-stack-grid .grid-widget {
        box-sizing: border-box;
        height: auto !important;
        left: auto !important;
        margin: 0;
        max-width: 100%;
        min-height: 0;
        overflow: visible;
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        z-index: auto !important;
    }

    .mobile-stack-grid .content-container {
        padding: 10px;
    }

    .mobile-stack-grid .widget-content-title {
        font-size: 19px;
        line-height: 24px;
        margin-bottom: 14px;
        white-space: normal;
    }

    .mobile-stack-grid button,
    .mobile-stack-grid .widget-action-primary,
    .mobile-stack-grid .widget-action-ghost,
    .mobile-stack-grid .widget-action-destructive,
    .mobile-stack-grid .widget-action-accept,
    .mobile-stack-grid .widget-toolbar-action,
    .mobile-stack-grid .widget-filter-pill {
        min-height: 40px;
    }

    .mobile-stack-grid .widget-action-primary,
    .mobile-stack-grid .widget-action-ghost,
    .mobile-stack-grid .widget-action-destructive,
    .mobile-stack-grid .widget-action-accept {
        justify-content: center;
        text-align: center;
    }

    .mobile-stack-grid .widget-mobile-wrap-host {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        height: auto !important;
    }

    .mobile-stack-grid .widget-stat-card,
    .mobile-stack-grid .widget-stat-surface,
    .mobile-stack-grid .widget-stat-action {
        box-sizing: border-box;
        flex: 1 1 calc(50% - 10px);
        margin: 0;
        min-width: 135px;
    }

    .mobile-stack-grid .option-selector,
    .mobile-stack-grid .option-selected {
        max-width: 100%;
        min-width: 0;
    }

    .mobile-stack-grid .widget-list-page-size .option-selected {
        margin-bottom: 0;
    }

    .mobile-stack-grid .widget-search-input {
        box-sizing: border-box;
        width: 100%;
    }

    .mobile-stack-grid .widget-mobile-control-shell {
        align-items: stretch;
        box-sizing: border-box;
        display: flex;
        height: 60px !important;
        min-height: 0;
        padding: 10px;
    }

    .mobile-stack-grid .widget-mobile-control-field {
        box-sizing: border-box;
        height: 40px;
        margin: 0;
    }

    .mobile-stack-grid .widget-list-display-area.widget-list-display-surface {
        max-height: 62vh;
        min-height: 260px;
        overflow-y: auto;
        padding: 4px;
    }

    .mobile-stack-grid .widget-list-button {
        --widget-list-button-padding: 14px;
        margin: 8px;
        width: calc(100% - 16px);
    }

    .mobile-stack-grid .widget-list-button,
    .mobile-stack-grid .widget-detail-list-button {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .mobile-stack-grid .widget-list-button-column,
    .mobile-stack-grid .widget-detail-list-button .widget-list-button-column {
        flex: 1 1 auto;
        width: 100%;
    }

    .mobile-stack-grid .widget-detail-list-button .widget-list-item-text {
        grid-template-columns: 20px minmax(74px, max-content) minmax(0, 1fr);
        height: auto;
        min-height: 24px;
        line-height: 24px;
        white-space: normal;
    }

    .mobile-stack-grid .widget-detail-list-button:not(.widget-detail-list-compact-labels) .widget-hide-on-small {
        display: inline-block;
        white-space: normal;
    }

    .mobile-stack-grid .widget-detail-list-button.widget-detail-list-compact-labels .widget-list-item-text {
        white-space: nowrap;
    }

    .mobile-stack-grid .widget-list-item-text,
    .mobile-stack-grid .widget-list-item-row,
    .mobile-stack-grid .widget-list-item-value {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .mobile-stack-grid .widget-form-section {
        box-sizing: border-box;
        float: none;
        width: 100%;
    }

    .mobile-stack-grid .widget-profile-input,
    .mobile-stack-grid textarea {
        box-sizing: border-box;
        max-width: 100%;
        width: calc(100% - 20px);
    }

    .mobile-stack-grid .widget-profile-selector-control {
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
    }

    .mobile-stack-grid .widget-form-label {
        box-sizing: border-box;
        max-width: 100%;
        white-space: normal;
    }

    .mobile-stack-grid .widget-profile-host {
        height: auto;
        padding: 14px;
    }

    .mobile-stack-grid .widget-profile-host .widget-content-title {
        margin-bottom: 14px;
    }

    .mobile-stack-grid .widget-profile-host .widget-profile-icon-input,
    .mobile-stack-grid .widget-profile-host .widget-field-input,
    .mobile-stack-grid .widget-profile-host .option-selector,
    .mobile-stack-grid .widget-profile-host .option-selected,
    .mobile-stack-grid .widget-profile-host .widget-profile-input {
        height: var(--dropdown-height, 44px);
        min-height: var(--dropdown-height, 44px);
    }

    .mobile-stack-grid .widget-profile-host .widget-profile-icon-input,
    .mobile-stack-grid .widget-profile-host .widget-field-input,
    .mobile-stack-grid .widget-profile-host .widget-profile-input {
        --dropdown-height: 44px;
        margin-bottom: 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-profile-host .option-selector {
        --dropdown-width: 100%;
        --dropdown-height: 44px;
        margin-bottom: 10px;
        width: var(--dropdown-length);
    }

    .mobile-stack-grid .widget-profile-host .option-selected {
        line-height: normal;
    }

    .mobile-stack-grid .widget-control-pair-row {
        --widget-row-control-size: 44px;
        grid-template-columns: minmax(0, 1fr) var(--widget-row-control-size);
    }

    .mobile-stack-grid .widget-control-pair-row .widget-profile-icon-input,
    .mobile-stack-grid .widget-control-pair-row .widget-field-input,
    .mobile-stack-grid .widget-control-pair-row .option-selector {
        margin-bottom: 0;
    }

    .mobile-stack-grid .widget-square-control {
        height: var(--widget-row-control-size, 44px);
        min-height: var(--widget-row-control-size, 44px);
        min-width: var(--widget-row-control-size, 44px);
        width: var(--widget-row-control-size, 44px);
    }

    .mobile-stack-grid .widget-profile-host .widget-profile-primary-action {
        height: 44px;
        margin-top: 10px;
    }

    .mobile-stack-grid .widget-checklist-panel-compact {
        max-height: 320px;
        padding: 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-profile-primary-action,
    .mobile-stack-grid .widget-list-toolbar-button,
    .mobile-stack-grid .widget-detail-action {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-list-toolbar-button,
    .mobile-stack-grid .widget-list-toolbar-search {
        margin-bottom: 0;
    }

    .mobile-stack-grid .widget-filter-list-grid.widget-layout {
        column-gap: 10px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 10px;
    }

    .mobile-stack-grid .widget-device-list.widget-layout > .widget-content-title,
    .mobile-stack-grid .widget-filter-list-grid.widget-layout > .widget-content-title,
    .mobile-stack-grid .widget-filter-list-grid.widget-layout .widget-search-input,
    .mobile-stack-grid .widget-filter-list-grid.widget-layout .widget-option-selector-line,
    .mobile-stack-grid .widget-device-list.widget-layout .widget-list-display-area,
    .mobile-stack-grid .widget-filter-list-grid.widget-layout .widget-list-display-area,
    .mobile-stack-grid .widget-layout > .widget-list-controls-footer {
        grid-column: 1 / -1;
    }

    .mobile-stack-grid .widget-device-list.widget-layout .widget-list-toolbar-button,
    .mobile-stack-grid .widget-device-list.widget-layout .widget-list-toolbar-search {
        grid-column: auto;
    }

    .mobile-stack-grid .widget-device-list.widget-layout .widget-list-display-area,
    .mobile-stack-grid .widget-filter-list-grid.widget-layout .widget-list-display-area {
        max-height: none;
        min-height: 420px;
    }

    .mobile-stack-grid .widget-filter-list-stat {
        box-sizing: border-box;
        display: block;
        margin: 8px 0 0;
        text-align: center;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-list-grid .widget-search-input {
        box-sizing: border-box;
        margin-bottom: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-list-grid .widget-filter-list-stat {
        align-items: center;
        display: flex;
        font-size: 14px;
        gap: 4px;
        justify-content: center;
        margin: 0;
        min-height: 36px;
        padding-left: 6px;
        padding-right: 6px;
        white-space: nowrap;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-list-stat > i {
        flex: 0 0 16px;
        margin-left: 4px;
        text-align: center;
        width: 16px;
    }

    .mobile-stack-grid .widget-filter-list-toggle {
        font-size: 14px;
        height: 36px;
        margin-bottom: 0;
        min-height: 36px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .mobile-stack-grid .widget-option-selector-line {
        flex-direction: column;
        gap: 10px;
    }

    .mobile-stack-grid .widget-filter-list-grid .widget-option-selector-line {
        box-sizing: border-box;
        flex-direction: row;
        gap: 10px;
        margin-bottom: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-list-dropdown-container {
        box-sizing: border-box;
        margin: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-list-grid .widget-filter-list-dropdown-container {
        box-sizing: border-box;
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }

    .mobile-stack-grid .widget-filter-list-grid .option-selected {
        box-sizing: border-box;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-list-grid .widget-filter-list-dropdown {
        --dropdown-width: 100%;
        --dropdown-height: 36px;
        box-sizing: border-box;
        font-size: 14px;
        min-height: var(--dropdown-height);
        padding-left: 8px;
        padding-right: 32px;
        width: var(--dropdown-length);
    }

    .mobile-stack-grid .widget-filter-list-dropdown {
        margin-bottom: 0;
        margin-top: 0;
    }

    .mobile-stack-grid .widget-inline-end,
    .mobile-stack-grid .widget-inline-end:first-of-type {
        float: none;
        margin: 0;
    }

    .mobile-stack-grid .widget-filter-list-grid .widget-list-display-area {
        height: auto;
        max-height: 62vh;
        min-height: 260px;
        overflow-y: auto;
        padding: 4px;
    }

    .widget-option-portal {
        box-sizing: border-box;
        max-width: calc(100vw - 24px);
    }

    .widget-option-portal .option-items,
    .widget-option-portal .option-items div {
        box-sizing: border-box;
        max-width: 100%;
    }

    .mobile-stack-grid .widget-compact-info-host.widget-compact-mode {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding-bottom: 14px;
    }

    .mobile-stack-grid .widget-compact-info-host .widget-compact-title {
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        padding: 0 14px;
    }

    .mobile-stack-grid .widget-compact-info-host .widget-compact-title-label {
        grid-column: 2;
    }

    .mobile-stack-grid .widget-compact-info-host .widget-compact-details {
        padding: 0 14px;
    }

    .mobile-stack-grid .widget-compact-info-host .widget-compact-details .widget-control-pair-row {
        --widget-row-control-size: 40px;
        margin-bottom: 10px;
    }

    .mobile-stack-grid .widget-compact-history-action {
        margin-left: 14px;
        margin-right: 14px;
        width: calc(100% - 28px);
    }

    .mobile-stack-grid .widget-checklist-panel {
        height: auto;
        max-height: 52vh;
        overflow-y: auto;
    }

    .mobile-stack-grid .widget-checklist-host .widget-checklist-panel {
        height: 320px;
        max-height: 320px;
        width: 100%;
    }

    .mobile-stack-grid .widget-compact-summary {
        margin: 0 14px;
        padding: 14px;
    }

    .mobile-stack-grid .widget-filter-fluid-control {
        box-sizing: border-box;
        width: 100% !important;
    }

    .mobile-stack-grid .widget-date-filter-custom {
        margin-left: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-two-row-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .mobile-stack-grid .widget-two-row-action-grid > .widget-date-filter-custom {
        align-self: center;
        gap: 20px;
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .mobile-stack-grid .widget-two-row-action-grid > .widget-date-filter-custom .widget-date-filter-field {
        align-items: center;
        flex-direction: row;
        gap: 5px;
        height: 40px;
    }

    .mobile-stack-grid .widget-two-row-action-grid > .widget-date-filter-custom .widget-date-filter-label {
        flex: 0 0 auto;
        width: auto;
    }

    .mobile-stack-grid .widget-two-row-action-grid > .widget-date-filter-custom .widget-date-filter-input {
        flex: 1 1 0;
        height: 40px;
        width: 100%;
    }

    .mobile-stack-grid .widget-date-filter-field {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 2px;
        width: 100%;
    }

    .mobile-stack-grid .widget-date-filter-label,
    .mobile-stack-grid .widget-date-filter-input {
        box-sizing: border-box;
        line-height: 20px;
        margin: 0;
        max-width: none;
        transform: none;
        width: 100%;
    }

    .mobile-stack-grid .widget-date-filter-input {
        flex: 0 0 auto;
        height: 40px;
        min-height: 40px;
    }

    .mobile-stack-grid .widget-page-select-input {
        box-sizing: border-box;
        height: 40px;
        margin: 0;
        max-width: none;
        width: 100%;
    }

    .mobile-stack-grid .widget-pagination,
    .mobile-stack-grid .widget-page-select,
    .mobile-stack-grid .widget-pagination-strip {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        justify-content: flex-start;
        margin-top: 10px;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
        padding: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-page-select-button {
        box-sizing: border-box;
        flex: 0 0 auto;
        min-width: 0;
        margin: 0;
        overflow: hidden;
        padding-left: 6px;
        padding-right: 6px;
        text-overflow: ellipsis;
        width: auto;
    }

    .mobile-stack-grid .widget-list-page-size {
        box-sizing: border-box;
        float: none;
        margin-top: 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-list-page-size .option-selector,
    .mobile-stack-grid .widget-list-page-size .option-selected {
        box-sizing: border-box;
    }

    .mobile-stack-grid .widget-list-page-size .option-selector {
        --dropdown-container-width: var(--dropdown-width, 100%);
        --dropdown-spacer: var(--dropdown-width-spacer, 0px);
        --dropdown-length: max(0px, calc(var(--dropdown-container-width) - var(--dropdown-spacer)));
        width: var(--dropdown-length);
    }

    .mobile-stack-grid .widget-list-page-size .option-selected {
        width: 100%;
    }

    .mobile-stack-grid .widget-list-page-size .option-selected {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: var(--dropdown-height, 40px);
        padding-right: 48px;
        position: relative;
    }

    .mobile-stack-grid .widget-list-page-size .widget-hide-on-small {
        display: inline;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-stack-grid .widget-list-page-size .option-arrow {
        position: absolute;
        right: 12px;
    }

    .mobile-stack-grid .responsive-list-widget.widget-layout,
    .mobile-stack-grid .responsive-list-widget.widget-layout > .widget-responsive-list-body {
        box-sizing: border-box;
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr);
        min-width: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-filter-widget .widget-filter-control,
    .mobile-stack-grid .widget-filter-widget .widget-filter-button,
    .mobile-stack-grid .widget-filter-widget .widget-filter-selector,
    .mobile-stack-grid .widget-filter-widget .option-selected {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

    .mobile-stack-grid [id^="page-first-button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:first-child {
        order: 1;
    }

    .mobile-stack-grid [id^="page-previous-button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-child(2) {
        order: 2;
    }

    .mobile-stack-grid [id^="page-minus-2-Button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-of-type(3) {
        order: 3;
    }

    .mobile-stack-grid [id^="page-minus-1-Button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-of-type(4) {
        order: 4;
    }

    .mobile-stack-grid .widget-page-select-input {
        order: 5;
    }

    .mobile-stack-grid [id^="page-plus-1-button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-of-type(5) {
        order: 6;
    }

    .mobile-stack-grid [id^="page-plus-2-button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-of-type(6) {
        order: 7;
    }

    .mobile-stack-grid [id^="page-next-button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-of-type(7) {
        order: 8;
    }

    .mobile-stack-grid [id^="page-last-button-"],
    .mobile-stack-grid .widget-pagination-strip .widget-page-select-button:nth-of-type(8) {
        order: 9;
    }

    .mobile-stack-grid .widget-info-header {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        padding: 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-info-header.widget-mobile-two-column-grid {
        display: flex;
        flex-direction: column;
    }

    .mobile-stack-grid .widget-info-header-main {
        align-items: stretch;
        width: 100%;
    }

    .mobile-stack-grid .widget-info-header-item {
        min-height: 28px;
        white-space: normal;
    }

    .mobile-stack-grid .widget-info-header-actions {
        --widget-row-control-size: 40px;
        align-items: center;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr) var(--widget-row-control-size);
        margin-left: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-info-budget {
        align-items: center;
        display: flex;
        gap: 6px;
        min-width: 0;
    }

    .mobile-stack-grid .widget-info-budget label {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .mobile-stack-grid .widget-info-budget i {
        flex: 0 0 auto;
    }

    .mobile-stack-grid .widget-info-budget input {
        box-sizing: border-box;
        flex: 1 1 auto;
        height: 40px;
        min-width: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-name-field,
    .mobile-stack-grid .widget-task-card .widget-flex-field-static,
    .mobile-stack-grid .widget-task-description-field,
    .mobile-stack-grid .widget-task-line-input {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        position: static;
        width: 100%;
    }

    .mobile-stack-grid .widget-stack-body,
    .mobile-stack-grid .widget-task-card {
        box-sizing: border-box;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-card {
        display: grid;
        gap: 10px;
        margin-bottom: 14px;
        overflow: hidden;
        padding: 14px;
    }

    .mobile-stack-grid .widget-task-card > * {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .mobile-stack-grid .widget-task-title-row {
        --widget-row-control-size: 40px;
        align-items: center;
        display: grid;
        column-gap: 8px;
        row-gap: 8px;
        grid-template-columns: var(--widget-row-control-size) minmax(0, 1fr) var(--widget-row-control-size);
    }

    .mobile-stack-grid .widget-template-task-group .widget-task-title-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .mobile-stack-grid .widget-template-task-group .widget-task-title-text {
        grid-column: 1;
        justify-self: start;
    }

    .mobile-stack-grid .widget-template-task-group .widget-template-row-actions {
        grid-column: 2;
    }

    .mobile-stack-grid .widget-template-preview-task .widget-task-title-row {
        grid-template-columns: minmax(0, 1fr);
        min-height: 88px;
    }

    .mobile-stack-grid .widget-template-preview-task .widget-template-preview-status {
        grid-column: 1;
        grid-row: 1;
    }

    .mobile-stack-grid .widget-template-preview-task .widget-task-title-text {
        grid-column: 1;
        grid-row: 2;
    }

    .mobile-stack-grid .widget-compact-task-host .widget-task-title-row {
        --widget-row-control-size: 40px;
        column-gap: 8px;
        grid-template-columns: var(--widget-row-control-size) minmax(0, 1fr) var(--widget-row-control-size);
    }

    .mobile-stack-grid .widget-task-title-status {
        --dropdown-width: 100%;
        grid-column: 1 / -1;
        order: 2;
        width: var(--dropdown-length);
    }

    .mobile-stack-grid .widget-compact-task-host .widget-task-title-status {
        grid-column: 1 / -1;
        justify-self: stretch;
        order: 2;
    }

    .mobile-stack-grid .widget-task-title-status .widget-row-dropdown-control {
        grid-column: 1 / -1;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-title-text {
        align-self: center;
        grid-column: 2;
        line-height: 40px;
        margin: 0;
        min-width: 0;
        order: 1;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-stack-grid .widget-compact-task-host .widget-task-title-text {
        grid-column: 2;
        justify-self: stretch;
    }

    .mobile-stack-grid .widget-task-remove-action {
        align-self: start;
        grid-column: 3;
        justify-self: end;
        order: 1;
        margin-top: 0;
    }

    .mobile-stack-grid .widget-compact-task-host .widget-task-remove-action {
        grid-column: 3;
        justify-self: end;
        order: 1;
    }

    .mobile-stack-grid .widget-row-dropdown-shell,
    .mobile-stack-grid .widget-row-dropdown-control {
        margin-bottom: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-card .option-selected {
        box-sizing: border-box;
        margin-bottom: 0;
        min-width: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-name-field,
    .mobile-stack-grid .widget-task-card .widget-flex-field-static,
    .mobile-stack-grid .widget-task-description-field {
        margin-bottom: 0;
    }

    .mobile-stack-grid .widget-task-description-field {
        min-height: 92px;
        overflow-y: auto;
        padding: 12px;
        word-break: break-word;
    }

    .mobile-stack-grid .widget-task-line-table {
        border-collapse: separate;
        border-spacing: 0 8px;
        display: block;
        margin-left: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-table-panel {
        overflow-x: hidden;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-line-parts-table {
        display: block;
        min-width: 0;
        overflow-x: visible;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-line-table {
        min-width: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-line-stack-table tbody {
        display: grid;
        gap: 8px;
    }

    .mobile-stack-grid .widget-task-line-stack-table .widget-task-line-row {
        align-items: stretch;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        height: auto;
        margin: 4px 5px 0;
        min-height: 0;
        padding-right: 44px;
        position: relative;
        width: calc(100% - 10px);
    }

    .mobile-stack-grid .widget-template-preview-task .widget-task-line-row {
        overflow-wrap: anywhere;
        padding-right: 0;
        white-space: normal;
    }

    .mobile-stack-grid .widget-task-line-table td {
        box-sizing: border-box;
        display: block;
        min-width: 0;
        padding: 0;
    }

    .mobile-stack-grid .widget-task-line-stack-table .widget-task-line-full-cell {
        flex: 1 1 100%;
    }

    .mobile-stack-grid .widget-task-line-stack-table .widget-task-line-quantity-cell {
        display: flex;
        flex: 1 1 100%;
        justify-content: center;
    }

    .mobile-stack-grid .widget-task-line-stack-table .widget-task-line-centered-cell {
        align-items: center;
        display: flex;
        flex: 1 1 100%;
        justify-content: center;
    }

    .mobile-stack-grid .widget-task-line-stack-table .widget-task-line-action-cell {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        justify-content: flex-end;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mobile-stack-grid .widget-task-line-input,
    .mobile-stack-grid .widget-task-line-quantity-input,
    .mobile-stack-grid .widget-task-line-toggle,
    .mobile-stack-grid .widget-task-line-action-button {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    .mobile-stack-grid .widget-task-line-input,
    .mobile-stack-grid .widget-task-line-toggle {
        margin-left: 3px;
        margin-right: 3px;
        width: calc(100% - 6px);
    }

    .mobile-stack-grid .widget-task-line-quantity-input,
    .mobile-stack-grid .widget-task-line-action-button {
        width: 36px;
    }

    .mobile-stack-grid .widget-task-line-quantity-input {
        margin-left: 3px;
        margin-right: 3px;
        width: calc(100% - 6px);
    }

    .mobile-stack-grid .widget-task-line-quantity-cell,
    .mobile-stack-grid .widget-task-line-cross-cell,
    .mobile-stack-grid .widget-task-line-action-cell,
    .mobile-stack-grid .widget-task-line-fixed-cell {
        box-sizing: border-box;
        padding: 0;
    }

    .mobile-stack-grid .widget-section-toggle-row {
        box-sizing: border-box;
        margin-bottom: 0;
        padding: 8px 36px 8px 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-task-section-label {
        margin-left: 0;
    }

    .mobile-stack-grid .widget-add-row-button {
        margin: 14px 5px 4px;
        width: calc(100% - 10px);
    }

    .mobile-stack-grid .widget-stacked-summary-table {
        box-sizing: border-box;
        display: grid;
        gap: 8px;
        margin-top: 0;
        padding: 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-stacked-summary-table tbody {
        display: block;
    }

    .mobile-stack-grid .widget-stacked-summary-table tr:first-child {
        display: none;
    }

    .mobile-stack-grid .widget-stacked-summary-table tr:last-child {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mobile-stack-grid .widget-stacked-summary-table td,
    .mobile-stack-grid .widget-stacked-summary-table td:not(:last-child) {
        border-right: 0;
        box-sizing: border-box;
        display: block;
        min-width: 0;
        overflow: hidden;
        padding: 8px 4px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile-stack-grid .widget-stacked-summary-table td::before {
        color: rgb(140, 140, 140);
        content: attr(data-label);
        display: block;
        font-size: 12px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-stack-grid .widget-action-selector,
    .mobile-stack-grid .widget-state-action {
        box-sizing: border-box;
        margin: 0;
        position: static;
        width: 100%;
    }

    .mobile-stack-grid .widget-state-action {
        height: 44px;
        line-height: 44px;
    }

    .mobile-stack-grid .widget-state-dropdown-action {
        line-height: normal;
        padding-left: 37px;
        padding-right: 48px;
        position: relative;
    }

    .mobile-stack-grid .widget-state-dropdown-action .option-arrow {
        right: 12px;
    }

    .mobile-stack-grid .widget-summary-chart-panel {
        box-sizing: border-box;
        height: auto;
        max-height: 62vh;
        min-height: 240px;
        padding: 14px;
        width: 100%;
    }

    .mobile-stack-grid .widget-summary-chart-column,
    .mobile-stack-grid .widget-summary-stat-column {
        width: 100%;
    }

    .mobile-stack-grid .widget-summary-chart-column canvas {
        max-height: 220px;
        width: 100% !important;
    }

    .mobile-stack-grid .widget-summary-chart .widget-summary-stat-row {
        align-items: baseline;
        column-gap: 6px;
        display: grid;
        grid-template-columns: max-content minmax(12px, 1fr) max-content;
        height: 34px;
        margin-bottom: 4px;
        overflow: hidden;
    }

    .mobile-stack-grid .widget-summary-chart .widget-summary-stat-row::after {
        border-bottom: 1px dotted currentColor;
        content: "";
        grid-column: 2;
        grid-row: 1;
        opacity: 0.7;
    }

    .mobile-stack-grid .widget-summary-chart .widget-summary-stat-label {
        display: inline;
        grid-column: 1;
    }

    .mobile-stack-grid .widget-summary-chart .widget-summary-stat-value {
        display: inline;
        float: none;
        grid-column: 3;
        margin-top: 0;
    }

    .mobile-stack-grid .widget-auto-table-container {
        max-height: none;
        min-height: 0;
    }

    .mobile-stack-grid .widget-table-stack {
        gap: 14px;
        margin-top: 0;
    }

    .mobile-stack-grid .widget-summary-table-container {
        padding: 10px;
    }

    .mobile-stack-grid .widget-summary-table {
        min-width: 100%;
        width: 100%;
    }

    .mobile-stack-grid .widget-summary-input-cell .inline-input {
        max-width: none;
        width: 100%;
    }

    .mobile-stack-grid .widget-connect-text-underline {
        height: auto;
    }

    .mobile-stack-grid .widget-connect-text-underline::after {
        content: none;
    }

    .mobile-stack-grid .widget-cash-drawer-host,
    .mobile-stack-grid .widget-filter-list-host {
        padding: 14px;
    }

    .mobile-stack-grid .widget-cash-denomination-row {
        grid-template-columns: 42px 84px minmax(0, 1fr);
    }

    .mobile-stack-grid .widget-cash-denomination-row:nth-child(even) {
        border-left: 0;
        padding-left: 0;
    }

    .mobile-stack-grid .widget-cash-adjustment-grid input,
    .mobile-stack-grid .widget-cash-adjustment-grid button {
        min-width: 0;
        width: 100%;
    }

    .mobile-stack-grid .widget-mobile-column-host {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 0;
        height: auto;
        width: 100%;
    }

    .mobile-stack-grid .widget-entity-header {
        align-items: center;
        flex-direction: row;
        gap: 8px;
        justify-content: space-between;
        min-height: 0;
    }

    .mobile-stack-grid .widget-entity-title-bar {
        align-items: center;
        flex-wrap: wrap;
        min-width: 0;
    }

    .mobile-stack-grid .widget-entity-title-meta {
        display: block;
        width: 100%;
    }

    .mobile-stack-grid .widget-entity-title-actions,
    .mobile-stack-grid .widget-toolbar-actions {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
        min-width: 0;
        width: auto;
    }

    .mobile-stack-grid .widget-stat-strip,
    .mobile-stack-grid .widget-filter-pills {
        align-items: stretch;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        height: auto;
    }

    .mobile-stack-grid .widget-stat-strip .widget-stat-card,
    .mobile-stack-grid .widget-filter-pill {
        box-sizing: border-box;
        flex: 1 1 calc(50% - 8px);
        min-width: 130px;
    }

    .mobile-stack-grid .widget-toolbar-row {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mobile-stack-grid .widget-table-toolbar-summary {
        margin-left: 0;
    }

    .mobile-stack-grid .widget-scroll-table-container {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        padding: 10px;
        width: 100%;
    }

    .mobile-stack-grid .widget-data-table,
    .mobile-stack-grid .widget-lines-table {
        min-width: 560px;
    }

    .mobile-stack-grid .widget-mobile-two-column-grid,
    .mobile-stack-grid .widget-responsive-auto-form-grid {
        display: grid;
        column-gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0;
    }

    .mobile-stack-grid .widget-state-action-grid {
        align-self: stretch;
        display: grid;
        grid-auto-rows: minmax(44px, auto);
        margin-top: 14px;
        row-gap: 10px;
    }

    .mobile-stack-grid .widget-editor-action-row-three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-stack-grid .widget-mobile-row-gap-tight {
        row-gap: 10px;
    }

    .mobile-stack-grid .widget-recommendation-panel {
        flex-basis: auto;
    }

    .mobile-stack-grid .widget-mobile-align-stretch {
        align-self: stretch;
    }

    .widget-mobile-margin-top-relaxed,
    .mobile-stack-grid .widget-mobile-margin-top-relaxed {
        margin-top: 14px;
    }

    .mobile-stack-grid .widget-mobile-fluid-field {
        box-sizing: border-box;
        width: 100%;
    }

    .mobile-stack-grid .widget-grid-span-2 {
        grid-column: 1 / -1;
    }

    .mobile-stack-grid .widget-mobile-gap-tight {
        gap: 10px;
    }

    .mobile-stack-grid .widget-mobile-gap-compact {
        gap: 8px;
    }

    .mobile-stack-grid .widget-mobile-gap-dense {
        gap: 6px;
    }

    .mobile-stack-grid .widget-mobile-gap-micro {
        gap: 4px;
    }

    .mobile-stack-grid .widget-mobile-start {
        justify-content: flex-start;
        width: 100%;
    }

    .mobile-stack-grid .widget-preview-payload-field {
        grid-column: 2;
    }

    .widget-mobile-flex-column,
    .mobile-stack-grid .widget-scan-bar,
    .mobile-stack-grid .widget-form-submit-row,
    .mobile-stack-grid .widget-mobile-flex-column {
        align-items: stretch;
        flex-direction: column;
    }

    .widget-mobile-flex-column button,
    .mobile-stack-grid .widget-scan-bar input,
    .mobile-stack-grid .widget-form-submit-row .widget-form-field,
    .mobile-stack-grid .widget-mobile-flex-column button {
        width: 100%;
    }

    .mobile-stack-grid .widget-manual-form {
        padding: 14px;
    }

    .mobile-stack-grid .widget-key-value-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .mobile-stack-grid .widget-tab-bar {
        flex-wrap: wrap;
    }

    .mobile-stack-grid .widget-tab-bar .widget-tab {
        box-sizing: border-box;
        flex: 1 1 calc(50% - 4px);
        justify-content: center;
        min-width: 130px;
    }

    .widget-manager-shell,
    .widget-manager-split {
        align-items: stretch;
        box-sizing: border-box;
        flex-direction: column;
        gap: 14px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .widget-manager-pane {
        box-sizing: border-box;
        flex: 1 1 auto;
        max-width: 100%;
        width: 100%;
    }

    .widget-manager-editor-surface {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        padding: 14px;
        width: 100%;
    }

    .widget-form-grid-two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .widget-time-schedule-row {
        column-gap: 10px;
        grid-template-columns: 45px var(--widget-row-control-size) minmax(0, 1fr);
    }

    .widget-time-range-grid {
        grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    }

    .widget-audit-row-main,
    .widget-audit-meta,
    .widget-audit-changes {
        align-items: flex-start;
        flex-direction: column;
    }

    .widget-manager-list-surface,
    .widget-embedded-list-host .widget-embedded-list-surface,
    .widget-provider-list-pane > .widget-embedded-list-surface {
        min-height: 260px;
        max-height: 62vh;
    }

    .widget-manager-list-surface.widget-kiosk-list-match-editor {
        height: 1000px;
        max-height: 1000px;
        min-height: 0;
    }

    .widget-audit-page-size {
        margin-left: 0;
        width: 100%;
    }

    .widget-overlay-total-row {
        display: block;
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .widget-graph-chart {
        height: 520px;
    }

    .audit-tree-map {
        min-width: max-content;
    }

    .widget-overlay-total-panel {
        margin-left: 0;
        width: 100%;
    }

    .widget-overlay-total-panel table {
        width: 100%;
    }

    .widget-card-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .widget-nav-bar {
        --grid-viewport-gutter: 8px;
        align-items: stretch;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        height: auto;
        line-height: normal;
        margin-top: 10px;
        max-width: min(var(--grid-preferred-width, 1600px), calc(100vw - (var(--grid-viewport-gutter) * 2)));
        overflow: visible;
        width: min(100%, var(--grid-preferred-width, 1600px));
    }

    .widget-nav-dropdown {
        display: contents;
        min-width: 0;
    }

    .widget-nav-button,
    .widget-nav-action {
        box-sizing: border-box;
        height: 44px;
        line-height: 44px;
    }

    .widget-nav-button {
        min-width: 0;
        justify-content: space-between;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }

    .widget-nav-action {
        padding-left: 14px;
        padding-right: 14px;
        width: auto;
    }

    .widget-nav-menu {
        box-sizing: border-box;
        display: none;
        grid-column: 1 / -1;
        left: 0;
        max-height: min(420px, calc(100vh - 150px));
        min-width: 0;
        overflow-y: auto;
        position: static;
        width: 100%;
    }

    .widget-nav-open .widget-nav-menu {
        display: block;
    }

    .widget-nav-menu::before,
    .widget-nav-submenu-menu::before {
        display: none;
    }

    .widget-nav-menu > a,
    .widget-nav-menu > .widget-nav-submenu > .widget-nav-link,
    .widget-nav-submenu-menu a {
        background-color: rgba(50, 70, 90, 0.95);
        box-sizing: border-box;
        height: 42px;
        line-height: 42px;
        margin-top: 1px;
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }

    .widget-nav-submenu,
    .widget-nav-submenu-menu {
        box-sizing: border-box;
        left: 0;
        min-width: 0;
        position: static;
        width: 100%;
    }

    .widget-nav-submenu-menu {
        display: block;
        margin-left: 14px;
        width: calc(100% - 14px);
    }

    .widget-page-panel {
        box-sizing: border-box;
        margin-bottom: 0;
        margin-top: 12px;
        max-width: min(var(--grid-preferred-width, 1600px), calc(100vw - (var(--grid-viewport-gutter, 8px) * 2)));
        padding: 12px;
        width: min(100%, var(--grid-preferred-width, 1600px));
    }

    .widget-section-header-row {
        display: none !important;
    }

    .widget-mobile-section-label {
        display: block;
        margin-bottom: 2px;
        margin-left: 0;
    }

    .widget-form-column-panel {
        box-sizing: border-box;
        margin: 0 0 12px 0;
        padding-bottom: 10px;
        padding-top: 15px;
        width: 100%;
    }

    .widget-form-column-panel .widget-form-panel-input,
    .widget-form-column-panel .widget-form-panel-select,
    .widget-form-column-panel .widget-form-panel-toggle {
        box-sizing: border-box;
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }

    .widget-form-column-panel .option-selector {
        --dropdown-container-width: var(--dropdown-width, 100%);
        --dropdown-spacer: var(--dropdown-width-spacer, 0px);
        --dropdown-length: max(0px, calc(var(--dropdown-container-width) - var(--dropdown-spacer)));
        box-sizing: border-box;
        width: var(--dropdown-length);
    }

    .widget-key-input {
        box-sizing: border-box;
        width: 100%;
    }

    .widget-tab-stack {
        margin-top: 12px;
    }

    .widget-tab-stack .text-editor-bar,
    .widget-tab-stack .text-editor-field,
    .widget-editor-stack .text-editor-bar,
    .widget-editor-stack .text-editor-field {
        box-sizing: border-box;
        margin-left: 0;
        width: 100%;
    }

    .widget-form-column-selected,
    .widget-provider-location-selector {
        box-sizing: border-box;
        width: 100%;
    }

    .widget-overlay-portal,
    .widget-message-portal {
        box-sizing: border-box;
        align-items: flex-start;
        height: calc(100dvh - 50px);
        justify-content: center;
        padding: 12px;
    }

    body.login-page .widget-overlay-portal,
    body.login-page .widget-message-portal {
        height: 100dvh;
        top: 0;
    }

    .overlay-container {
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 100%;
        padding-bottom: 12px;
        padding-top: 12px;
    }

    .widget-form-overlay-panel,
    .widget-overlay-dialog-panel,
    .widget-overlay-surface-panel {
        box-sizing: border-box;
        max-width: 100%;
        width: calc(100vw - 40px);
    }

    .widget-overlay-compact-grid-panel,
    .widget-overlay-dialog-panel,
    .widget-overlay-grid-panel {
        max-height: calc(100vh - 74px);
        overflow-y: auto;
        padding: 14px;
    }

    .widget-overlay-dialog-content {
        box-sizing: border-box;
        max-height: calc(100vh - 220px);
        overflow-y: auto;
        overflow-wrap: anywhere;
        width: 100%;
    }

    .widget-overlay-compact-grid-panel {
        width: calc(100vw - 40px);
    }

    .widget-action-grid {
        gap: 20px;
    }

    .widget-mobile-padded-panel {
        display: block;
        padding: 14px;
    }

    .widget-mobile-padded-panel > .widget-content-title {
        margin-bottom: 14px;
    }

    .widget-mobile-padded-panel .widget-table-panel {
        margin-bottom: 14px;
        overflow-x: auto;
        padding: 12px;
    }

    .widget-financial-table {
        min-width: 0;
        table-layout: auto;
        width: 100%;
    }

    .widget-financial-table td {
        box-sizing: border-box;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .widget-financial-table .widget-table-indent-cell {
        padding: 0;
        width: 8px;
    }

    .widget-financial-table .widget-table-quantity-cell,
    .widget-financial-table .widget-table-multiplier-cell {
        width: 24px;
    }

    .widget-financial-table .widget-table-amount-cell {
        text-align: right;
        white-space: nowrap;
        width: 86px;
    }

    .widget-coupon-input,
    .widget-mobile-fluid-action,
    .widget-mobile-fluid-field,
    .widget-inline-selector-shell,
    .widget-inline-selector-control,
    .widget-field-width-wide,
    .widget-inline-list-panel,
    .widget-inline-control-stack,
    .widget-inline-control-button,
    .widget-inline-field-row,
    .widget-inline-control-row {
        box-sizing: border-box;
        display: block;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        position: static;
        top: auto;
        width: 100%;
    }

    .widget-coupon-input,
    .widget-mobile-fluid-action,
    .widget-mobile-fluid-field,
    .widget-inline-selector-shell,
    .widget-field-width-wide,
    .widget-inline-list-panel,
    .widget-inline-field-row,
    .widget-inline-control-stack {
        margin-bottom: 14px;
    }

    .widget-mobile-fluid-action {
        height: 40px;
        line-height: 40px;
    }

    .widget-inline-control-row .widget-mobile-fluid-action {
        margin-bottom: 0;
    }

    .widget-inline-field-row {
        display: grid;
        gap: 10px;
        grid-template-columns: minmax(0, 1fr);
    }

    .widget-inline-field-row .widget-mobile-fluid-action,
    .widget-inline-field-row .widget-mobile-fluid-field,
    .widget-inline-field-row .widget-inline-selector-shell,
    .widget-inline-field-row .widget-inline-control-select-shell,
    .widget-inline-field-row .widget-inline-control-input,
    .widget-inline-field-row .widget-inline-control-action,
    .widget-inline-field-row .widget-field-width-wide {
        margin-bottom: 0;
        width: 100%;
    }

    .widget-inline-list-panel {
        max-height: 180px;
        min-height: 80px;
        overflow-y: auto;
        padding: 12px;
    }

    .widget-inline-control-row {
        display: grid;
        gap: 10px;
        grid-template-columns: minmax(0, 1fr);
        overflow: hidden;
        padding: 2px 5px;
    }

    .widget-inline-control-stack .widget-inline-control-row:not(:last-child) {
        margin-bottom: 14px;
    }

    .widget-terms-panel,
    .widget-signature-surface,
    .widget-inline-signature-surface,
    .widget-overlay-scroll-list,
    .widget-overlay-scroll-list-medium,
    .widget-overlay-scroll-list-compact {
        box-sizing: border-box;
        max-height: 62vh;
        max-width: 100%;
        width: 100%;
    }

    .widget-signature-surface,
    .widget-inline-signature-surface {
        height: 300px;
    }

    .widget-terms-panel {
        padding: 12px;
    }

    .widget-overlay-corner-action {
        height: 40px;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }

    .widget-signature-icon {
        display: block;
    }

    .widget-signature-line {
        display: block;
        width: calc(100% - 40px);
    }

    .widget-mobile-full-width-action {
        box-sizing: border-box;
        width: 100%;
    }

    .widget-action-grid-flush {
        box-sizing: border-box;
        grid-template-columns: 1fr;
        margin-top: 14px;
        padding: 2px 5px;
        row-gap: 10px;
    }

    .widget-inline-control-select,
    .widget-inline-control-input,
    .widget-inline-control-action {
        box-sizing: border-box;
        display: block;
        margin-right: 0;
        max-width: 100%;
        position: static;
        width: 100%;
    }

    .widget-deposit-type-control,
    .widget-inline-control-select {
        align-items: center;
        display: flex;
        height: 40px;
        line-height: normal;
        padding: 0 48px 0 51px;
        position: relative;
    }

    .widget-deposit-type-control .option-icon,
    .widget-inline-control-select .option-icon {
        left: 15px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
    }

    .widget-deposit-type-control .option-arrow,
    .widget-inline-control-select .option-arrow {
        float: none;
        margin: 0;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    .widget-inline-control-action {
        height: 40px;
        margin-left: 0;
        margin-top: 0;
    }

    .widget-overlay-scroll-list {
        box-sizing: border-box;
        height: auto;
        max-height: 62vh;
        padding: 4px;
        width: 100%;
    }

    .widget-overlay-list .widget-overlay-list-item {
        box-sizing: border-box;
        margin: 8px;
        width: calc(100% - 16px);
    }

    .widget-overlay-list .widget-overlay-list-item:last-child {
        margin-bottom: 8px;
    }

    .widget-mobile-scroll-panel {
        box-sizing: border-box;
        max-height: calc(100vh - 74px);
        max-width: 100%;
        overflow-y: auto;
        width: calc(100vw - 40px);
    }

    .widget-mobile-form-grid-tight {
        row-gap: 0;
        padding: 0;
    }

    .widget-mobile-touch-actions .widget-touch-action-button {
        height: 44px;
    }

    .widget-mobile-stack-actions .widget-action-split-half {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .widget-mobile-stack-actions .widget-action-split-half + .widget-action-split-half {
        margin-top: 10px;
    }

    .widget-overlay-action-split {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .widget-inline-signature-clear-action {
        left: auto;
        position: static;
        width: 100%;
    }

    .widget-overlay-field-stack .widget-overlay-control-wide,
    .widget-overlay-field-stack .widget-overlay-control-main,
    .widget-overlay-field-stack .widget-overlay-control-compact,
    .widget-overlay-field-stack .widget-overlay-control-end,
    .widget-overlay-field-stack .widget-overlay-control-option,
    .widget-overlay-estimate-panel {
        box-sizing: border-box;
        float: none;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }

    .widget-overlay-grid-panel {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr;
    }

    .widget-overlay-field-stack .widget-content-title,
    .widget-overlay-field-stack .widget-overlay-control-wide,
    .widget-overlay-field-stack .widget-overlay-control-main,
    .widget-overlay-field-stack .widget-overlay-control-compact,
    .widget-overlay-field-stack .widget-overlay-control-end,
    .widget-overlay-field-stack .widget-overlay-control-option,
    .widget-overlay-estimate-panel,
    .widget-overlay-field-stack .widget-overlay-action {
        box-sizing: border-box;
        margin-top: 0;
    }

    .widget-overlay-field-stack .widget-overlay-control-wide {
        min-height: 72px;
        overflow-y: auto;
    }

    .widget-overlay-field-stack .widget-overlay-control-end {
        float: none;
        width: 100%;
    }

    .widget-overlay-field-stack .widget-overlay-control-option {
        margin-bottom: 0;
    }

    .widget-overlay-estimate-panel {
        display: grid;
        gap: 8px;
        padding: 14px;
    }

    .widget-overlay-field-stack .widget-overlay-content-surface.widget-overlay-estimate-panel {
        grid-column: 1;
        justify-self: stretch;
        width: 100%;
    }

    .widget-overlay-estimate-row {
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) max-content;
    }

    .widget-overlay-estimate-value {
        float: none;
        white-space: nowrap;
    }

    .widget-overlay-choice-button {
        box-sizing: border-box;
        flex-direction: column;
        height: auto;
        min-height: 50px;
        padding: 10px;
    }

    .widget-overlay-choice-button.widget-loading-inline {
        flex-direction: row;
    }

    .widget-overlay-choice-button > .widget-list-item-text {
        box-sizing: border-box;
        line-height: 24px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .widget-action-button,
    .widget-add-row-button {
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .chat-placeholder {
        --chat-panel-width: 100vw;
        --chat-panel-height: calc(100vh - 50px);
        top: 50px;
    }

    .chat-container {
        border-bottom-right-radius: 0;
        max-width: 100vw;
        overflow: hidden;
        top: 0;
    }

    .chat-container.chat-mobile-transitioning {
        overflow: visible;
    }

    .chat-shell-shadow,
    .chat-shell-surface {
        border-bottom-right-radius: 0;
    }

    .chat-shell-surface::after {
        top: 20px;
    }

    .chat-tab {
        align-items: center;
        display: flex;
        font-size: 18px;
        justify-content: center;
        text-shadow: 0px 0px 5px black;
        top: 20px;
    }

    .chat-tab i {
        display: inline-block;
    }

    .chat-tab.chat-open:not(.chat-tab-animating) {
        display: none !important;
        left: 0 !important;
    }

    .chat-tab.chat-open.chat-tab-animating {
        display: flex !important;
    }

    .chat-top-shadow,
    .chat-tab-right-shadow,
    .chat-tab-bottom-shadow,
    .chat-right-shadow,
    .chat-bottom-shadow {
        display: none;
    }

    .chat-sidebar-toggle {
        display: flex;
    }

    .chat-icon {
        display: none;
    }

    .chat-mobile-close {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        height: 40px;
        justify-content: center;
        padding: 0;
        position: absolute;
        right: 12px;
        top: 12px;
        width: 40px;
        z-index: 3;
    }

    .chat-container:not(.chat-open) .chat-mobile-close {
        display: none;
    }

    .chat-container.chat-mobile-transitioning .chat-mobile-close {
        display: flex;
        z-index: 4;
    }

    .chat-unread-badge {
        left: auto;
        right: 4px;
        top: 4px;
    }

    .chat-main-area {
        display: grid;
        grid-template-rows: minmax(0, 1fr);
        gap: 10px;
        margin: 64px 12px 12px;
        min-height: 0;
        overflow: hidden;
    }

    .chat-room-sidebar {
        flex: 1 1 auto;
        grid-area: 1 / 1;
        max-height: none;
        min-height: 0;
        padding-left: 12px;
        padding-right: 12px;
        transform: translateX(0);
        transition: opacity 0.32s ease, transform 0.32s ease;
        will-change: opacity, transform;
    }

    .chat-room-button {
        box-sizing: border-box;
        margin-left: 2px;
        margin-right: 2px;
        width: calc(100% - 4px);
    }

    .widget-subsection-label-action {
        box-sizing: border-box;
        margin-left: 2px;
        margin-right: 2px;
        width: calc(100% - 4px);
    }

    .chat-sidebar-toggle {
        align-items: center;
        box-sizing: border-box;
        height: 40px;
        justify-content: center;
        left: 12px;
        min-height: 40px;
        padding: 0;
        position: absolute;
        top: 12px;
        width: 40px;
        z-index: 3;
    }

    .chat-container:not(.chat-open) .chat-sidebar-toggle {
        display: none;
    }

    .chat-container.chat-mobile-transitioning .chat-sidebar-toggle {
        display: flex;
        z-index: 4;
    }

    .chat-panel-resize-handle,
    .chat-sidebar-resize-handle {
        display: none;
    }

    .chat-container.chat-sidebar-hidden .chat-room-sidebar {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-110%);
    }

    .chat-container.chat-sidebar-hidden .widget-margin-bottom-narrow,
    .chat-container.chat-sidebar-hidden .chat-room-list,
    .chat-container.chat-sidebar-hidden .chat-sidebar-footer {
        pointer-events: none;
    }

    .chat-container:not(.chat-sidebar-hidden) .chat-conversation-area {
        opacity: 0;
        pointer-events: none;
        transform: translateX(110%);
    }

    .chat-room-list {
        flex: 1 1 auto;
        max-height: none;
        min-height: 0;
    }

    .chat-conversation-area {
        flex: 1 1 auto;
        grid-area: 1 / 1;
        min-height: 0;
        min-width: 0;
        opacity: 1;
        transform: translateX(0);
        transition: opacity 0.32s ease, transform 0.32s ease;
        will-change: opacity, transform;
    }

    .widget-room-header-bar {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        margin: 10px;
    }

    .widget-search-panel {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .widget-room-header-controls {
        justify-self: end;
    }

    .widget-call-banner {
        grid-template-columns: 1fr;
        margin: 0 10px 10px;
    }

    .widget-call-banner-actions {
        justify-content: stretch;
    }

    .widget-call-banner-action {
        flex: 1 1 0;
    }

    .widget-mobile-fluid-popover {
        left: 0;
        min-width: 0;
        right: 0;
    }

    .chat-other-container,
    .chat-own-container {
        margin: 0 0 10px;
        max-width: calc(100% - 20px);
    }

    .chat-entry-box {
        font-size: 16px;
        min-height: 42px !important;
        padding-right: 88px !important;
    }

    .chat-mention-suggestions {
        left: 12px;
        max-width: calc(100% - 24px);
        min-width: 0;
        width: calc(100% - 24px);
    }

    .widget-page-panel {
        width: 100%;
    }

    .widget-hide-on-small {
        display: none;
    }

    .widget-compact-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 420px) {
    .mobile-stack-grid .schedule-readiness-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media screen and (max-width: 430px) {
    .mobile-stack-grid {
        gap: 8px;
        padding: 0;
    }

    .mobile-stack-grid .content-container,
    .widget-manager-editor-surface {
        padding: 10px;
    }

    .mobile-stack-grid .widget-content-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .mobile-stack-grid button,
    .mobile-stack-grid .option-selected,
    .mobile-stack-grid input,
    .mobile-stack-grid textarea,
    .mobile-stack-grid .widget-action-primary,
    .mobile-stack-grid .widget-action-ghost,
    .mobile-stack-grid .widget-action-destructive,
    .mobile-stack-grid .widget-action-accept,
    .mobile-stack-grid .widget-filter-pill {
        font-size: 16px;
    }

    .mobile-stack-grid .widget-pagination,
    .mobile-stack-grid .widget-page-select,
    .mobile-stack-grid .widget-pagination-strip {
        gap: 4px;
    }

    .mobile-stack-grid .widget-page-select-button {
        font-size: 14px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .mobile-stack-grid .widget-page-select-input {
        font-size: 16px;
    }

    .mobile-stack-grid .widget-device-list.widget-layout .widget-list-toolbar-button,
    .mobile-stack-grid .widget-device-list.widget-layout .widget-list-toolbar-search {
        grid-column: 1 / -1;
    }

    .mobile-stack-grid .widget-stat-action,
    .mobile-stack-grid .widget-stat-strip .widget-stat-card,
    .mobile-stack-grid .widget-filter-pill,
    .mobile-stack-grid .widget-tab-bar .widget-tab {
        flex-basis: 100%;
        min-width: 0;
    }

    .mobile-stack-grid .widget-detail-list-button .widget-list-item-text {
        grid-template-columns: 20px minmax(62px, max-content) minmax(0, 1fr);
        column-gap: 4px;
    }

    .mobile-stack-grid .widget-compact-title {
        column-gap: 6px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile-stack-grid .widget-status-action {
        width: 36px;
        padding: 0;
    }

    .mobile-stack-grid .widget-status-action span {
        display: none;
    }

    .mobile-stack-grid .widget-status-action i {
        margin-right: 0;
    }

    .mobile-stack-grid .widget-compact-toggle {
        width: 36px;
    }

    .mobile-stack-grid .widget-data-table,
    .mobile-stack-grid .widget-lines-table {
        min-width: 500px;
    }

    .mobile-stack-grid .widget-task-line-table {
        min-width: 560px;
    }

    .mobile-stack-grid .widget-cash-denomination-row {
        grid-template-columns: 36px 74px minmax(0, 1fr);
        gap: 8px;
    }

    .mobile-stack-grid .widget-cash-denomination-row input {
        width: 74px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .widget-page-panel {
        width: 100%;
    }

    .widget-picker-drawer {
        width: calc(100vw - 10px);
    }

    .widget-card-area {
        gap: 12px;
        margin-left: 10px;
        padding: 10px;
        width: calc(100% - 20px);
    }

    .widget-card {
        height: auto;
        min-height: 320px;
    }

    .widget-card-preview {
        height: 180px;
        min-height: 180px;
    }

    .widget-preview-dialog {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .widget-preview-media-frame {
        max-height: calc(100vh - 126px);
    }

    .chat-container {
        width: var(--chat-panel-width);
    }

    .chat-placeholder {
        --chat-panel-width: 100vw;
        --chat-panel-height: calc(100vh - 50px);
    }

    .chat-main-area {
        flex-direction: column;
        margin: 64px 10px 10px;
    }

    .chat-room-sidebar {
        flex: 1 1 auto;
        max-height: none;
    }

    .chat-other-container,
    .chat-own-container {
        margin: 0 0 10px;
        max-width: calc(100% - 20px);
    }
}

@media screen and (max-width: 360px) {
    .mobile-stack-grid .schedule-header-host .widget-responsive-auto-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .mobile-stack-grid {
        gap: 8px;
        padding: 0;
    }

    .mobile-stack-grid .content-container {
        padding: 8px;
    }

    .mobile-stack-grid .widget-pagination,
    .mobile-stack-grid .widget-page-select,
    .mobile-stack-grid .widget-pagination-strip {
        gap: 4px;
    }

    .mobile-stack-grid .widget-page-select-button {
        font-size: 12px;
        min-height: 36px;
    }

    .mobile-stack-grid .widget-page-select-input {
        height: 36px;
    }

    .mobile-stack-grid .widget-list-page-size .widget-hide-on-small {
        display: none;
    }

    .mobile-stack-grid .widget-data-table,
    .mobile-stack-grid .widget-lines-table {
        min-width: 460px;
    }

    .mobile-stack-grid .widget-task-line-table {
        min-width: 520px;
    }
}

@media screen and (max-width: 1800px) {
    :root {
        /* Keep the table div, cells, and widgets on the same responsive
         * width contract as the original mobile stylesheet. */
        --grid-cell-size: calc((100vw - 200px) / 8);
        --grid-width: calc(100vw - 60px);
    }

    .widget-grid-cell {
        width: calc((100vw - 200px) / 8);
        height: calc((100vw - 200px) / 8);
        min-width: calc((100vw - 200px) / 8);
        min-height: calc((100vw - 200px) / 8);
    }

    .widget-page-panel {
        box-sizing: border-box;
        max-width: min(var(--grid-preferred-width, 1600px), calc(100vw - (var(--grid-viewport-gutter, 20px) * 2)));
        width: min(100%, var(--grid-preferred-width, 1600px));
    }

    .widget-hide-on-small {
        display: none;
    }

    .widget-detail-list-button:not(.widget-detail-list-compact-labels) .widget-hide-on-small {
        display: inline-block;
    }
}

@media screen and (max-width: 735px) {
    .widget-page-panel {
        --grid-viewport-gutter: 8px;
        max-width: min(var(--grid-preferred-width, 1600px), calc(100vw - (var(--grid-viewport-gutter) * 2)));
        width: min(100%, var(--grid-preferred-width, 1600px));
    }

    .mobile-stack-grid .widget-stat-action,
    .mobile-stack-grid .widget-filter-list-stat {
        align-items: center;
        display: flex;
        gap: 4px;
        justify-content: center;
        white-space: nowrap;
    }

    .mobile-stack-grid .widget-stat-surface .widget-hide-on-small,
    .mobile-stack-grid .widget-stat-action .widget-hide-on-small,
    .mobile-stack-grid .widget-filter-list-stat .widget-hide-on-small {
        display: inline-block;
    }

    .mobile-stack-grid .widget-form-section,
    .mobile-stack-grid .widget-summary-chart-column,
    .mobile-stack-grid .widget-summary-stat-column {
        min-width: 0;
        width: auto;
    }

    .mobile-stack-grid .widget-profile-host .widget-profile-feature-row {
        column-gap: 10px;
        row-gap: 0;
    }

    .mobile-stack-grid .widget-profile-host .widget-profile-feature-column,
    .mobile-stack-grid .widget-grid-span-2,
    .mobile-stack-grid .widget-date-filter-custom,
    .mobile-stack-grid .widget-summary-chart-panel,
    .mobile-stack-grid .widget-cash-adjustment-grid {
        grid-column: 1 / -1;
    }

    .mobile-stack-grid .widget-cash-denomination-row {
        grid-template-columns: 36px 74px minmax(0, 1fr);
    }

    .mobile-stack-grid .widget-compact-info-host.widget-compact-mode .widget-compact-details,
    .mobile-stack-grid .widget-compact-info-host.widget-compact-mode .widget-compact-history-action {
        display: none;
    }
}

.widget-compact-action-label {
    display: inline;
}


@container home-new-ticket-action (max-width: 125px) {
    .widget-compact-action-label {
        display: none;
    }
}

@media (max-width: 735px) {
    .chat-personal-notes-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .chat-personal-notes-header > .widget-room-header-controls {
        grid-column: 2;
        grid-row: 1;
    }

    .chat-personal-notes-toolbar {
        gap: 10px;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr);
    }

    .chat-personal-notes-toolbar .widget-action-button {
        margin: 0;
        width: 100%;
    }

    .chat-personal-notes-body {
        padding: 20px 10px;
    }

    .chat-personal-notes-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .chat-personal-note-editor-backdrop {
        padding: 10px;
    }

    .chat-personal-note-editor-panel {
        padding: 20px;
    }

    .chat-personal-note-editor-footer {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .chat-personal-note-editor-footer .widget-action-button {
        margin: 0;
        width: 100%;
    }
}

@media (min-width: 736px) and (max-width: 1100px) {
    .chat-personal-notes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}