/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}
.static{position:static}
.inline{display:inline}
.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}

@layer components{
.aa-panel{
    z-index:999999;
    background:0 0;
    border-radius:8px 0 0 8px;
    width:70px;
    padding:5px;
    font-family:Arial,sans-serif;
    position:fixed
}
.aa-wrap button:hover{background:0 0!important}
.aa-wrap div#aa-panel-main{
    z-index:999999;
    border-radius:8px;
    width:310px;
    font-family:Arial,sans-serif;
    position:fixed;
    box-shadow:0 2px 8px #0000001a;
    background:#fff!important
}
.aa-toggle{
    color:#fff;
    cursor:pointer;
    background:0 0;
    border:none;
    border-radius:4px;
    padding:0
}
body .aa-wrap div#aa-panel,
div#aa-panel-main div#aa-controls,
body .aa-wrap{
    background:0 0!important
}
.aa-header-lt{float:left;display:inline-block}
.aa-header-lt h3{
    margin:0;
    padding:8px 10px;
    font-size:18px!important;
    line-height:1.4em!important
}
.aa-header-rt{float:right;display:inline-block}
.aa-header-rt button{
    margin:0;
    padding:0 10px;
    line-height:normal!important
}
#aa-panel-main{display:none}
div#aa-panel-main .aa-header{
    color:#fff;
    float:left;
    border-radius:8px 8px 0 0;
    justify-content:space-between;
    align-items:center;
    width:100%;
    padding:8px 5px 5px;
    display:flex;
    background:var(--aa-primary-color)!important
}
div#aa-controls.filters button#aa-toggle{display:none}
.aa-controls label{margin-bottom:8px;font-size:14px}
#aa-panel-main div#aa-controls .aa-btn{
    cursor:pointer;
    border:1px solid var(--aa-primary-color);
    width:48%;
    color:var(--aa-primary-color);
    background:#f1f1f1;
    border-radius:4px;
    margin:2px;
    padding:14px 10px;
    transition:background .3s;
    letter-spacing:.3px!important;
    font-size:13px!important;
    font-weight:400!important
}
#aa-panel-main i{
    padding-bottom:4px;
    font-size:21px;
    display:block
}
.aa-btn.active{
    color:#fff;
    background:#0073aa
}
.aa-wrap #aa-panel-main h3{
    color:#fff!important;
    background:0 0!important;
    font-size:16px!important
}
.aa-darkmode,
div.aa-darkmode,
.aa-darkmode a,
.aa-darkmode p,
.aa-darkmode h1,
.aa-darkmode h2,
.aa-darkmode h3,
.aa-darkmode h4,
.aa-darkmode h5,
.aa-darkmode h6,
.aa-darkmode span{
    color:#fff!important;
    fill:#fff!important;
    background-color:#181818!important
}
.aa-lightmode,
.aa-lightmode a,
.aa-lightmode p,
.aa-lightmode h1,
.aa-lightmode h2,
.aa-lightmode h3,
.aa-lightmode h4,
.aa-lightmode h5,
.aa-lightmode h6,
.aa-lightmode span{
    color:#000!important;
    fill:#000!important;
    background-color:#fff!important
}
.aa-highlight-link{
    outline-offset:2px!important;
    outline:2px solid #ffff26!important
}
div#aa-controls button#aa-toggle{background:0 0}
div#aa-controls button#aa-toggle:hover{transform:scale(1.05)}
div#aa-controls{
    float:left;
    width:100%;
    padding:10px;
    display:table
}
.aa-highlight-title{
    outline-offset:2px!important;
    outline:2px solid #0ff!important
}
.aa-clear{
    background:0 0!important;
    font-size:18px!important
}
button#aa-close{
    background:0 0;
    font-size:22px!important
}
button#aa-toggle img{
    background:var(--aa-primary-color);
    border-radius:50%;
    width:100%;
    transition:transform .2s;
    transform:scale(1.05)
}
button#aa-toggle:hover img{
    transition:all .3s ease-in-out;
    transform:scale(.97)
}
div#aa-controls label{
    float:left;
    text-align:center;
    border:1px solid var(--aa-primary-color);
    width:48%;
    color:var(--aa-primary-color);
    border-radius:5px;
    margin:2px;
    padding:5% 3%;
    font-weight:400!important
}
input[type=range]{
    background-color:#c4c4c4;
    background-image:linear-gradient(var(--aa-primary-color),var(--aa-primary-color));
    cursor:pointer;
    -webkit-appearance:none;
    background-repeat:no-repeat;
    background-size:50% 100%;
    border-radius:10px;
    outline:none;
    width:100%;
    height:4px;
    min-height:4px;
    max-height:4px;
    margin:auto;
    padding:0
}
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-moz-range-track{
    background:0 0;
    border:none;
    box-shadow:none
}
input[type=range]::-webkit-slider-thumb,
input[type=range]::-moz-range-thumb{
    -webkit-appearance:none;
    cursor:pointer;
    background:#fff;
    border:0;
    border-radius:100%;
    width:16px;
    height:16px;
    box-shadow:0 1px 2px #000
}
}

/* =========================================================
   FIX: ICON TOO LARGE + PANEL CLICK ISSUE
   (SAFE OVERRIDE – NO CORE CSS MODIFIED)
   ========================================================= */

button#aa-toggle img{
    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    transform:none !important;
    margin:auto;
    display:block;
}

#aa-panel{
    display:flex;
    align-items:center;
    justify-content:center;
}

#aa-panel,
#aa-panel-main,
.aa-wrap{
    z-index:999999 !important;
    pointer-events:auto !important;
}


/* FIX ICON SIZE */
button#aa-toggle img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    transform: none !important;
}
