.trustarc-settings-container { background: #f9f9f9; padding: 20px; border-radius: 10px; max-width: 100%; max-height: 100%; }
.trustarc-settings-container h1 { color: #0066CC; }
.trustarc-settings-container table { width: 100%; }
.trustarc-settings-container th { text-align: left; padding: 15px 0; color: #333; width: 300px; }
.trustarc-settings-container td { padding: 10px 0; }
.trustarc-settings-container input[type="text"], .trustarc-settings-container input[type="number"] { width: 100%; border: 1px solid #ccc; border-radius: 5px; }
.trustarc-settings-container .toggle-switch { position: relative; display: inline-block; width: 34px; height: 20px; }
.trustarc-settings-container .toggle-switch input { opacity: 0; width: 0; height: 0; }
.trustarc-settings-container .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 20px; }
.trustarc-settings-container .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
.trustarc-settings-container input:checked + .slider { background-color: #3B82F6; }
.trustarc-settings-container input:checked + .slider:before { transform: translateX(14px); }
.trustarc-settings-container .submit-btn { background: #3B82F6; color: white; padding: 10px 20px 10px; border: none; border-radius: 5px; cursor: pointer; }
.trustarc-settings-container .submit-btn:hover { background: #2563eb; }
.consent-fields-container .consent-field-row { display: flex; align-items: center; margin-bottom: 10px; width: 15%;}
.consent-fields-container .consent-field-row label {width: 200px; margin-right: 10px; text-align: left; }
.consent-fields-container .consent-field-row input[type="number"] {width: 80px; margin-left: auto; padding: 5px; border: 1px solid #ccc; border-radius: 4px; text-align: right; }
.wp-mapping-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.wp-mapping-table th, .wp-mapping-table td { padding: 8px; border: 1px solid #ccc; text-align: left; }
.wp-mapping-table th { background-color: #f0f0f0; }
.wp-mapping-table input[type="text"], .wp-mapping-table input[type="number"] { width: 100%; box-sizing: border-box; }
.wp-mapping-table input[type="number"] { text-align: right; }
.wp-mapping-row .button { margin-top: 5px; }
.tooltip { position: relative; display: inline-block; cursor: pointer; }
.tooltip .tooltiptext { visibility: hidden; width: 350px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; font-size: 14px; font-weight: normal !important; }