@media (min-width: 680px) {
    .app-shell {
        width: min(calc(100% - 32px), 1180px);
        min-height: calc(100dvh - 48px);
        margin: 16px auto;
        border-radius: 24px;
    }

    .app-shell .app-content {
        padding: 24px 30px 48px;
    }

    .maintenance-entry-shell .app-content,
    .equipment-search-page .app-content {
        width: min(100%, 980px);
        margin-inline: auto;
    }

    .maintenance-bottom-bar {
        width: min(calc(100% - 32px), 980px);
    }

    .detail-tool-panel {
        width: min(calc(100% - 32px), 980px);
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}

@media (min-width: 900px) {
    .home-dashboard-shell .app-content {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-content: start;
        align-items: start;
        gap: 18px;
    }

    .home-dashboard-shell .technician-agenda,
    .home-dashboard-shell .breakdown-notification,
    .home-dashboard-shell .breakdown-section,
    .home-dashboard-shell .equipment-search-home-section,
    .home-dashboard-shell .maintenance-section {
        grid-column: 1 / -1;
        margin-top: 0;
    }

    .home-dashboard-shell .mission-section,
    .home-dashboard-shell .incident-section {
        margin: 0;
    }

    .home-dashboard-shell .maintenance-filters {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(260px, 1.6fr);
    }

    .home-dashboard-shell .maintenance-search {
        grid-column: auto;
    }

    .home-dashboard-shell .maintenance-list,
    .equipment-search-results {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.breakdown-edit-shell .app-content {
    padding-bottom: calc(154px + env(safe-area-inset-bottom, 0px));
}

.breakdown-page .maintenance-bottom-bar.breakdown-actions-bar {
    height: calc(132px + env(safe-area-inset-bottom, 0px));
    grid-template-rows: 50px 58px;
    align-content: center;
    row-gap: 2px;
}

.breakdown-bottom-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.breakdown-page .maintenance-bottom-bar .breakdown-bottom-actions button {
    min-height: 48px;
    margin: 0;
    padding: 4px 7px;
    border-radius: 11px;
    color: #372549;
    font-size: .64rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.breakdown-page .maintenance-bottom-bar .breakdown-bottom-actions .complete-button {
    background: #B9BA6C;
}

.breakdown-page .detail-tool-panel-note .form-field,
.maintenance-entry-shell .detail-tool-panel-note .form-field {
    display: flex;
    min-height: 0;
    flex: 1 1 0;
    flex-direction: column;
}

.breakdown-page .detail-tool-panel-note .form-field textarea,
.maintenance-entry-shell .detail-tool-panel-note .form-field textarea {
    min-height: 60px !important;
    flex: 1 1 auto;
}

.breakdown-edit-shell .detail-tool-panel {
    bottom: calc(132px + env(safe-area-inset-bottom, 0px));
    height: min(450px, calc(100dvh - 170px)) !important;
}

.breakdown-edit-shell .detail-tool-panel.detail-tool-panel-unavailable {
    height: auto !important;
    max-height: calc(100dvh - 170px) !important;
    min-height: 110px;
}