/* New-claim.css */
.claim-development-container {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
}
.condition {
border: 1px solid #333333;
border-radius: 4px;
padding: 1rem;
margin-bottom: 1rem;
background-color: #1A1A1A;
color: #FFFFFF;
}
.condition-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.remove-condition {
background-color: #ff4d4d;
color: white;
border: none;
padding: 0.5rem;
cursor: pointer;
border-radius: 4px;
}
.step {
border: 1px solid #444444;
border-radius: 4px;
margin-bottom: 1rem;
padding: 1rem;
background-color: #222222;
}
.step-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.toggle-details {
background: none;
border: none;
cursor: pointer;
font-size: 1.2rem;
color: #FFFFFF;
}
.hidden {
display: none;
}
.status-not-done {
color: #ff4d4d;
}
.status-done {
color: #28a745;
}
label {
display: block;
margin-top: 0.5rem;
color: #FFFFFF;
}
input, textarea {
width: 100%;
max-width: 400px;
margin-top: 0.25rem;
padding: 0.5rem;
border: 1px solid #333333;
border-radius: 4px;
background-color: #1A1A1A;
color: #FFFFFF;
}
.mark-done, #submit-claim {
margin-top: 1rem;
padding: 0.5rem 1rem;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.mark-done:disabled, #submit-claim:disabled {
background-color: #cccccc;
cursor: not-allowed;
}
#add-condition {
margin: 1rem 0;
padding: 0.5rem 1rem;
background-color: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
/* Evidence Options Styling */
.evidence-options {
margin-top: 1rem;
}
.upload-button, .telehealth-button {
display: inline-block;
padding: 0.5rem 1rem;
margin: 0.5rem;
text-decoration: none;
border-radius: 4px;
color: white;
}
.upload-button {
background-color: #0056b3; /* Darkened blue for better contrast */
}
.telehealth-button {
background-color: #28a745;
font-weight: bold;
font-size: 1.1rem;
}
/* AI Suggestions Styling */
#ai-suggestions {
border: 1px solid #333333;
border-radius: 4px;
padding: 1rem;
margin-bottom: 2rem;
background-color: #1A1A1A;
color: #FFFFFF;
}
#ai-suggestions h2 {
display: flex;
align-items: center;
justify-content: space-between;
color: #FFFFFF;
}
.toggle-suggestions {
background-color: #222222; /* Added background for better contrast */
border: none;
cursor: pointer;
font-size: 1.2rem;
color: #FFFFFF;
display: flex;
align-items: center;
padding: 0.75rem;
width: 100%;
text-align: left;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
border-bottom: 2px solid #444444;
}
.toggle-suggestions:hover {
background-color: #333333; /* Darker hover */
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
.toggle-icon {
font-size: 1.4rem;
margin-right: 0.75rem;
}
.suggestion {
border: 1px solid #444444;
border-radius: 4px;
padding: 1.5rem;
margin: 1.5rem 0;
background-color: #222222;
color: #FFFFFF;
}
.add-suggestion {
padding: 0.5rem 1rem;
background-color: #28a745;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.ai-suggestions {
margin: 20px 0;
}
#suggestions-list {
margin-top: 10px;
border: 1px solid #333333;
padding: 10px;
background-color: #1A1A1A;
color: #FFFFFF;
border-radius: 4px;
}
.rated-suggestions, .unrated-suggestions {
margin-bottom: 1rem;
}
.toggle-unrated {
background-color: #222222; /* Added background for better contrast */
border: none;
cursor: pointer;
font-size: 1.2rem;
color: #FFFFFF;
display: flex;
align-items: center;
padding: 0.75rem;
width: 100%;
text-align: left;
transition: background-color 0.3s ease, box-shadow 0.3s ease;
border-bottom: 2px solid #444444;
}
.toggle-unrated:hover {
background-color: #333333;
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
.unrated-list {
margin-top: 0.5rem;
}
.suggestion h3 {
color: #FFFFFF;
margin-bottom: 5px;
font-size: 1.2rem;
}
.suggestion h4 {
color: #DDDDDD;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
font-size: 1.1rem;
}
.suggestion p {
color: #DDDDDD;
margin-bottom: 10px;
line-height: 1.5;
}
.suggestion ul {
list-style-type: disc;
margin-left: 20px;
color: #DDDDDD;
line-height: 1.5;
}
/* High contrast adjustments for bad eyesight */
body {
font-size: 1.1rem;
line-height: 1.6;
}
button, a {
font-size: 1.1rem;
}

/* Add space between categories */
.suggestion-section {
margin-bottom: 2rem; }