/* Visual finish only: existing routes, controls, permissions and stored themes remain intact. */
:root{--ui-shadow:0 5px 20px #16365009;--ui-raised:0 10px 28px #16365013;--ui-side:color-mix(in srgb,var(--accent) 48%,#050505);--ui-icon-blue:#2463ce;--ui-icon-purple:#7353c6;--ui-icon-teal:#138589;--ui-icon-orange:#aa681a}
:root[data-theme=dark]{--ui-shadow:0 5px 22px #0002;--ui-raised:0 10px 30px #0004;--ui-side:color-mix(in srgb,var(--accent) 32%,#050505);--ui-icon-blue:#9dc6ff;--ui-icon-purple:#c5adff;--ui-icon-teal:#82dfd6;--ui-icon-orange:#f7c888}
body{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.01em}.main{background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--accent) 5%,transparent),transparent 52%),var(--page)}
.sidebar{background:var(--ui-side);color:#eef5ff;border-right:1px solid #ffffff0c;padding:30px 16px;gap:24px}.sidebar .brand{color:#f4f8ff;line-height:1.16;font-size:20px;letter-spacing:-.6px;padding-left:10px;gap:10px}.sidebar .brand-mark{background:color-mix(in srgb,var(--accent) 75%,#172c4a);color:#fff;border-radius:14px;border:1px solid #ffffff20;box-shadow:0 4px 12px #0002}.sidebar .brand span[style]{color:#fff!important}.sidebar .nav-label{color:#b8c9db;font-size:11px;font-weight:500;letter-spacing:.1em}.sidebar .nav{gap:7px}.sidebar .nav button{display:flex;align-items:center;gap:12px;color:#d2e0ef;border:1px solid transparent;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:500;transition:background .18s,border-color .18s}.sidebar .nav button:hover{color:#fff;background:#ffffff0b;border-color:#ffffff14}.sidebar .nav button.active{color:#fff;background:linear-gradient(115deg,var(--accent),var(--accent-hover));border-color:#ffffff22;box-shadow:0 4px 13px #0002;font-weight:600}.sidebar .nav button.active:before{display:none}.sidebar .side-bottom{background:#ffffff07;color:#e3edf7;border:1px solid #ffffff12;border-radius:15px;padding:15px}.sidebar .side-bottom p{color:#b8c9db;font-size:12px;line-height:1.6}.sidebar .side-bottom strong{font-size:13px;font-weight:500}
.nav .ico{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#ffffff0c;color:#c4dcff}.nav .ico svg{width:19px;height:19px}.sidebar .nav button[data-go=materias] .ico{color:#93d2ff;background:#429eff21}.sidebar .nav button[data-go=professor] .ico{color:#d1b9ff;background:#9870ff24}.sidebar .nav button[data-go=planner] .ico{color:#83e6d2;background:#28c6ab20}.sidebar .nav button[data-go=social] .ico{color:#ffd1ad;background:#f4994d20}.sidebar .nav button[data-go=revisao] .ico{color:#fcda8f;background:#e4b93e20}.sidebar .nav button[data-go=perfil] .ico{color:#c9c3ff;background:#8b7ee323}.sidebar .nav button.active .ico{background:#ffffff20;color:#fff}
.topbar{border-bottom:1px solid var(--edge);height:76px;gap:16px;background:color-mix(in srgb,var(--panel) 96%,var(--accent));box-shadow:0 2px 12px #132a4004}.breadcrumb{font-size:13px;line-height:1.4}.breadcrumb b{font-weight:500}.top-actions{gap:16px}.date{font-size:13px;color:var(--quiet)}.avatar{box-shadow:0 2px 8px #152d4010;border:2px solid var(--edge)}
.content{padding:30px 34px 44px;max-width:1650px;margin:0 auto}.heading{margin-bottom:24px;gap:16px;align-items:center}.heading h1{font-family:'DM Sans',Arial,sans-serif;font-size:30px;letter-spacing:-.8px;font-weight:650;line-height:1.2}.heading p{font-size:14px;line-height:1.6;margin-top:8px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.09em}.section-head h2,.home-section-head h2,.home-summary h2,.card h2{font-family:'DM Sans',Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.3px;line-height:1.35}.card h3{font-weight:550;line-height:1.4}.section-head{gap:12px;align-items:center}.card,.stat,.home-subject,.social-card,.community-edit-profile,.community-profile-showcase{border:1px solid var(--edge);border-radius:18px;box-shadow:var(--ui-shadow);background:var(--panel);color:var(--text)}.card{padding:23px}.stat{padding:19px}.stat strong{font-weight:650}.stat-icon,.subject-icon{border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--edge));box-shadow:inset 0 1px 0 #ffffff18;background:var(--accent-soft);color:var(--accent-ink)}.stat:nth-child(2) .stat-icon{background:color-mix(in srgb,#7660dd 12%,var(--panel));color:var(--ui-icon-purple)}.stat:nth-child(3) .stat-icon{background:color-mix(in srgb,#20a4a5 12%,var(--panel));color:var(--ui-icon-teal)}.stat:nth-child(4) .stat-icon{background:color-mix(in srgb,#e8a544 12%,var(--panel));color:var(--ui-icon-orange)}
.btn{border-radius:11px;min-height:41px;padding:10px 16px;font-size:14px;font-weight:550;border:1px solid var(--edge);box-shadow:0 2px 0 color-mix(in srgb,var(--edge) 80%,transparent);transition:background .16s,box-shadow .16s,transform .16s}.btn:not(.primary):not(.danger){background:var(--panel);color:var(--text)}.btn:hover{background:var(--subtle);box-shadow:0 3px 8px #102c4010;transform:translateY(-1px)}.btn.primary{background:linear-gradient(145deg,var(--accent),var(--accent-hover));color:#fff;border:1px solid var(--accent-hover);border-bottom-width:3px;box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 18%,transparent);font-weight:550}.btn.primary:hover{background:linear-gradient(145deg,var(--accent-hover),var(--accent));box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 24%,transparent)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn:disabled{transform:none;box-shadow:none;opacity:.55}.btn.danger{color:var(--danger,#bd4545);background:color-mix(in srgb,#cd4545 5%,var(--panel));border-color:color-mix(in srgb,#cd4545 25%,var(--edge))}.btn.danger:hover{background:color-mix(in srgb,#cd4545 10%,var(--panel))}.back-button{border-radius:11px;min-height:38px;padding:8px 12px;background:var(--panel);border:1px solid var(--edge);box-shadow:0 2px 0 var(--edge);font-size:13px;font-weight:500;color:var(--text)}
.tabs{gap:7px;padding:5px;border-radius:14px;background:var(--subtle);border:1px solid var(--edge);margin-bottom:20px;max-width:100%;flex-wrap:wrap}.tabs button{border-radius:10px;border:1px solid transparent;background:transparent;padding:9px 14px;min-height:39px;font-size:14px;font-weight:500;box-shadow:none;color:var(--quiet)}.tabs button.active{background:var(--accent);border-color:var(--accent-hover);color:#fff;box-shadow:0 3px 7px color-mix(in srgb,var(--accent) 20%,transparent)}.tabs button:hover:not(.active){background:var(--panel);color:var(--text)}
.form label{font-weight:500;font-size:14px;line-height:1.5}.form input,.form select,.form textarea{border-radius:11px;border:1px solid var(--edge);background:var(--field);color:var(--text);padding:11px 13px;box-shadow:inset 0 1px 3px #102a3a03;line-height:1.5}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form input[type=checkbox],.form input[type=radio]{box-shadow:none;padding:0}.pill{font-weight:500;font-size:12px;padding:5px 9px;border-radius:9px}.notice{border-radius:12px;font-size:14px;line-height:1.65;font-weight:400}.empty{color:var(--quiet);font-size:14px;line-height:1.7}.subject-row,.study-history-row,.history-objective{border:1px solid var(--edge);border-radius:14px;padding:17px;background:var(--panel);box-shadow:none}.subject-row strong,.home-subject-name{font-weight:550;font-size:16px}.subject-row small{font-size:13px;line-height:1.6;margin-top:5px}.subject-row:hover,.home-subject:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--edge));box-shadow:var(--ui-raised)}.progress{height:7px;border-radius:10px;background:var(--subtle);overflow:hidden}.progress span{border-radius:10px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#27d7b0))}
.learning-hero{border-radius:20px;box-shadow:var(--ui-raised);background:linear-gradient(120deg,var(--accent-hover),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 65%,#fff)}.learning-hero h2{font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.7px;line-height:1.3}.learning-hero .hero-button{border-radius:11px;box-shadow:0 3px 9px #0002;font-weight:550}.home-subject{border-radius:16px;padding:18px}.home-subject-action{font-weight:500}.folder-tile{border-radius:19px;overflow:hidden;border:1px solid var(--edge);box-shadow:var(--ui-shadow);background:var(--panel)}.folder-tile .actions{gap:8px}.folder-editor{border-radius:17px}.folder-editor summary{font-weight:550}.folder-editor input,.folder-editor textarea,.folder-editor select{max-width:100%}.notebook-main{border-radius:20px}.summary-topic,.quiz-question,.objective-item{border-radius:15px;border-color:var(--edge);background:var(--panel);color:var(--text)}.quiz-question legend{font-weight:550}.summary-topic h3{font-weight:600}.map-node{border-radius:15px}.auth-card{border:1px solid var(--edge);border-radius:22px;box-shadow:0 18px 55px #0002}.modal,.announcement-dialog{border-radius:20px;box-shadow:0 18px 60px #0003}.modal h2{font-weight:600}.shared-photo-panel{border-radius:18px}.community-post,.community-person,.community-edit-profile{border-radius:17px}.community-profile-showcase{overflow:hidden}.community-profile-details h2{font-weight:600}.community-post strong,.community-profile-details strong{font-weight:550}.community-bottom-nav{box-shadow:0 -3px 18px #00006}.fn-launch{background:var(--accent);color:#fff;border:1px solid var(--accent-hover);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 25%,transparent)}
@media(max-width:1100px){.content{padding:25px}.heading h1{font-size:28px}.card{padding:20px}}
@media(max-width:700px){.content{padding:21px 15px 100px}.heading{gap:12px;flex-wrap:wrap;margin-bottom:19px}.heading h1{font-size:26px}.heading p{font-size:14px}.heading .actions{flex-wrap:wrap;gap:8px}.topbar{height:66px;padding:0 15px;gap:10px}.breadcrumb{font-size:12px;min-width:0}.top-actions{gap:8px;flex-shrink:0}.card,.stat{border-radius:16px;padding:18px}.tabs{gap:5px;padding:4px}.tabs button{padding:8px 10px;font-size:13px;min-height:39px}.btn{min-height:42px;padding:10px 13px;font-size:14px}.subject-row{padding:15px;border-radius:14px}.mobile-menu summary{border:1px solid var(--edge);background:var(--panel);border-radius:10px;padding:6px 9px;color:var(--text);font-size:13px}.mobile-nav{border-top:1px solid var(--edge);background:var(--panel);box-shadow:0 -4px 20px #16365008;padding-top:9px}.mobile-nav button{border-radius:12px;font-size:11px;font-weight:500;gap:4px;padding:5px 7px}.mobile-nav button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px}.mobile-nav button[data-go=materias]>span{color:var(--ui-icon-blue);background:color-mix(in srgb,#408de3 12%,var(--panel))}.mobile-nav button[data-go=professor]>span{color:var(--ui-icon-purple);background:color-mix(in srgb,#936ae4 12%,var(--panel))}.mobile-nav button[data-go=social]>span{color:var(--ui-icon-teal);background:color-mix(in srgb,#20a4a5 12%,var(--panel))}.mobile-nav button.active{background:var(--accent-soft);color:var(--accent-ink)}.mobile-nav button.active>span{color:var(--accent-ink)}.learning-hero{border-radius:18px}.learning-hero h2{font-size:25px}.home-subject{border-radius:14px}.announcement-dialog{padding:23px}.community-profile-details{padding:17px}.shared-photo-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){.btn,.nav button{transition:none}.btn:hover,.btn:active{transform:none}}
@media print{.card,.stat,.home-subject,.btn{box-shadow:none}}

.folder-tile{padding:0}.folder-tile-body{padding:20px}.folder-tile h3{font-weight:600}.folder-tile:hover{box-shadow:var(--ui-raised);border-color:color-mix(in srgb,var(--accent) 40%,var(--edge))}.folder-tile .folder-cover{border-radius:18px 18px 0 0}.folder-gallery{gap:20px}@media(max-width:700px){.folder-tile-body{padding:17px}.folder-gallery{gap:15px}}

/* Phone layouts: give content the full column and keep controls on their own rows. */
@media(min-width:701px){
  .app>.sidebar{height:100dvh;max-height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent}
  .sidebar>.brand,.sidebar>div,.sidebar>.side-bottom{flex-shrink:0;min-width:0}
  .sidebar .nav{min-width:0}
  .sidebar .nav button{width:100%;min-height:44px;flex-shrink:0}
}
@media(max-width:700px){
  .main,.content,.heading>div,.card,.form,.section-head>*{min-width:0}
  .content{width:100%;max-width:100%;margin:0 auto;padding:22px 12px calc(108px + env(safe-area-inset-bottom))}
  .content .card{padding:18px 16px}
  .heading{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .heading h1{font-size:clamp(24px,6vw,28px);line-height:1.25;overflow-wrap:anywhere}
  .heading>.actions{display:flex;width:100%;gap:10px;flex-wrap:wrap}
  .heading>.actions .btn{flex:1 1 145px;white-space:normal;line-height:1.4;justify-content:center;text-align:center}
  .btn,.back-button{min-height:44px;white-space:normal;line-height:1.4}
  .section-head,.home-section-head{flex-wrap:wrap;gap:12px}
  .section-head h2{overflow-wrap:anywhere}
  .topbar{height:auto;min-height:66px;padding:8px 12px;gap:10px}
  .topbar .breadcrumb{flex:1;min-width:0}
  .top-actions{gap:8px}
  .mobile-nav{gap:4px;padding-left:8px;padding-right:8px}
  .mobile-nav button{padding:6px 2px;min-width:0;line-height:1.3}
  .content .grid,.content .two-col,.content .rightcol{grid-template-columns:minmax(0,1fr);gap:18px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .stat{padding:16px;min-width:0}
  .stat:last-child:nth-child(odd){grid-column:1 / -1}
  .stat strong{font-size:23px;line-height:1.35}
  .folder-gallery{grid-template-columns:minmax(0,1fr);gap:18px}
  .folder-tile-body{padding:20px 16px}
  .folder-tile .actions{display:flex;flex-wrap:wrap;gap:10px}
  .folder-tile .actions .btn{flex:1 1 110px;justify-content:center}
  .folder-personalize{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .subject-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}
  .subject-row>.subject-icon{grid-column:1;grid-row:1}
  .subject-row>div:nth-child(2){grid-column:2;min-width:0;overflow-wrap:anywhere}
  .subject-row>.actions{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:4px}
  .subject-row>.actions .btn{flex:1 1 100px;justify-content:center}
  .study-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
  .study-tabs .btn{width:100%;min-height:48px;font-size:14px;padding:10px;line-height:1.4}
  .mobile-section-picker{width:100%;margin-bottom:20px;font-weight:500}
  .mobile-section-picker select{width:100%;font-size:16px;min-height:50px}
  .form input,.form select,.form textarea{font-size:16px;min-width:0}
  .form input[type=checkbox],.form input[type=radio]{width:auto;min-height:0}
  .study-page{padding:20px 14px}
  .summary-reader-document{padding:24px 16px;min-width:0}
  .summary-reader-toolbar,.summary-reader-navigation{flex-wrap:wrap;gap:12px}
  .summary-reader-toolbar .btn,.summary-reader-navigation .btn{flex:1 1 120px;justify-content:center}
  .summary-reader-navigation>span{flex:1 0 100%;text-align:center;order:-1}
  .professor-chat{width:100%;margin:0 auto}
  .professor-chat-head{padding:14px}
  .professor-chat .professor-conversation{padding:16px 12px}
  .professor-chat .professor-message{max-width:96%;font-size:16px;line-height:1.65}
  .professor-chat .professor-form{padding:12px 10px}
  .professor-compose{gap:7px!important}
  .professor-compose textarea{font-size:16px;padding:11px 12px}
  .content:has(.community-shell){padding:0;max-width:none}
  .community-shell{width:100%;min-width:0}
  .community-fixed-top{padding:12px 8px 0}
  .community-fixed-top .community-feed-tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin}
  .community-fixed-top .community-feed-tabs button{flex:1 0 auto;min-width:88px;padding:12px 10px;min-height:48px;text-align:center;white-space:nowrap}
  .community-scroll{padding:14px 8px 20px;scrollbar-gutter:auto}
  .community-profile-details{padding:0 16px 20px}
  .community-profile-identity{gap:12px}
  .community-profile-identity>div{padding-top:46px}
  .community-profile-identity h2{font-size:21px;line-height:1.35}
  .community-course{padding:16px 14px;gap:6px}
  .community-course strong{font-size:20px;overflow-wrap:anywhere}
  .community-profile-stats,.community-profile-buttons{flex-wrap:wrap;gap:12px}
  .community-profile-buttons .btn{flex:1 1 120px;justify-content:center}
  .community-edit-profile{padding:18px 14px}
  .community-edit-profile textarea,.community-chat-room input{font-size:16px}
  .community-shell .community-bottom button{min-height:54px;font-size:13px}
  .modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:20px 16px}
}
@media(max-width:650px){
  .floating-notebook.fn-open{left:8px!important;right:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px);min-width:0}
  .floating-notebook .fn-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .floating-notebook .fn-pages select{grid-column:1 / -1;width:100%;min-height:40px;font-size:16px}
  .floating-notebook .fn-toolbar{gap:7px;padding:10px;max-height:125px}
  .floating-notebook .fn-toolbar button{min-width:36px;min-height:36px}
  .floating-notebook .fn-name,.floating-notebook .fn-title{font-size:16px}
}

/* Constrain each community grid track; five tabs must never widen the viewport. */
.admin-person{grid-template-columns:44px minmax(0,1fr) auto}
@media(max-width:700px){
  .content .tabs.admin-section-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:8px;overflow:visible;padding:6px;margin-bottom:20px}
  .content .admin-section-tabs button{width:100%;min-width:0;min-height:48px;font-size:14px;white-space:normal;line-height:1.4;padding:10px 8px}
}
.admin-person-info{min-width:0;overflow-wrap:anywhere}
.admin-person-info>.pill{max-width:100%;white-space:normal;line-height:1.5;margin:5px 5px 0 0}
@media(max-width:700px){
  .content .admin-person{grid-template-columns:44px minmax(0,1fr)!important;gap:12px;align-items:start;padding:16px}
  .content .admin-person>.admin-person-icon{grid-column:1;grid-row:1;width:42px;height:42px;align-self:start}
  .content .admin-person>.admin-person-info{grid-column:2;grid-row:1;min-width:0;width:100%;padding:0}
  .admin-person-info strong{display:block;font-size:16px;line-height:1.45;overflow-wrap:anywhere}
  .admin-person-info small{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
  .content .admin-person>[data-open-admin]{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:48px;margin:4px 0 0;padding:12px 16px;font-size:15px;line-height:1.4}
}
.community-shell{grid-template-columns:minmax(0,1fr)}
.community-fixed-top,.community-scroll,.community-shell .community-bottom{min-width:0;max-width:100%}
@media(max-width:700px){
  .community-fixed-top .community-feed-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;overflow:visible;margin:0;padding:0 0 10px;width:100%;min-width:0}
  .community-fixed-top .community-feed-tabs button{grid-column:span 2;min-width:0;width:100%;max-width:100%;min-height:44px;padding:10px 5px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.35;border:1px solid var(--edge);border-radius:10px;background:var(--subtle);color:var(--text)}
  .community-fixed-top .community-feed-tabs button:nth-child(n+4){grid-column:span 3}
  .community-fixed-top .community-feed-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}
  .community-fixed-top .community-head{flex-wrap:wrap;min-width:0;gap:8px;padding-bottom:12px}
  .community-shell,.community-scroll>*{min-width:0;max-width:100%}
  .community-post-head{align-items:flex-start;flex-wrap:wrap}
  .community-post-head .community-person{flex:1 1 180px;min-width:0;max-width:100%}
  .community-person>div,.community-person>span:last-child{min-width:0;overflow-wrap:anywhere}
  .community-person strong{white-space:normal;overflow-wrap:anywhere}
  .community-compose-bottom{flex-wrap:wrap;align-items:flex-start}
  .community-compose-bottom>*{min-width:0;max-width:100%}
  .community-comments form{flex-wrap:wrap}
  .community-comments input{flex:1 1 160px;font-size:16px}
  .community-comments form .btn{flex:0 0 auto}
  .community-scroll img{max-width:100%}
  .community-chats,.community-chat-room,.community-chats-list,.leagues-page,.xp-ranking{min-width:0;max-width:100%}
  .community-profile-cover{gap:12px;padding:18px 14px}
  .community-profile-cover>span{min-width:0;overflow-wrap:anywhere}
  .community-shell .community-bottom{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .community-shell .community-bottom button{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .content .tabs{max-width:100%;min-width:0}
  .mobile-section-picker{min-width:0;max-width:100%}
  .mobile-section-picker select{min-width:0;max-width:100%;text-overflow:ellipsis}
}

.folder-area-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 22px}.folder-area-tabs .btn{min-width:0;min-height:48px;white-space:normal;text-align:center}.lecture-recorder,.lecture-library{margin-bottom:20px}.lecture-recorder>p,.lecture-library>p{line-height:1.65}.lecture-recorder label,.lecture-library label{display:grid;gap:8px;margin:18px 0;font-size:15px}.lecture-recorder input,.lecture-library input,.lecture-library select{width:100%;min-width:0;padding:12px;border:1px solid var(--edge);border-radius:10px;background:var(--field);color:var(--text);font-size:16px}.lecture-recorder .actions,.lecture-item .actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.lecture-recorder small,.lecture-item small{color:var(--quiet);line-height:1.6}.lecture-item{border-top:1px solid var(--edge);padding:20px 0;min-width:0}.lecture-item h3{overflow-wrap:anywhere}.lecture-item audio,.lecture-preview audio{display:block;width:100%;max-width:100%;margin:16px 0}.lecture-item .btn{white-space:normal}.lecture-recorder [role=status]{overflow-wrap:anywhere;line-height:1.6;color:var(--accent-ink)}@media(max-width:700px){.folder-area-tabs{gap:8px}.folder-area-tabs .btn{padding:10px 8px;font-size:14px}.lecture-item .actions .btn{flex:1 1 130px}.lecture-recorder .actions .btn{flex:1 1 120px}}

#plan-custom-time[hidden]{display:none}

/* Comunidade em toda a largura da área principal. */
@media (min-width:701px){
  .content:has(.community-shell){padding-left:0;padding-right:0;justify-content:stretch}
  .content:has(.community-shell)>.community-shell{width:100%;max-width:none;margin:0;border-left:0;border-right:0}
  .community-shell .community-fixed-top,.community-shell .community-scroll,.community-shell .community-bottom{width:100%;min-width:0}
  .community-shell .community-scroll:has(.community-chats){padding:0}
  .community-shell .community-chats{width:100%;max-width:none;margin:0;border-left:0;border-right:0;border-radius:0}
}

/* Course-specific decorative watermark follows the student's chosen accent. */
.learning-hero:after{display:none}
.learning-hero>.learning-course-watermark{position:absolute;right:1%;top:50%;width:clamp(230px,35vw,420px);height:clamp(230px,35vw,420px);transform:translateY(-50%) rotate(-19deg);color:color-mix(in srgb,var(--accent) 48%,#fff);opacity:.26;z-index:0;pointer-events:none;user-select:none}
.learning-course-watermark>svg{display:block;width:100%;height:100%;overflow:visible}
.learning-hero-copy,.hero-progress{position:relative;z-index:1}
@media(max-width:700px){.learning-hero>.learning-course-watermark{right:-45px;width:260px;height:260px;opacity:.19}}