/* 1. ANA DÜYMƏ KONTEYNERİ */
.fullscreen-speedbutton {
    /* Ekranda sabit mövqe */
    position: fixed !important; 
    top: 12px !important;    /* Yuxarıdan məsafə */
    right: 15px !important;  /* Sağdan məsafə */
    left: auto !important;   /* UniGUI-nin verdiyi avtomatik koordinatı ləğv edir */
    
    /* Qat və Ölçü */
    z-index: 999999 !important; 
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    
    /* Vizual Stil */
    background-color: #ffffff !important;
    border: 1.5px solid #5ba2dc !important; 
    border-radius: 4px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* 2. DAXİLİ ELEMENTLƏRİN SIFIRLANMASI (UniGUI/ExtJS məhdudiyyətləri üçün) */
.fullscreen-speedbutton .x-btn-wrap, 
.fullscreen-speedbutton .x-btn-button,
.fullscreen-speedbutton .x-btn-inner {
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. FULLSCREEN İKONU (SVG) */
.fullscreen-speedbutton::after {
    content: "";
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 14px !important;
    height: 14px !important;
    /* Fullscreen künc oxları */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%235ba2dc" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    display: block !important;
    transition: all 0.2s ease;
}

/* 4. HOVER (Üstünə gələndə) */
.fullscreen-speedbutton:hover {
    background-color: #5ba2dc !important;
    border-color: #5ba2dc !important;
}

.fullscreen-speedbutton:hover::after {
    /* İkonu ağ rəngə çevirir */
    filter: brightness(0) invert(1);
}

/* 5. KLİKLƏYƏNDƏ REAKSİYA */
.fullscreen-speedbutton:active::after {
    transform: translate(-50%, -50%) scale(0.85) !important;
}

/* 6. ARTIQ ELEMENTLƏRİN GİZLƏDİLMƏSİ */
.fullscreen-speedbutton img, 
.fullscreen-speedbutton .x-btn-icon-el {
    display: none !important;
}

/* 7. DEAKTİV HALDA */
.fullscreen-speedbutton.x-btn-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
}