/* assets/a3-metronic.css */
/* 1. ANGORA A3: rozszerzenie oryginalnego Metronic 8.3.3, bez zmian w style.bundle.css. */
:root {
    --bs-primary: var(--a3-accent, #1B84FF);
    --bs-primary-rgb: var(--a3-accent-rgb, 27,132,255);
    --bs-component-active-bg: var(--a3-accent, #1B84FF);
    --bs-component-hover-color: var(--a3-accent, #1B84FF);
    --bs-menu-link-color-hover: var(--a3-accent, #1B84FF);
    --bs-menu-link-color-show: var(--a3-accent, #1B84FF);
    --bs-menu-link-color-here: var(--a3-accent, #1B84FF);
    --bs-menu-link-color-active: var(--a3-accent, #1B84FF);
}
html[data-bs-theme="dark"] {
    --bs-primary: var(--a3-accent, #1B84FF);
    --bs-primary-rgb: var(--a3-accent-rgb, 27,132,255);
    --bs-component-active-bg: var(--a3-accent, #1B84FF);
    --bs-menu-link-color-active: var(--a3-accent, #1B84FF);
    --bs-menu-link-color-hover: var(--a3-accent, #1B84FF);
}
.a3-metronic {font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.a3-metronic .btn.btn-primary,.a3-metronic .a3-btn:not(.danger) {
    background-color: var(--a3-accent,#1B84FF);
    border-color: var(--a3-accent,#1B84FF);
    color:#fff;
}
.a3-metronic .btn.btn-primary:hover,.a3-metronic .a3-btn:not(.danger):hover{filter:brightness(.93)}
.a3-metronic .text-primary,.a3-metronic .link-primary{color:var(--a3-accent,#1B84FF)!important}
.a3-metronic .bg-primary{background-color:var(--a3-accent,#1B84FF)!important}
.a3-metronic .badge-light-primary{color:var(--a3-accent,#1B84FF)}
.a3-metronic .menu .menu-link.active .menu-title,.a3-metronic .menu .menu-link:hover .menu-title{color:var(--a3-accent,#1B84FF)}
.a3-metronic .app-sidebar .menu .menu-link.active .menu-title{color:#fff}

/* 2. Logo, toolbar i sidebar: natywny uklad Demo 1. */
.a3-sidebar-logo{text-decoration:none;white-space:nowrap;overflow:hidden}
.a3-sidebar-logo:hover{text-decoration:none}
.a3-wordmark{font-size:23px;font-weight:800;letter-spacing:.7px;color:#fff}
.a3-wordmark-sub{font-size:12px;font-weight:600;color:#94a8c7;letter-spacing:.6px}
.a3-mobile-brand{color:var(--bs-text-gray-900);text-decoration:none;font-weight:800;font-size:19px;white-space:nowrap}
.a3-mobile-brand span{color:var(--a3-accent,#1B84FF);font-weight:500;font-size:13px}
.a3-header-heading{white-space:nowrap}
.a3-sidebar-release{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}
.a3-metronic[data-kt-app-sidebar-minimize="on"] .a3-wordmark-sub{display:none}
.a3-metronic[data-kt-app-sidebar-minimize="on"] .a3-wordmark{font-size:14px;letter-spacing:-.4px}
.a3-metronic .app-sidebar .menu-item .menu-link .menu-title{font-size:13px}
.a3-metronic .app-sidebar .menu .menu-sub .menu-link{padding-left:1.75rem}
.a3-metronic .app-header{background:var(--bs-body-bg)}
.a3-metronic .app-footer{background:var(--bs-body-bg)}
.a3-metronic .app-content{padding-bottom:30px}
.a3-metronic .page-heading{font-size:20px}
.a3-metronic .app-container.container-fluid{max-width:none}
.a3-metronic .dropdown-menu{z-index:1090}
.a3-metronic .a3-card-narrow{max-width:700px}

/* 3. Dashboard: karty i akcje bez sztucznych statystyk. */
.a3-metronic .a3-hero-card{background:linear-gradient(125deg,var(--bs-body-bg) 0%,var(--bs-primary-light) 100%);border:1px solid var(--bs-gray-200)}
.a3-metronic .a3-kpi-card{border:1px solid var(--bs-gray-200)}
.a3-metronic .a3-accent-swatches span{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--swatch);border:2px solid var(--bs-body-bg);box-shadow:0 0 0 1px var(--bs-gray-300)}

/* 4. Pozostale istniejace widoki CORE: mapowanie klas A3 na wyglad Metronic. */
.a3-metronic .a3-page-title{margin:0 0 25px}
.a3-metronic .a3-page-title h1{font-size:21px;line-height:1.3;font-weight:700;color:var(--bs-text-gray-900);margin:0 0 6px}
.a3-metronic .a3-page-title p,.a3-metronic .a3-muted{font-size:13px;color:var(--bs-text-muted);margin-bottom:0}
.a3-metronic .a3-panel{background:var(--bs-body-bg);border:1px solid var(--bs-gray-200);border-radius:var(--bs-border-radius-lg);box-shadow:var(--bs-box-shadow-sm);padding:26px;margin-bottom:20px}
.a3-metronic .a3-panel h2{font-size:17px;font-weight:700;color:var(--bs-text-gray-900);margin:0 0 20px}
.a3-metronic .a3-panel p{line-height:1.65}
.a3-metronic .a3-danger{border-color:var(--bs-danger)!important}
.a3-metronic .a3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.a3-metronic .a3-card{background:var(--bs-body-bg);border:1px solid var(--bs-gray-200);border-radius:var(--bs-border-radius-lg);padding:25px;box-shadow:var(--bs-box-shadow-sm)}
.a3-metronic .a3-card strong{font-size:23px;color:var(--bs-text-gray-900);display:block;margin-top:12px}
.a3-metronic .a3-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.a3-metronic .a3-narrow{max-width:750px}
.a3-metronic .a3-form{display:grid;gap:17px;margin-top:14px}
.a3-metronic .a3-form label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--bs-text-gray-800)}
.a3-metronic .a3-form input,.a3-metronic .a3-form select,.a3-metronic .a3-form textarea,.a3-metronic .a3-inline-form select{
    width:100%;max-width:100%;border:1px solid var(--bs-gray-300);border-radius:8px;
    background:var(--bs-body-bg);color:var(--bs-body-color);font:inherit;padding:10px 12px;
}
.a3-metronic .a3-form input:focus,.a3-metronic .a3-form select:focus{outline:2px solid var(--a3-accent,#1B84FF);outline-offset:1px}
.a3-metronic .a3-form .a3-btn,.a3-metronic .a3-btn{border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:13px;font-weight:650}
.a3-metronic .a3-btn.small{padding:7px 12px;font-size:12px}
.a3-metronic .a3-btn.danger{background:#d7264e;color:white}
.a3-metronic .a3-link{border:0;background:transparent;color:var(--a3-accent,#1B84FF);cursor:pointer}
.a3-metronic .a3-grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.a3-metronic .a3-table{width:100%;border-collapse:collapse;font-size:13px}
.a3-metronic .a3-table th,.a3-metronic .a3-table td{padding:13px 12px;border-bottom:1px dashed var(--bs-gray-300);vertical-align:middle;text-align:left}
.a3-metronic .a3-table th{font-size:11px;text-transform:uppercase;letter-spacing:.45px;color:var(--bs-text-gray-500);font-weight:700;white-space:nowrap}
.a3-metronic .a3-table tbody tr:hover{background:var(--bs-gray-100)}
.a3-metronic .a3-scroll{width:100%;overflow-x:auto}
.a3-metronic .a3-inline-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.a3-metronic .a3-inline-form select{width:auto;min-width:115px}
.a3-metronic .a3-perm-details{min-width:200px;font-size:12px}
.a3-metronic .a3-perm-details summary{cursor:pointer;font-weight:600}
.a3-metronic .a3-perm-details label{display:block;white-space:nowrap;font-weight:400;padding:3px 0}
.a3-metronic .a3-perm-details input{accent-color:var(--a3-accent,#1B84FF)}
.a3-metronic .a3-code{display:block;padding:15px;border-radius:8px;background:var(--bs-gray-100);color:var(--bs-text-gray-900);font-size:16px;word-break:break-all}
.a3-metronic .a3-alert{padding:13px 15px;border-radius:8px;margin-bottom:16px;font-size:13px}
.a3-metronic .a3-alert.ok{background:var(--bs-success-light);color:var(--bs-success)}
.a3-metronic .a3-alert.bad{background:var(--bs-danger-light);color:var(--bs-danger)}
.a3-metronic .a3-footer{color:var(--bs-text-muted)}

/* 5. Metronic Creative Authentication, osobny layout bez zmian mechanizmu AUTH. */
.a3-metronic-auth .a3-auth-showcase{background-image:url('media/auth/bg4.jpg');background-color:#0b2357;background-size:cover;background-position:center}
.a3-metronic-auth .a3-auth-showcase-brand{font-size:26px;font-weight:800;letter-spacing:1.2px;color:#fff}
.a3-metronic-auth .a3-auth-showcase-brand span{font-size:14px;font-weight:500;letter-spacing:.5px;color:#e6eefa}
.a3-metronic-auth .a3-auth-showcase-visual{height:120px;width:120px;border-radius:30px;background:rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.2)}
.a3-metronic-auth .a3-auth-form-side{min-height:100vh}
.a3-metronic-auth .a3-auth-mobile-logo{font-size:25px;font-weight:800;color:var(--bs-text-gray-900)}
.a3-metronic-auth .a3-auth-mobile-logo span{color:var(--a3-accent,#1B84FF);font-size:14px;font-weight:500}

@media(max-width:1199px){.a3-metronic .a3-columns{grid-template-columns:1fr}.a3-metronic .a3-cards{grid-template-columns:1fr}}
@media(max-width:767px){.a3-metronic .a3-grid-form{grid-template-columns:1fr}.a3-metronic .a3-panel{padding:18px}.a3-metronic .a3-cards{grid-template-columns:1fr}.a3-metronic .a3-page-title h1{font-size:20px}.a3-metronic .app-toolbar{padding-top:14px!important}}