/* MEDHUB INDEX — observaciones docentes */
.student-name{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.observation-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#b64147;box-shadow:0 0 0 3px rgba(182,65,71,.10)}
.table-wrap table td.actions-cell .row-actions{flex-wrap:nowrap;gap:5px}.table-wrap table td.actions-cell .action-btn{white-space:nowrap;padding:7px 8px}.table-wrap table td.actions-cell{min-width:330px}.table-wrap table td.actions-cell .action-btn.observe{color:#795e51;background:#f7f0e9;border-color:#e5d8cb}.table-wrap table td.actions-cell .action-btn.observe:hover{background:#ece0d5}
.observation-overlay[hidden]{display:none!important}.observation-overlay{position:fixed;inset:0;background:rgba(29,28,27,.56);z-index:9999;display:flex;justify-content:center;align-items:center;padding:18px}.observation-card{width:min(100%,560px);max-height:calc(100vh - 36px);overflow:auto;background:#fbfaf8;color:#403b38;border:1px solid #e7dfd7;border-radius:15px;padding:25px;box-shadow:0 24px 65px rgba(32,24,20,.22);font-family:Manrope,Arial,sans-serif}.observation-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.observation-header h2{font-size:19px;margin:0 0 6px}.observation-header p{margin:0;color:#86776e;font-size:12px}.observation-header button{border:0;background:#eee8e1;border-radius:8px;font-size:23px;width:36px;height:36px;cursor:pointer}.observation-card label{display:block;font-weight:700;font-size:12px;margin-bottom:9px}.observation-card textarea{width:100%;box-sizing:border-box;border:1px solid #d9cbbd;background:#fff;border-radius:9px;padding:12px;font:14px/1.6 Manrope,Arial,sans-serif;resize:vertical;min-height:135px;color:#403b38}.observation-card textarea:focus{outline:2px solid #b9a18b}.observation-hint{font-size:11px;line-height:1.6;color:#82756b}.observation-buttons{display:flex;gap:8px;align-items:center;margin-top:20px;flex-wrap:wrap}.observation-buttons span{flex:1}.observation-buttons button{padding:10px 13px;border:1px solid #d9cbbd;border-radius:8px;background:#fff;color:#6d5b50;cursor:pointer;font-weight:700;font-size:12px}.observation-buttons #observation-save{background:#80695a;color:#fff;border-color:#80695a}.observation-buttons #observation-clear{color:#a3484d;border-color:#e7d0d0}.observation-buttons button:hover{filter:brightness(.96)}@media(max-width:560px){.observation-card{padding:17px}.observation-buttons{justify-content:flex-end}.observation-buttons span{display:none}}


/* v2.10: observaciones al lado del nombre, sin expandir la planilla */
.table-wrap table{min-width:1110px!important}
.table-wrap table th:last-child,.table-wrap table td:last-child{width:25%!important;min-width:0!important}
.table-wrap table td.actions-cell{min-width:0!important}
.table-wrap table .student-name{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
.table-wrap table .student-name .observation-dot{flex-shrink:0}
.table-wrap table .student-name .observation-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid #e4d9d0;border-radius:6px;background:#faf7f4;color:#83675a;cursor:pointer;font-size:15px;line-height:1}
.table-wrap table .student-name .observation-icon:hover,.table-wrap table .student-name .observation-icon:focus-visible{background:#eaddd1;outline:2px solid #b69b88;outline-offset:1px}
.observation-buttons #observation-undo[hidden]{display:none!important}
.observation-buttons #observation-undo{border-color:#a9b5ad;color:#52695d}