/* Style riêng cho module Hóa đơn điện tử */

.invoice-readonly-field { 
    background-color: #f8fafc; 
    color: #475569; 
    cursor: not-allowed; 
    border: 1px solid #e2e8f0; 
    font-weight: 600; 
}

.preview-iframe { 
    width: 100%; 
    height: 100%; 
    background: white; 
    border: none; 
    border-radius: 16px; 
}

.invoice-loader { 
    border: 3px solid rgba(255,255,255,0.3); 
    border-top: 3px solid #fff; 
    border-radius: 50%; 
    width: 20px; 
    height: 20px; 
    animation: spin 1s linear infinite; 
}

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}

input.mobile-input, textarea.mobile-input { 
    font-size: 16px !important; 
    padding: 12px 14px; 
    border-radius: 10px; 
    width: 100%; 
    box-sizing: border-box; 
    transition: all 0.2s; 
}

input.mobile-input:focus { 
    outline: none; 
    border-color: #0091ff; 
    box-shadow: 0 0 0 3px rgba(0, 145, 255, 0.1); 
}

.preview-container {
    position: relative;
    background: #1e293b;
    border-radius: 24px;
    padding: 12px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    height: 100%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    border: 4px solid #334155;
}

/* Custom Scrollbar cho vùng này */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }