/* Meu Condomínio BR — V10.8: nova identidade visual. CSS aditivo à V10.7. */
:root{--b:#08766e;--b2:#119c8c;--bg:#f3f6f9;--c:#ffffff;--t:#172b3d;--m:#637586;--l:#e2eaf0;--ok:#087e55;--w:#a65e04;--d:#bf3642;--shadow:0 8px 28px rgba(13,48,62,.055);--mcbr-dark:#043d3c;--mcbr-dark2:#075b54;--mcbr-soft:#e8f5f2}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--t);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #72cfc4;outline-offset:2px}
.mcbr-icon{height:19px;width:19px;display:block;flex:none}
.top{height:73px;background:linear-gradient(100deg,#053e3d 0%,#075c56 52%,#0b857b 100%);padding:0 25px;box-shadow:0 3px 16px #072f2b1f;z-index:15}
.top .brand{display:flex;gap:11px;align-items:center;font-size:16px;letter-spacing:-.02em;line-height:1.35}
.top .brand .logo{height:42px;width:42px;min-width:42px;border-radius:12px;background:#ffffff18;color:#ffffff;border:1px solid #ffffff42;display:flex;align-items:center;justify-content:center}
.top .brand .logo .mcbr-icon{height:26px;width:26px}
.top .brand>div:last-child{font-weight:800}
.top .brand>div:last-child>div{font-size:11px!important;letter-spacing:0;opacity:.81;margin-top:2px}
.top .pill{max-width:330px;display:flex;gap:7px;align-items:center;background:#ffffff16;border:1px solid #ffffff28;padding:9px 12px;line-height:1.4;color:#fff;text-align:right;white-space:normal}
.top .pill a{text-underline-offset:3px;white-space:nowrap}
.layout{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 73px)}
.layout>aside.new-sidebar{background:linear-gradient(180deg,#064d49,#043d3c 82%);border-right:0;padding:18px 10px 24px;position:sticky;top:73px;height:calc(100vh - 73px);overflow-y:auto;box-shadow:5px 0 20px rgba(3,42,43,.035);scrollbar-width:thin;scrollbar-color:#458c86 transparent}
.sidebar-heading{font-size:10px;letter-spacing:.15em;color:#a6d2ca;font-weight:800;padding:10px 15px 14px}
.new-sidebar .nav{display:flex;align-items:center;gap:13px;width:100%;border:1px solid transparent;border-radius:11px;margin:3px 0;padding:13px 13px;background:transparent;color:#d9efeb;font-size:13px;font-weight:600;line-height:1.35;text-align:left;min-height:46px}
.new-sidebar .nav .mcbr-icon{color:#9bcbc3;width:19px;height:19px}
.new-sidebar .nav:hover{background:#ffffff12;color:#fff;font-weight:650}
.new-sidebar .nav.active{background:linear-gradient(95deg,#128f80,#0b786f);color:#fff;font-weight:800;border-color:#ffffff13;box-shadow:0 4px 10px #001e1e22}
.new-sidebar .nav.active .mcbr-icon{color:#fff}
.sidebar-footer{font-size:11px;color:#8abeb6;border-top:1px solid #ffffff1d;margin:28px 12px 0;padding-top:20px}.sidebar-footer b{color:#e5f4f1}
main#view{padding:29px 32px 60px;max-width:1450px;min-width:0;min-height:calc(100vh - 73px);margin:0 auto}
.head{margin:10px 0 18px;gap:14px}.head h2{font-size:23px;letter-spacing:-.035em;line-height:1.25;color:#142839}
.head p.muted{margin:8px 0 0;font-size:13px}
.card,.item{border:1px solid #e6ecef;border-radius:17px;background:#fff;box-shadow:var(--shadow)}
.card{padding:21px}.item{padding:16px}.card.stat{padding:17px 18px;min-height:110px}.stat b{font-weight:800;letter-spacing:-.03em;color:#173143;font-size:26px;line-height:1.25}.stat>.muted{color:#667e89;font-size:12px;font-weight:650}
.grid{gap:14px;margin-top:16px}.unit-grid{gap:16px}.unit-card{padding:21px}.unit-card-head h3{font-size:17px;letter-spacing:-.025em}.unit-members{border-color:#e8edf1}.unit-member{padding:5px 0}.unit-finance{align-items:center;padding:2px 0}
.btn{padding:11px 15px;border-radius:10px;font-size:13px;font-weight:750;border:1px solid transparent;line-height:1.35}
.btn.primary,.primary{background:linear-gradient(115deg,#087768,#0a8778);color:#fff;box-shadow:0 3px 8px #09685d1a}
.btn.primary:hover:not(:disabled){background:linear-gradient(115deg,#055f59,#06746a);box-shadow:0 6px 18px #09685d25}
.btn.ghost,.ghost{background:#f2f6f7;border-color:#e4ebed;color:#29505a}
.btn.ghost:hover:not(:disabled){background:#e7f2ef;border-color:#cce5df;color:#075f59}
.btn.red,.red,.btn.danger-action{background:#fff1f1;border-color:#f4c5c7;color:#b3263c}
.badge{font-size:11px;font-weight:800;padding:6px 10px;letter-spacing:.005em}.badge.ok{background:#e6f7ee;color:#08784c}.badge.warn{background:#fff3e2;color:#a0520a}.badge.danger{background:#fff0f2;color:#b6253c}
input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #cfdae1;border-radius:11px;min-height:42px;padding:11px 12px;color:var(--t);background:#fff;box-shadow:0 1px 2px rgba(13,48,62,.03)}
input[type=checkbox],input[type=radio]{accent-color:#087b70;width:17px;height:17px;flex:none;cursor:pointer}
label{color:#2e4454;font-size:12.5px;font-weight:750}input::placeholder,textarea::placeholder{color:#9ba9b2}
.form{gap:13px}.form label{display:block;margin:0 0 6px}
.modalbg{backdrop-filter:blur(3px);background:#0f2e3b88;z-index:40}.modal{width:min(640px,100%);max-height:calc(100vh - 40px);border-radius:21px;box-shadow:0 24px 60px #081f2d33;padding:25px}
.login{background:radial-gradient(circle at 15% 10%,#cfeae5 0,transparent 38%),linear-gradient(135deg,#edf6f3,#f3f8fb)}
.loginbox{border:1px solid #e1eae8;box-shadow:0 18px 55px #073e3a16;padding:34px;border-radius:24px}
.loginbox h2{font-size:22px;letter-spacing:-.03em}
.note{border-radius:12px;line-height:1.5}
.tabs button{min-height:43px}.quick button{border-color:#e4edf0;box-shadow:var(--shadow)}.quick button:hover{border-color:#abd6ca;background:#f3fbf8}
.poll-card,.finance-alert,.finance-info{border-radius:16px}
/* Indicadores financeiros e filtros */
#view .grid>label:has(input[type=checkbox]){display:flex!important;gap:10px!important;align-items:flex-start!important;padding:10px 12px;border:1px solid #e6eded;border-radius:11px;background:#fafdfc;color:#304f5b;font-weight:600;line-height:1.45}
#view .grid>label:has(input[type=checkbox]):hover{background:#ecf7f4;border-color:#c9e5df}
#view .row>div{min-width:0}#view .card>h3{color:#173746;font-size:16px}
#view .card .list .item{box-shadow:none}
.invite-result{background:#e8f7f3;border-color:#9edbd0}
.finance-stats .card,.unit-metrics .card{min-width:0}
.mcbr-menu-toggle,.mcbr-mobile-tabs,.mcbr-nav-shade{display:none}
/* Página inicial: apresentação moderna, valores sempre derivados das consultas do aplicativo */
.mcbr-dash-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:128px;padding:28px 30px;margin-bottom:17px;border:1px solid #d6e9e5;border-radius:19px;background:linear-gradient(112deg,#eff8f7 0%,#f7fbfa 66%,#e0f3f0 100%)}
.mcbr-dash-hero:after{content:"";position:absolute;right:8%;top:-120px;width:300px;height:300px;border:40px solid #c9ece434;border-radius:50%;pointer-events:none}
.mcbr-dash-hero>*{position:relative;z-index:1}.mcbr-eyebrow{font-size:10px;letter-spacing:.16em;color:#0a756d;font-weight:800;margin-bottom:6px}
.mcbr-dash-hero h1{font-size:29px;letter-spacing:-.045em;line-height:1.15;margin:0;color:#122e39}
.mcbr-dash-hero p{font-size:13px;color:#587581;margin:8px 0 0}
.mcbr-current-date{display:flex;align-items:center;gap:8px;white-space:nowrap;border-radius:11px;background:#fff;border:1px solid #dde9e7;box-shadow:0 4px 18px #0847410d;color:#275965;padding:12px 13px;font-size:12px;font-weight:700;text-transform:capitalize}
.mcbr-current-date .mcbr-icon{height:16px;width:16px;color:#0a7b70}
.mcbr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}
.mcbr-kpi{min-width:0;display:flex;flex-direction:column;gap:8px;min-height:142px;border:1px solid #e5edef;border-radius:17px;background:#fff;padding:19px;box-shadow:var(--shadow)}
.mcbr-kpi.highlight{background:linear-gradient(135deg,#e7f7f0,#f9fefb);border-color:#d2ecdf}
.mcbr-kpi-top{display:flex;align-items:center;gap:6px;justify-content:space-between;color:#5a7180;font-size:12px;font-weight:750}
.mcbr-kpi-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:11px;background:#ecf6f4;color:#0b8177}.mcbr-kpi-icon .mcbr-icon{height:19px;width:19px}
.mcbr-kpi:nth-child(3) .mcbr-kpi-icon{background:#fff3e5;color:#ce7e17}.mcbr-kpi:nth-child(4) .mcbr-kpi-icon{background:#f3edff;color:#8b5acf}
.mcbr-kpi strong{font-size:28px;line-height:1.12;letter-spacing:-.04em;color:#152f41;font-weight:800;overflow-wrap:anywhere}
.mcbr-kpi.highlight strong{color:#067251}.mcbr-kpi small{color:#758a93;font-size:10.5px;line-height:1.4}
.mcbr-dash-panels{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:15px;margin-bottom:15px}
.mcbr-dash-panel{padding:23px;min-width:0;min-height:260px}.mcbr-panel-title{margin-bottom:16px}.mcbr-panel-title h2{font-size:17px;letter-spacing:-.03em;margin:0;color:#173240}
.mcbr-panel-title p{color:#728590;font-size:11.5px;margin:5px 0 0}.mcbr-panel-title.inline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mcbr-panel-title.inline .btn{display:flex;gap:6px;align-items:center;font-size:11px;padding:8px 10px}.mcbr-panel-title.inline .mcbr-icon{height:14px;width:14px}
.mcbr-chart-legend{display:flex;gap:16px;align-items:center;font-size:10px;font-weight:650;color:#708692;margin:8px 0}
.mcbr-chart-legend span{display:flex;align-items:center;gap:6px}.mcbr-chart-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}
.mcbr-chart-legend .rev{background:#12ac7e}.mcbr-chart-legend .exp{background:#ef6e7b}
.mcbr-chart{height:164px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;border-bottom:1px solid #e0e9ea;background:repeating-linear-gradient(to top,transparent,transparent 40px,#f0f4f5 40px,#f0f4f5 41px);margin:3px 0 31px}
.mcbr-chart-group{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;min-width:0;position:relative}
.mcbr-chart-bars{display:flex;gap:3px;align-items:flex-end;justify-content:center;height:100%;width:100%;max-width:62px}
.mcbr-bar{width:30%;min-height:0;border-radius:5px 5px 0 0;display:block;transition:height .2s ease}
.mcbr-bar.rev{background:linear-gradient(0deg,#12aa78,#45cd9e)}.mcbr-bar.exp{background:linear-gradient(0deg,#e75d6a,#fb9caa)}
.mcbr-chart-label{position:absolute;bottom:-22px;font-size:10px;font-weight:700;text-transform:capitalize;color:#728591}
.mcbr-month-totals{display:flex;gap:12px;flex-wrap:wrap;padding-top:11px;border-top:1px solid #edf1f2;font-size:10.5px;color:#758994}
.mcbr-month-totals span{display:flex;gap:6px;align-items:center}.mcbr-month-totals b{font-size:12px;color:#213744}.mcbr-month-totals .mcbr-positive{color:#079363}.mcbr-month-totals .mcbr-negative{color:#d85663}
.mcbr-dash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.mcbr-action-tile{min-height:84px;border:1px solid #e5edef;border-radius:13px;background:#f7fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 6px;color:#275363;font-size:11px;font-weight:750;text-align:center}
.mcbr-action-tile .mcbr-icon{width:25px;height:25px;color:#098477}.mcbr-action-tile:hover{border-color:#93d3c6;background:#edf9f6;transform:translateY(-1px)}
.mcbr-last-panels .mcbr-dash-panel{min-height:220px}.mcbr-activity{display:grid;gap:0}.mcbr-activity-line{width:100%;display:flex;align-items:center;gap:12px;padding:10px 0;border:0;border-top:1px solid #edf1f3;background:transparent;text-align:left;min-width:0;color:inherit}
.mcbr-activity-line:first-child{border-top:0}.mcbr-activity-line>.mcbr-icon{background:#ebf7f4;border-radius:10px;color:#118477;padding:8px;box-sizing:content-box;height:17px;width:17px}
.mcbr-activity-line>span{flex:1;min-width:0}.mcbr-activity-line b,.mcbr-activity-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcbr-activity-line b{font-size:11.5px;line-height:1.6}.mcbr-activity-line small{color:#738893;font-size:10.5px;line-height:1.4}
.mcbr-activity-line time{font-size:10px;color:#8497a1;white-space:nowrap}.mcbr-activity-line:is(button):hover{background:#f3faf8}
.mcbr-test-notice{background:#fff9ee;border:1px solid #ecd6ab;border-radius:13px;padding:13px 17px;font-size:12px;color:#6c510c;margin-top:15px}
.mcbr-test-notice summary{cursor:pointer;font-weight:800}.mcbr-test-notice p{line-height:1.5}.mcbr-footnote{color:#8a9ca6;font-size:11px;line-height:1.5;margin:16px 0 0}
/* Acessibilidade visual e layouts responsivos */
@media(max-width:1140px){.layout{grid-template-columns:215px minmax(0,1fr)}main#view{padding:24px 20px 50px}.mcbr-kpis{gap:10px}.mcbr-kpi{padding:14px}.mcbr-kpi strong{font-size:23px}.mcbr-dash-panels{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)}}
@media(max-width:870px){
 .top{height:64px;padding:0 13px}.top .pill{font-size:11px;padding:7px 9px;max-width:48%}.top .brand{font-size:13px}.top .brand .logo{width:35px;min-width:35px;height:35px}.top .brand .logo .mcbr-icon{height:21px;width:21px}
 .layout{display:block;min-height:calc(100vh - 64px)}.layout>aside.new-sidebar{position:fixed;left:0;top:64px;bottom:0;right:auto;width:min(290px,84vw);height:calc(100vh - 64px);z-index:35;display:block;transform:translateX(-103%);transition:transform .2s ease;padding-bottom:85px;box-shadow:12px 0 28px #032f2f35}
 .mcbr-menu-open .layout>aside.new-sidebar{transform:translateX(0)}
 .mcbr-nav-shade{display:block;position:fixed;inset:64px 0 0;background:#071c2755;z-index:30;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
 .mcbr-menu-open .mcbr-nav-shade{opacity:1;visibility:visible}
 .mcbr-menu-toggle{display:grid;place-items:center;width:34px;height:34px;min-width:34px;background:#ffffff15;color:#fff;border:1px solid #ffffff27;border-radius:10px;margin-right:10px}
 .mcbr-menu-toggle .mcbr-icon{height:21px;width:21px}
 .mcbr-mobile-tabs{display:flex;align-items:stretch;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:29;height:67px;background:#fff;border-top:1px solid #e1e9e8;box-shadow:0 -4px 22px #0b3a3c10;padding-bottom:env(safe-area-inset-bottom)}
 .mcbr-mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;background:transparent;border:0;color:#69838c;font-size:10px;font-weight:650;padding:6px 2px}
 .mcbr-mobile-tab .mcbr-icon{height:21px;width:21px}.mcbr-mobile-tab.active{color:#087970;font-weight:800}.mcbr-mobile-tab:hover{background:#f2faf8}
 main#view{min-height:calc(100vh - 64px);padding:22px 16px 100px;max-width:100%}
 .mcbr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mcbr-dash-panels{grid-template-columns:1fr}.mcbr-dash-panel{min-height:unset}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:510px){.top .pill{max-width:43%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top .brand>div:last-child{max-width:155px}.top .brand>div:last-child>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mcbr-dash-hero{padding:22px 20px;display:block;min-height:155px}.mcbr-dash-hero h1{font-size:25px}.mcbr-current-date{display:inline-flex;margin-top:15px;padding:8px 10px;font-size:11px}
 .mcbr-kpis{gap:9px}.mcbr-kpi{min-height:123px;padding:12px;gap:9px}.mcbr-kpi-top{font-size:11px;align-items:flex-start}.mcbr-kpi-icon{width:29px;height:29px}.mcbr-kpi-icon .mcbr-icon{height:17px;width:17px}.mcbr-kpi strong{font-size:21px}.mcbr-kpi small{font-size:10px}
 .mcbr-dash-panel{padding:18px}.mcbr-dash-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mcbr-action-tile{font-size:10px;min-height:76px}.mcbr-panel-title h2{font-size:16px}
 .mcbr-chart{height:145px;gap:5px}.mcbr-month-totals{gap:8px}.mcbr-activity-line time{display:none}
 .head{align-items:flex-start;flex-direction:column}.head h2{font-size:21px}.head .btn{font-size:12px}.card{padding:15px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}
 .modal{padding:18px;max-height:calc(100dvh - 30px)}.filter-bar{width:100%}.filter-bar .btn{flex:1}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V10.8 — módulo visual Câmeras: nenhum fluxo de vídeo ou dado sensível. */
.mcbr-camera-empty{max-width:700px;margin:18px auto 0;padding:40px 34px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.mcbr-camera-empty-icon{height:72px;width:72px;border-radius:22px;display:grid;place-items:center;background:#e5f4f1;color:#08766e;margin-bottom:8px}
.mcbr-camera-empty-icon .mcbr-icon{height:36px;width:36px}
.mcbr-camera-kicker{font-size:10px;letter-spacing:.13em;font-weight:850;color:#08796f;background:#e9f7f4;border-radius:30px;padding:7px 11px}
.mcbr-camera-empty h3{font-size:22px;color:#163545;margin:5px 0 0;letter-spacing:-.025em}
.mcbr-camera-empty p{max-width:500px;line-height:1.65;font-size:13px;margin:0;color:#58707b}
.mcbr-camera-empty p.muted{font-size:12px;color:#748892}
@media(max-width:510px){.mcbr-camera-empty{padding:30px 18px}.mcbr-camera-empty h3{font-size:19px}}