/* Talent Magnet application experience: calmer canvas, sharper working UI */
body.tm-planner-app,body.tm-editor-app{background:#F3F7FC!important;color:#10233F!important;font-family:'DM Sans',system-ui,Arial,sans-serif!important}
.tm-planner-app h1,.tm-planner-app h2,.tm-planner-app h3,.tm-editor-app h1,.tm-editor-app h2,.tm-editor-app h3{font-family:'DM Sans',system-ui,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.05em!important;line-height:1.13!important}
.tm-planner-app .nav{background:#fff!important;color:#182B46!important;border-bottom:1px solid #D6E0EC!important;box-shadow:none!important}
.tm-planner-app .nav .brand,.tm-planner-app .nav .navlinks a{color:#162743!important}
.tm-planner-app .nav .brand,.tm-editor-app .topbar .wordmark{font-family:'DM Sans',system-ui,Arial,sans-serif!important;font-size:24px!important;font-weight:850!important;letter-spacing:-.075em!important}
.tm-planner-app .mast{position:relative;background:#fff!important;color:#132440!important;border-bottom:1px solid #DEE5EF!important;padding:60px 0 65px!important}
.tm-planner-app .mast:before{position:absolute;content:"";width:8px;top:0;bottom:0;left:0;background:linear-gradient(#F6A178,#E27153,#B84957)}
.tm-planner-app .mast h1{font-size:clamp(37px,4.7vw,72px)!important;font-weight:850!important;color:#132542!important;line-height:1.04!important;max-width:790px!important}
.tm-planner-app .mast p{color:#52627B!important;line-height:1.7!important;font-size:16px!important;max-width:720px!important}
.tm-planner-app .mast .asidehero{border:0!important;border-top:3px solid #E97454!important;background:#EEF3FA!important;color:#24364F!important;border-radius:2px!important;box-shadow:none!important}
.tm-planner-app .mast .asidehero :is(h3,p){color:#24364F!important}
.tm-planner-app .layout{background:#F3F7FC!important}
.tm-planner-app .tabs{background:#F3F7FC!important;border-bottom:1px solid #C8D5E4!important;gap:4px!important}
.tm-planner-app .tabs button{border-radius:2px!important;font-weight:800!important;border:0!important;background:transparent!important;color:#53627A!important}
.tm-planner-app .tabs button.active{border-bottom:3px solid #D96751!important;color:#142743!important;background:#fff!important}
.tm-planner-app .main .panel,.tm-planner-app .panel{background:#fff!important;color:#132641!important;border:1px solid #DCE5EF!important;border-radius:6px!important;box-shadow:none!important}
.tm-planner-app .panel h2{font-size:clamp(27px,3vw,42px)!important;color:#132743!important}
.tm-planner-app .panel p,.tm-planner-app .panel .intro{color:#55637A!important;line-height:1.65!important}
.tm-planner-app input,.tm-planner-app select,.tm-planner-app textarea{background:#fff!important;border-color:#BDCADB!important;color:#122744!important;border-radius:5px!important}
.tm-planner-app button.primary,.tm-planner-app button.next,.tm-planner-app .next,.tm-editor-app button.primary,.tm-editor-app button.next{background:linear-gradient(110deg,#F0956B,#E36E50 58%,#B84B59)!important;color:#fff!important;border:0!important;border-radius:5px!important}
.tm-planner-app input:focus-visible,.tm-planner-app button:focus-visible,.tm-editor-app button:focus-visible{outline:2px solid #E37456!important;outline-offset:2px!important}
.tm-planner-app .eyebrow,.tm-editor-app .page-number{color:#BD5947!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important}
.tm-planner-app .card{box-shadow:none!important;border:1px solid #DCE5EF!important;background:#fff!important}
.tm-editor-app .topbar{background:#fff!important;color:#132641!important;border-bottom:1px solid #D7E1EE!important}
.tm-editor-app .topbar a,.tm-editor-app .topbar .wordmark{color:#122642!important}
.tm-editor-app .workspace{background:#F2F6FB!important}
.tm-editor-app .rail{background:#EAF1F9!important;border-right:1px solid #D1DCEB!important;color:#162844!important}
.tm-editor-app .rail h1{font-size:clamp(27px,2.9vw,43px)!important;color:#142743!important}
.tm-editor-app .rail p,.tm-editor-app .rail .security-note{color:#51647D!important}
.tm-editor-app .rail-heading{color:#B95748!important}
.tm-editor-app .rail .nav{background:transparent!important;border:0!important;box-shadow:none!important}
.tm-editor-app .rail .nav button{border-radius:4px!important;color:#364D68!important}
.tm-editor-app .rail .nav button.active{background:#fff!important;color:#102540!important;border-left:3px solid #DD7053!important}
.tm-editor-app .work-main{background:#F8FAFD!important;color:#142743!important}
.tm-editor-app .editor-page h2{font-size:clamp(29px,3.6vw,48px)!important;color:#142943!important}
.tm-editor-app .editor-page p.lead{color:#566880!important;line-height:1.67!important}
.tm-editor-app .editor-page .card,.tm-editor-app .research-grid>div,.tm-editor-app .action-card{box-shadow:none!important;border-radius:5px!important;background:#fff!important;border-color:#D9E3EF!important}
.tm-editor-app input,.tm-editor-app select,.tm-editor-app textarea{border-color:#BDCBDD!important;background:#fff!important;border-radius:5px!important;color:#152A46!important}
.tm-editor-app .editor-page .next{color:#fff!important}
.tm-editor-app .status{color:#53637A!important}
@media(max-width:760px){
 .tm-planner-app .mast{padding:45px 0 50px!important}
 .tm-editor-app .rail{border-right:0!important;border-bottom:1px solid #CCD8E7!important}
}
@media print{body.tm-planner-app,body.tm-editor-app{background:#fff!important}}

/* Responsive overflow guard for the existing planning controls. */
.tm-planner-app,.tm-planner-app .layout,.tm-planner-app .mastin,.tm-planner-app .main,.tm-planner-app .panel,.tm-planner-app .tabs{max-width:100%!important;min-width:0!important}
.tm-planner-app{overflow-x:clip}
.tm-planner-app .layout{width:min(100%,1180px)!important}
.tm-planner-app .tabs{overflow-x:auto!important}
.tm-planner-app .mixrow{min-width:0!important}
.tm-planner-app .panel .grid{min-width:0!important}
@media(max-width:650px){.tm-planner-app .mixrow{grid-template-columns:minmax(0,1fr) 72px!important;gap:8px!important}.tm-planner-app .mixrow> :nth-child(3){grid-column:1/-1}.tm-planner-app .stats{grid-template-columns:1fr!important}}


/* Planner hero uses the same dark brand foundation. */
.tm-planner-app .mast{
 background:
 radial-gradient(ellipse 57% 90% at 96% 7%,rgba(236,109,75,.18),transparent 74%),
 radial-gradient(ellipse 75% 80% at 70% 100%,rgba(38,105,181,.20),transparent 80%),
 linear-gradient(115deg,#07152B,#0C2342 62%,#133758)!important;
 border-bottom:1px solid #263F5D!important;
 color:#FCFDFF!important
}
.tm-planner-app .mast h1{color:#FCFDFF!important}
.tm-planner-app .mast p{color:#D5E1EF!important}
.tm-planner-app .mast .asidehero{
 background:rgba(10,27,51,.53)!important;
 border:1px solid rgba(224,234,247,.22)!important;
 border-top:3px solid #F09572!important;
 border-radius:5px!important;
 box-shadow:none!important
}
.tm-planner-app .mast .asidehero h3{color:#FFFFFF!important}
.tm-planner-app .mast .asidehero p{color:#CFDCEB!important}
.tm-planner-app .mast:before{background:linear-gradient(#FFB084,#E87053,#BD4D60)!important}