/* Shared window close icon, matching Work Monitor on every screen size.
   Layered important declarations override older component/theme overrides.
   Display and positioning stay component-owned for responsive visibility. */
@layer originfly-window-controls {
    button[data-of-window-close="true"] {
        box-sizing:border-box !important;
        width:36px !important;
        min-width:36px !important;
        max-width:36px !important;
        height:36px !important;
        min-height:36px !important;
        max-height:36px !important;
        flex:0 0 36px !important;
        padding:0 !important;
        border:1px solid #4b5563 !important;
        border-radius:50% !important;
        background:#2d2d2d !important;
        color:#d1d5db !important;
        font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
        font-size:20px !important;
        font-weight:400 !important;
        line-height:34px !important;
        letter-spacing:normal !important;
        text-align:center !important;
        text-shadow:none !important;
        align-items:center !important;
        justify-content:center !important;
        box-shadow:0 1px 2px 0 rgb(0 0 0 / 5%) !important;
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        cursor:pointer !important;
        transition:background-color .15s,color .15s !important;
    }
    button[data-of-window-close="true"]:hover {
        background:#444 !important;
        color:#fff !important;
    }
    button[data-of-window-close="true"]:focus-visible {
        outline:2px solid #60a5fa !important;
        outline-offset:2px !important;
    }
}