.form-dropdown-reject {position: relative;width: 100%;margin: 10px 0;}  #reject-reason-dropdown {width: 100%;padding: 0 10px;font-size: 14px;border: 1px solid #ccc;border-radius: 4px;background-color: #fff;cursor: pointer;}
#reject-reason-dropdown:hover {border-color: #888;}
#reject-reason-dropdown:focus {border-color: #007bff;outline: none;}
.information-order .info-order {font-family: Arial, sans-serif;max-width: 100%;padding: 15px;box-sizing: border-box;}
.information-order .info-company p {margin: 5px 0;}  .info-order-detail {width: 100%;border-collapse: collapse;margin-bottom: 20px;}
.information-order .info-order-detail th, .info-order-detail td {border: 1px solid black;padding: 8px;text-align: left;}
.information-order .info-order-detail th {font-weight: bold;background-color: #f9f9f9;}
/* CSS VIP-CREDIT */
.info-box-for-personal, .info-box-for-personal-mobile, .info-box-for-personal-credit, .info-box-for-personal-credit-mobile {display: flex; position: relative; background-color: #f0f7ff;border: 1px solid #cfe2ff;border-radius: 8px;padding: 12px; margin-bottom: 10px;align-items: flex-start;gap: 12px;font-family: sans-serif;}
/* CSS cho radio button con (personal options) */
.personal-invoice-options, .personal-invoice-options-credit, .personal-invoice-options-mobile, .personal-invoice-options-credit-mobile {margin-left: 15px;margin-top: 5px;}
.invoice-option label {display: flex;align-items: center;gap: 8px;cursor: pointer;color: #666;}
.personal-invoice-options .invoice-option input[type="radio"], .personal-invoice-options-mobile .invoice-option input[type="radio"], .personal-invoice-options-credit-mobile .invoice-option input[type="radio"] {accent-color: #28a745;}

/* CSS cho button xóa tin nhắn */
#deleteMessageModal {top: 20%;z-index: 1050; /* mặc định Bootstrap dùng 1050 cho modal */}
.workshop_bid .delete-message-btn{border: none;background: initial;padding: 0px;margin-top: -3px;margin-left: 4px;line-height: 0;}
/* CSS cho modal xác nhận xóa */
#deleteMessageModal .modal-header {border: none;display: flex;justify-content: space-between;background: #F4F4F4;padding: 16px 24px;border-radius: inherit;}
#deleteMessageModal .modal-header .close {padding: 0;cursor: pointer;background: transparent;border: 0;font-weight: 400;opacity: 1;font-size: 28px;}
#deleteMessageModal .modal-header .close:hover {opacity: 0.8;}
#deleteMessageModal .modal-body, #close-bank-transfer-credit .modal-body, #close-bank-transfer .modal-body{padding: 20px;min-height: 200px;text-align: center;display: flex;flex-direction: column;gap: 24px;border-radius: 4px;}
#deleteMessageModal .warning-container, #close-bank-transfer .warning-container{display: grid;gap: 12px;}
#deleteMessageModal .warning-header, #close-bank-transfer-credit .warning-header, #close-bank-transfer .warning-header{display: flex;justify-content: center;align-items: center;}
#deleteMessageModal .warning-header img, #close-bank-transfer-credit .warning-header img, #close-bank-transfer .warning-header img{margin: 0 5px;width: 20px;height: 20px;}
#deleteMessageModal .warning-header h2, #close-bank-transfer-credit .warning-header h2, #close-bank-transfer .warning-header h2 {font-size: 18px;font-weight: bold;margin: 0;color: #333;}
#deleteMessageModal .warning-text {font-size: 14px;color: #141B1F;font-weight: 400;margin: 0;}

/* CCS cho  popup thông báo liên hệ tạo chiến dịch*/
.popup-guider-container {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;z-index: 99;background: rgba(0, 0, 0, 0.3);}
.popup-guider-container .guider-review-block {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border-radius: 20px;padding: 40px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);max-width: 500px;width: 100%;border: 1px solid rgba(255, 255, 255, 0.2);}
.popup-guider-container .guider-review-title h3 {color: #2c3e50;font-size: 28px;font-weight: 700;text-align: center;margin-bottom: 30px;background: linear-gradient(135deg, #667eea, #764ba2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}
.popup-guider-container .content.step-review p {color: #555;font-size: 16px;line-height: 1.6;margin-bottom: 30px;text-align: center;}
.popup-guider-container .phone-form {display: flex;flex-direction: column;gap: 20px;}
.popup-guider-container .form-group {position: relative;}
.popup-guider-container .form-group input {width: 80%;padding: 15px 20px;border: 2px solid #e0e6ed;border-radius: 12px;font-size: 16px;transition: all 0.3s ease;background: rgba(255, 255, 255, 0.8);color: #2c3e50;}
.popup-guider-container .submit-btn {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;border: none;padding: 16px 32px;border-radius: 12px;font-size: 16px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 1px;position: relative;overflow: hidden;}
.popup-guider-container .submit-btn:disabled {opacity: 0.7;cursor: not-allowed;transform: none;box-shadow: none;}
.popup-guider-container .phone-icon {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: #95a5a6;font-size: 18px;transition: color 0.3s ease;}
.popup-guider-container .form-group input:focus + .phone-icon, .popup-guider-container .form-group input:valid + .phone-icon {color: #667eea;}
.popup-guider-container .success-message {background: linear-gradient(135deg, #00c851 0%, #00a840 100%);color: white;padding: 8px;border-radius: 12px;text-align: center;display: none;font-weight: 500;}

/* CSS xác thực thông tin */
.verify-account .address-notice {background: #fff3cd;border: 1px solid #ffeaa7;border-left: 4px solid #f39c12;border-radius: 4px;padding: 5px 6px;font-size: 13px;max-width: 300px;}
.verify-account .notice-header {display: flex;justify-content: space-between;align-items: center;}
.verify-account .notice-title {font-weight: 600;color: #856404;flex: 1;}
.verify-account .toggle-link {color: #007bff;text-decoration: none;font-size: 12px;cursor: pointer;margin-left: 16px;}
.verify-account .toggle-link:hover {text-decoration: underline;}
.verify-account .main-text ul {color: #856404;line-height: 1.4; margin: 0 0 0 25px;}

/* CSS popup xác thực thông tin */
#popup-submit-verify-id .modal-header, #popup-submit-requested .modal-header, #popup-confirm-verify-id .modal-header{padding: 20px 24px 16px;}
#popup-submit-verify-id .modal-body, #popup-submit-requested .modal-body, #popup-confirm-verify-id .modal-body{padding: 20px 24px;}
#popup-submit-verify-id .main-message, #popup-submit-requested .main-message, #popup-confirm-verify-id .main-message{font-size: 14px;line-height: 1.5;color: #333;margin-bottom: 10px;}
#popup-submit-verify-id .warning-box, #popup-submit-requested .warning-box, #popup-confirm-verify-id .warning-box{background: #fff3cd;border: 1px solid #ffeaa7;border-left: 4px solid #f39c12;border-radius: 6px;padding: 16px;margin-bottom: 10px;}
#popup-submit-verify-id .warning-title, #popup-submit-requested .warning-title, #popup-confirm-verify-id .warning-title{font-weight: 600;color: #856404;margin-bottom: 8px;display: flex;align-items: center;}
#popup-submit-verify-id .warning-content, #popup-submit-requested .warning-content, #popup-confirm-verify-id .warning-content{font-size: 13px;color: #856404;line-height: 1.4;}
#popup-submit-verify-id .success, #popup-submit-requested .success, #popup-confirm-verify-id .success{color: #28a745;}
#popup-submit-verify-id .error, #popup-submit-requested .error, #popup-confirm-verify-id .error{color: #dc3545;}

/* Selected files list - horizontal layout */
#send-message .fileupload_wrapper #selected-files {display: flex;flex-wrap: wrap;gap: 8px;}
#send-message .fileupload_wrapper .file-item {display: flex;flex-direction: column;align-items: center;padding: 8px 6px;background: #f8f9fa;border-radius: 4px;border: 1px solid #e9ecef;flex: 1;min-width: 20px;max-width: 50px;}
#send-message .fileupload_wrapper .file-info {text-align: center;margin-bottom: 6px;width: 100%;}
#send-message .fileupload_wrapper .file-name {font-size: 12px;color: #333;font-weight: 500;word-break: break-all;line-height: 1.2;max-height: 2.4em; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#send-message .fileupload_wrapper .remove-btn {background: #dc3545;color: white;border: none;border-radius: 3px;padding: 4px 8px;font-size: 11px;cursor: pointer;width: 100%;max-width: 50px;}
#send-message .fileupload_wrapper .remove-btn:hover {background: #c82333;}

/* Trang chính sách bảo mật */
.policy-section.container {max-width: 900px;margin: 0 auto;background: white;padding: 40px 50px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.policy-section.container h1 {text-align: center;color: #2e7d32;font-size: 24px;font-weight: 700;margin-bottom: 30px;text-transform: uppercase;border-bottom: 3px solid #2e7d32;padding-bottom: 15px;}
.policy-section.container .meta-info {background: #f9f9f9;padding: 15px 20px;border-left: 4px solid #2e7d32;margin-bottom: 30px;font-size: 14px;color: #666;}
.policy-section.container h2 {color: #2e7d32;font-size: 18px;font-weight: 600;margin: 30px 0 15px 0;padding-left: 0;}
.policy-section.container h2::before {content: '';display: inline-block;width: 4px;height: 20px;background: #2e7d32;margin-right: 10px;vertical-align: middle;}
.policy-section.container p {margin-bottom: 15px;text-align: justify;color: #444;}
.policy-section.container ul, .policy-section.container ol {margin: 15px 0 15px 25px;}
.policy-section.container li {margin-bottom: 10px;color: #444;}
.policy-section.container ul li {list-style-type: disc;}
.policy-section.container ol li {list-style-type: decimal;}
.policy-section.container strong {color: #2e7d32;font-weight: 600;}
.policy-section.container a {color: #2e7d32;text-decoration: none;font-weight: 500;}
.policy-section.container a:hover {text-decoration: underline;}
.policy-section.container .section {margin-bottom: 30px;}
.policy-section.container .highlight-box {background: #e8f5e9;border-left: 4px solid #4caf50;padding: 15px 20px;margin: 20px 0;border-radius: 4px;}
.policy-section.container .contact-info {background: #f5f5f5;padding: 20px;border-radius: 8px;margin-top: 30px;}
.policy-section.container .contact-info h3 {color: #2e7d32;font-size: 16px;margin-bottom: 15px;font-weight: 600;}
.policy-section.container .contact-info p {margin-bottom: 8px;font-size: 14px;}
.policy-section.container .company-info {margin-top: 10px;padding-top: 15px;border-top: 1px solid #ddd;}
.policy-section.container .numbered-section {counter-reset: section;}
.policy-section.container .numbered-section h2 {counter-increment: section;}
.policy-section.container .numbered-section h2::before {content: counter(section) ". ";font-weight: 700;color: #2e7d32;background: none;width: auto;height: auto;margin-right: 5px;}