/* Shared by the Blade and React tool dialogs. On small screens only the main
   layout scrolls; its sections must keep their full height instead of shrinking
   and painting their content underneath the reviews. */
[data-tool-modal-dialog] {
    height: 90vh;
    height: 90dvh;
    max-height: 90vh;
    max-height: 90dvh;
}
[data-tool-modal-header] {
    flex: 0 0 auto;
}
[data-tool-modal-layout] {
    flex: 1 1 0%;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}
[data-tool-modal-left],
[data-tool-modal-reviews-column] {
    flex: 0 0 auto;
    height: auto;
    min-height: auto;
    max-height: none;
    overflow: visible;
}
[data-tool-modal-reviews-body] {
    flex: 0 0 auto;
    height: auto;
    min-height: auto;
    overflow: visible;
}
[data-tool-modal-jumps] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    padding: 8px 16px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
}
[data-tool-modal-jumps] button {
    flex: 1;
    min-height: 44px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 600;
}
[data-tool-modal-jumps] button:hover {
    background: #dbeafe;
}
[data-tool-modal-jumps] button:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}
.dark [data-tool-modal-jumps] {
    border-color: #374151;
    background: #1f2937;
}
.dark [data-tool-modal-jumps] button {
    background: #1e3a5f;
    color: #bfdbfe;
}
@media (max-width: 1023px) {
    [data-tool-ratings-actions] {
        flex-wrap: wrap;
        gap: 8px;
    }
    [data-tool-ratings-actions] > button {
        margin-left: 0;
    }
    [data-tool-ratings-actions] button {
        min-height: 44px;
    }
    [data-tool-modal-dialog] {
        height: calc(100vh - 2rem);
        height: calc(100dvh - 2rem);
        max-height: calc(100vh - 2rem);
        max-height: calc(100dvh - 2rem);
    }
}
@media (min-width: 1024px) {
    [data-tool-modal-jumps] {
        display: none;
    }
    [data-tool-modal-layout] {
        overflow: hidden;
    }
    [data-tool-modal-left],
    [data-tool-modal-reviews-column] {
        flex: 1 1 0%;
        min-height: 0;
        min-width: 0;
    }
    [data-tool-modal-left] {
        overflow-y: auto;
    }
    [data-tool-modal-reviews-column] {
        overflow: hidden;
    }
    [data-tool-modal-reviews-body] {
        flex: 1 1 0%;
        height: 0;
        min-height: 0;
        overflow-y: auto;
    }
}