/* ==========================================================================
   iBinderbook RadWindow chrome
   --------------------------------------------------------------------------
   Global treatment for Telerik RadWindow popups (lightweight render mode +
   Bootstrap skin -- see web.config keys Telerik.Web.UI.RenderMode and
   Telerik.Skin). Handoff guide section 8: "Overlay patterns should feel like
   part of the same product, not a separate UI layer."

   Cosmetic only -- colors, radius, shadow, typography from design-tokens.css.
   No paddings, sizes or positioning are changed, so every existing window's
   Width/Height keeps fitting its content. Loaded from both masters, after
   design-tokens.css.
   ========================================================================== */

html .RadWindow.RadWindow_Bootstrap {
    font-family: inherit;
    border: 1px solid var(--ibb-border-strong);
    border-radius: var(--ibb-radius-md);
    box-shadow: var(--ibb-shadow-lg);
    /* clips the iframe's square corners under the radius; safe here because
       app windows expose only Close|Move behaviors (no resize handles) */
    overflow: hidden;
}

html .RadWindow.RadWindow_Bootstrap > .rwTitleBar {
    background: var(--ibb-surface);
    border-bottom: 1px solid var(--ibb-border);
}

html .RadWindow.RadWindow_Bootstrap .rwTitleBar .rwTitle {
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    color: var(--ibb-text);
}

/* Command icons (close, pin, ...) are font glyphs that inherit currentColor:
   secondary ink at rest, full ink on hover. */
html .RadWindow.RadWindow_Bootstrap .rwCommands a {
    color: var(--ibb-text-secondary);
}

html .RadWindow.RadWindow_Bootstrap .rwCommands a:hover {
    color: var(--ibb-text);
    background: var(--ibb-surface-alt);
}

/* Dim the page behind a modal window with the ink token instead of plain
   black. Telerik keeps applying its own inline opacity on this element. */
.TelerikModalOverlay {
    background-color: var(--ibb-text) !important;
}