.document-search-container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.document-search-container .document-search-form{background-color:#f5f5f5;border-radius:5px;margin-bottom:20px;padding:20px}.document-search-container .document-search-form .form-row{margin-bottom:15px}.document-search-container .document-search-form .form-row label{display:block;font-weight:700;margin-bottom:5px}.document-search-container .document-search-form .form-row input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.document-search-container .document-search-form .search-button{background-color:#0073aa;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.document-search-container .document-search-form .search-button:hover{background-color:#005177}.document-search-container .search-results{margin-top:20px}.document-search-container .search-results .result-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer;margin-bottom:10px;padding:15px;transition:background-color .2s}.document-search-container .search-results .result-item:hover{background-color:#f5f5f5}.document-search-container .search-results .result-item h4{color:#0073aa;margin-top:0}.document-search-container .search-results .result-item p{margin:5px 0}.document-search-container .search-results .result-item .result-meta{color:#666;font-size:.9em;margin-top:10px}.document-search-container .search-results .no-results{background-color:#f8f9fa;border-radius:5px;color:#6c757d;padding:15px;text-align:center}.document-search-container .search-message{border-radius:4px;margin-top:10px;padding:10px}.document-search-container .search-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.document-search-container .search-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.document-search-container .search-message.warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.document-search-container .search-spinner{margin:20px 0;text-align:center}.document-search-container .search-spinner .spinner{animation:spin 2s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#0073aa;height:30px;margin:0 auto;width:30px}.document-search-container .form-disabled{opacity:.6;pointer-events:none}.document-search-container .form-disabled button,.document-search-container .form-disabled input{background-color:#f0f0f0!important;cursor:not-allowed!important}.document-search-container .form-description{color:#666;font-size:.9em;font-style:italic;margin-top:5px}.ui-dialog{border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:0}.ui-dialog .ui-dialog-titlebar{background-color:#0073aa;border:none;border-radius:5px 5px 0 0;color:#fff;padding:15px}.ui-dialog .ui-dialog-titlebar .ui-dialog-title{font-size:18px;font-weight:400}.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{background:none;border:none;color:#fff;right:10px}.ui-dialog .ui-dialog-content{padding:20px}#document-details{margin-bottom:20px}#document-details h4{border-bottom:1px solid #eee;color:#0073aa;margin-top:0;padding-bottom:10px}#document-details .detail-item{margin-bottom:10px}#document-details .detail-item strong{display:inline-block;width:120px}.modal-buttons{display:flex;justify-content:space-between;margin-top:20px}.modal-buttons .download-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;flex:1;font-size:15px;margin-right:10px;padding:10px 15px;text-align:center;text-decoration:none}.modal-buttons .download-button:hover{background-color:#45a049}.modal-buttons .cancel-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1;font-size:15px;padding:10px 15px}@media(max-width:768px){.document-search-container{padding:10px}.document-search-container .form-row input[type=text]{font-size:14px;padding:8px}.document-search-container .search-button{font-size:14px;padding:8px 15px}.ui-dialog{max-width:500px;width:90%!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}