main:has(.trilhas-shell){max-width:1180px}.trilhas-shell{max-width:900px;margin:0 auto;padding-bottom:4rem}.trilhas-shell[data-loading]>*:not(.trilhas-error){opacity:.4;pointer-events:none}.trilhas-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.trilhas-header-text{flex:1}.trilhas-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted, #94a3b8);font-size:.85rem;text-decoration:none;margin-bottom:1rem;transition:color .15s;width:100%}.trilhas-back:hover{color:var(--cyan, #22d3ee)}.trilhas-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan, #22d3ee);margin:0 0 6px}.trilhas-header-text h1{font-size:1.75rem;font-weight:800;margin:0 0 6px}.trilhas-subtitle{font-size:.88rem;color:var(--muted, #94a3b8);margin:0}.trilhas-new-btn{white-space:nowrap;align-self:flex-start}.trilhas-error{padding:12px 16px;border-radius:10px;font-size:.88rem;font-weight:600;margin-bottom:1rem;background:#f871711f;border:1px solid rgba(248,113,113,.3);color:#f87171}.trilhas-error.trilhas-success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.trilhas-list{display:flex;flex-direction:column;gap:12px}.trilhas-loading{color:var(--muted, #94a3b8);font-size:.9rem;padding:2rem 0;text-align:center}.trilhas-empty{text-align:center;padding:3rem 2rem;color:var(--muted, #94a3b8);font-size:.9rem;border:2px dashed var(--border, #2d3748);border-radius:14px}.trilhas-card{background:var(--surface2, #1e2633);border:1.5px solid var(--border, #2d3748);border-radius:14px;padding:1.1rem 1.25rem;transition:border-color .2s}.trilhas-card:hover{border-color:var(--cyan, #22d3ee)}.trilhas-card.is-inactive{opacity:.6}.trilhas-card-main{display:flex;align-items:flex-start;gap:14px}.trilhas-card-icon{font-size:1.4rem;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--surface3, #111927);border-radius:10px}.trilhas-card-info{flex:1;min-width:0}.trilhas-card-name{display:block;font-weight:700;font-size:1rem;margin-bottom:4px}.trilhas-card-meta{font-size:.78rem;color:var(--muted, #94a3b8);display:block;margin-bottom:4px}.trilhas-card-desc{font-size:.82rem;color:var(--muted, #94a3b8);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trilhas-badge-inactive{color:#f87171}.trilhas-badge-system{color:var(--cyan, #22d3ee)}.trilhas-panel{margin-top:2rem;background:var(--surface2, #1e2633);border:1.5px solid var(--cyan, #22d3ee);border-radius:16px;overflow:hidden}.trilhas-panel-inner{padding:1.5rem}.trilhas-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.trilhas-panel-header h2{font-size:1.15rem;font-weight:800;margin:0;color:var(--cyan, #22d3ee)}.trilhas-panel-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border, #2d3748);background:transparent;color:var(--muted, #94a3b8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.trilhas-panel-close:hover{background:var(--surface3, #111927);color:#fff}.trilhas-panel-section{padding-top:1.5rem;border-top:1px solid var(--border, #2d3748);margin-top:1.5rem}.trilhas-panel-section:first-child{border-top:none;margin-top:0;padding-top:0}.trilhas-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.trilhas-section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted, #94a3b8);margin:0 0 1rem}.trilhas-section-header .trilhas-section-title{margin-bottom:0}.trilhas-field{margin-bottom:1rem}.trilhas-field--row{display:flex;align-items:center;gap:10px}.trilhas-label{display:block;font-size:.78rem;font-weight:600;color:var(--muted, #94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.trilhas-input{width:100%;padding:10px 12px;background:var(--surface3, #111927);border:1.5px solid var(--border, #2d3748);border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.trilhas-input:focus{border-color:var(--cyan, #22d3ee)}.trilhas-textarea{resize:vertical;min-height:60px}.trilhas-select{cursor:pointer}.trilhas-select option{background:#111927}.trilhas-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.88rem;font-weight:600;color:#fff}.trilhas-toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.trilhas-toggle-switch{width:42px;height:24px;border-radius:12px;background:var(--border, #2d3748);position:relative;transition:background .2s;flex-shrink:0}.trilhas-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.trilhas-toggle-label input:checked~.trilhas-toggle-switch{background:var(--cyan, #22d3ee)}.trilhas-toggle-label input:checked~.trilhas-toggle-switch:after{transform:translate(18px)}.trilhas-save-meta-btn{margin-top:.5rem}.trilhas-steps-hint{font-size:.8rem;color:var(--muted, #94a3b8);margin:0 0 1rem}.trilhas-blocos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:1rem}.trilhas-blocos-grid .trilhas-steps-empty{grid-column:1 / -1}.trilhas-bloco-card{display:flex;flex-direction:column;gap:6px;background:var(--surface3, #111927);border:1.5px solid var(--border, #2d3748);border-left:4px solid var(--bloco-color, #94a3b8);border-radius:10px;padding:10px;cursor:pointer;transition:border-color .15s,transform .15s}.trilhas-bloco-card:hover{border-color:var(--bloco-color, #22d3ee);transform:translateY(-1px)}.trilhas-bloco-top{display:flex;align-items:center;gap:6px}.trilhas-bloco-pos{width:22px;height:22px;border-radius:50%;background:var(--bloco-color, #94a3b8);color:#0a0f1a;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.trilhas-bloco-materia{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bloco-color, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trilhas-bloco-title{font-size:.78rem;font-weight:600;line-height:1.25;color:#fff}.trilhas-bloco-theme{font-size:.72rem;color:var(--muted, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trilhas-bloco-theme.is-missing{color:#fbbf24;font-weight:600}.trilhas-bloco-theme.is-optional{color:var(--muted, #94a3b8);font-style:italic}.trilhas-bloco-aula{margin-left:auto;font-size:.66rem;font-weight:700;color:var(--cyan, #22d3ee);white-space:nowrap}.trilhas-nova-aula-toggle{display:inline-block;margin-top:6px;background:none;border:none;color:var(--cyan, #22d3ee);font-size:.78rem;font-weight:700;cursor:pointer;padding:0}.trilhas-nova-aula-toggle:hover{text-decoration:underline}.trilhas-nova-aula{border:1.5px dashed var(--border, #2d3748);border-radius:10px;padding:12px;margin-bottom:1rem}.trilhas-nova-aula[hidden]{display:none!important}.trilhas-bloco-card .trilhas-step-actions{margin-top:auto}.trilhas-theme-context{font-size:.82rem;color:var(--muted, #94a3b8);margin:0 0 1rem}.trilhas-theme-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.trilhas-theme-item{display:flex;flex-direction:column;gap:2px;text-align:left;background:var(--surface3, #111927);border:1.5px solid var(--border, #2d3748);border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .15s}.trilhas-theme-item:hover{border-color:var(--cyan, #22d3ee)}.trilhas-theme-item.is-selected{border-color:var(--cyan, #22d3ee);background:#22d3ee14}.trilhas-theme-name{font-size:.85rem;font-weight:600;color:#fff}.trilhas-theme-meta{font-size:.72rem;color:var(--muted, #94a3b8)}.trilhas-steps-list{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.trilhas-steps-empty{color:var(--muted, #94a3b8);font-size:.85rem;text-align:center;padding:1.5rem 0}.trilhas-step-item{display:flex;align-items:center;gap:12px;background:var(--surface3, #111927);border:1.5px solid var(--border, #2d3748);border-radius:10px;padding:10px 12px;transition:border-color .2s}.trilhas-step-item:hover{border-color:#22d3ee66}.trilhas-step-pos{width:24px;height:24px;border-radius:50%;background:var(--surface2, #1e2633);border:1.5px solid var(--border, #2d3748);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted, #94a3b8)}.trilhas-step-info{flex:1;min-width:0}.trilhas-step-type-badge{font-size:.72rem;color:var(--muted, #94a3b8);display:block;margin-bottom:2px}.trilhas-step-title{display:block;font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trilhas-step-meta{font-size:.75rem;color:var(--muted, #94a3b8);display:flex;align-items:center;gap:6px;margin-top:2px}.trilhas-step-area{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:2px 6px;border-radius:4px;background:rgba(var(--area-color, 148 163 184) / .15);color:var(--area-color, #94a3b8)}.trilhas-step-actions{display:flex;gap:4px;flex-shrink:0}.trilhas-step-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border, #2d3748);background:transparent;color:var(--muted, #94a3b8);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.trilhas-step-btn:hover:not([disabled]){background:var(--surface2, #1e2633);color:#fff}.trilhas-step-btn[disabled]{opacity:.3;cursor:default}.trilhas-modal-overlay[hidden],.trilhas-panel[hidden]{display:none!important}.trilhas-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.trilhas-modal{background:var(--surface2, #1e2633);border:1.5px solid var(--border, #2d3748);border-radius:16px;padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.trilhas-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.trilhas-modal-header h3{font-size:1rem;font-weight:800;margin:0;color:var(--cyan, #22d3ee)}.trilhas-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border, #2d3748)}.trilhas-shell .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:999px;border:none;background:var(--cyan, #22d3ee);color:#0a0f1a;font-size:.88rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity .15s;white-space:nowrap}.trilhas-shell .btn-primary:hover:not(:disabled){opacity:.82}.trilhas-shell .btn-primary:disabled{opacity:.38;cursor:not-allowed}.trilhas-shell .btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;border:1.5px solid var(--border, #2d3748);background:transparent;color:var(--muted, #94a3b8);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.trilhas-shell .btn-ghost:hover{background:var(--surface3, #111927);color:#fff}.trilhas-shell .btn-outline-sm{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;border:1.5px solid var(--cyan, #22d3ee);background:transparent;color:var(--cyan, #22d3ee);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.trilhas-shell .btn-outline-sm:hover{background:#22d3ee1a}.trilhas-save-steps-btn{width:100%}.trilhas-forbidden{text-align:center;padding:4rem 2rem}.trilhas-forbidden h2{font-size:1.5rem;margin-bottom:8px}.trilhas-forbidden p{color:var(--muted, #94a3b8);margin-bottom:1.5rem}