/*
 * Backend button overrides (Bootstrap-like .btn variants)
 * Request:
 * - version ~20% stronger (ONLY background): +0.20 alpha vs the last file
 * - borders unchanged ("pasek zostaje")
 * - square corners
 * - btn-info: sky blue
 * Scope: backend only
 */

:root{
    --btn-radius: 0;                 /* no rounding */
    --btn-border-w: 2px;
    --btn-shadow-focus: 0 0 0 0.2rem;

    --c-purple: 124, 58, 237;   /* #7c3aed */
    --c-orange: 249, 115, 22;   /* #f97316 */
    --c-yellow: 250, 204, 21;   /* #facc15 */
    --c-red: 239, 68, 68;       /* #ef4444 */
    --c-green: 34, 197, 94;     /* #22c55e */
    --c-gray: 100, 116, 139;    /* #64748b */
    --c-sky: 48, 173, 254;      /* sky blue */
    }

/* Base .btn look (do not touch form controls / lists) */
.btn{
    border-width: var(--btn-border-w) !important;
    border-style: solid !important;
    border-radius: var(--btn-radius) !important;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: none;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
    }

.btn:focus,
.btn:focus-visible{ outline: none; }

.btn:disabled,
.btn.disabled{
    opacity: 0.55;
    filter: saturate(0.85);
    }

/* Helper */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-dark,
.btn-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-dark,
.btn-outline-light{
    box-shadow: none;
    }

/* Background alpha +0.20 vs previous (clamped <= 1.0):
   primary/info: 0.47 -> 0.67, hover 0.57 -> 0.77
   secondary:    0.43 -> 0.63, hover 0.53 -> 0.73
   success/dang: 0.45 -> 0.65, hover 0.55 -> 0.75
   warning:      0.51 -> 0.71, hover 0.61 -> 0.81
   Borders unchanged.
*/

/* PRIMARY */
.btn-primary{
    --x: var(--c-purple);
    background-color: rgba(var(--x), 0.67) !important;
    border-color: rgba(var(--x), 0.75) !important;
    color: #fff !important;
    }
.btn-primary:hover,
.btn-primary:active{
    background-color: rgba(var(--x), 0.77) !important;
    border-color: rgba(var(--x), 0.95) !important;
    color: #fff !important;
    }
.btn-primary:focus,
.btn-primary:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.35) !important;
    }

/* SECONDARY */
.btn-secondary{
    --x: var(--c-gray);
    background-color: rgba(var(--x), 0.63) !important;
    border-color: rgba(var(--x), 0.60) !important;
    color: #fff !important;
    }
.btn-secondary:hover,
.btn-secondary:active{
    background-color: rgba(var(--x), 0.73) !important;
    border-color: rgba(var(--x), 0.85) !important;
    color: #fff !important;
    }
.btn-secondary:focus,
.btn-secondary:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.30) !important;
    }

/* SUCCESS */
.btn-success{
    --x: var(--c-green);
    background-color: rgba(var(--x), 0.65) !important;
    border-color: rgba(var(--x), 0.78) !important;
    color: #fff !important;
    }
.btn-success:hover,
.btn-success:active{
    background-color: rgba(var(--x), 0.75) !important;
    border-color: rgba(var(--x), 0.98) !important;
    color: #fff !important;
    }
.btn-success:focus,
.btn-success:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.34) !important;
    }

/* DANGER */
.btn-danger{
    --x: var(--c-red);
    background-color: rgba(var(--x), 0.65) !important;
    border-color: rgba(var(--x), 0.80) !important;
    color: #fff !important;
    }
.btn-danger:hover,
.btn-danger:active{
    background-color: rgba(var(--x), 0.75) !important;
    border-color: rgba(var(--x), 1.0) !important;
    color: #fff !important;
    }
.btn-danger:focus,
.btn-danger:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.34) !important;
    }

/* WARNING */
.btn-warning{
    --x: var(--c-yellow);
    background-color: rgba(var(--x), 0.71) !important;
    border-color: rgba(var(--x), 0.90) !important;
    color: #141414 !important;
    }
.btn-warning:hover,
.btn-warning:active{
    background-color: rgba(var(--x), 0.81) !important;
    border-color: rgba(var(--x), 1.0) !important;
    color: #141414 !important;
    }
.btn-warning:focus,
.btn-warning:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.35) !important;
    }

/* INFO (sky) */
.btn-info{
    --x: var(--c-sky);
    background-color: rgba(var(--x), 0.67) !important;
    border-color: rgba(var(--x), 0.82) !important;
    color: #fff !important;
    }
.btn-info:hover,
.btn-info:active{
    background-color: rgba(var(--x), 0.77) !important;
    border-color: rgba(var(--x), 1.0) !important;
    color: #fff !important;
    }
.btn-info:focus,
.btn-info:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.34) !important;
    }

/* OUTLINE variants (unchanged) */
.btn-outline-primary{ --x: var(--c-purple); }
.btn-outline-success{ --x: var(--c-green); }
.btn-outline-danger { --x: var(--c-red); }
.btn-outline-warning{ --x: var(--c-yellow); }
.btn-outline-info   { --x: var(--c-sky); }
.btn-outline-secondary{ --x: var(--c-gray); }

.btn-outline-primary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-secondary{
    background-color: rgba(var(--x), 0.08) !important;
    border-color: rgba(var(--x), 0.90) !important;
    color: rgba(var(--x), 1.0) !important;
    }

.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-info:hover,
.btn-outline-secondary:hover,
.btn-outline-primary:active,
.btn-outline-success:active,
.btn-outline-danger:active,
.btn-outline-warning:active,
.btn-outline-info:active,
.btn-outline-secondary:active{
    background-color: rgba(var(--x), 0.22) !important;
    border-color: rgba(var(--x), 1.0) !important;
    color: #fff !important;
    }

.btn-outline-warning:hover,
.btn-outline-warning:active{
    color: #141414 !important;
    }

.btn-outline-primary:focus,
.btn-outline-success:focus,
.btn-outline-danger:focus,
.btn-outline-warning:focus,
.btn-outline-info:focus,
.btn-outline-secondary:focus,
.btn-outline-primary:focus-visible,
.btn-outline-success:focus-visible,
.btn-outline-danger:focus-visible,
.btn-outline-warning:focus-visible,
.btn-outline-info:focus-visible,
.btn-outline-secondary:focus-visible{
    box-shadow: var(--btn-shadow-focus) rgba(var(--x), 0.30) !important;
    }

/* Link buttons */
.btn-link{
    font-weight: 600;
    text-decoration: none;
    }
.btn-link:hover{
    text-decoration: underline;
    }