/* SINUS — apresentação apenas. Nenhuma regra oculta ações ou conteúdos. */
:root{--bg:#f5f8f6;--bg2:#f9fbfa;--text:#20332c;--muted:#7c8983;--line:#e1e9e5;--green:#197662;--grad-main:linear-gradient(120deg,#218571,#176650)}
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{background:var(--bg)!important;color:var(--text)}
.glass,.glass.softcard,.card{border:1px solid var(--line)!important;border-radius:23px!important;background:#fff!important;box-shadow:0 3px 14px rgba(27,69,49,.025)!important}
.card{padding:24px!important;text-align:left;min-width:0}
.card h3{font-size:20px!important;line-height:1.3!important;letter-spacing:-.035em;margin-top:18px!important;color:var(--text)}
.card p{line-height:1.6!important;color:var(--muted)!important}
.cardHead{align-items:flex-start!important;gap:14px}
.iconWrap{width:52px!important;height:52px!important;border-radius:16px!important;display:grid!important;place-items:center!important;flex-shrink:0;background:#e8f2ed!important;color:#759f89!important;box-shadow:none!important}
.card:nth-child(3n+2) .iconWrap{background:#eeeaf5!important;color:#a291ba!important}
.card:nth-child(3n) .iconWrap{background:#f5efdd!important;color:#b2a56f!important}
.sinus-line-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none;vertical-align:middle}
.iconWrap .sinus-line-icon{width:29px;height:29px}
.grid3,.grid2{gap:18px!important}
.tagRow{padding-top:16px;margin-top:20px!important;border-top:1px solid var(--line);gap:8px;flex-wrap:wrap}
.tag,.pill{border-radius:9px!important;line-height:1.4!important}
.btn{border-radius:14px!important;min-height:44px;box-shadow:none!important;font-weight:600!important}
.btn.primary{background:var(--grad-main)!important;border-color:#237b65!important;color:#fff!important}
.btn:not(.primary):not(.violet){border-color:var(--line)!important}
.sxChips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.sxChips button{position:relative;min-height:124px!important;padding:24px 12px!important;border-radius:19px!important;border:1px solid var(--line)!important;background:#fff!important;color:var(--text)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;font-size:14px!important;font-weight:600!important;box-shadow:none!important}
.sxChips button>.sinus-line-icon{width:31px;height:31px;color:#88a995}
.sxChips button:nth-child(3n+2)>.sinus-line-icon{color:#a595ba}
.sxChips button:nth-child(3n)>.sinus-line-icon{color:#b0a36c}
.sxChips button.on{background:#e6f2ec!important;border-color:#a8cdbb!important;color:#20332c!important}
.sxChips button.on::after{content:'✓';position:absolute;top:11px;right:11px;width:20px;height:20px;display:grid;place-items:center;background:#197662;color:#fff;border-radius:50%;font-size:12px}
.sxChoice,.sxPoint,.sxSummary>div,.sxGroups{border-radius:18px!important;border-color:var(--line)!important;box-shadow:none!important}
.sxSeg{background:#f2f6f4!important;border-color:var(--line)!important;padding:5px!important;border-radius:17px!important;gap:6px!important}
.sxSeg button{border-radius:12px!important}
.sxSeg button.on{background:#fff!important;color:#197662!important;box-shadow:0 1px 5px #173f2810!important}
#subjectTabs{gap:8px!important;overflow-x:auto;flex-wrap:nowrap!important;padding:5px 0 13px;scrollbar-width:thin}
#subjectTabs>*{flex-shrink:0;border-radius:13px!important;min-height:43px}
.sxBottomNav{background:rgba(255,255,255,.95)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(18px)}
.sxBottomNav button{border-radius:15px!important;gap:6px!important}
.sxBottomNav button.on{background:#e5f2ec!important;color:#197662!important}
.navIcon{display:inline-grid;place-items:center;min-width:24px}
.sxBottomNav .sinus-line-icon{width:25px;height:25px}
.sxOnb h2{line-height:1.16!important;letter-spacing:-.045em}
.sxOnb h2 em{color:inherit!important}
button:focus-visible,a:focus-visible{outline:3px solid #7db8a1!important;outline-offset:3px}
@media(max-width:600px){.card{padding:22px!important}.grid3{grid-template-columns:1fr!important}.card h3{font-size:21px!important}.sxOnb{padding:22px 18px!important}.sxChips button{min-height:122px!important}.sxOnbFoot{gap:16px!important}.sxBottomNav{padding-top:8px!important}.heading h1{line-height:1.2!important}}
html[data-theme="dark"]{--bg:#101a16;--text:#e3eee8;--muted:#9aafa3;--line:#2c4035}
html[data-theme="dark"] .glass,html[data-theme="dark"] .card,html[data-theme="dark"] .sxChips button{background:#19271f!important;color:var(--text)!important}
html[data-theme="dark"] .sxChips button.on{background:#234437!important;color:#edf7f1!important}
html[data-theme="dark"] .sxBottomNav{background:rgba(20,33,26,.96)!important}
html[data-theme="dark"] .sxSeg{background:#102119!important}
html[data-theme="dark"] .sxSeg button.on{background:#254538!important;color:#c2efda!important}
.btn>.sinus-line-icon{width:18px;height:18px}.sinus-line-icon{overflow:visible}.card .iconWrap{margin-bottom:0}.navBtn .sinus-line-icon{width:22px;height:22px}
/* Aplicação do modelo de cartões em toda a plataforma, inclusive Matérias. */
#app .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#app .cards>.card{display:flex;flex-direction:column;align-items:stretch;padding:26px!important;min-height:238px;border:1px solid var(--line)!important;border-radius:24px!important;background:var(--bg2,#fff)!important;transition:border-color .2s,transform .2s}
#app .cards>.card:hover{border-color:#8db8a4!important;transform:translateY(-2px)}
#app .cards .cardHead{display:flex;justify-content:space-between;align-items:center!important}
#app .cards .iconWrap{background:transparent!important;width:55px!important;height:55px!important;color:#88a995!important}
#app .cards .iconWrap svg{width:38px;height:38px}
#app .cards>.card:nth-child(3n+2) .iconWrap{color:#a595ba!important}
#app .cards>.card:nth-child(3n) .iconWrap{color:#b0a36c!important}
#app .cards h3{font-size:22px!important;margin:20px 0 8px!important}
#app .cards .tagRow{margin-top:auto!important;padding-top:20px}
#app .cards .pill{max-width:70%;white-space:normal;text-align:right;background:transparent!important;color:var(--muted)!important;border:0!important;font-size:12px}
#subjectView .subjectHero,#subjectView .v11SubjectHero{padding:28px!important;border:1px solid var(--line)!important;border-radius:24px!important;background:var(--bg2)!important}
#subjectTabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px!important;margin:22px 0;padding:0!important;overflow:visible}
#subjectTabs>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:125px!important;padding:18px 10px!important;background:var(--bg2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:20px!important;font-size:14px;font-weight:600}
#subjectTabs>button svg{width:30px;height:30px;color:#88a995}
#subjectTabs>button:nth-child(3n+2) svg{color:#a595ba}
#subjectTabs>button:nth-child(3n) svg{color:#b0a36c}
#subjectTabs>button.active{background:#e4f1eb!important;border-color:#a8cdbb!important;color:#176650!important}
#app .quickItem,#app .v11InfoBox,#app .sxStudyExtras,#app .v11Viewer,#app .adminBlock,#app .sinus-side-card{border-radius:20px!important;border-color:var(--line)!important}
#app .quickItem{padding:17px!important;gap:14px;line-height:1.5}
#app .sxExerciseChoices{gap:10px;flex-wrap:wrap;margin-bottom:18px}
#app .sinus-profile-context{font-size:13px;color:var(--muted);margin:0 0 20px}
#app .heading p{font-size:14px!important;line-height:1.6!important}
#app .glass h3{line-height:1.35}
@media(max-width:850px){#app .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#subjectTabs{grid-template-columns:repeat(2,minmax(0,1fr))}#subjectTabs>button:last-child{grid-column:1/-1}}
@media(max-width:520px){#app .cards{grid-template-columns:1fr}#app .cards>.card{min-height:210px;padding:22px!important}#subjectView .subjectHero,#subjectView .v11SubjectHero{padding:22px!important}}
html[data-theme="dark"] #app{--bg2:#19271f}html[data-theme="dark"] #subjectTabs>button.active{background:#254538!important;color:#e3eee8!important}

.sxAcademicSubject{border:1px solid var(--line);border-radius:18px;padding:18px;margin:12px 0}.sxAcademicSubject h4{font-size:16px;margin-bottom:7px}.sxAcademicSubject>.soft{font-size:12px;margin-bottom:12px}.sxAcademicActivity{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.sxAcademicActivity>strong{display:block;font-size:13px;margin-bottom:12px}.sxAcademicActivity .field{margin-top:12px}