/* Curso de Novos Membros — V6: interface reconstruída e navegação orientada a tarefas */
:root{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;--navy:#163d37;--navy2:#215348;--primary:#176c60;--gold:#b38b55;--surface:#fff;--paper:#f6f7f5;--line:#e6e9e5;--ink:#192d29;--muted:#71807c;background:#f6f7f5;color:var(--ink)}
body{background:#f6f7f5}
button{font-family:inherit}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8cbfb4;outline-offset:2px}
.modern-shell{min-height:100vh;min-width:0}
.app-header{height:80px;background:#fff;border-bottom:1px solid #e5e9e5;position:sticky;top:0;z-index:30}
.header-inner{height:100%;max-width:1320px;padding:0 28px;margin:auto;display:flex;align-items:center;gap:24px}
.app-brand{display:flex;align-items:center;gap:10px;flex:none}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:#e9f2ee;border:1px solid #dae6e0;border-radius:9px}
.brand-mark img{width:32px;height:32px;filter:brightness(.5) sepia(.5) saturate(2) hue-rotate(100deg)}
.brand-copy strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.5px;color:#183c35}
.brand-copy small{display:block;font-size:8px;font-weight:750;letter-spacing:1.1px;color:#81918b;margin-top:4px}
.top-nav{display:flex;gap:3px;align-items:stretch;height:100%;margin:auto}
.top-link{border:0;border-bottom:3px solid transparent;background:transparent;color:#6f8079;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;padding:0 12px;white-space:nowrap}
.top-link .svg{width:16px;height:16px}
.top-link.active{border-bottom-color:#247a69;color:#155c50;background:#f4f9f6}
.top-link:hover{color:#1d5c50;background:#f6f9f7}
.header-tools{display:flex;align-items:center;gap:10px;min-width:0}
.demo-tag{background:#f3f5ee;color:#798476;border:1px solid #e7e9e0;padding:7px 8px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.5px}
.header-tools .user-picker{max-width:195px;width:190px;height:36px;border:1px solid #e1e6e2;border-radius:5px;color:#334b45;background:#fff;padding:0 10px;font-size:11px}
.profile-button{width:35px;height:35px;border:0;border-radius:50%;color:#135c50;background:#e7f1ec;font-size:11px;font-weight:800;flex:none}
.modern-content{max-width:1220px;margin:auto;padding:34px 28px 75px;min-height:calc(100vh - 150px)}
.app-footer-note{font-size:10px;text-align:center;letter-spacing:.2px;color:#a0aaa6;padding:0 12px 32px}
.pagehead{margin:0 0 24px;gap:18px;align-items:center}
.pagehead h1{font-size:28px;line-height:1.2;letter-spacing:-.85px;font-weight:800}
.pagehead .subtitle{font-size:13px;color:#71807c;margin-top:8px;max-width:590px}
.eyebrow{font-size:10px;letter-spacing:1.2px;color:#428776;margin:0 0 9px;font-weight:800}
.btn{border-radius:6px;font-size:12px;min-height:42px;padding:11px 14px;border-color:#dfe6e1;font-weight:750;color:#23463d}
.btn.primary{background:#176c60;border-color:#176c60;color:#fff}
.btn.primary:hover{background:#11574e;border-color:#11574e}
.btn:not(.primary):hover{border-color:#acc9bf;background:#f8fbf8}
.btn:disabled{opacity:.55}
.card,.soft-panel,.list-row,.file-row{border-radius:8px;border-color:var(--line)}
.card{padding:22px}
.card h2{font-size:17px}
.stat-value{font-size:31px}
.list-row{min-height:64px;align-items:center;padding:14px 15px}
.list-row:hover{background:#f8fbf9}
.list-row.active{background:#eff7f2;border-color:#b5d7c7}
.list-row .grow{min-width:0}
.list-row strong{overflow-wrap:anywhere}
.list-row small{line-height:1.5}
.field label{color:#344e45}
.field input,.field select,.field textarea,.field>input,.select-inline{border-color:#dbe4de;border-radius:6px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#258575;box-shadow:0 0 0 3px #d9efe7}
.pill{border-radius:4px}
.pill.green{background:#e7f4ec;color:#216c4b}
.tabs button.active{border-bottom-color:#176c60;color:#176c60}
.info{border-left-color:#3f9579;background:#eff7f2;color:#4c7566}
/* home */
.welcome-hero{display:grid;grid-template-columns:1.1fr .78fr;gap:24px;align-items:center;background:#17483e;border:1px solid #245649;border-radius:12px;padding:38px 40px;position:relative;overflow:hidden;min-height:286px;color:#fff}
.welcome-hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff10;border-radius:50%;right:-120px;top:-200px;pointer-events:none}
.hero-content{position:relative;z-index:1}
.hero-kicker{display:flex;align-items:center;gap:8px;font-weight:750;font-size:10px;color:#abd3bf;letter-spacing:.65px;margin-bottom:17px;flex-wrap:wrap}
.hero-kicker .svg{width:16px;height:16px}
.hero-kicker span{color:#92ae9c}
.welcome-hero h1{color:#fff;font-size:clamp(23px,2.8vw,34px);line-height:1.16;letter-spacing:-1px;max-width:520px}
.welcome-hero p{font-size:13px;line-height:1.6;color:#bed5cb;max-width:440px;margin:12px 0 25px}
.hero-action{background:#f3f7f2!important;color:#155043!important;border-color:#f3f7f2!important;min-width:185px}
.hero-action:hover{background:#fff!important;border-color:#fff!important}
.next-lesson{position:relative;z-index:1;display:grid;grid-template-columns:70px 1fr 32px;gap:10px 12px;align-items:center;border:1px solid #ffffff2b;border-radius:10px;background:#ffffff12;padding:20px 16px}
.next-eyebrow{grid-column:1/-1;font-size:10px;color:#b1d0c2;font-weight:800;letter-spacing:.8px;margin-bottom:7px}
.next-number{font-size:48px;font-weight:800;letter-spacing:-3px;color:#f5f8f3}
.next-lesson small{font-size:9px;font-weight:750;color:#b9cfc3;letter-spacing:.5px}
.next-lesson h3{font-size:16px;color:white;line-height:1.25;margin:7px 0}
.next-lesson span{display:block;font-size:11px;line-height:1.5;color:#d2dfd7}
.next-lesson>button{background:#fff1;color:#fff;border:1px solid #fff3;border-radius:5px;min-height:34px}
.home-summary{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 22px}
.summary-label strong{display:block;font-size:14px;font-weight:800}
.summary-label span{display:block;font-size:11px;color:#788780;margin-top:5px}
.summary-stats{display:flex;align-items:center;gap:0;flex:1;max-width:520px;justify-content:space-around}
.summary-stats>div{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;border-left:1px solid #edf0ed}
.summary-stats strong{font-size:25px;font-weight:800;color:#225c51}
.summary-stats span{font-size:11px;color:#657b73}
.home-work{margin-top:35px}
.home-work .section-head h2,.course-highlight h2{font-size:22px;font-weight:800;letter-spacing:-.55px}
.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.task-card{display:flex;gap:15px;align-items:center;text-align:left;min-height:115px;border:1px solid #e6eae6;background:#fff;border-radius:9px;padding:20px;color:#253c33;min-width:0}
.task-card:hover{border-color:#a9cec0;background:#fcfefd;transform:translateY(-1px)}
.task-symbol{background:#ecf4ef;color:#286f5c;border-radius:8px;display:grid;place-items:center;width:44px;height:44px;flex:none}
.task-symbol .svg{width:23px;height:23px}
.task-copy{min-width:0;flex:1}
.task-copy strong{display:block;font-size:15px;line-height:1.4;letter-spacing:-.2px}
.task-copy small{display:block;font-size:12px;color:#798982;line-height:1.55;margin-top:5px}
.task-meta{display:block;font-size:10px;color:#31816d;font-weight:750;margin-top:8px}
.task-arrow{color:#9cad9f}.task-arrow .svg{width:17px;height:17px}
.featured-task{background:#f0f7f2;border-color:#d5e7dc}
.course-highlight{margin-top:38px;border-top:1px solid #e2e8e2;padding-top:29px}
.course-highlight-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.course-highlight-header p{font-size:12px;color:#85918c;margin-top:6px}
.module-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.module-preview-item{text-align:left;border:1px solid #e6eae6;border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:17px 13px;min-width:0;color:#263d36}
.module-preview-item .grow{min-width:0}
.module-preview-item .grow strong{display:block;font-size:12px;line-height:1.4}
.module-preview-item .grow small{display:block;color:#839187;font-size:10px;margin-top:5px}
.module-preview-item>.svg{width:15px;color:#8ba698}
.module-index{font-size:19px;font-weight:800;color:#55927b}
/* course catalog instead of compressed split sidebar */
.course-workspace{display:grid;grid-template-columns:355px minmax(0,1fr);gap:17px;align-items:start}
.course-catalog,.course-detail{border:1px solid #e4ebe5;background:white;border-radius:9px;min-width:0}
.course-catalog{overflow:hidden}
.catalog-top{background:#edf5ef;padding:22px 23px;border-bottom:1px solid #e0eae2}
.catalog-top h3{font-size:21px;letter-spacing:-.6px;margin-bottom:5px}
.catalog-top p{font-size:12px;color:#70857a;line-height:1.5}
.catalog-module{padding:17px 14px 8px;border-bottom:1px solid #edf0ec}
.catalog-module:last-child{border-bottom:0}
.catalog-module-title{display:flex;align-items:center;gap:11px;padding:0 6px 13px}
.catalog-module-title>span{display:grid;place-items:center;width:30px;height:30px;background:#e5f0e8;color:#206d57;border-radius:6px;font-size:11px;font-weight:800}
.catalog-module-title strong{display:block;font-size:12px;letter-spacing:-.1px}
.catalog-module-title small{display:block;font-size:10px;color:#9aaa9c;margin-top:3px}
.catalog-items{display:grid;gap:3px}
.catalog-item{display:flex;text-align:left;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#596d64;padding:12px 9px;border-radius:5px;line-height:1.45;font-size:12px}
.catalog-item.active{background:#eaf4ed;color:#1c6854;font-weight:750}
.catalog-item:hover{background:#f1f7f2}
.catalog-lesson-number{font-size:11px;color:#7b9a87;font-weight:800;flex:none}
.catalog-item .svg{width:15px;height:15px;flex:none}
.course-detail{padding:28px 28px;min-height:480px}
.course-back{display:none}
.lesson-heading{padding-bottom:15px}
.lesson-heading h2{font-size:26px;letter-spacing:-.9px;line-height:1.2}
.lesson-heading p{font-size:13px;color:#7c8b83;line-height:1.6;margin-top:9px}
.course-detail .tabs{margin:10px 0 22px}
.course-detail .soft-panel{background:#f6f9f6;border-color:#e2ebe4}
.course-detail .section{margin-top:22px}
.course-detail .section-head{flex-direction:row;align-items:center}
/* new user menu */
.menu-modal{max-width:550px;width:100%}
.menu-modal .modal-hd{flex-direction:row;align-items:center}
.menu-user{display:flex;align-items:center;gap:12px;background:#f0f6f1;border:1px solid #e0e9e1;padding:13px;border-radius:7px;margin-bottom:16px}
.menu-user-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d8eadd;color:#155d4a;font-size:13px;font-weight:800}
.menu-user strong{font-size:13px;display:block}
.menu-user small{font-size:11px;display:block;margin-top:4px}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.menu-link{display:flex;align-items:center;gap:11px;border:1px solid #e7ebe8;padding:13px 12px;background:#fff;border-radius:6px;min-height:54px;text-align:left;color:#2c4f40}
.menu-link:hover{background:#f7fbf7}
.menu-link span{flex:1;min-width:0;font-size:12px;font-weight:750}
.menu-link .svg{width:17px}
.menu-link .svg:last-child{width:13px;color:#a8b6aa}
.menu-demo{border-top:1px solid #e6ebe7;margin-top:20px;padding-top:18px}
.menu-demo label{display:block;font-size:12px;font-weight:750;margin-bottom:9px}
.menu-demo .user-picker{width:100%;max-width:none;display:block;padding:10px 11px;border:1px solid #d9e4db;background:#fff;border-radius:5px;font-size:14px}
.menu-demo p{font-size:11px;color:#839187;margin:8px 0 15px}
/* fresh login */
.fresh-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}
.login-story{padding:35px clamp(30px,5vw,85px);display:flex;justify-content:space-between;flex-direction:column;color:#fff;background:linear-gradient(155deg,#173f35,#1d6152)}
.login-story .brand-mark{background:#ffffff19;border-color:#ffffff36}
.login-story .brand-copy strong{color:#fff}
.login-story .brand-copy small{color:#b4d5bd}
.login-story .brand-mark img{filter:brightness(0) invert(1)}
.login-story-inner{margin:85px 0;max-width:500px}
.login-symbol{width:65px;height:65px;border:1px solid #9fcab633;display:grid;place-items:center;margin-bottom:27px;border-radius:9px;background:#ffffff10}
.login-symbol .svg{width:36px;height:36px}
.login-story .eyebrow{color:#c3d9be}
.login-story h1{font-size:clamp(34px,4.1vw,62px);font-weight:800;line-height:1.12;letter-spacing:-2px;color:#fff}
.login-story p{font-size:15px;color:#c6dfce;margin-top:21px;max-width:390px}
.login-features{display:flex;gap:17px;flex-wrap:wrap;margin-top:29px;font-size:10px;font-weight:800;letter-spacing:.7px;color:#d6e4d9}
.login-footer{font-size:10px;color:#aac8b6;letter-spacing:1px;font-weight:750}
.login-access{display:grid;place-items:center;padding:45px}
.login-form-card{width:min(410px,100%)}
.login-form-card h2{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:800;margin:4px 0 10px}
.login-form-card>p{color:#7d8c82;font-size:13px}
.login-warning{background:#f7f8f5;border:1px solid #edf0e9;padding:15px;font-size:11px;line-height:1.6;color:#77877c;margin-top:22px;border-radius:6px}
/* old existing pages, now in consistent frame */
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table th{background:#f3f7f3;color:#60786b}
.table td{overflow-wrap:anywhere}
.modal-cover{z-index:90}
.modal{border-radius:10px}
.file-icon{border-radius:6px}
.mobile-nav{display:none}
/* tablet */
@media(max-width:1150px){.header-inner{gap:13px}.top-link{padding:0 8px}.header-tools .user-picker{display:none}.modern-content{padding:30px 22px 70px}.module-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.course-workspace{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:900px){.app-header{height:70px}.top-nav,.demo-tag{display:none}.header-inner{justify-content:space-between;padding:0 20px}.modern-content{padding:24px 19px 100px}.welcome-hero{padding:29px;gap:17px}.next-lesson{grid-template-columns:55px 1fr 32px}.next-number{font-size:38px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-workspace{grid-template-columns:1fr}.course-workspace:not(.mobile-detail) .course-detail{display:none}.course-workspace.mobile-detail .course-catalog{display:none}.course-detail{min-height:0}.course-back{display:flex;align-items:center;gap:6px;color:#347260;border:0;background:transparent;padding:5px 0 20px;font-size:12px;font-weight:800}.mobile-nav{display:flex;justify-content:space-around;align-items:stretch;position:fixed;z-index:35;left:0;right:0;bottom:0;min-height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e2e8e1;box-shadow:0 -4px 18px #102b1908}.mobile-nav button{width:20%;border:0;background:transparent;color:#89998f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:10px;font-weight:650;padding:8px 2px 5px;min-width:0}.mobile-nav button .svg{width:20px;height:20px}.mobile-nav button.active{color:#166b56}.mobile-nav button.active:before{content:"";height:3px;width:24px;border-radius:0 0 3px 3px;background:#1c8068;position:absolute;top:0}.mobile-nav button span{display:block;white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.app-footer-note{padding-bottom:95px}.menu-modal{max-height:90vh}}
@media(max-width:650px){
 .app-header{height:64px}.header-inner{padding:0 16px}.brand-mark{height:38px;width:38px}.brand-mark img{width:27px;height:27px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:7px;letter-spacing:.6px}
 .modern-content{padding:20px 16px 100px}.pagehead{margin-bottom:18px}.pagehead h1{font-size:24px}.pagehead .subtitle{font-size:12px}.pagehead .actions{width:100%;margin-top:0}.pagehead .actions .btn{width:100%}
 .welcome-hero{grid-template-columns:1fr;padding:25px 22px;gap:20px;border-radius:9px}
 .welcome-hero h1{font-size:27px;line-height:1.19;max-width:440px}.hero-kicker{font-size:9px;margin-bottom:12px}.welcome-hero p{font-size:12px;margin:11px 0 18px}.hero-action{min-height:43px;width:auto!important}
 .next-lesson{padding:14px;grid-template-columns:45px 1fr 30px;gap:9px;border-radius:7px}.next-number{font-size:36px}.next-eyebrow{font-size:9px}.next-lesson h3{font-size:14px}.next-lesson span{font-size:10px}
 .home-summary{flex-direction:column;align-items:stretch;padding:15px;margin-top:11px;gap:13px}.summary-label strong{font-size:13px}.summary-stats{width:100%;max-width:none;border-top:1px solid #edf0ed;padding-top:13px}.summary-stats>div{flex-direction:column;gap:1px;border-left:1px solid #edf0ed}.summary-stats>div:first-child{border-left:0}.summary-stats strong{font-size:25px}.summary-stats span{font-size:10px}
 .home-work{margin-top:27px}.home-work .section-head h2,.course-highlight h2{font-size:19px}
 .task-grid{grid-template-columns:1fr;gap:9px}.task-card{min-height:89px;padding:15px;gap:12px;border-radius:7px}.task-symbol{height:41px;width:41px}.task-symbol .svg{height:20px;width:20px}.task-copy strong{font-size:14px}.task-copy small{font-size:11px;margin-top:3px}.task-meta{font-size:10px;margin-top:5px}
 .course-highlight{margin-top:28px;padding-top:25px}.course-highlight-header{flex-direction:column;align-items:flex-start;gap:13px}.course-highlight-header .btn{width:100%}.module-preview{grid-template-columns:1fr;gap:8px}.module-preview-item{padding:13px 14px}.module-index{font-size:17px}
 .catalog-top{padding:20px}.catalog-module{padding:14px 11px 7px}.catalog-item{padding:13px 9px;font-size:13px}.catalog-item .grow{line-height:1.4}
 .course-detail{padding:19px 16px;border-radius:7px}.lesson-heading h2{font-size:22px}.course-detail .tabs button{flex:1;padding:11px 8px;font-size:11px}.course-detail .tabs{margin:5px 0 16px;overflow-x:auto}.course-detail .section-head{gap:8px}.course-detail .section-head h3{font-size:14px}
 .menu-modal{padding:20px 15px}.menu-grid{grid-template-columns:1fr}.menu-link{min-height:49px}
 .modal-cover{padding:0;place-items:end center}.modal{width:100%;max-height:95dvh;max-width:none;border-radius:15px 15px 0 0;padding:21px 16px 28px}.modal.wide{width:100%}
 .modal-hd{flex-direction:row!important;align-items:flex-start!important}.modal button.close{align-self:auto}
 .table{min-width:620px}.table-wrap{margin:0 -5px;max-width:calc(100% + 10px)}.card{padding:16px}.grid,.grid.two{grid-template-columns:1fr!important}.stat-value{font-size:26px}.actions{gap:8px}
 .fresh-login{grid-template-columns:1fr}.login-story{padding:25px 22px 24px;min-height:265px;gap:10px}.login-story-inner{margin:20px 0 0}.login-symbol{display:none}.login-story h1{font-size:30px;letter-spacing:-1px;max-width:360px}.login-story p{font-size:12px;margin-top:10px}.login-features{margin-top:14px;font-size:9px;gap:10px}.login-footer{display:none}.login-access{padding:29px 20px 40px}.login-form-card h2{font-size:24px}
}
/* Do not override print behavior for horizontal certificates */
@media print{.app-header,.app-footer-note,.modern-shell .mobile-nav,.welcome-hero,.pagehead,.home-summary,.task-grid,.course-highlight,.menu-modal{display:none!important}.modern-shell,.modern-content{display:block!important;max-width:none!important;padding:0!important;margin:0!important;min-height:0!important}.cert{width:297mm!important;height:210mm!important}}

/* administrative records: readable without horizontal scrolling */
.management-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.management-summary>div{background:#fff;border:1px solid #e4eae4;border-radius:7px;padding:17px 20px;display:flex;align-items:center;gap:13px}
.management-summary strong{font-size:26px;color:#27745e;font-weight:800}
.management-summary span{font-size:12px;color:#7b8b82}
.person-grid,.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.person-card,.manager-card{min-width:0;background:#fff;border:1px solid #e3e9e3;border-radius:9px;padding:19px}
.person-header{display:flex;align-items:center;gap:11px;min-width:0}
.person-avatar{background:#ebf3ec;color:#20634e;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:7px;font-size:12px;font-weight:800}
.person-header .grow{min-width:0}
.person-header strong{display:block;font-size:14px;line-height:1.35}
.person-header small{display:block;font-size:11px;margin-top:5px;word-break:break-word}
.person-header .pill{flex:none}
.person-details{display:grid;gap:10px;margin:17px 0;border-top:1px solid #e7ece7;padding-top:15px}
.person-details>div{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:11px}
.person-details span{color:#89998f;flex:none}
.person-details strong{font-size:11px;color:#41584b;line-height:1.35;text-align:right;overflow-wrap:anywhere}
.person-actions{display:flex;gap:8px;flex-wrap:wrap}
.manager-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#ecf5ef;color:#25735c;margin-bottom:16px}
.manager-card h2{font-size:20px;letter-spacing:-.5px}
.manager-card-stats{display:flex;gap:6px;justify-content:space-around;align-items:center;border-top:1px solid #e6ebe6;border-bottom:1px solid #e6ebe6;margin:17px 0;padding:15px 0}
.manager-card-stats div{text-align:center;flex:1}
.manager-card-stats strong{display:block;font-size:23px;font-weight:800;color:#26725d}
.manager-card-stats span{display:block;font-size:10px;color:#819187;margin-top:4px}
.brand-mark{color:#fff;background:#17483e;border-color:#17483e}
.brand-mark .svg{width:26px;height:26px}
.toast{bottom:84px}
@media(max-width:650px){.management-summary{gap:7px}.management-summary>div{flex-direction:column;gap:3px;padding:13px 7px;text-align:center}.management-summary strong{font-size:23px}.management-summary span{font-size:10px;line-height:1.3}.person-grid,.management-grid{grid-template-columns:1fr}.person-card,.manager-card{padding:16px}.person-actions{flex-wrap:nowrap}.person-actions .btn{flex:1;width:auto!important;font-size:11px}.person-header .pill{font-size:9px;padding:4px 5px}.person-header strong{font-size:13px}.toast{bottom:calc(85px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:none}}