/* ============================================================
   BigOcrPdf – Custom Styles
   Modern, clean design following Adwaita / GNOME HIG principles.
   ============================================================ */

/* ---- Page Thumbnail ---- */

/* ---- Sidebar ---- */

.sidebar {
    background-color: @sidebar_bg_color;
}

.page-thumbnail {
    padding: 6px;
    border-radius: 12px;
    transition: background-color 200ms ease;
}

.page-thumbnail:hover {
    background-color: alpha(@accent_bg_color, 0.08);
}

/* ---- Thumbnail Frame ---- */

.thumbnail-frame {
    border-radius: 8px;
    border: 1px solid alpha(currentColor, 0.08);
    background-color: @card_bg_color;
    box-shadow: 0 1px 3px alpha(black, 0.08),
                0 1px 2px alpha(black, 0.06);
    transition: box-shadow 200ms ease, border-color 200ms ease;
}

.thumbnail-frame:hover {
    box-shadow: 0 2px 8px alpha(black, 0.12),
                0 1px 3px alpha(black, 0.08);
}

.page-thumbnail .thumbnail-frame.selected {
    border: 2px solid @accent_bg_color;
    box-shadow: 0 0 0 2px alpha(@accent_bg_color, 0.25),
                0 2px 8px alpha(black, 0.10);
}

/* ---- Thumbnail Image Box ---- */

.thumbnail-image-box {
    border-radius: 6px;
    background-color: @card_bg_color;
}

/* ---- Excluded (deleted) pages ---- */

.page-thumbnail.excluded {
    opacity: 0.45;
    transition: opacity 200ms ease;
}

.page-thumbnail.excluded:hover {
    opacity: 0.65;
}

/* ---- Excluded overlay ---- */

.excluded-overlay {
    background-color: alpha(@window_bg_color, 0.50);
    border-radius: 6px;
}

.excluded-label {
    font-weight: bold;
    font-size: 11pt;
    color: @error_color;
}

/* ---- Rotation Badge ---- */

.rotation-badge {
    background-color: alpha(@accent_bg_color, 0.85);
    color: @accent_fg_color;
    border-radius: 6px;
    padding: 2px 6px;
    font-size: 9pt;
    font-weight: 600;
}

/* ---- Page Number Label ---- */

.page-number-label {
    font-size: 11pt;
    font-weight: 500;
    min-width: 24px;
}

/* ---- FlowBox Grid ---- */

.page-flowbox {
    padding: 4px;
}

/* ---- Status / Bottom Toolbar ---- */

.editor-status-bar {
    padding: 4px 12px;
}

/* ---- Inline Notification Banner ---- */

.editor-notification {
    background-color: alpha(@accent_bg_color, 0.92);
    color: @accent_fg_color;
    border-radius: 8px;
    padding: 8px 16px;
    box-shadow: 0 2px 8px alpha(black, 0.15);
}

/* ---- Wide separator (invisible spacer) ---- */

.wide-separator {
    min-width: 12px;
    opacity: 0;
}
