/* Azure Portal Overlay Styles */

.azure-portal-overlay {

    

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    background: rgba(0, 0, 0, 0.6) !important;

    backdrop-filter: blur(15px) !important;

    -webkit-backdrop-filter: blur(15px) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    z-index: 9999 !important;

    padding: 20px !important;

    animation: fadeIn 0.3s ease-out;

}



.azure-portal-message {

    background: rgba(30, 41, 59, 0.7) !important;

    border: 1px solid rgba(255, 255, 255, 0.1) !important;

    border-radius: 12px !important;

    padding: 30px !important;

    max-width: 500px !important;

    width: 90% !important;

    text-align: center !important;

    animation: scaleIn 0.3s ease-out !important;

    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;

    backdrop-filter: blur(10px) !important;

    -webkit-backdrop-filter: blur(10px) !important;

}



.azure-portal-message .azure-icon {

    font-size: 3rem;

    color: #0078d4;

    margin-bottom: 20px;

}



.azure-portal-message h3 {

    color: var(--text-color);

    margin-bottom: 15px;

    font-size: 1.4rem;

}



.azure-portal-message p {

    color: var(--text-muted);

    margin-bottom: 25px;

    line-height: 1.6;

}



.azure-portal-buttons {

    display: flex;

    flex-direction: column;

    gap: 10px;

    margin-bottom: 20px;

}



.azure-portal-btn {

    background: #0078d4;

    color: white;

    border: none;

    padding: 12px 24px;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    cursor: pointer;

    transition: all 0.3s ease;

    font-size: 1rem;

    width: 100%;

}



.azure-docs-btn {

    background: rgba(0, 120, 212, 0.1);

    color: #0078d4;

    border: 1px solid #0078d4;

    padding: 12px 24px;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    cursor: pointer;

    transition: all 0.3s ease;

    font-size: 1rem;

    width: 100%;

}



.azure-portal-btn:hover,

.azure-docs-btn:hover {

    transform: translateY(-2px);

}



.azure-portal-btn:hover {

    background: #006cbe;

}



.azure-docs-btn:hover {

    background: rgba(0, 120, 212, 0.2);

}



.azure-portal-note {

    margin-top: 20px;

    color: var(--text-muted);

    font-size: 0.9rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

}



.azure-portal-note i {

    color: #0078d4;

}



@keyframes scaleIn {

    from {

        transform: scale(0.95);

        opacity: 0;

    }

    to {

        transform: scale(1);

        opacity: 1;

    }

}



/* Add these important declarations to force visibility */

#command-prompt {

    position: relative !important;

    min-height: 400px !important;

}



.command-prompt-container {

    position: relative !important;

    min-height: 600px !important;

    background: var(--card-color) !important;

    border-radius: 10px !important;

    margin: 20px !important;

    border: 1px solid var(--border-color) !important;

    display: block !important;

    opacity: 1 !important;

    visibility: visible !important;

    z-index: 1 !important;

    margin-bottom: 100px;

}



#command-prompt .microsoft-footer {

    margin-top: 40px !important;

    position: relative !important;

    bottom: 0 !important;

    width: 100% !important;

    z-index: 1 !important;

}