[hidden]{display:none!important}
:root{--ink:#142a3b;--muted:#667b8c;--line:#dbe6ef;--paper:#f3f7fb;--white:#fff;--forest:#006eae;--forest-2:#00578d;--mint:#42afe0;--mint-dark:#087ab7;--amber:#ff7b32;--red:#c95b52;--shadow:0 14px 40px rgba(0,83,139,.10);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--forest);color:#fff;padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:41px;height:41px;border-radius:13px;background:var(--mint);color:var(--forest);display:grid;place-items:center;font:800 15px Manrope}.brand strong{font:700 18px Manrope;display:block}.brand small,.sidebar-foot small{display:block;color:#a9bfba;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:5px;margin-top:26px}.nav-item{border:0;background:transparent;color:#bbcbc8;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:10px;font:500 14px 'DM Sans';cursor:pointer;text-align:left}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--mint)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:22px 9px 0;display:flex;gap:10px;align-items:center;font-size:12px}.status-dot{width:9px;height:9px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 5px rgba(184,229,110,.12)}.workspace{min-width:0}.topbar{height:104px;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(244,246,242,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.eyebrow{margin:0 0 4px;color:var(--mint-dark);font-size:10px;font-weight:700;letter-spacing:.18em}.topbar h1{margin:0;font:700 25px Manrope}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.icon-button,.mobile-menu{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:10px;cursor:pointer;font-size:18px}.mobile-menu{display:none}main{padding:30px 36px 60px;max-width:1500px;margin:auto}.hero{border-radius:22px;background:var(--forest);color:#fff;padding:32px;display:grid;grid-template-columns:1.4fr .6fr;overflow:hidden;position:relative}.hero:after{content:"";width:310px;height:310px;border:55px solid rgba(184,229,110,.10);border-radius:50%;position:absolute;right:-85px;top:-115px}.hero p{color:#bcd0cb;max-width:620px;margin:9px 0 22px;line-height:1.6}.hero h2{font:700 31px Manrope;margin:0;letter-spacing:-.02em}.hero-actions{display:flex;gap:10px;position:relative;z-index:1}.hero-stat{align-self:end;justify-self:end;position:relative;z-index:1;text-align:right}.hero-stat strong{display:block;font:800 48px Manrope;color:var(--mint)}.hero-stat span{font-size:12px;color:#bcd0cb}.button{border:0;border-radius:10px;padding:10px 15px;font:600 13px 'DM Sans';cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--mint);color:var(--forest)}.button.secondary{background:#fff;color:var(--forest)}.button.ghost{background:#edf1ee;color:var(--ink)}.button.danger{background:#f9e9e7;color:#a53f38}.button.small{padding:7px 10px;font-size:12px}.button:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stat-card,.panel,.school-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px rgba(20,55,50,.03)}.stat-card{padding:19px}.stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:32px;height:32px;border-radius:9px;background:#edf5dd;color:#628c29;display:grid;place-items:center;font-size:16px}.stat-card strong{font:800 29px Manrope;display:block;margin-top:10px}.stat-card small{color:var(--muted)}.section-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.panel{padding:21px;overflow:hidden}.panel-head,.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head{margin-bottom:17px}.panel h3,.page-head h2{margin:0;font:700 17px Manrope}.panel-head p,.page-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.page-head{margin-bottom:20px}.school-list{display:grid;gap:9px}.school-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7f9f6;border-radius:10px}.school-row strong{font-size:13px}.school-row small{color:var(--muted);display:block;margin-top:3px}.meter{width:76px;height:6px;background:#e3eae5;border-radius:9px;overflow:hidden}.meter span{height:100%;display:block;background:var(--mint-dark)}.activity{display:grid;gap:14px}.activity-item{display:grid;grid-template-columns:9px 1fr auto;gap:11px;align-items:start;font-size:12px}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--mint-dark);margin-top:4px}.activity-item p{margin:0}.activity-item small{color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:16px}.input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;color:var(--ink);font:13px 'DM Sans';outline:none}.input:focus,select:focus,textarea:focus{border-color:#84a966;box-shadow:0 0 0 3px rgba(184,229,110,.18)}.filters .input{max-width:280px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;padding:12px 15px;background:#f7f9f6;color:var(--muted);font-size:10px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}td{padding:14px 15px;border-top:1px solid #edf1ee;vertical-align:middle}td strong{font-size:13px}td small{display:block;color:var(--muted);margin-top:2px}.actions{display:flex;gap:5px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:700}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.online,.badge.synced,.badge.completed{background:#edf7e3;color:#5d8b27}.badge.error,.badge.destination_failed{background:#fae9e7;color:#b1473f}.badge.unknown,.badge.cleanup_pending,.badge.syncing_destination,.badge.queued{background:#fff3df;color:#a36b1b}.schools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.school-card{padding:20px}.school-card-top{display:flex;justify-content:space-between;align-items:start}.school-code{background:#ecf5dd;color:#63872f;padding:5px 8px;border-radius:7px;font:700 10px Manrope}.school-card h3{font:700 17px Manrope;margin:17px 0 4px}.school-card>p{font-size:12px;color:var(--muted);height:32px}.school-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.school-metrics div{background:#f6f8f5;padding:10px;border-radius:9px}.school-metrics strong{font:700 18px Manrope;display:block}.school-metrics small{font-size:10px;color:var(--muted)}.school-actions{display:flex;gap:7px;border-top:1px solid var(--line);padding-top:14px}.empty{text-align:center;padding:52px 20px;color:var(--muted)}.empty b{display:block;color:var(--ink);font:700 17px Manrope;margin-bottom:5px}.loading{display:flex;gap:10px;align-items:center;justify-content:center;min-height:280px;color:var(--muted)}.loading span{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--forest);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:0;border-radius:18px;padding:0;width:min(560px,calc(100vw - 30px));box-shadow:0 30px 100px rgba(8,30,28,.3)}dialog::backdrop{background:rgba(12,31,30,.55);backdrop-filter:blur(3px)}#modal-form{padding:24px}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{font:700 21px Manrope;margin:0}.close{border:0;background:#eef2ef;border-radius:9px;width:34px;height:34px;font-size:22px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#4b5b5a}.field small{color:var(--muted);font-size:10px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}#toast{position:fixed;right:24px;bottom:24px;background:var(--forest);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s;z-index:20;max-width:380px}#toast.show{transform:none;opacity:1}#toast.error{background:#9d3e38}.api-list{display:grid;gap:8px}.api-row{display:grid;grid-template-columns:72px 1fr 1fr;gap:15px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:12px}.method{font:700 10px Manrope;padding:5px 7px;border-radius:6px;text-align:center;background:#e7f1df;color:#5c842a}.method.POST{background:#e2f0f2;color:#276f78}.method.PUT{background:#fff0d9;color:#98661b}.method.DELETE{background:#fae8e6;color:#a7443d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notice{padding:12px 14px;border:1px solid #f0d49d;background:#fff8e9;border-radius:10px;color:#77551f;font-size:12px;margin-bottom:16px}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.schools-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-stat{display:none}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:15;transform:translateX(-100%);transition:.25s;width:250px}.sidebar.open{transform:none}.topbar{height:86px;padding:18px}.mobile-menu{display:block}.topbar>div:first-of-type{flex:1;margin-left:12px}.top-actions #clock{display:none}main{padding:20px 15px 45px}.hero{padding:24px}.hero h2{font-size:24px}.stats-grid,.schools-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.api-row{grid-template-columns:60px 1fr}.api-row span:last-child{grid-column:2}.page-head{align-items:flex-start}.actions{flex-wrap:wrap}.topbar h1{font-size:21px}}

.badge.approved{background:#edf7e3;color:#5d8b27}.badge.denied{background:#fae9e7;color:#b1473f}.audit-head{margin-top:34px}.photo-picker{border:1px solid var(--line);border-radius:12px;padding:14px;background:#f8faf7}.photo-options{display:flex;gap:9px;flex-wrap:wrap}.photo-option{position:relative;overflow:hidden;display:inline-flex;align-items:center;padding:10px 15px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:12px;cursor:pointer}.photo-option input{position:absolute;inset:0;opacity:0;cursor:pointer}.camera-area{display:grid;justify-items:center;gap:10px;margin-top:11px}.camera-area video,.camera-area img{width:min(100%,360px);aspect-ratio:1;object-fit:cover;border-radius:14px;background:#122c2a}.camera-area canvas{display:none}
.source-tag{display:inline-flex;margin-left:7px;padding:3px 6px;border-radius:6px;background:#e5f0f2;color:#27707a;font-size:9px;font-weight:700;vertical-align:2px}.source-tag.system{background:#edf1ee;color:#687775}
.select-cell{width:42px;text-align:center;padding-left:13px!important;padding-right:7px!important}.row-check{width:16px;height:16px;margin:0;accent-color:var(--forest);cursor:pointer}.selected-row td{background:#f5faee}
.bulk-bar{margin-bottom:14px;padding:13px 15px;border:1px solid #cadbb9;border-radius:13px;background:#f5faee;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 5px 18px rgba(72,110,45,.06)}.bulk-bar strong{display:block;color:var(--forest);font-size:12px}.bulk-bar small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.bulk-bar>div:last-child{display:flex;gap:8px;flex-shrink:0}
.reserved-id{background:#f2f6ef;color:var(--forest);font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.transfer-summary{display:flex;align-items:center;gap:15px;margin-bottom:17px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f7f9f6}.transfer-photo{width:66px;height:66px;flex:0 0 66px;border-radius:13px;overflow:hidden;background:var(--forest);color:var(--mint);display:grid;place-items:center;font-size:25px;font-weight:800}.transfer-photo img{width:100%;height:100%;object-fit:cover}.transfer-photo.reader{font-size:24px;background:#eaf3dc;color:var(--mint-dark)}.transfer-summary .eyebrow{margin-bottom:4px}.transfer-summary h3{margin:0;color:var(--forest);font-size:16px}.transfer-summary>div:last-child>p:last-child{margin:5px 0 0;color:var(--muted);font-size:11px}.transfer-summary p span{margin:0 4px}
.bulk-people{display:grid;gap:7px;margin-bottom:15px;max-height:250px;overflow:auto}.bulk-people>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#f8faf7}.bulk-people img,.bulk-people>div>span{width:35px;height:35px;border-radius:9px;object-fit:cover;background:var(--forest);color:var(--mint);display:grid;place-items:center;font-weight:800}.bulk-people p{margin:0}.bulk-people strong{display:block;font-size:11px}.bulk-people small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.bulk-more{padding:6px;color:var(--muted);font-size:10px;text-align:center}
@media(max-width:650px){.bulk-bar{align-items:flex-start;flex-direction:column}.bulk-bar>div:last-child{width:100%}.bulk-bar .button{flex:1}.transfer-summary{align-items:flex-start}.transfer-photo{width:54px;height:54px;flex-basis:54px}}
.history-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin-bottom:9px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(20,55,50,.03)}
.filter-field{display:grid;gap:6px}.filter-field label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.filter-actions{display:flex;gap:8px}.history-result-count{margin:0 2px 10px;color:var(--muted);font-size:11px;text-align:right}
@media(max-width:1100px){.history-filters{grid-template-columns:repeat(2,minmax(180px,1fr))}.filter-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:600px){.history-filters{grid-template-columns:1fr}.filter-actions{grid-column:auto}.filter-actions .button{flex:1}}

/* Tipografia humanista inspirada na referencia, sem depender de fonte externa. */
:root{--font-ui:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-family:var(--font-ui)}
body,button,input,select,textarea{font-family:var(--font-ui)}
.brand-mark,.brand strong,.nav-item,.topbar h1,.hero h2,.hero-stat strong,.button,.stat-card strong,.panel h3,.page-head h2,.school-code,.school-card h3,.school-metrics strong,.empty b,.modal-head h2,.method{font-family:var(--font-ui)}

/* Confirmacao dedicada: proporcoes, hierarquia e botoes da imagem de referencia. */
.confirm-dialog{width:min(556px,calc(100vw - 24px));border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px rgba(15,50,46,.32);color:var(--ink)}
.confirm-dialog::backdrop{background:rgba(12,42,39,.66);backdrop-filter:blur(2px)}
#confirm-form{padding:0}
.confirm-head{padding:24px 34px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7faf5 0%,#fff 100%);text-align:center}
.confirm-head h2{margin:0;font-family:var(--font-ui);font-size:25px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:var(--forest)}
.confirm-body{padding:39px 42px 24px}
.confirm-body p{margin:0;font-size:19px;line-height:1.56;font-weight:400;color:var(--ink)}
.confirm-actions{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 34px 29px}
.confirm-button{min-width:102px;height:51px;padding:0 20px;border:0;border-radius:4px;font-family:var(--font-ui);font-size:19px;font-weight:500;cursor:pointer;box-shadow:0 2px 7px rgba(0,0,0,.25);transition:transform .15s,filter .15s}
.confirm-button:hover{filter:brightness(.97);transform:translateY(-1px)}
.confirm-button:focus-visible{outline:3px solid rgba(184,229,110,.42);outline-offset:3px}
.confirm-button.cancel{background:#e8ede9;color:#5f6f6c}
.confirm-button.accept{background:var(--mint);color:var(--forest);box-shadow:0 3px 9px rgba(86,125,44,.28)}
@media(max-width:560px){.confirm-head{padding:21px 22px 19px}.confirm-head h2{font-size:22px}.confirm-body{padding:30px 27px 18px}.confirm-body p{font-size:17px}.confirm-actions{padding:18px 22px 25px}.confirm-button{font-size:17px;height:48px}}

/* Acesso administrativo */
.logout-button{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;color:var(--forest);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;cursor:pointer;transition:.18s}
.logout-button:hover,.icon-button:hover{border-color:#bfd0c9;background:#f8faf7}
.login-page{min-height:100svh;background:#eef2ed;color:var(--ink)}
.login-shell{min-height:100svh;max-width:none;margin:0;padding:18px;display:grid;grid-template-columns:minmax(390px,.92fr) minmax(460px,1.08fr);gap:0}
.login-brand-panel{position:relative;min-height:calc(100svh - 36px);overflow:hidden;border-radius:24px;background:linear-gradient(145deg,#123532 0%,var(--forest) 52%,#21534e 100%);color:#fff;padding:38px 46px;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(15,50,46,.18)}
.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.login-brand-panel:before{width:420px;height:420px;border:78px solid rgba(184,229,110,.07);right:-210px;top:-180px}
.login-brand-panel:after{width:260px;height:260px;background:rgba(184,229,110,.045);left:-130px;bottom:-115px}
.login-brand,.login-mobile-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
.login-brand-mark{width:44px;height:44px;border-radius:13px;background:var(--mint);color:var(--forest);display:grid;place-items:center;font-size:14px;font-weight:800;box-shadow:0 8px 24px rgba(184,229,110,.15)}
.login-brand strong,.login-mobile-brand strong{display:block;font-size:19px;line-height:1.15}.login-brand small,.login-mobile-brand small{display:block;margin-top:3px;color:#abc3be;font-size:11px}
.login-presentation{position:relative;z-index:1;margin:auto 0;max-width:540px;padding:48px 0}
.login-kicker{margin:0 0 13px;color:var(--mint-dark);font-size:10px;font-weight:800;letter-spacing:.17em}
.login-brand-panel .login-kicker{color:var(--mint)}
.login-presentation h1{max-width:520px;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-.045em;font-weight:720}
.login-presentation>p:not(.login-kicker){max-width:525px;margin:22px 0 32px;color:#bfd0cc;font-size:15px;line-height:1.7}
.login-features{display:grid;gap:13px}.login-features>div{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.login-features>div>span{width:27px;height:27px;border-radius:9px;background:rgba(184,229,110,.14);color:var(--mint);display:grid;place-items:center;font-weight:800}.login-features p{margin:0}.login-features strong{display:block;font-size:12px}.login-features small{display:block;margin-top:3px;color:#a9bfba;font-size:10px}
.login-brand-footer{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin:0;color:#a9bfba;font-size:10px}.login-brand-footer span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(184,229,110,.1)}
.login-form-panel{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px clamp(28px,6vw,92px)}
.login-mobile-brand{display:none}.login-card{width:min(100%,440px)}
.login-card header{margin-bottom:30px}.login-lock{width:43px;height:43px;margin-bottom:24px;border-radius:13px;background:#e8f2dd;color:var(--mint-dark);display:grid;place-items:center;font-size:10px;box-shadow:inset 0 0 0 1px #dce9ce}
.login-card h2{margin:0;font-size:31px;line-height:1.15;letter-spacing:-.035em;color:var(--forest)}.login-card header>p:last-child{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.login-card form{display:grid;gap:18px}.login-field{display:grid;gap:7px}.login-field>label{color:#405451;font-size:11px;font-weight:750}
.login-input-wrap{height:50px;border:1px solid #d7e1dc;border-radius:11px;background:#fff;display:flex;align-items:center;transition:.18s;box-shadow:0 3px 12px rgba(20,55,50,.025)}
.login-input-wrap:focus-within{border-color:#8eb461;box-shadow:0 0 0 4px rgba(184,229,110,.17)}.login-input-wrap>span{width:43px;text-align:center;color:#82918f;font-size:15px}
.login-input-wrap input{min-width:0;flex:1;height:100%;padding:0 10px 0 0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.login-input-wrap input::placeholder{color:#9ba7a5}
.login-input-wrap button{height:34px;margin-right:7px;padding:0 9px;border:0;border-radius:7px;background:#f0f4f0;color:#57706b;font-size:10px;font-weight:700;cursor:pointer}
.login-options{margin-top:-2px}.login-options label{display:flex;align-items:center;gap:7px;color:#647472;font-size:11px;cursor:pointer}.login-options input{width:15px;height:15px;margin:0;accent-color:var(--forest)}
.login-error{padding:11px 13px;border:1px solid #edcbc7;border-radius:9px;background:#fff2f0;color:#a53f38;font-size:11px;line-height:1.45}.login-error[hidden]{display:none}
.login-submit{height:51px;margin-top:2px;padding:0 17px;border:0;border-radius:11px;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 10px 24px rgba(22,61,58,.18);transition:.18s}.login-submit:hover{background:var(--forest-2);transform:translateY(-1px)}.login-submit:focus-visible{outline:3px solid rgba(121,168,51,.3);outline-offset:3px}.login-submit:disabled{opacity:.68;cursor:wait;transform:none}
.login-card footer{margin-top:27px;padding-top:20px;border-top:1px solid var(--line);color:#889693;font-size:10px;text-align:center}.login-card footer span{color:var(--mint-dark);font-size:8px;margin-right:5px}
.login-copyright{margin:42px 0 0;color:#96a29f;font-size:9px;text-align:center}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;padding:0}.login-brand-panel{display:none}.login-form-panel{min-height:100svh;padding:30px 22px}.login-mobile-brand{display:flex;align-self:flex-start;margin-bottom:clamp(45px,9vh,90px)}.login-mobile-brand small{color:var(--muted)}.login-card{margin:auto}.login-copyright{margin-top:auto;padding-top:35px}}
@media(max-width:500px){.logout-button{width:38px;padding:0;justify-content:center}.logout-label{display:none}.login-form-panel{padding:24px 19px}.login-mobile-brand{margin-bottom:42px}.login-brand-mark{width:40px;height:40px}.login-card header{margin-bottom:25px}.login-card h2{font-size:27px}.login-lock{margin-bottom:19px}.login-copyright{padding-top:28px}}

/* Notificações na camada superior, inclusive quando um dialog está aberto. */
#toast{inset:auto 24px 24px auto;margin:0;border:1px solid rgba(255,255,255,.14);width:min(440px,calc(100vw - 30px));max-width:440px;min-height:50px;padding:15px 42px 15px 17px;border-radius:12px;background:var(--forest);color:#fff;font-size:12px;font-weight:600;line-height:1.5;box-shadow:0 18px 55px rgba(8,30,28,.36);transform:translateY(22px) scale(.98);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .2s,transform .2s;z-index:2147483647}
#toast:after{content:"×";position:absolute;right:16px;top:50%;transform:translateY(-52%);color:rgba(255,255,255,.72);font-size:21px;font-weight:400}
#toast.show,#toast:popover-open{transform:none;opacity:1;pointer-events:auto}
#toast.error{border-color:#d77a72;background:#a8423c;box-shadow:0 18px 55px rgba(91,26,22,.4)}
@media(max-width:560px){#toast{inset:auto 12px 12px 12px;width:auto;max-width:none}}

/* Tipos de leitor, filtros e sincronização acompanhada. */
.reader-filters{display:grid;grid-template-columns:minmax(190px,1fr) minmax(170px,.7fr) auto;gap:11px;align-items:end;margin-bottom:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(20,55,50,.03)}
.reader-result-count{margin:0 2px 9px;color:var(--muted);font-size:10px;text-align:right}
.reader-direction{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:18px;font-size:10px;font-weight:800;white-space:nowrap}.reader-direction.entry{background:#e8f4df;color:#4f7f24}.reader-direction.exit{background:#e4f0f2;color:#246d75}
.sync-instruction{margin:0 0 11px;color:var(--muted);font-size:11px;line-height:1.5}.sync-targets{display:grid;gap:8px;max-height:290px;overflow:auto}.sync-targets label{display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#f8faf7;cursor:pointer;transition:.16s}.sync-targets label:hover{border-color:#b8cda9;background:#f5faee}.sync-targets input{width:16px;height:16px;margin:0;accent-color:var(--forest)}.sync-targets strong{display:block;font-size:11px}.sync-targets small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.sync-progress{padding:18px 2px 5px}.sync-progress[hidden]{display:none}.sync-progress-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.sync-progress-head strong{font-size:12px;color:var(--forest)}.sync-progress-head span{font-size:12px;font-weight:800;color:var(--mint-dark)}.sync-progress-track{height:11px;overflow:hidden;border-radius:20px;background:#e5ece7;box-shadow:inset 0 1px 2px rgba(20,55,50,.08)}.sync-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--forest-2),var(--mint-dark),var(--mint));transition:width .28s ease}.sync-progress p{min-height:18px;margin:12px 0 3px;color:var(--ink);font-size:11px}.sync-progress>small{color:var(--muted);font-size:9px}
@media(max-width:700px){.reader-filters{grid-template-columns:1fr 1fr}.reader-filters>.button{grid-column:1/-1}.sync-targets label{grid-template-columns:18px 1fr}.sync-targets .reader-direction{grid-column:2;grid-row:2;justify-self:start}}
@media(max-width:480px){.reader-filters{grid-template-columns:1fr}.reader-filters>.button{grid-column:auto}}

/* Identidade visual Magistter */
.sidebar{background:linear-gradient(180deg,#006eae 0%,#00598f 58%,#004873 100%)}
.brand{padding:0 4px 24px;border-bottom-color:rgba(255,255,255,.2)}
.brand-logo{display:block;width:100%;max-width:210px;height:auto;border-radius:8px;box-shadow:0 8px 22px rgba(0,43,73,.18)}
.brand small,.sidebar-foot small{color:#c1def0}.nav-item{color:#c9e2f1}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.13)}.nav-item.active{box-shadow:inset 3px 0 var(--amber)}
.sidebar-foot{border-top-color:rgba(255,255,255,.2)}.status-dot{background:#7dd2f4;box-shadow:0 0 0 5px rgba(125,210,244,.15)}
.topbar{background:rgba(243,247,251,.9)}.eyebrow{color:var(--mint-dark)}
.hero{background:linear-gradient(135deg,#005b94 0%,#0078ba 70%,#138dc9 100%)}.hero:after{border-color:rgba(255,255,255,.09)}.hero p,.hero-stat span{color:#d2e8f5}.hero-stat strong{color:#fff}
.button.primary{background:var(--forest);color:#fff;box-shadow:0 5px 14px rgba(0,110,174,.18)}.button.primary:hover{background:var(--forest-2)}.button.secondary{color:var(--forest)}.button.ghost{background:#eaf1f7;color:#27455b}
.stat-icon{background:#e4f3fb;color:#087ab7}.meter span,.activity-dot{background:var(--forest)}
.school-code{background:#e5f3fb;color:#0873ad}.school-row,.school-metrics div{background:#f5f9fc}
.input:focus,select:focus,textarea:focus{border-color:#4aaee0;box-shadow:0 0 0 3px rgba(42,157,213,.15)}
.row-check,.login-options input,.sync-targets input{accent-color:var(--forest)}.selected-row td{background:#eef7fc}
.bulk-bar{border-color:#c6dfed;background:#edf7fc;box-shadow:0 5px 18px rgba(0,101,160,.07)}.reserved-id{background:#edf6fb;color:var(--forest)}
.transfer-summary,.bulk-people>div{background:#f6f9fc}.transfer-photo{background:var(--forest);color:#fff}.transfer-photo.reader{background:#e3f2fa;color:var(--forest)}
.source-tag{background:#e2f2fa;color:#086f9f}.reader-direction.entry{background:#e2f3fb;color:#0875ad}.reader-direction.exit{background:#fff0e7;color:#b84f16}
.sync-targets label{background:#f6f9fc}.sync-targets label:hover{border-color:#9fcde4;background:#edf7fc}.sync-progress-track{background:#dfeaf1}.sync-progress-track span{background:linear-gradient(90deg,#00578d,#007ab8,#42afe0)}
.confirm-head{background:linear-gradient(180deg,#f3f9fc 0%,#fff 100%)}.confirm-button.accept{background:var(--forest);color:#fff;box-shadow:0 3px 9px rgba(0,91,148,.25)}
#toast{background:#005f98;box-shadow:0 18px 55px rgba(0,48,81,.34)}
.login-page{background:#eef5f9}.login-brand-panel{background:linear-gradient(145deg,#004c7d 0%,#006eae 52%,#168fc9 100%);box-shadow:0 24px 70px rgba(0,74,122,.2)}
.login-brand-panel:before{border-color:rgba(255,255,255,.07)}.login-brand-panel:after{background:rgba(255,255,255,.05)}
.login-brand,.login-mobile-brand{width:min(100%,346px)}.login-brand-logo{display:block;width:100%;height:auto;border-radius:9px;box-shadow:0 10px 28px rgba(0,43,73,.2)}
.login-brand-panel .login-kicker{color:#8ed8f5}.login-presentation>p:not(.login-kicker){color:#d0e5f2}.login-features small,.login-brand-footer{color:#c5dfed}
.login-features>div>span{background:rgba(255,255,255,.14);color:#fff}.login-brand-footer span{background:#7fd5f4;box-shadow:0 0 0 5px rgba(127,213,244,.13)}
.login-lock{background:#e4f3fb;color:var(--forest);box-shadow:inset 0 0 0 1px #cde6f3}.login-card h2{color:#064f7c}.login-field>label{color:#35566c}
.login-input-wrap{border-color:#d4e2eb;box-shadow:0 3px 12px rgba(0,83,139,.03)}.login-input-wrap:focus-within{border-color:#45aee0;box-shadow:0 0 0 4px rgba(49,167,222,.15)}
.login-input-wrap button{background:#edf5f9;color:#37657e}.login-submit{background:var(--forest);box-shadow:0 10px 24px rgba(0,96,154,.2)}.login-submit:hover{background:var(--forest-2)}.login-submit:focus-visible{outline-color:rgba(44,164,220,.32)}
@media(max-width:900px){.login-mobile-brand{width:min(78vw,300px)}}

/* Contexto de acesso, filtros de alunos e matriz de permissões. */
.session-card{margin-top:auto;margin-bottom:15px;padding:13px 10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.session-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:#fff;color:var(--forest);display:grid;place-items:center;font-size:13px;font-weight:800}.session-card strong{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.session-card small{display:block;max-width:145px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6e1f1;font-size:9px}.sidebar-foot{margin-top:0}
.nav-item[hidden]{display:none}
.school-context-button{max-width:230px;min-width:135px;height:42px;padding:5px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);display:grid;text-align:left;cursor:pointer}.school-context-button>span{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.school-context-button>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--forest);font-size:10px}
.unit-dialog{width:min(520px,calc(100vw - 28px));border-radius:22px}.unit-dialog::backdrop{background:rgba(0,47,78,.67);backdrop-filter:blur(5px)}#unit-form{padding:30px 34px}.unit-brand{width:190px;margin:0 auto 28px}.unit-brand img{display:block;width:100%;height:auto}.unit-dialog .eyebrow{text-align:center}.unit-dialog h2{margin:7px 0 8px;text-align:center;color:#064f7c;font-family:var(--font-ui);font-size:25px;letter-spacing:-.025em}.unit-dialog>form>p:not(.eyebrow){max-width:410px;margin:0 auto 22px;text-align:center;color:var(--muted);font-size:11px;line-height:1.6}.unit-user-summary{margin:0 0 20px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f4f9fc;display:flex;align-items:center;gap:10px}.unit-user-summary>span{width:38px;height:38px;border-radius:11px;background:var(--forest);color:#fff;display:grid;place-items:center;font-weight:800}.unit-user-summary strong,.unit-user-summary small{display:block}.unit-user-summary strong{font-size:12px}.unit-user-summary small{margin-top:2px;color:var(--muted);font-size:10px}.unit-dialog label{display:block;margin-bottom:7px;color:#35566c;font-size:10px;font-weight:750}.unit-dialog select{height:48px}.unit-actions{display:flex;justify-content:flex-end;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}
.person-filters{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(190px,1fr) minmax(180px,.9fr) auto;gap:11px;align-items:end;margin-bottom:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(0,83,139,.04)}.person-result-count{margin:0 2px 9px;color:var(--muted);font-size:10px;text-align:right}.person-result-count strong{color:var(--forest);font-size:12px}.class-tag{display:inline-flex;padding:5px 8px;border-radius:8px;background:#edf6fb;color:#176d9d;font-size:10px;font-weight:700;white-space:nowrap}
.transfer-filters{display:grid;grid-template-columns:minmax(220px,360px);gap:11px;margin-bottom:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(0,83,139,.04)}.transfer-result-count{margin:0 2px 9px;color:var(--muted);font-size:10px;text-align:right}.transfer-result-count strong{color:var(--forest);font-size:12px}
.permission-page-head .eyebrow{margin-bottom:5px;color:#16729f}.permission-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.permission-overview>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(12,65,83,.04)}.permission-overview-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:17px;font-weight:800}.permission-overview-icon.view{background:#e8f6fc;color:#1777a6}.permission-overview-icon.edit{background:#fff3df;color:#b66a0c}.permission-overview-icon.delete{background:#ffeded;color:#be3f42}.permission-overview strong{font-size:11px}.permission-overview small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.4}.integration-notice{margin-bottom:12px;padding:13px 16px;border:1px solid #beddec;border-radius:14px;background:linear-gradient(135deg,#edf8fc,#f8fcfe)}.integration-notice strong{display:block;color:#075d8d;font-size:11px}.integration-notice p{margin:4px 0 0;color:#527386;font-size:9px;line-height:1.5}.permission-table-wrap{overflow:auto;border:1px solid #cfe0e7;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(12,65,83,.06)}.permission-table{min-width:1080px}.permission-table thead th{padding:14px;background:#f5fafc;border-bottom:1px solid #cfe0e7}.permission-table th:first-child{min-width:250px}.permission-table th:not(:first-child){min-width:270px;text-align:left}.permission-function-title,.permission-table thead th>small{display:block}.permission-table thead th>small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}.permission-role-head{display:flex;align-items:center;gap:9px}.permission-role-head>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#1179a8,#075d8d);color:#fff;font-size:11px}.permission-role-head strong,.permission-role-head small{display:block}.permission-role-head strong{font-size:10px}.permission-role-head small{margin-top:2px;color:var(--muted);font-size:8px;font-weight:500}.permission-table tbody tr:hover{background:#f9fcfd}.permission-table tbody td{padding:12px 14px;vertical-align:middle}.permission-table td:first-child{display:flex;align-items:center;gap:10px;min-width:250px}.permission-table td:first-child strong,.permission-table td:first-child small{display:block}.permission-table td:first-child small{margin-top:3px}.permission-module-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#edf6f8;color:var(--forest);font-size:15px}.permission-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.permission-toggle,.permission-na{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:7px 6px;border-radius:9px;font-size:8px;font-weight:700}.permission-toggle{border:1px solid #cee4ed;background:#f5fbfd;color:#176d9d;cursor:pointer;transition:.16s ease}.permission-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(12,65,83,.08)}.permission-toggle.edit{border-color:#f0dec0;background:#fffaf0;color:#9b650e}.permission-toggle.delete{border-color:#f0cfd0;background:#fff7f7;color:#a74043}.permission-toggle:has(input:checked).view{border-color:#55acd1;background:#e7f6fc}.permission-toggle:has(input:checked).edit{border-color:#dda84f;background:#fff0d2}.permission-toggle:has(input:checked).delete{border-color:#df7d81;background:#ffe8e9}.permission-toggle input{width:14px;height:14px;margin:0;accent-color:#187ba8}.permission-toggle.edit input{accent-color:#c27a13}.permission-toggle.delete input{accent-color:#c94e53}.permission-toggle-icon{font-size:11px;line-height:1}.permission-na{border:1px dashed #dce5e9;background:#fafcfd;color:#a9b7c0}.permission-na i{font-style:normal}.permission-save{position:sticky;bottom:10px;z-index:3;margin-top:14px;padding:13px 15px;border:1px solid #bcd5de;border-radius:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 9px 28px rgba(12,65,83,.13);display:flex;align-items:center;justify-content:space-between;gap:15px}.permission-super-admin{display:flex;align-items:center;gap:10px}.permission-super-admin>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f4ef;color:var(--forest)}.permission-save strong,.permission-save small{display:block}.permission-save strong{font-size:10px}.permission-save small{margin-top:3px;color:var(--muted);font-size:8px}
@media(max-width:1050px){.person-filters{grid-template-columns:1fr 1fr}.person-filters>.button{grid-column:1/-1}.school-context-button{max-width:170px}}
@media(max-width:760px){.school-context-button{min-width:0;width:42px;padding:5px}.school-context-button>span{display:none}.school-context-button>strong{font-size:0;text-align:center}.school-context-button>strong:before{content:"⌂";font-size:17px}.person-filters{grid-template-columns:1fr}.person-filters>.button{grid-column:auto}.permission-overview{grid-template-columns:1fr}.permission-save{position:static;align-items:stretch;flex-direction:column}.permission-save .button{width:100%}#unit-form{padding:25px 21px}.unit-brand{width:165px}.unit-dialog h2{font-size:22px}}
