/* R19.7C — Upload File panel polish */

#upload-file.vault-form-panel {
    margin-top: 18px !important;
    border: 1px solid rgba(101, 208, 167, .24) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(145deg, rgba(10, 47, 50, .60), rgba(5, 19, 34, .96)) !important;
    overflow: hidden;
}

#upload-file .panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid rgba(96, 214, 168, .16) !important;
    background: linear-gradient(90deg, rgba(32, 150, 111, .18), rgba(6, 23, 37, .08));
}

#upload-file .panel-head .eyebrow {
    margin: 0 0 4px !important;
    color: #7be7bb !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .11em;
}

#upload-file .panel-head h3 {
    margin: 0 !important;
    color: #f2fff9 !important;
    font-size: 19px !important;
}

#upload-file .vault-form {
    padding: 20px !important;
}

#upload-file .vault-form > label,
#upload-file .vault-form .form-grid {
    margin-bottom: 14px !important;
}

#upload-file .vault-form label {
    display: grid !important;
    gap: 6px !important;
    color: #bed7d1 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

#upload-file .vault-form input,
#upload-file .vault-form select,
#upload-file .vault-form textarea {
    border-color: rgba(108, 197, 167, .22) !important;
    background: rgba(3, 17, 29, .72) !important;
}

#upload-file .vault-form input:focus,
#upload-file .vault-form select:focus,
#upload-file .vault-form textarea:focus {
    border-color: rgba(100, 231, 174, .72) !important;
    box-shadow: 0 0 0 3px rgba(73, 205, 151, .10) !important;
}

#upload-file .vault-form input[type="file"] {
    min-height: 42px !important;
    padding: 8px !important;
    cursor: pointer;
}

#upload-file .vault-form textarea {
    min-height: 92px !important;
    resize: vertical;
}

#upload-file .form-grid.two {
    gap: 13px !important;
}

#upload-file .form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 18px !important;
    padding-top: 16px;
    border-top: 1px solid rgba(101, 208, 167, .14);
}

#upload-file .primary-button {
    min-width: 160px;
    min-height: 42px !important;
    border: 1px solid rgba(117, 239, 190, .48) !important;
    background: linear-gradient(135deg, #1b9d70, #126d54) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

#upload-file .primary-button:hover {
    background: linear-gradient(135deg, #2ab784, #17785d) !important;
}

@media (max-width: 720px) {
    #upload-file .panel-head {
        padding: 16px !important;
    }

    #upload-file .vault-form {
        padding: 14px !important;
    }

    #upload-file .form-grid.two {
        grid-template-columns: 1fr !important;
    }

    #upload-file .primary-button {
        width: 100%;
    }
}