/* Mis clases 2.3: compact class identity, secondary subject organization. */
.c258-header{min-height:110px;padding:16px 24px}.c258-title{max-width:55%}.c258-title :is(h2,h3){font-size:23px;margin-bottom:6px}.c258-illustration{width:40%;max-width:430px;right:76px}.c258-header:after{display:none}.c257-form [data-class-preview] .c258-header{min-height:110px;padding:16px 24px}.c257-form [data-class-preview] .c258-title{max-width:55%}.c257-form [data-class-preview] .c258-title h3{font-size:23px}.c257-form .c257-covers svg{height:52px}.c257-covers button[aria-pressed=true]{box-shadow:0 0 0 2px #3264ca inset;background:#eaf0ff}.c260-suggestions{grid-column:1;display:flex;align-content:start;gap:5px;flex-wrap:wrap}.c260-suggestions button{font-size:10px;border:1px solid #dce5ef;background:#f6f9fd;border-radius:20px;padding:4px 8px;color:#4b6380}.c257-form:has(.c260-suggestions) .c257-image-actions{grid-row:auto}
.c257-secondary{flex-wrap:wrap}.c257-secondary .c260-add-subject{margin-left:auto;font-size:12px;color:#59708a;border-left:0}.c260-subjects{padding-top:12px}.c260-subject,.c260-general{margin:0 14px 14px;border:1px solid #e4eaf0;border-radius:13px;overflow:hidden;scroll-margin-top:20px}.c260-general{border-color:transparent}.c260-subject-header{min-height:64px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:color-mix(in srgb,var(--subject-tint,#f5f7fb) 72%,white);border-left:4px solid var(--subject-ink,#a3b2c5);position:relative}.c260-general .c260-subject-header{min-height:40px;background:#f7f9fc;border-left:4px solid #c7d2df}.c260-subject-header strong{font-size:15px;overflow-wrap:anywhere}.c260-subject-header small{font-size:11px;color:#65798e}.c260-subject-title{min-width:0;display:grid;gap:4px}.c260-subject-header .c257-art{flex:none;width:74px!important;height:42px!important;border-radius:7px;background:transparent}.c260-subject-header .c257-art svg{width:100%;height:100%}.c260-subject-header .c257-art img{height:100%;width:100%;object-fit:cover}.c260-subject-header .c257-art:not(.has-cover){display:none}.c260-subject-actions{margin-left:auto;display:flex;gap:4px;align-self:flex-start}.c260-subject-actions button,.c260-collapse{width:34px;min-height:38px;border:0;border-radius:8px;background:#ffffffb8;color:#526b84}.c260-subject .c259-drag-handle{opacity:.5}.c260-subject:hover>.c260-subject-header .c259-drag-handle,.c260-subject .c259-drag-handle:focus-visible{opacity:1}.c260-collapse{flex:none;font-size:22px;background:transparent}.c257-class .c260-empty-grid{display:block;padding:10px 20px!important}.c257-class .c260-empty-grid .class-new-screen{min-height:50px;width:100%;display:flex;flex-direction:row;justify-content:center;gap:8px;background:#f9fbfd}.c260-empty-grid .class-new-screen>span{font-size:24px}.c260-empty-grid .class-new-screen>strong{font-size:12px}.class-screen-grid[hidden]{display:none!important}.c260-jump-subject{margin-left:15px;border-left-color:#d7e1ed!important;min-height:47px!important}.c260-jump-subject>span:first-child{color:#8a9fb5;font-size:17px}.c260-subject-header:focus-visible,.c260-collapse:focus-visible,.c260-subject-actions button:focus-visible{outline:3px solid #d89718;outline-offset:-3px}.b-dialog [data-subject-move]{display:grid;gap:16px}.b-dialog [data-subject-move] label{display:grid;gap:7px}.b-dialog [data-subject-move] select{padding:11px;border-radius:8px;border:1px solid #cad8e9}
@media(max-width:640px){.c258-header{min-height:120px;padding:18px 16px}.c258-title{max-width:65%;padding-top:18px}.c258-title :is(h2,h3){font-size:21px}.c258-illustration{right:0;width:36%;opacity:.75}.c260-subject,.c260-general{margin:0 8px 12px;scroll-margin-top:78px}.c260-subject-header{padding:8px 6px;gap:5px}.c260-subject-header .c257-art{width:46px!important;height:34px!important}.c260-subject-header strong{font-size:14px}.c260-subject-actions button{width:30px;min-height:40px}.c260-subject .c259-drag-handle{opacity:1}.c260-collapse{width:29px;min-height:40px}.c257-secondary .c260-add-subject{font-size:11px}.c257-form [data-class-preview] .c258-header{padding:18px 16px;min-height:120px}.c257-form [data-class-preview] .c258-title{max-width:65%}.c257-form [data-class-preview] .c258-title h3{font-size:21px}.c260-suggestions{grid-column:1}.c257-form .c257-covers svg{height:45px}}