/*
 * Pictag v1.8.5
 * Fixed 280px desktop sidebar.
 */

@media (min-width:769px) {

    :root {
        --sidebar-width: 280px !important;
    }

    #sidebar,
    .sidebar {
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        flex: 0 0 280px !important;

        resize: none !important;
    }

    /*
     * Normal expanded application geometry.
     */
    body:not(.sidebar-collapsed) .main {
        margin-left: 280px !important;
    }

    /*
     * Preserve the existing collapse function.
     */
    body.sidebar-collapsed .main {
        margin-left: 0 !important;
    }

    /*
     * Workspace modes must use the exact same fixed sidebar geometry.
     */
    body.pictag-tool-workspace:not(.sidebar-collapsed) .main,
    body.pictag-tool-workspace.tagger-focus:not(.sidebar-collapsed) .main {
        margin-left: 280px !important;
    }

    body.pictag-tool-workspace.sidebar-collapsed .main,
    body.pictag-tool-workspace.tagger-focus.sidebar-collapsed .main {
        margin-left: 0 !important;
    }

    /*
     * Disable all known legacy sidebar resize handles.
     */
    #sidebarResizeHandle,
    #sidebarResizer,
    .sidebar-resize-handle,
    .sidebar-resizer,
    .sidebar-resize,
    .sidebar .resize-handle,
    [data-sidebar-resize],
    [data-pictag-sidebar-resize] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        cursor: default !important;
    }

    #sidebar,
    .sidebar,
    #sidebar * {
        --sidebar-resize-cursor: default;
    }

    /*
     * Keep the three primary buttons visually identical.
     */
    #sidebar .pictag-sidebar-primary-action {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;

        height: 40px !important;
        min-height: 40px !important;

        margin-left: 12px !important;
        margin-right: 12px !important;

        padding-left: 13px !important;
        padding-right: 13px !important;

        box-sizing: border-box !important;
    }

    .pictag-sidebar-primary-icon {
        width: 19px !important;
        height: 19px !important;
        flex: 0 0 19px !important;

        margin-right: 10px !important;
    }

    .pictag-sidebar-primary-icon svg {
        width: 18px !important;
        height: 18px !important;

        stroke-width: 1.8 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }
}