.epci-shell{display:grid;grid-template-columns:245px minmax(0,1fr);font-family:inherit;border:1px solid #e1e9e6;border-radius:18px;overflow:hidden;background:#f7faf9;min-height:600px}.epci-side{background:#0d4e43;color:#fff;padding:22px 14px}.epci-brand{color:#e5c77d;font-weight:800;letter-spacing:.04em;padding:12px}.epci-brand small{display:block;color:#e3efea;font-weight:400;letter-spacing:0}.epci-side nav{display:grid;gap:4px;margin-top:14px}.epci-side nav a{color:#fff;text-decoration:none;padding:11px 12px;border-radius:9px;font-size:14px}.epci-side nav a:hover,.epci-side nav a.is-current{background:#176b5a;color:#fff}.epci-main{min-width:0;padding:22px}.epci-hero{background:#0d4e43;color:#fff;border-radius:15px;padding:22px;margin-bottom:22px}.epci-hero span{font-size:12px;color:#e5c77d;letter-spacing:.05em}.epci-hero h2{color:#fff!important;margin:8px 0!important}.epci-hero p{color:#e1f1e9;margin:0}.epci-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.epci-card,.epci-panel{background:#fff;border:1px solid #e0e9e5;border-radius:13px;padding:18px;margin-bottom:12px;box-shadow:0 3px 12px #123a2d0a}.epci-card{display:flex;flex-direction:column;gap:9px;text-decoration:none!important;color:#123d35!important}.epci-card span,.epci-muted{color:#667e77;font-size:13px}.epci-alert{background:#fff5dc;border-left:4px solid #c79a3b;padding:15px;border-radius:8px;margin-bottom:20px}.epci-panel summary{cursor:pointer;color:#0d4e43}.epci-panel ol{padding-left:25px}.epci-btn{display:inline-block;background:#0d4e43;color:#fff!important;border:0;border-radius:9px;padding:11px 17px;text-decoration:none!important;cursor:pointer}.epci-panel input,.epci-panel select{max-width:100%;padding:8px;border:1px solid #bacdc5;border-radius:6px}@media(max-width:750px){.epci-shell{grid-template-columns:1fr}.epci-side{padding:10px}.epci-side nav{display:flex;overflow-x:auto;gap:5px}.epci-side nav a{white-space:nowrap}.epci-main{padding:12px}}
.epci-progress{height:9px;background:#e5efea;border-radius:20px;overflow:hidden}.epci-progress span{display:block;height:100%;background:#c79a3b}.epci-units{margin-top:16px}.epci-unit{border:1px solid #dbe8e2;border-radius:10px;margin:9px 0;background:#fbfdfc}.epci-unit>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;cursor:pointer}.epci-unit summary small{color:#176b5a;white-space:nowrap}.epci-unit-body{padding:16px;border-top:1px solid #e5eeea}.epci-unit-body .epci-btn{margin:5px 0}.epci-quiz,.epci-references,.epci-lab-preview{padding:15px;background:#f1f7f4;border-radius:10px;margin:14px 0}.epci-lab-preview{border-left:4px solid #c79a3b}.epci-lesson-text{line-height:1.7}.epci-unit-body form{margin-top:16px}

/* v0.3.1: media before reading, sandboxed HTML */
.epci-module>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:16px;padding:3px 0}.epci-module>summary small{font-size:12px;color:#176b5a}.epci-module-body{margin-top:20px;border-top:1px solid #e3ebe7;padding-top:18px}.epci-materials{background:#f6faf8;padding:16px;border-radius:12px;margin-bottom:22px}.epci-media{margin:14px 0;padding:12px;background:#fff;border:1px solid #e0e9e5;border-radius:12px}.epci-media-title{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.epci-media-title a{color:#176b5a}.epci-media iframe,.epci-media video{display:block;width:100%;aspect-ratio:16/9;min-height:260px;border:0;border-radius:8px;background:#edf3f0}.epci-html-frame{display:block;width:100%;height:850px;border:1px solid #dbe6e0;border-radius:12px;background:#fff}.epci-module-body h3{color:#0d4e43!important}.epci-module-body form{margin-top:20px}@media(max-width:750px){.epci-html-frame{height:680px}.epci-media iframe,.epci-media video{min-height:190px}}

/* v0.3.2 — materiais recolhidos e conclusão legível */
.epci-shell .epci-materials{min-width:0;overflow:hidden}
.epci-shell details.epci-media{padding:0;margin:10px 0;background:#fff;border:1px solid #dce8e2;border-radius:12px;overflow:hidden}
.epci-shell .epci-media-toggle{display:flex;align-items:center;gap:13px;list-style:none;cursor:pointer;padding:15px 16px;color:#0d4e43;background:#fff}
.epci-shell .epci-media-toggle::-webkit-details-marker{display:none}
.epci-shell .epci-media-toggle:hover{background:#f0f8f4}
.epci-shell .epci-media-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#e6f1ec;color:#0d4e43;border-radius:10px;font-size:21px}
.epci-shell .epci-media-name{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.epci-shell .epci-media-name strong{font-size:15px;color:#0d4e43}
.epci-shell .epci-media-name small{font-size:12px;color:#657b73}
.epci-shell .epci-media-action{color:#176b5a;font-weight:700;font-size:13px;white-space:nowrap}
.epci-shell .epci-media[open] .epci-media-action span{display:inline-block;transform:rotate(180deg)}
.epci-shell .epci-media-content{border-top:1px solid #e0e9e5;padding:14px}
.epci-shell .epci-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;font-weight:600}
.epci-shell .epci-media-toolbar a{display:inline-block;padding:9px 13px;border:1px solid #176b5a;border-radius:8px;color:#0d4e43!important;text-decoration:none!important;background:#fff}
.epci-shell .epci-media-toolbar a:hover{background:#e6f1ec}
.epci-shell .epci-media-content iframe,.epci-shell .epci-media-content video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;min-height:320px;border:0;border-radius:9px;background:#e9f0ed}
.epci-shell .epci-completion{margin-top:24px;padding:18px;border:1px solid #dce8e2;border-radius:12px;background:#f7faf8}
.epci-shell .epci-completion-form{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.epci-shell .epci-completion .epci-complete-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;min-width:210px;max-width:100%;padding:12px 22px!important;background:#0d4e43!important;border:1px solid #0d4e43!important;border-radius:10px!important;color:#fff!important;font-size:15px!important;line-height:1.3!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important;opacity:1!important;cursor:pointer!important;appearance:none!important}
.epci-shell .epci-completion .epci-complete-button:hover{background:#176b5a!important;border-color:#176b5a!important}
.epci-shell .epci-completion .epci-complete-done{background:#176b5a!important;cursor:default!important}
.epci-shell .epci-completion .epci-complete-preview{background:#e8f1ec!important;border-color:#b9d5c7!important;color:#0d4e43!important;cursor:default!important}
.epci-shell .epci-completion-note{font-size:13px;color:#526e64;margin-bottom:12px}
@media(max-width:750px){.epci-shell .epci-media-action{font-size:12px}.epci-shell .epci-media-content iframe,.epci-shell .epci-media-content video{min-height:200px}.epci-shell .epci-completion .epci-complete-button{width:100%;min-width:0}}

/* v0.3.3 — Cards premium de recursos acadêmicos */
.epci-shell .epci-materials-pro{padding:22px!important;background:linear-gradient(145deg,#fffaf0,#f4f8f5)!important;border:1px solid #e8e4d8!important;border-radius:18px!important;overflow:visible!important}
.epci-shell .epci-materials-head{display:flex;align-items:center;gap:13px;margin-bottom:19px}
.epci-shell .epci-materials-badge{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:13px;background:#f0ddb0;color:#0d4e43;font-size:25px}
.epci-shell .epci-materials-head h3{margin:0 0 3px!important;font-size:23px!important;font-weight:750!important;line-height:1.25!important}
.epci-shell .epci-materials-head p{margin:0;color:#567067;font-size:13px;line-height:1.5}
.epci-shell .epci-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.epci-shell details.epci-resource{margin:0;min-width:0;overflow:hidden;border-radius:15px;border:1px solid #d6e3dd;box-shadow:0 7px 20px #103b2d13;background:#fff}
.epci-shell .epci-resource-summary{display:flex;flex-direction:column;align-items:stretch;gap:12px;cursor:pointer;list-style:none;padding:20px 18px;min-height:208px;background:linear-gradient(150deg,#0d4e43,#126858);color:#fff!important}
.epci-shell .epci-resource-slides .epci-resource-summary{background:linear-gradient(150deg,#153b69,#235995)}
.epci-shell .epci-resource-pdf .epci-resource-summary{background:linear-gradient(150deg,#713044,#993e55)}
.epci-shell .epci-resource-summary::-webkit-details-marker{display:none}
.epci-shell .epci-resource-symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#ffffff2a;border:1px solid #ffffff35;font-size:25px;color:#fff}
.epci-shell .epci-resource-copy{display:flex;flex-direction:column;gap:6px;flex:1}
.epci-shell .epci-resource-copy strong{font-size:17px;color:#fff!important;line-height:1.3}
.epci-shell .epci-resource-copy small{font-size:12px;line-height:1.5;color:#f0f5f3!important}
.epci-shell .epci-resource-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:9px;background:#f0cd83;color:#173d32!important;padding:11px 13px;font-weight:750;font-size:13px;line-height:1.4}
.epci-shell .epci-resource-summary:hover .epci-resource-primary{background:#ffe0a1}
.epci-shell .epci-resource[open] .epci-resource-primary span{transform:rotate(180deg)}
.epci-shell .epci-resource-content{padding:13px;background:#fff;border-top:1px solid #dfe7e3}
.epci-shell .epci-resource-toolbar{display:flex;flex-direction:column;gap:9px;margin-bottom:12px;font-size:12px;color:#214b3d}
.epci-shell .epci-resource-toolbar a{display:block;text-align:center;text-decoration:none!important;padding:10px 8px;border:1px solid #d0dcd5;border-radius:8px;color:#0d4e43!important;font-weight:700;background:#f7faf8}
.epci-shell .epci-resource-toolbar a:hover{background:#e7f3ec}
.epci-shell .epci-resource-content iframe,.epci-shell .epci-resource-content video{display:block;width:100%;aspect-ratio:16/9;min-height:160px;border:0;border-radius:9px;background:#edf1ef}
.epci-shell .epci-completion-pro{background:linear-gradient(130deg,#eef8f3,#fff)!important;border:1px solid #cbded3!important;padding:20px!important;border-radius:15px!important}
.epci-shell .epci-completion-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.epci-shell .epci-completion-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#176b5a;color:#fff;font-size:19px}
.epci-shell .epci-completion-heading strong{color:#0d4e43;font-size:16px}
.epci-shell .epci-completion-heading p{margin:3px 0 0;color:#60766d;font-size:12px}
.epci-shell .epci-completion .epci-complete-button{background:#148063!important;border-color:#148063!important;box-shadow:0 5px 13px #0d4e4329!important}
.epci-shell .epci-completion .epci-complete-preview{background:#e8f1ec!important;color:#0d4e43!important;box-shadow:none!important}
@media(max-width:1050px){.epci-shell .epci-resource-grid{grid-template-columns:1fr}.epci-shell .epci-resource-summary{min-height:0;display:grid;grid-template-columns:50px 1fr;align-items:center}.epci-shell .epci-resource-primary{grid-column:1/-1}.epci-shell .epci-resource-content iframe,.epci-shell .epci-resource-content video{min-height:260px}}
@media(max-width:750px){.epci-shell .epci-materials-pro{padding:13px!important}.epci-shell .epci-materials-head h3{font-size:20px!important}.epci-shell .epci-resource-content iframe,.epci-shell .epci-resource-content video{min-height:190px}}