/* TeamLink Studio: identidade editorial, azul petróleo e movimento contido. */
:root{
  --canvas:#0a151b;--surface:#10232d;--surface-2:#18313e;--line:#2e4b57;
  --ink:#f3f7f6;--muted:#a8bec5;--muted-2:#88a7b0;
  --blue:#8bd2e4;--action:#1c7891;--action-hover:#2890a9;--action-border:#3b9ab2;
  --green:#75e6aa;--shadow-soft:none;--sidebar:268px;
}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:-.005em}
.soft-nav-committing{overflow-anchor:none}
.app-shell,.workspace{background:#0a151b!important}
.workspace{min-height:100vh;isolation:isolate}
.workspace:after{content:"";position:fixed;inset:0 0 0 var(--sidebar);z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(121,187,205,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(121,187,205,.032) 1px,transparent 1px),radial-gradient(ellipse at 78% 3%,rgba(26,108,131,.13),transparent 42%);background-size:46px 46px,46px 46px,auto;mask-image:linear-gradient(#000,transparent 75%)}
.sidebar{background:#0b171e;border-right:1px solid #27424d;padding:24px 12px 16px}
.brand{padding:3px 10px 30px}.brand-copy strong{font-size:23px}.brand-copy span{font-size:10px;color:#9ab7c1}
/* The symbol belongs to the interface surface, without a white tile. */
.logo-mark,.mangue-login .auth-brand-symbol.logo-mark{display:grid;place-items:center;overflow:visible;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0}
.logo-mark img,.mangue-login .auth-brand-symbol.logo-mark img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;clip-path:none;filter:drop-shadow(0 5px 10px rgba(15,70,173,.2))}
.brand-symbol.logo-mark{width:47px;height:47px}
.mangue-login .auth-brand-symbol.logo-mark{width:51px;height:51px}
.logo-hero-frame{display:grid;place-items:center;overflow:visible;width:118px;height:118px;border:0;background:transparent;box-shadow:none}
.logo-hero-frame img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(9,33,79,.36))}
.kanban-drag-active{user-select:none;cursor:grabbing}
.kanban-drag-active .kanban-drag-handle{cursor:grabbing}
.teamlink-kanban-card[data-movable="true"],.teamlink-kanban-card[data-movable="true"]:active{cursor:default}
.kanban-touch-ghost{width:max-content;max-width:min(230px,60vw);will-change:transform}
@media(max-width:700px){.mangue-login .auth-brand-symbol.logo-mark{width:43px;height:43px}.logo-hero-frame{width:82px;height:82px}}
.nav-label{font-family:Consolas,"Cascadia Code",monospace;color:#72939e;font-size:10px;font-weight:600;letter-spacing:.16em}
.nav-item{font-size:13px;min-height:45px;border-radius:8px;color:#afc5cc;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.nav-item:hover{background:#142a34;border-color:#3a6170;color:#fff;transform:translateX(2px)}
.nav-item.active{background:#193946;border-color:#477587;color:#f4f9f8;box-shadow:inset 3px 0 0 #79d7e9}
.nav-item.active svg{color:#a8dfeb}
.sidebar-card{background:#152b36;border-color:#31525f;border-radius:10px}
.sidebar-card-icon{background:#254c5a;color:#d9f4f7}
.workspace-masthead{position:sticky;top:0;z-index:25;display:flex;justify-content:space-between;align-items:center;gap:20px;height:58px;padding:0 clamp(24px,3.4vw,58px);background:rgba(10,21,27,.88);border-bottom:1px solid #28434f;backdrop-filter:blur(16px)}
.masthead-path{display:flex;align-items:center;gap:16px;min-width:0;font-family:Consolas,"Cascadia Code",monospace;font-size:12px;color:#c6d9dd;white-space:nowrap}
.masthead-brand{color:#f5faf9;font-weight:800;letter-spacing:-.07em;font-size:19px}.masthead-dot{color:var(--green)}
.masthead-separator{color:#52717c}.current-view{overflow:hidden;text-overflow:ellipsis}
.masthead-caption{font-family:Consolas,"Cascadia Code",monospace;color:#71939f;font-size:10px;letter-spacing:.15em;white-space:nowrap}.masthead-caption span{color:#68c4d7}
.main-content{position:relative;max-width:1460px;padding:44px clamp(24px,3.4vw,58px) 90px}
.section-kicker,.eyebrow{font-family:Consolas,"Cascadia Code",monospace;color:#7fd2e3;font-size:11px;font-weight:700;letter-spacing:.16em}
.section-kicker:before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;background:var(--green);border-radius:50%;vertical-align:2px;box-shadow:0 0 10px rgba(117,230,170,.35)}
.page-hero{position:relative;min-height:170px;align-items:end;padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid #365563;gap:24px}
.page-hero:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:#77d3e4}
.page-hero h1{max-width:950px;margin:12px 0 13px;font-size:clamp(39px,4.1vw,68px);font-weight:760;line-height:1.02;letter-spacing:-.065em;text-wrap:balance}
.page-hero p{max-width:700px;font-size:15px;line-height:1.6;color:#b3cbd1}
.page-title h2,.main-content>h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.055em}
.page-title p{font-size:14px}
.panel-header h2{font-size:clamp(21px,1.8vw,28px);letter-spacing:-.045em}.panel-header p{font-size:13px;line-height:1.55}
.panel,.card,.metric-card,.team-card,.member-card,.class-select-card,.onboarding-card,.submission-card,.review-card,.chat-shell,.activity-card,.summary-card,.score-card,.content-card{border-radius:12px;background:rgba(18,39,49,.86);border-color:#345461;box-shadow:none}
.panel{padding:27px}.panel:hover{border-color:#426879}
.button-link,.primary,button.primary,.auth-submit{border-radius:7px;font-size:13px;min-height:43px;box-shadow:none!important;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.button-link:hover,.primary:hover,button.primary:hover,.auth-submit:hover{box-shadow:0 8px 28px rgba(14,125,151,.2)!important;transform:translateY(-2px)}
.button-link.secondary,.button-link.ghost,.mini-button,.icon-action{border-radius:7px;background:#193440!important;border-color:#416b79!important;font-size:12px}
.button-link.secondary:hover,.button-link.ghost:hover,.mini-button:hover,.icon-action:hover{background:#224754!important;border-color:#7bb6c8!important}
input,select,textarea{background:#0d2029;border-color:#41616d;color:#eef8f9;border-radius:7px;font-size:13px}
input:focus,select:focus,textarea:focus{background:#142d38;border-color:#84cbdd;box-shadow:0 0 0 3px rgba(113,207,225,.14)}
.teamlink-home-hero{min-height:228px}.teamlink-home-hero h1{font-size:clamp(54px,6vw,91px);letter-spacing:-.075em}.teamlink-home-hero p{font-size:16px}
.teamlink-home-hero>.button-link{align-self:end;margin-bottom:5px}
.teamlink-overview{gap:0;border:1px solid #355361;border-radius:11px;overflow:hidden;margin-bottom:27px;background:rgba(16,36,46,.72)}
.teamlink-overview-card{min-height:145px;padding:23px 25px;border:0;border-right:1px solid #355361;border-radius:0;background:transparent;box-shadow:none;transition:background .2s ease}
.teamlink-overview-card:last-child{border-right:0}.teamlink-overview-card:hover{background:rgba(57,109,127,.16)}
.teamlink-overview-card>span{font-family:Consolas,"Cascadia Code",monospace;color:#9dc0ca;font-size:10px;letter-spacing:.1em}
.teamlink-overview-card>strong{font-size:43px;font-weight:750;letter-spacing:-.07em}.teamlink-overview-card>small{font-size:12px;color:#9cb7c0}
.teamlink-overview-card.needs-attention{background:rgba(157,90,80,.09)}
.teamlink-home-grid{gap:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.teamlink-home-panel{padding:27px}.teamlink-home-panel .panel-header h2{font-size:27px}.teamlink-home-panel .panel-header p{font-size:13px}
.teamlink-space-list,.teamlink-next-list{gap:0;border-top:1px solid #365360}
.teamlink-space-card,.teamlink-next-task{min-height:76px;padding:14px 9px;border:0;border-bottom:1px solid #365360;border-radius:0;background:transparent;transition:background .2s ease,padding .2s ease,color .2s ease}
.teamlink-space-card:hover,.teamlink-next-task:hover{padding-left:17px;border-color:#567b89;background:rgba(69,124,143,.13);transform:none}
.teamlink-space-card:last-child,.teamlink-next-task:last-child{border-bottom:0}
.teamlink-space-icon,.teamlink-next-state{border-radius:7px;background:#20434f;border-color:#487786;color:#bfe7ed}
.teamlink-space-copy strong,.teamlink-next-copy strong{font-size:14px}.teamlink-space-copy small,.teamlink-next-copy small{font-size:12px}
.teamlink-next-task.overdue{background:rgba(159,96,86,.1);border-color:#70534e}.teamlink-next-task.overdue:hover{background:rgba(159,96,86,.17)}
.student-metrics{gap:0;border:1px solid #385967;border-radius:11px;overflow:hidden;margin-bottom:34px;background:#122833}
.student-metrics .metric-card{min-height:128px;border:0;border-right:1px solid #385967;border-radius:0;background:transparent;padding:22px}.student-metrics .metric-card:last-child{border-right:0}
.student-metrics .metric-icon{width:38px;height:38px;border-radius:7px}.student-metrics .metric-card strong{font-size:37px;letter-spacing:-.07em}
.student-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:tools}
.student-tools-grid>a{min-height:167px;padding:23px;border-radius:10px;background:#142d38;border-color:#3b6070;transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;counter-increment:tools}
.student-tools-grid>a:before{content:"0" counter(tools);position:absolute;right:22px;bottom:19px;color:#678b98;font-family:Consolas,"Cascadia Code",monospace;font-size:11px}
.student-tools-grid>a:hover{background:#1b3d4c;border-color:#83c4d5;transform:translateY(-4px);box-shadow:0 15px 36px rgba(0,0,0,.15)}
.student-tools-grid strong{font-size:18px;letter-spacing:-.03em}.student-tools-grid small{font-size:12px}.student-tool-icon{width:40px;height:40px;margin-bottom:11px;border-radius:7px}
.content-feed{max-width:1100px;gap:10px}.content-card{padding:20px 24px;border-radius:9px;transition:border-color .2s ease,background .2s ease}.content-card:hover{border-color:#6b9aab;background:#1a3440}.content-card h2{font-size:20px;letter-spacing:-.025em}
.content-card .panel-badge,.content-card .content-type{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 10px;border:1px solid #3b6775;border-radius:5px;background:#214350;color:#b8e0e8;font-family:Consolas,"Cascadia Code",monospace;font-size:10px;line-height:1.1;letter-spacing:.07em}
.content-card .type-chip{display:inline-flex;align-items:center;gap:8px;min-height:27px;padding:5px 9px;border:1px solid #3b6775;border-radius:5px;background:#214350;color:#b8e0e8;font-family:Consolas,"Cascadia Code",monospace;font-size:10px;line-height:1.1;letter-spacing:.08em}
.content-card .type-chip svg{display:block;flex:none;width:14px;height:14px}
.content-card .panel-badge svg,.content-card .content-type svg{width:14px;height:14px}
.content-card-head{align-items:center}.content-card-head p,.content-description{font-size:13px}
.teamlink-kanban-lane{border-radius:9px;background:#10242e;border-color:#355663}.teamlink-kanban-lane>header{background:#1a3946;min-height:72px}.teamlink-kanban-card,.legacy-kanban .teamlink-kanban-card{border-radius:8px;background:#1b3946;border-color:#436674;padding:16px}
.teamlink-kanban-card h3,.legacy-kanban .teamlink-kanban-card h3{font-size:15px;line-height:1.4}.teamlink-kanban-card p,.legacy-kanban .teamlink-kanban-card p{font-size:12px}.kanban-card-meta{font-size:12px}
.tools-jump a{border-radius:6px;background:#183744;border-color:#456d7d;font-size:12px}.tools-jump a:hover{background:#245368;border-color:#85c9da}
.teamlink-task-page{max-width:none}
.main-content:has(#project-search) .content-grid{display:block}
.main-content:has(#project-search) .content-grid>.panel{margin-bottom:18px}
.main-content:has(#project-search) .content-grid .class-admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.main-content:has(#project-search) .content-grid .class-admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:86px;padding:16px;border:1px solid #3a5e6c;border-radius:8px;background:#19333f}
.main-content:has(#project-search) .content-grid .class-admin-row:hover{border-color:#7bb6c8;background:#204452}
.main-content:has(#project-search) .class-admin-main{min-width:0}
.main-content:has(#project-search) .class-admin-main strong{font-size:14px;line-height:1.35}
.main-content:has(#project-search) .class-admin-main span{font-size:12px;line-height:1.5;color:#a9c2ca}
.main-content:has(#project-search) .class-admin-row:not(:has(.class-card-icon)) .class-admin-main strong,.main-content:has(#project-search) .class-admin-row:not(:has(.class-card-icon)) .class-admin-main span{white-space:normal;overflow:visible;text-overflow:clip}
.main-content:has(#project-search) .class-admin-row .mini-button{flex:none}
.main-content:has(#project-search)>.panel:has(.class-admin-list) .class-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.main-content:has(#project-search)>.panel:has(.class-admin-list) .class-admin-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px;min-width:0;padding:13px 15px;border:1px solid #365664;border-radius:7px;background:#162e39}
.main-content:has(.teamlink-project-hero) .content-grid{align-items:start}
.main-content:has(.student-tool-section) .content-grid{align-items:start}
.content-availability-note{display:flex;align-items:flex-start;gap:11px;max-width:1100px;margin:0 0 14px;padding:12px 15px;border:1px solid #587071;border-radius:8px;background:#243c41;color:#dce8e9;font-size:12px;line-height:1.5}
.content-availability-note svg,.content-unavailable svg{width:17px;height:17px;flex:none;color:#cfca9a}
.content-unavailable{display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:12px;color:#bccbd0;font-size:11px;line-height:1.4}
.chat-messages-modern.chat-empty{display:grid;place-items:center;height:min(34vh,260px);min-height:175px}
.chat-empty .empty-state{padding:15px}
.teamlink-task-filters{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 23px;margin-bottom:18px}
.teamlink-task-filters .panel-header{margin:0;flex:none}.teamlink-task-filters .panel-header h2{margin-bottom:0}
.teamlink-task-filters .inline-action{display:flex;flex-wrap:wrap;gap:8px}.teamlink-task-filters .mini-button[aria-current="page"]{background:#27637a!important;border-color:#87c8d8!important;color:#fff!important}
.student-activity-row{min-height:68px;gap:13px;padding:13px 10px;margin:0 -10px;border-radius:7px;transition:background .18s ease}
.student-activity-row:hover{background:#1c3945}.student-activity-row .task-copy{min-width:0}.student-activity-row .task-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.student-activity-row .task-copy span{font-size:11px;line-height:1.5}
.student-activity-row .task-action,.student-activity-row .task-planned{justify-self:end}
.submission-card .feedback-box{background:#203b48;border:1px solid #466b79;color:#e3f0f2;padding:13px!important;gap:9px;font-size:12px;line-height:1.55}
.submission-card .feedback-box p{color:#e3f0f2;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.submission-card .feedback-box svg{flex:none;color:#91d9e7}
.teamlink-task-page .teamlink-next-copy strong,.teamlink-task-page .teamlink-next-copy small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.teamlink-task-page .teamlink-next-task{align-items:flex-start}
.teamlink-task-page .teamlink-next-state,.teamlink-task-page .teamlink-next-meta{flex:none}
.legacy-project-work{margin-bottom:20px}.legacy-project-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px}
.legacy-project-group{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid #3b6270;border-radius:8px;background:#193540;color:#e9f5f7;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.legacy-project-group:hover,.legacy-project-group:focus-visible{background:#244b5b;border-color:#83c5d4;transform:translateY(-2px)}
.legacy-project-group-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:7px;background:#285568;color:#d0eef3}
.legacy-project-group-copy{display:grid;gap:4px;min-width:0;flex:1}.legacy-project-group-copy strong{font-size:13px;overflow-wrap:anywhere}.legacy-project-group-copy small{color:#b4cdd3;font-size:11px}
.legacy-project-group>svg:last-child{width:16px;height:16px;flex:none;color:#9fd9e5}
.main-content:has(.teamlink-project-hero) .class-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border:0;border-bottom:1px solid #365461;background:transparent}
.main-content:has(.teamlink-project-hero) .class-admin-main strong{font-size:13px}
.main-content:has(.teamlink-project-hero) .class-admin-main span,.main-content:has(.teamlink-project-hero) .class-admin-main small{font-size:12px;line-height:1.45}
.main-content:has(.teamlink-project-hero) .class-admin-row:not(:has(.class-card-icon)) .class-admin-main strong,.main-content:has(.teamlink-project-hero) .class-admin-row:not(:has(.class-card-icon)) .class-admin-main span{white-space:normal;overflow:visible;text-overflow:clip}
.teamlink-next-task:focus-visible,.teamlink-space-card:focus-visible,.student-tools-grid>a:focus-visible,.nav-item:focus-visible{outline:2px solid #9de2ee;outline-offset:-2px}
@media(max-width:1180px){.teamlink-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.teamlink-overview-card:nth-child(2){border-right:0}.teamlink-overview-card:nth-child(-n+2){border-bottom:1px solid #355361}.teamlink-home-grid{grid-template-columns:1fr}.student-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.student-metrics .metric-card:nth-child(2){border-right:0}.student-metrics .metric-card:nth-child(-n+2){border-bottom:1px solid #385967}}
@media(max-width:900px){.workspace:after{left:0}.workspace-masthead{height:55px;padding:0 72px 0 20px}.masthead-caption{display:none}.main-content{padding:32px 20px 65px}.page-hero{min-height:145px}.page-hero h1{font-size:clamp(38px,7vw,60px)}}
@media(max-width:800px){.main-content:has(#project-search)>.panel:has(.class-admin-list) .class-admin-list{grid-template-columns:1fr}}
@media(max-width:620px){.workspace-masthead{padding-left:16px}.main-content{padding:27px 16px 55px}.page-hero{min-height:0;align-items:start;gap:20px;padding-bottom:24px}.page-hero h1{font-size:clamp(38px,11vw,54px)}.page-hero p{font-size:14px}.teamlink-home-hero h1{font-size:clamp(49px,12vw,70px)}.teamlink-overview-card{min-height:120px;padding:16px}.teamlink-overview-card>strong{font-size:34px}.teamlink-overview-card>small{font-size:11px}.teamlink-home-panel{padding:19px}.student-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.student-tools-grid>a{min-height:142px;padding:15px}.student-tools-grid strong{font-size:15px}.student-tools-grid small{font-size:11px}.student-tools-grid>a:before{right:12px;bottom:10px}.student-metrics .metric-card{padding:15px}.student-metrics .metric-card strong{font-size:28px}.panel{padding:19px}.content-card{padding:17px}}
@media(max-width:620px){.teamlink-task-filters{align-items:stretch;flex-direction:column;gap:13px;padding:17px}.teamlink-task-filters .inline-action{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.teamlink-task-filters .mini-button{display:grid;place-items:center;text-align:center;padding:6px 4px;line-height:1.25;font-size:10px;min-width:0}.chat-messages-modern.chat-empty{height:min(28vh,210px);min-height:145px}}
@media(max-width:430px){.teamlink-overview-card>span{font-size:9px;letter-spacing:.02em}.teamlink-space-card,.teamlink-next-task{gap:9px}.student-tool-icon{width:34px;height:34px}.student-tools-grid>a{min-height:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Letras menos comprimidas nos títulos, mantendo a identidade TeamLink. */
.masthead-brand{letter-spacing:-.025em}
.page-hero h1{letter-spacing:-.03em;line-height:1.1}
.page-title h2,.main-content>h2{letter-spacing:-.02em;line-height:1.15}
.panel-header h2{letter-spacing:-.015em}
.teamlink-home-hero h1{letter-spacing:-.035em}
.teamlink-overview-card>strong,.student-metrics .metric-card strong{letter-spacing:-.025em}
.auth-showcase-copy h1{letter-spacing:-.025em;line-height:1.15}
.mangue-login .auth-showcase h1{letter-spacing:-.025em;line-height:1.15}
.login-heading h2{letter-spacing:-.02em}

.teamlink-space-lifecycle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding:22px;border:1px solid #355361;border-radius:16px;background:#192934}
.teamlink-space-lifecycle h3{margin:0 0 7px;font-size:18px}
.teamlink-space-lifecycle p{margin:0 0 8px;color:#abc0ca;line-height:1.55}
.teamlink-space-lifecycle p:last-child{margin-bottom:0}
.teamlink-space-lifecycle form{margin:0}
.teamlink-space-danger{align-items:start;border-color:#785053;background:#2a252d}
.teamlink-space-danger form{display:grid;gap:9px;min-width:min(100%,270px)}
.teamlink-space-danger label{font-size:13px;line-height:1.5}
.teamlink-space-danger input{width:100%}
.teamlink-space-danger .danger-button{justify-self:start}
@media(max-width:720px){.teamlink-space-lifecycle{grid-template-columns:1fr}.teamlink-space-danger form{min-width:0}}