#dir-horario-editor{color:#172439;max-width:1680px;margin:auto}
.dir-horario-heading,.dir-horario-toolbar,.dir-horario-card footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.dir-horario-heading{margin-bottom:24px}.dir-horario-heading span,.dir-horario-staff>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#176542}.dir-horario-heading h2{font-size:32px;margin:8px 0}.dir-horario-heading p,.dir-horario-staff p{color:#64748b;font-size:14px;line-height:1.6}
.dir-horario-toolbar{padding:18px 22px;background:#f0f7f3;border:1px solid #d3e4da;border-radius:16px;margin-bottom:20px}.dir-horario-toolbar label{display:flex;align-items:center;gap:12px;font-weight:700}.dir-horario-toolbar small{display:block;color:#64748b;margin-top:5px}.dir-horario-toolbar strong{text-transform:capitalize}
#dir-horario-editor select{font:inherit;color:#1e354b;border:1px solid #dbe5e0;border-radius:9px;background:#fff;padding:10px;max-width:100%}.dir-horario-toolbar select{min-width:150px}
.dir-horario-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}.dir-horario-card{border:1px solid #e1e9e5;background:white;border-radius:18px;box-shadow:0 8px 30px #1f462408;overflow:hidden}.dir-horario-table-scroll{overflow-x:auto}.dir-horario-table-scroll table{width:100%;border-collapse:collapse;min-width:780px;table-layout:fixed}.dir-horario-table-scroll caption{text-align:left;padding:20px;font-size:18px;font-weight:750}.dir-horario-table-scroll th{font-size:12px;padding:14px 8px}.dir-horario-table-scroll thead{background:#145d3c;color:white}.dir-horario-table-scroll th:first-child{width:104px}.dir-horario-table-scroll td{border:1px solid #edf0ef;padding:8px 5px;vertical-align:top}.dir-horario-table-scroll tbody th{color:#52647b;background:#f7f9fb}.dir-horario-table-scroll td select{width:100%;font-size:12px!important;padding:9px 4px!important}.dir-horario-table-scroll td small{display:block;font-size:10px;color:#5b6f64;padding:7px 4px;line-height:1.5;min-height:36px}.dir-horario-table-scroll .recess{background:#eef5f0;color:#5a7063;text-align:center;font-size:12px}.dir-horario-card footer{padding:20px}.dir-horario-card footer p{font-size:12px;color:#5c6d83}.dir-horario-help{padding:0 20px 20px;color:#69778c;font-size:12px;line-height:1.6;margin:0}.dir-horario-staff{padding:22px}.dir-horario-staff h3{font-size:19px;margin:10px 0}.dir-horario-staff article{border-top:1px solid #e9eeeb;padding:14px 0}.dir-horario-staff article strong,.dir-horario-staff article small,.dir-horario-staff article span{display:block}.dir-horario-staff article strong{font-size:13px}.dir-horario-staff article small{color:#66758a;font-size:12px;line-height:1.5;margin:6px 0}.dir-horario-staff article span{color:#16744a;font-size:11px}.dir-horario-staff button{width:100%;font-size:12px}.dir-horario-message{border:1px solid #c5dfcf;background:#edf8f0;padding:16px;border-radius:12px;color:#235e3b;font-size:13px;line-height:1.6;margin-bottom:20px;white-space:pre-line}.dir-horario-message.error{background:#fff4ec;border-color:#efccb2;color:#8d411d}#dir-horario-editor button:disabled{opacity:.5;cursor:default}#dir-horario-editor :focus-visible{outline:3px solid #4a82ed;outline-offset:2px}
@media(max-width:1450px){.dir-horario-layout{grid-template-columns:minmax(0,1fr)}.dir-horario-staff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.dir-horario-staff>span,.dir-horario-staff>h3,.dir-horario-staff>p{grid-column:1/-1}}
@media(max-width:600px){.dir-horario-heading h2{font-size:26px}.dir-horario-heading{gap:10px}.dir-horario-toolbar{padding:16px;gap:16px}.dir-horario-toolbar label{width:100%;justify-content:space-between}.dir-horario-toolbar select{flex:1}.dir-horario-staff{display:block}.dir-horario-card footer{gap:8px}.dir-horario-card footer button{width:100%}}

.dir-horario-table-scroll .sui-select{width:100%;min-width:0}.dir-horario-table-scroll .sui-select-trigger{width:100%;min-width:0;font-size:12px;padding:9px 6px}.dir-horario-table-scroll .sui-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#dir-horario-guardar{background:#17633f;color:white;border:1px solid #17633f;box-shadow:0 5px 14px #17633f1a}.dir-horario-table-scroll:focus-visible{outline-offset:-3px}