/* XP Window Controls (Native replacement for boot-bridge) */

/* Only apply when XP skin is active */
body.ag-skin-xp-blue .btn-win,
body.ag-skin-xp-olive .btn-win,
body.ag-skin-xp-silver .btn-win {
    width: 21px; height: 21px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.32);
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0; cursor: pointer; overflow: hidden;
    box-shadow: 0 1px 0 rgba(255,255,255,.25) inset;
    color: transparent !important; /* Hide text fallback */
    margin-left: 4px;
    background-repeat: no-repeat;
    font-size: 0; /* Fallback to hide text */
}

/* Gradients */
body.ag-skin-xp-blue .btn-win { background: linear-gradient(#e8f0ff, #b6ccff); }
body.ag-skin-xp-olive .btn-win { background: linear-gradient(#f0f6e6, #c9db9a); }
body.ag-skin-xp-silver .btn-win { background: linear-gradient(#f6f6f6, #dcdde5); }

/* Hover */
body.ag-skin-xp-blue .btn-win:hover,
body.ag-skin-xp-olive .btn-win:hover,
body.ag-skin-xp-silver .btn-win:hover { filter: brightness(1.06); }

/* Active */
body.ag-skin-xp-blue .btn-win:active,
body.ag-skin-xp-olive .btn-win:active,
body.ag-skin-xp-silver .btn-win:active { filter: brightness(0.95); transform: translateY(1px); }


/* Icons (CSS pseudo-elements) */

/* Minimize */
body.ag-skin-xp-blue .btn-min::before,
body.ag-skin-xp-olive .btn-min::before,
body.ag-skin-xp-silver .btn-min::before {
    content: ""; width: 8px; height: 2px;
    background: #445; box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
    display: block;
}

/* Maximize */
body.ag-skin-xp-blue .btn-max::before,
body.ag-skin-xp-olive .btn-max::before,
body.ag-skin-xp-silver .btn-max::before {
    content: ""; display: block;
    width: 9px; height: 9px;
    border: 2px solid #445;
    box-sizing: border-box; background: transparent;
}

/* Close (Red) */
body.ag-skin-xp-blue .btn-close { background: linear-gradient(#ffb6b6, #ff6a6a); }
body.ag-skin-xp-olive .btn-close { background: linear-gradient(#ffd2c9, #ff7f6a); }
body.ag-skin-xp-silver .btn-close { background: linear-gradient(#ffd2d2, #ff8a8a); }

/* Close Icon */
body.ag-skin-xp-blue .btn-close::before,
body.ag-skin-xp-olive .btn-close::before,
body.ag-skin-xp-silver .btn-close::before {
    content: ""; display: block; width: 12px; height: 12px;
    background: linear-gradient(#fff,#fff) center/10px 2px no-repeat, 
                linear-gradient(#fff,#fff) center/2px 10px no-repeat;
    transform: rotate(45deg);
    filter: drop-shadow(0 1px 0 rgba(0,0,0,0.3));
}