.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-logo{margin-bottom:40px;width:250px}h2{color:var(--text-color);margin-bottom:20px}.login-buttons{display:flex;flex-direction:column;gap:15px;width:300px}.login-buttons .btn{font-size:16px;padding:12px;width:100%}.btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .2s ease-in-out}.btn-primary,.btn-primary:hover{background-color:#e85d75}.filter-bar{background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;gap:20px;padding:20px 40px}.filter-group{align-items:center;display:flex}.filter-group input,.filter-group select{border:1px solid var(--border-color);border-radius:4px 0 0 4px;min-width:200px;padding:8px}.filter-group button{border-radius:0 4px 4px 0}.table-container{margin-top:20px;padding:0 40px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}thead tr{background-color:var(--primary-color);color:var(--header-text-color)}tbody tr:nth-of-type(2n){background-color:#f9eaea}.action-link{border:none;color:#007bff;text-decoration:none}.action-link:hover{text-decoration:underline}.status-pill{border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;text-shadow:1px 1px 1px #0000001a}.status-completed{background-color:#28a745}.status-pending{background-color:#ffc107;color:#333;text-shadow:none}.status-in\.progress{background-color:#0d6efd;color:#fff}.loading-state{font-size:1.2rem;padding:50px;text-align:center}.pagination-nav{align-items:center;display:flex;justify-content:center;padding:20px 40px}.pagination-nav button{background-color:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;margin:0 5px;padding:8px 12px}.pagination-nav button:disabled{cursor:not-allowed;opacity:.5}.pagination-nav button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.app-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;width:100%}.header-top{align-items:center;display:flex;justify-content:space-between;padding:10px 40px}.logo{height:100px}.doctor-profile{align-items:center;cursor:pointer;display:flex;flex-direction:column}.doctor-avatar{border-radius:50%;height:50px;margin-bottom:4px;width:50px}.doctor-profile span{font-size:14px;font-weight:500}.header-motto{background-color:var(--primary-color);color:var(--header-text-color);font-weight:500;padding:8px;text-align:center}.charting-screen{padding:20px 40px}.patient-info{background-color:#f1f1f1;padding:10px}.patient-info-details{background-color:#fff;border-radius:4px;display:flex;font-size:14px;gap:20px;padding:12px 20px}.tabs-container{display:flex;gap:5px;width:100%}.tab{background-color:#fff;border:1px solid #ccc;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;flex-grow:1;font-size:16px;padding:15px}.tab.active{color:#e85d75;font-weight:700}.charting-content,.tab.active{background-color:#fff;border:1px solid #e85d75}.charting-content{border-radius:10px;border-top:none;padding:20px;position:relative}.content-title{color:#555;font-weight:400;margin-bottom:20px;text-align:center}.charting-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.dental-arch-container-grid{grid-column:span 2}.left-viewer-column{display:flex;gap:15px}.right-charting-column{display:flex;flex-direction:column}.submission-buttons{grid-column:span 2}.reset-btn,.submit-btn{border:none;font-size:16px;padding:10px 30px}.reset-btn{background-color:#6c757d;color:#fff}.dental-arch-container{align-items:flex-start;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;display:flex;gap:20px;justify-content:center;padding:15px;width:100%}.arch-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:50%}.arch-title{background-color:#fdf6f6;border:1px solid #ccc;border-radius:4px;color:#333;font-weight:600;margin:0;padding:5px 10px;text-align:center;width:90%}.arch-image-wrapper{line-height:0;margin:0 auto;max-width:500px;position:relative;width:95%}.arch-background-image{border-radius:8px;height:auto;width:100%}.tooth-button{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffffb3;border:1px solid var(--secondary-color);border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:28px;z-index:3}.tooth-button:hover{background-color:#f7d794;border-color:#f7b731}.tooth-button.selected{background-color:#28a745;border-color:#1f7a34;color:#fff;transform:translate(-50%,-50%) scale(1.2);z-index:10}.tooth-button.updated{background-color:#a5d8ff;border-color:#0d6efd}.diagram-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px}.tooth-diagram-container{aspect-ratio:1/1;background-color:#f8f9fa;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #dee2e6;border-radius:8px;flex-grow:1;margin:auto;max-width:550px;position:relative;width:100%}.tooth-diagram-container.placeholder{align-items:center;background-color:#fdf6f6;border:1px dashed #ccc;border-radius:8px;color:#e85d75;display:flex;font-size:1.2rem;justify-content:center;min-height:400px}.tooth-number-button{align-items:center;background-color:#1b4f72;border:none;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;position:absolute;width:36px}.tooth-number-button:hover{opacity:.9}.segment-button{align-items:center;border:1px solid #0003;border-radius:2px;color:#450a0a;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:45px}.segment-button:hover{filter:brightness(.95)}.segment-button:disabled{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed}.segment-button.restoration{background-color:#fadbd8}.segment-button.caries{background-color:#d6eaf8}.segment-button.activity{background-color:#f5b7b1}.tooth-label{color:#333;font-size:1.25rem;font-weight:700;padding:5px 15px}.missing-overlay-diagram{align-items:center;background-color:#6c757db3;border-radius:8px;bottom:0;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;z-index:5}.view-selector{display:flex;flex-direction:column;flex-shrink:0;gap:5px;width:180px}.view-btn{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 15px;text-align:left;transition:background-color .2s,color .2s;white-space:nowrap}.view-btn.active{background-color:#e85d752e;border-color:#e85d7591;color:#000}.image-display-area{background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;flex-grow:1;height:500px}.dental-image{cursor:grab}.image-tools{background-color:#00000080;border-radius:4px;bottom:10px;gap:5px;left:50%;padding:5px;position:absolute;transform:translateX(-50%);z-index:10}.image-tools button{background:none;border:none;color:#fff;font-size:18px}.image-display-area{background:#fdf6f6;border-radius:6px;height:100%;max-width:550px;overflow:hidden;position:relative;width:100%}.image-tools{background:#f8f8f8;border-bottom:1px solid #e0e0e0;display:flex;gap:6px;justify-content:center;padding:6px}.image-tools button{background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 8px}.image-tools button.pan-active{background:#e85d75;color:#fff}.image-transform-wrapper{height:calc(100% - 42px);width:100%}.image-transform-content{cursor:default;height:100%;width:100%}.image-transform-content.pan-enabled{cursor:grab}.dental-image{object-fit:contain;pointer-events:auto;-webkit-user-select:none;user-select:none}.dental-image,.image-placeholder{height:100%;width:100%}.popover-content{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0003;padding:15px;position:absolute;width:220px;z-index:1000}.popover-title{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.popover-select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.popover-actions{display:flex}.popover-btn-save{background-color:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;width:100%}.summary-container{padding:10px}.summary-main-title{margin-bottom:5px;text-align:center}.summary-subtitle{color:#6c757d;font-style:italic;margin-bottom:25px;margin-top:0;text-align:center}.summary-legend-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.legend-column{border-radius:8px;padding:20px}.legend-column h4{border-bottom:1px solid #0000001a;margin-top:0;padding-bottom:10px}.legend-column p{font-size:14px;margin:10px 0 5px}.legend-column ul{font-size:13px;list-style:none;margin:0;padding:0}.legend-column li{align-items:center;border-bottom:1px solid #0000000d;display:flex;padding:5px 0}.legend-column li:last-child{border-bottom:none}.legend-column li span:first-child{font-weight:700;margin-right:10px}.legend-column.restoration{background-color:#fcefee}.legend-column.caries{background-color:#e0f2fe}.legend-column.mixed{background:none;display:flex;flex-direction:column;gap:20px;padding:0}.sub-box{border-radius:8px;flex:1 1;padding:20px}.sub-box.activity{background-color:#fee2e2}.sub-box.missing{background-color:#20c99720}.summary-values{background-color:#8e40c21a}.summary-item{align-items:center;border-bottom:1px solid #eee;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.summary-count{font-size:16px;font-weight:700}.code-count,.summary-count.main{background-color:#fff;border-radius:4px;color:#0d6efd;font-size:12px;font-weight:700;margin-left:auto;padding:2px 6px}.teeth-grid-container{grid-row-gap:30px;grid-column-gap:20px;background-color:#fdf6f6;border:1px solid #ccc;border-radius:8px;column-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px;padding:25px;position:relative;row-gap:30px}.teeth-grid-container:after{content:"";height:1.5px;left:10px;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:0}.summary-card-wrapper{align-items:center;display:flex;flex-direction:column;gap:4px}.summary-tooth-id-header{color:#333;font-size:1.5rem;font-weight:500}.summary-diagram-container-realigned{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;height:180px;position:relative;width:180px}.summary-value-box-realigned{align-items:center;border:1px solid #0000001a;border-radius:2px;color:#333;display:flex;font-size:14px;font-weight:700;height:22px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:32px}.segment-type-restoration{background-color:#fcefee}.segment-type-caries{background-color:#e0f2fe}.segment-type-activity{background-color:#fee2e2}.missing-overlay-realigned{align-items:center;background-color:#000000b3;bottom:0;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0;z-index:5}.cariogram-container{padding:20px}.cariogram-description{color:#6c757d;font-size:14px;margin-bottom:25px;max-width:80%}.cariogram-main-content{align-items:flex-start;display:flex;gap:30px}.cariogram-table-section{flex:3 1}.risk-matrix-section{flex:2 1}.risk-matrix-section h4,.risk-matrix-section p{margin:0 0 10px}.cariogram-table{border-collapse:collapse;font-size:14px;width:100%}.cariogram-table td,.cariogram-table th{border:1px solid #dee2e6;padding:10px 12px;text-align:center}.cariogram-table td:first-child{text-align:left}.cariogram-table tbody tr>td:first-child{background-color:#f8f9fa}.cariogram-table .disabled-row{background-color:#e9ecef;color:#6c757d}.cariogram-table .disabled-row td:first-child{background-color:#e0e0e0;color:#333;font-weight:500}.cariogram-table input,.cariogram-table select{border:1px solid #000;border-radius:4px;color:#000;padding:5px;text-align:center;width:60px}.auto-value{background-color:#fff;border:1px solid #ccc;border-radius:4px;display:inline-block;font-weight:700;padding:5px;width:60px}.text-muted{color:#6c757d;font-style:italic}.risk-matrix-table{border-collapse:collapse;font-size:14px;text-align:center;width:100%}.risk-matrix-table td{border:1px solid #dee2e6;font-weight:500;padding:12px}.risk-matrix-table td:first-child{background-color:#f8f9fa;text-align:left}.risk-matrix-table .green{background-color:#00b050;color:#333}.risk-matrix-table .yellow{background-color:#ff0;color:#333}.risk-matrix-table .red{background-color:red;color:#333}.cariogram-footer{align-items:flex-end;background-color:#fdf6f6;border-radius:8px;display:flex;gap:30px;margin-top:30px;padding:20px}.footer-item{flex:1 1}.footer-item label{display:block;font-weight:500;margin-bottom:8px}.footer-item select{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%}.file-drop-area{border:2px dashed #e85d75;border-radius:8px;cursor:pointer;padding:20px;position:relative;text-align:center}.file-drop-area input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-drop-area span{color:#6c757d}.submission-buttons{gap:10px}.reporting-container{padding:20px}.section{margin-bottom:30px}.section-title{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:5px}.section-description{color:#6c757d;font-size:14px;margin-bottom:20px;margin-top:0;max-width:80%}.recommendations-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.recommendation-box{background-color:#fdf6f6;border:1px solid #dee2e6;border-radius:8px;padding:20px}.recommendation-box h4{background-color:#e85d75;border-radius:4px;color:#fff;font-size:1rem;font-weight:600;margin-bottom:20px;margin-top:0;padding:8px;text-align:center}.form-grid{grid-gap:20px 15px;display:grid;gap:20px 15px;grid-template-columns:1fr 1fr}.form-grid-single{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.form-field{display:flex;flex-direction:column}.form-field label{color:#495057;font-size:14px;margin-bottom:5px}.form-field select{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.lesions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.lesion-table-wrapper{background-color:#fdf6f6;border:1px solid #dee2e6;border-radius:8px;padding:15px}.lesion-table-wrapper h4{font-size:1rem;margin:0 0 15px;text-align:center}.lesion-table-scroll-container{max-height:250px;overflow-y:auto}.lesions-table{border-collapse:collapse;width:100%}.lesions-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.lesions-table td,.lesions-table th{border:1px solid #dee2e6;padding:10px 12px;text-align:center}.lesions-table thead th{background-color:#e85d75;font-size:14px;font-weight:600}.lesions-table tbody tr:nth-child(2n){background-color:#fff}.lesions-table select{border:1px solid #ccc;border-radius:4px;font-size:13px;padding:8px;width:100%}.recommended-box{background-color:#fdf6f6;border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:15px}.recommended-box label{display:block;font-weight:700;margin-bottom:10px}.recommended-box textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.submission-buttons{align-items:center;display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.reviewer-name{color:#555;font-size:14px;font-style:italic}.field-error{border:1px solid #d32d50!important;outline:none}.error-text{color:#d32d50;font-size:12px;margin-top:4px}.assessment-screen{padding:20px 40px}.patient-info{background-color:#e9ecef}.assessment-tabs-container{display:flex;width:100%}.assessment-tab{background-color:#f8f9fa;border:1px solid #dee2e6;border-top:none;color:#495057;cursor:pointer;flex-grow:1;font-size:14px;font-weight:500;padding:15px;transition:background-color .2s}.assessment-tab:not(:last-child){border-right:none}.assessment-tab.active{background-color:#fff;border-bottom:2px solid #fff;color:var(--primary-color);font-weight:700;margin-bottom:-1px}.assessment-content{background-color:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;padding:30px 25px}.mallampati-container{display:flex;flex-direction:column;gap:25px}.section-box{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.section-box h4{font-size:1.1rem;font-weight:600;margin-top:0}.section-box p{color:#6c757d;font-size:14px;margin-top:0}.image-viewer-content{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;justify-content:center;min-height:300px;padding:15px}.main-image{max-height:300px;max-width:100%;object-fit:contain}.image-viewer-controls{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.image-metadata{color:#495057;font-size:12px}.controls{align-items:center;display:flex;gap:10px}.controls button{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;height:30px;width:30px}.controls input[type=range]{width:150px}.classification-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.classification-card{border:2px solid #dee2e6;border-radius:8px;cursor:pointer;padding:10px;text-align:center;transition:border-color .2s,box-shadow .2s}.classification-card:hover{border-color:var(--primary-color);box-shadow:0 0 10px #0000001a}.classification-card.selected{background-color:#fee2e2;border-color:var(--primary-color)}.classification-card img{border-radius:4px;height:auto;margin-bottom:10px;width:100%}.classification-card .card-info{align-items:center;display:flex;font-size:1.2rem;gap:8px;justify-content:center}.classification-card p{font-size:12px;min-height:60px}.radio-icon{background-color:#fff;border:2px solid #adb5bd;border-radius:50%;display:inline-block;height:16px;width:16px}.classification-card.selected .radio-icon{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:inset 0 0 0 3px #fff}textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;min-height:80px;padding:10px;resize:vertical;width:100%}.auscultation-panel{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:15px;transition:all .3s ease-in-out}.auscultation-panel.open{box-shadow:0 4px 12px #00000014}.panel-header{cursor:pointer;justify-content:space-between;padding:15px 20px}.header-left,.panel-header{align-items:center;display:flex}.header-left{gap:15px}.panel-icon{color:var(--secondary-color);font-size:1.5rem}.chevron{font-size:1rem;transition:transform .3s}.chevron.up{transform:rotate(180deg)}.panel-body{border-top:1px solid #dee2e6;padding:20px}.audio-player{gap:15px;margin-bottom:20px}.audio-player,.play-button{align-items:center;display:flex}.play-button{background-color:var(--secondary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;width:40px}.waveform-container{flex-grow:1;position:relative}.waveform-placeholder{background-color:#e9ecef;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cpath d='M0 20c40-15 60 15 100 0s40-15 60 15' stroke='%23adb5bd' stroke-width='2'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:200px 40px;border-radius:4px;height:40px}.timestamps{color:#6c757d;font-size:12px;margin-top:4px}.player-actions{display:flex;gap:15px}.player-actions a{color:var(--secondary-color);font-size:13px;font-weight:500;text-decoration:none}.player-actions a:hover{text-decoration:underline}.assessment-section p{margin:0 0 10px}.assessment-section textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;min-height:60px;padding:10px;resize:vertical;width:100%}.concern-radios{display:flex;gap:20px}.concern-radios label{align-items:center;display:flex;font-size:14px;gap:5px}.tab-header{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.tab-header h3{font-size:1.2rem;margin:0}.global-controls button{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-weight:500;margin-left:15px}.footer-bar{margin-top:25px}.reset-btn{border:1px solid #6c757d;color:#6c757d}.submit-btn{background-color:var(--secondary-color);border:1px solid var(--secondary-color)}.asthma-index-container{display:flex;flex-direction:column;gap:20px}.accordion-section{background-color:#fff;border:1px solid #dee2e6;border-radius:8px}.accordion-header{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px}.accordion-header,.accordion-section.open .accordion-header{border-bottom:1px solid #dee2e6}.accordion-section:not(.open) .accordion-header{border-bottom:none}.accordion-header h4{font-size:1rem;font-weight:600;margin:0}.accordion-chevron{transition:transform .3s}.accordion-section.open .accordion-chevron{transform:rotate(180deg)}.accordion-content{padding:20px}.criteria-item{border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;padding:10px 0}.criteria-item:last-child{border-bottom:none}.value{font-weight:500}.value.positive{color:#28a745}.value.negative{color:#dc3545}.value.neutral{color:#495057}.value a{font-size:12px;margin-left:8px}.checklist-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.grid-header{border-bottom:2px solid #e9ecef;color:#6c757d;font-size:12px;font-weight:700;padding-bottom:5px}.protocol-content{align-items:center;display:flex;justify-content:space-between}.protocol-radios{display:flex;gap:15px}.protocol-radios label{align-items:center;display:flex;gap:5px}.final-score-bar{background-color:#e9ecef;border-radius:4px;color:#495057;font-weight:700;padding:12px 20px}.footer-bar{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.progress-container{align-items:center;display:flex;flex-grow:1;gap:10px;max-width:300px}.progress-container span{color:#6c757d;font-size:12px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:var(--primary-color);border-radius:4px;height:100%}.action-buttons{display:flex;gap:10px}.reset-btn,.submit-btn{border-radius:4px;cursor:pointer;font-weight:700;padding:8px 24px}.reset-btn{background-color:#fff;color:#e85d75}.reset-btn,.submit-btn{border:1px solid #e85d75}.submit-btn{background-color:#e85d75;color:#fff}.final-review-container{grid-gap:30px;align-items:flex-start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.assessment-summary-column{display:flex;flex-direction:column;gap:20px}.summary-main-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 10px}.summary-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.card-header{margin-bottom:15px;padding-bottom:15px}.edit-link{font-size:13px;font-weight:500;text-decoration:none}.status-tag.completed{background-color:#28a745}.status-tag.concern,.status-tag.positive{background-color:#ffc107;color:#333}.card-body p{color:#495057;font-size:14px;margin:0 0 10px}.card-body p:last-child{margin-bottom:0}.positive-text{color:#fd7e14;font-weight:700}.auscultation-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.auscultation-summary div{align-items:center;display:flex;font-size:14px;gap:5px}.status-icon.green{color:#28a745}.status-icon.yellow{color:#ffc107}.action-panel-column{display:flex;flex-direction:column;gap:15px;position:-webkit-sticky;position:sticky;top:20px}.action-btn{border:1px solid var(--secondary-color);border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:12px;width:100%}.action-btn.primary{background-color:var(--secondary-color);color:#fff}.action-btn.secondary{background-color:#fff;color:var(--secondary-color)}.action-link{color:#e85d75;font-size:14px;font-weight:500;text-align:center}.additional-notes-section h4{margin-bottom:10px}.additional-notes-section textarea{border:1px solid #ccc;border-radius:4px;min-height:80px;padding:10px;resize:vertical;width:100%}.char-counter{color:#6c757d;font-size:12px;margin-top:5px;text-align:right}.footer-bar.standalone{grid-column:1/-1;margin-top:20px}.derm-screen{padding:20px 40px}.derm-tabs-container{display:flex;margin-bottom:15px;width:100%}.derm-tab{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;margin-right:15px;padding:15px 30px;transition:background-color .2s}.derm-tab.active{background-color:#fff;border-color:#e85d75;color:var(--primary-color);font-weight:700;margin-bottom:-1px}.derm-content{background-color:#fff;border:1px solid #e85d75;border-radius:10px 10px 10px 10px;padding:30px 25px}.derm-summary-container{display:flex;flex-direction:column;gap:30px}.summary-title{margin-bottom:-10px}.findings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.finding-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column}.findings-grid>.finding-card:not(.skin-card):not(.atopic-card){grid-column:span 2}.finding-card.skin-card{grid-column:span 4}.finding-card.atopic-card{grid-column:span 2}.card-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:10px;padding:15px}.card-header h4{flex-grow:1;font-size:1.1rem;margin:0}.status-tag{border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.status-tag.observed{background-color:#28a745}.status-tag.no-symptoms{background-color:#6c757d}.status-tag.potential-risk{background-color:#17a2b8}.card-body{font-size:1rem;padding:15px}.card-body p{margin:0 0 12px}.card-body ul{font-size:.95rem;line-height:1.7;margin:5px 0 0;padding-left:20px}.date-icon{display:inline-block;margin-right:5px;position:relative;top:1px}.card-body.multi-column{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.key-value-list{font-size:.95rem;list-style:none;padding:0}.key-value-list li{display:flex;justify-content:space-between;padding:4px 0}.highlight{font-size:1.8rem;font-weight:700}.card-body label{display:block;font-size:.9rem;font-weight:700;margin-top:10px}.card-body textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:5px;padding:8px;width:100%}.summary-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 10px}.report-writing-section{border:1px solid #dee2e6;border-radius:8px;padding:20px}.report-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.report-inputs,.report-recommendations{display:flex;flex-direction:column}.report-inputs label,.report-recommendations>label{font-weight:700;margin-bottom:10px}.report-inputs textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;min-height:90px;padding:10px;resize:vertical;width:100%}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-group label{align-items:center;display:flex;font-weight:400;gap:8px}.derm-footer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.save-draft-btn,.submit-report-btn{border:1px solid;border-radius:4px;cursor:pointer;font-weight:700;padding:10px 25px}.save-draft-btn{background-color:#fff;border-color:#e85d75;color:#e85d75}.submit-report-btn{background-color:#e85d75;border-color:#e85d75;color:#fff}.derm-image-viewer-container{display:flex;flex-direction:column;gap:16px}.sub-tabs-container{border-bottom:1px solid #eee;display:flex;gap:16px}.sub-tab{background:#0000;border:none;color:#666;cursor:pointer;font-weight:500;padding:10px 16px}.sub-tab.active{border-bottom:2px solid #e63946;color:#e63946}.image-gallery-area{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:240px 1fr}.thumbnail{background:#f9f9f9;border:2px solid #dcdcdc;border-radius:8px;cursor:pointer;height:110px;overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.thumbnails-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);max-height:520px;overflow-y:auto;padding-right:4px}.thumbnail img{display:block;height:100%;object-fit:cover;padding:10px;width:100%}.thumbnail.active{border-color:#e85d75;box-shadow:0 0 0 2px #e6394633}.thumbnail span{background:#fff;color:#555;font-size:12px;padding:4px 0;text-align:center}.thumbnail:hover{border-color:#e85d75;box-shadow:0 0 0 2px #e6394633}.main-image-view{align-items:center;background:#fafafa;border-radius:8px;display:flex;height:520px;justify-content:center;width:100%}.auth-wrap{background:#fff;min-height:100vh}.auth-topbar{height:90px;justify-content:space-between;padding:0 40px}.auth-accent,.auth-topbar{align-items:center;display:flex}.auth-accent{background:#e85d75;color:#fff;font-weight:700;height:70px;justify-content:center;letter-spacing:.2px}.auth-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 10px 30px #0000000f;margin:28px auto;max-width:560px;padding:20px}.auth-title{font-size:20px;margin:0 0 8px}.auth-sub{color:#555;margin:0 0 14px}.auth-input{border:1px solid #dcdcdc;border-radius:10px;font-size:14px;margin-top:10px}.auth-btn,.auth-input{padding:12px 14px;width:100%}.auth-btn{background:#1f6b75;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-top:12px}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-row{display:flex;gap:10px}.auth-row button{flex:1 1}:root{--primary-color:#e85d75;--secondary-color:#2a6470;--background-color:#fdf6f6;--text-color:#333;--border-color:#ddd;--header-text-color:#fff;--font-family:"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif}body{background-color:#fdf6f6;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family);margin:0}*{box-sizing:border-box}.screen-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.patient-info{background-color:#fff;border-radius:4px;display:flex;font-size:14px;gap:20px;padding:12px 20px}.back-button{background:none;border:1px solid #2a6470;border:1px solid var(--secondary-color);border-radius:4px;color:#2a6470;color:var(--secondary-color);cursor:pointer;font-weight:700;padding:8px 16px}
/*# sourceMappingURL=main.3529066f.css.map*/