:root{--navy:#071a29;--deep:#061522;--ink:#102c3e;--blue:#008fca;--cyan:#39c8fc;--muted:#6a8090;--light:#f4f8fa;--line:#e1eaf0;--green:#118359;--amber:#a7750c;--red:#ac4450}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font:15px/1.5 Inter,"Segoe UI",Arial,sans-serif;margin:0;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #32bcf5;outline-offset:3px}h1,h2,h3,p{margin-top:0}.hidden{display:none!important}.skip{position:fixed;top:-60px;left:15px;background:white;padding:10px;z-index:2000}.skip:focus{top:10px}.topbar{height:77px;background:#fff;border-bottom:1px solid #e7eef2;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,78px)}.brand{display:inline-flex;align-items:center}.brand img{object-fit:contain;object-position:left center;max-width:150px}.topright{display:flex;gap:25px;align-items:center}.topbar-tag{font-size:10px;letter-spacing:.16em;font-weight:850;color:#1e698d}.online-dot{width:7px;height:7px;border-radius:50%;background:#36b7df;display:inline-block;margin-right:7px}.backlink{font-size:12px;font-weight:750;color:#496b7f}.backlink:hover{color:#008fc4}.login-wrap{background:radial-gradient(ellipse 710px 670px at -10% -35%,#0f4665,#071b2d 73%);min-height:calc(100vh - 130px);padding:clamp(48px,7vw,105px) 36px;display:grid;grid-template-columns:minmax(330px,1fr) minmax(355px,450px);gap:clamp(45px,7vw,145px);align-items:center;justify-content:center}.login-intro{max-width:690px;justify-self:end;color:#fff}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:850;color:#74ddff}.eyebrow .line{display:inline-block;vertical-align:middle;width:18px;height:1px;margin-right:12px;background:#58d2ff}.login-intro h1{font-size:clamp(52px,5.4vw,83px);line-height:1.07;letter-spacing:-.06em;margin:26px 0 25px;font-weight:850}.login-intro h1 em{font-style:normal;color:#54d6ff}.login-intro>p{color:#afc4d2;font-size:16px;max-width:530px;line-height:1.85}.login-benefits{margin-top:52px;display:grid;gap:25px}.login-benefits>div{display:flex;align-items:center;gap:17px}.benefit-icon{width:39px;height:39px;border-radius:12px;border:1px solid #2e6077;background:#12364b;color:#6ed9ff;display:grid;place-items:center;font-size:11px;font-weight:850}.login-benefits strong{display:block;color:white;font-size:14px}.login-benefits small{display:block;color:#8ba9bc;font-size:12px;margin-top:2px}.login-card{background:#fff;border:1px solid #e5eff4;border-radius:22px;box-shadow:0 30px 70px rgba(1,12,22,.15);width:100%;padding:36px 35px 29px}.tiny-overline{font-size:10px;color:#248eb5;letter-spacing:.14em;font-weight:850}.login-symbol{margin-top:18px;background:#e8f6fd;color:#007eaf;width:47px;height:47px;display:grid;place-items:center;border-radius:13px;font-size:24px}.login-card h2{font-size:29px;letter-spacing:-.05em;margin:17px 0 5px}.subline{font-size:13px;color:#7890a0;line-height:1.7;margin-bottom:25px}.auth-tabs{background:#f2f7f9;border-radius:11px;padding:5px;display:flex;gap:5px;margin-bottom:23px}.auth-tabs button{border:0;background:transparent;border-radius:8px;color:#587384;font-size:11px;font-weight:800;flex:1;padding:11px 8px}.auth-tabs button.selected{background:#fff;color:#116587;box-shadow:0 2px 8px #cddde666}.login-card label,.field{font-size:12px;color:#29485c;font-weight:760;display:block}.login-card input,.field input,.field select,.field textarea{margin-top:7px;display:block;width:100%;min-height:46px;border:1px solid #d5e3eb;padding:12px 13px;border-radius:9px;background:#f9fcfd;color:#102c40}.login-card #password-field{margin-top:15px}.primary,.outline,.secondary{border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:850;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;transition:filter .2s,transform .2s}.primary{background:#038bbc;color:white}.primary:hover{background:#0075a7}.outline{border-color:#c6dae5;background:white;color:#17485e}.outline:hover{background:#eef8fd}.secondary{background:#e9f6fc;color:#096890}.full{width:100%;justify-content:space-between;margin-top:18px}.login-safe{margin-top:21px;display:flex;gap:12px;border-top:1px solid #e8eef2;padding-top:17px;color:#7d94a2}.login-safe>span{color:#148bb1;font-size:22px}.login-safe p{font-size:11px;line-height:1.7;margin:0}.login-help{margin:19px 0 0;color:#738b99;font-size:11px}.login-help a{color:#0789bd;font-weight:850}.feedback{font-size:12px;padding:12px 13px;background:#eff8fc;border:1px solid #c4e3f0;color:#16536c;border-radius:9px;margin:15px 0 0}.feedback.error{color:#9a3441;background:#fff1f2;border-color:#f3c4c9}.footer{background:#051624;color:#9db4bf;display:flex;gap:20px;justify-content:space-between;padding:17px 5%;font-size:10px}.footer a{text-decoration:underline}.workspace{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 128px);background:#f6fafc}.side{background:#0a2133;color:white;padding:31px 19px 35px;display:flex;flex-direction:column}.side-title{font-weight:850;letter-spacing:.14em;font-size:10px;color:#82adbf;padding:5px 13px 24px;display:flex;justify-content:space-between}.side-title span{font-weight:500}.side-nav{display:grid;gap:7px}.side-nav button{border:0;background:transparent;color:#a9c3d1;border-radius:10px;padding:13px 15px;text-align:left;font-size:12px;font-weight:750;display:flex;gap:12px;align-items:center}.side-nav button span{font-size:19px;font-weight:400;line-height:1}.side-nav button:hover{background:#153c53;color:white}.side-nav button.active{background:#10557a;color:#fff;box-shadow:inset 3px 0 #64d8ff}.side-help{margin-top:auto;padding:22px 16px;background:#11394f;border:1px solid #21516b;border-radius:14px}.small-round{background:#1c6486;color:#78e0ff;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font-size:19px;margin-bottom:16px}.side-help strong{font-size:13px}.side-help p{color:#a7c2d1;font-size:11px;line-height:1.6;margin:7px 0 13px}.side-help a{color:#6ddcff;font-weight:800;font-size:11px}.content{padding:26px clamp(22px,4.3vw,74px) 60px;max-width:1600px;width:100%;margin:0 auto}.content-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:26px;border-bottom:1px solid #e2ebf0}.crumb{font-size:11px;color:#56788c;font-weight:700}.crumb span{margin:0 8px;color:#a8b5c0}.session{display:flex;align-items:center;gap:16px;color:#6b8799;font-size:11px;overflow:hidden}.session>span{max-width:255px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout{background:transparent;border:0;font-weight:800;color:#096f95}.page-heading{margin:35px 0 25px;display:flex;justify-content:space-between;align-items:end;gap:22px}.page-tag{font-size:10px;letter-spacing:.14em;color:#0a8ebc;font-weight:850}.page-heading h1{font-size:clamp(29px,3vw,43px);letter-spacing:-.055em;line-height:1.17;margin:10px 0}.page-heading p{font-size:13px;color:#738b9c;margin:0}.admin-tools{display:flex;gap:9px;flex-wrap:wrap}.project-controls{display:flex;gap:13px;align-items:end;flex-wrap:wrap;margin:28px 0 25px}.project-controls label{min-width:220px;font-size:10px;font-weight:800;color:#617d8f}.project-controls select{display:block;width:100%;min-width:205px;background:#fff;border:1px solid #dce8ef;border-radius:10px;padding:12px 35px 12px 12px;margin-top:7px;color:#24465a;font-size:12px;font-weight:750}.access-label{background:#e7f3fc;border:1px solid #cfe6f4;color:#267fa7;padding:10px;border-radius:20px;font-size:10px;font-weight:800;margin-left:auto}.dashboard-body{min-height:400px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:white;border:1px solid #e2ebf1;border-radius:15px;padding:21px;min-height:148px;box-shadow:0 8px 24px rgba(19,53,72,.025)}.metric .meta{display:flex;align-items:center;gap:8px;font-weight:750;font-size:11px;color:#6b8494}.metric .symbol{background:#eaf7fd;color:#1594c0;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:17px}.metric .num{font-size:clamp(21px,2.2vw,32px);font-weight:850;letter-spacing:-.048em;margin-top:20px;line-height:1.12}.metric .hint{font-size:11px;color:#8ca1ad;margin-top:8px}.section-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:17px;margin-top:20px}.panel{background:#fff;border:1px solid #e2ebf1;border-radius:16px;padding:23px;box-shadow:0 8px 24px rgba(19,53,72,.025)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel h2{font-size:18px;letter-spacing:-.035em;margin:0}.panel-head span{font-size:11px;color:#7e97a4}.link-button{border:0;background:none;color:#078ab8;font-size:11px;font-weight:800}.visit-row{border-top:1px solid #edf3f7;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.visit-row:first-of-type{border-top:0}.visit-main{display:flex;align-items:center;gap:12px;min-width:0}.date-chip{width:49px;height:51px;flex:none;display:grid;place-items:center;border-radius:11px;background:#eef8fd;color:#09597c;line-height:1.05;padding:6px 0}.date-chip b{font-size:18px}.date-chip small{font-size:9px;font-weight:850;text-transform:uppercase}.visit-name{font-size:12px;font-weight:830;color:#204254;white-space:normal}.visit-sub{color:#8aa0ad;font-size:10px;margin-top:3px}.badge{display:inline-block;border-radius:50px;padding:7px 10px;background:#eff5f8;color:#5d7584;font-size:10px;font-weight:850;white-space:nowrap}.badge.agendado{background:#e9f4ff;color:#1478a4}.badge.aguardando,.badge.reagendado{background:#fff5e4;color:#9e6d16}.badge.concluido{background:#e4f8ee;color:#148152}.badge.em_andamento{background:#eaf4ff;color:#066e9d}.badge.cancelado{background:#f3f4f5;color:#78838c}.progress{height:10px;background:#e6eff4;border-radius:15px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#0388b9,#40c9f9);border-radius:15px;transition:width .2s}.budget-lbl{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:11px}.budget-big{font-size:34px;letter-spacing:-.055em;font-weight:850;margin:17px 0}.budget-small{display:flex;justify-content:space-between;color:#728a9a;font-size:11px;margin-top:15px}.budget-note{font-size:11px;color:#8498a6;line-height:1.65;margin-top:17px}.section-title{font-size:19px;letter-spacing:-.04em;margin:16px 0}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-desc{color:#7f96a4;font-size:12px;margin:6px 0 20px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background:#f4f9fc;color:#738a9a;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:13px;font-weight:850;white-space:nowrap}.table td{padding:15px 13px;border-bottom:1px solid #edf3f7;font-size:12px}.table td strong{font-weight:820}.table td .muted{color:#889eaa;font-size:10px;margin-top:3px}.table tr:hover td{background:#fbfdff}.table button,.row-action{background:white;color:#007ca7;border:1px solid #cde4ef;border-radius:8px;padding:8px 10px;font-weight:800;font-size:10px}.empty{text-align:center;padding:50px 22px;background:white;border-radius:13px;color:#6f8896;font-size:13px;border:1px dashed #cadae3}.empty strong{color:#2e586c;display:block;font-size:16px;margin-bottom:5px}.calendar-wrap{background:white;padding:22px;border:1px solid #e0ebf1;border-radius:15px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-head h2{font-size:19px;margin:0;letter-spacing:-.04em}.cal-controls{display:flex;align-items:center;gap:8px}.cal-controls button{border:1px solid #dceaf0;background:white;width:34px;height:34px;border-radius:9px;color:#31637f}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cal-label{text-align:center;font-size:10px;color:#708b9a;font-weight:850;padding:7px 0 10px}.day{min-height:102px;border:1px solid #e6eff3;border-radius:9px;text-align:left;background:#fff;padding:9px 8px;overflow:hidden}.day.out{background:#f7fafb;color:#b3c1c8}.day.today{border-color:#43bce7;background:#f0faff}.day .day-number{font-weight:850;font-size:12px}.day .events{margin-top:9px;display:grid;gap:4px}.day .event{font-size:9px;font-weight:750;background:#ecf7fd;color:#086d98;border-left:2px solid #3aaee0;border-radius:3px;padding:4px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day .event.done{background:#eaf7ef;color:#168055;border-color:#32b486}.day:focus-visible{outline:3px solid #3ec0f2}.cal-selected{margin-top:17px;font-size:12px;color:#34596c;border-top:1px solid #e6eff4;padding-top:16px;min-height:40px}.cal-selected>strong{display:block;margin-bottom:8px}.cal-visit{padding:7px 0;display:flex;gap:14px;justify-content:space-between;align-items:center}.money-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf2f6;gap:15px;font-size:12px}.money-line span{color:#7390a0}.money-line strong{color:#204456}.money-line:last-child{border:0}.notice{border:1px solid #cbe5f3;padding:13px 16px;background:#ebf8ff;color:#14698c;border-radius:10px;margin-bottom:18px;font-size:12px}.notice.error{background:#fff3f3;color:#9b3e49;border-color:#f6d8dc}.loading{color:#7895a2;background:#fff;padding:60px;border-radius:15px;border:1px solid #e5eef3;text-align:center}.modal-host{position:fixed;inset:0;background:rgba(0,19,35,.55);z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal{width:min(540px,100%);max-height:92vh;overflow-y:auto;border-radius:19px;background:#fff;padding:28px;box-shadow:0 35px 90px #00152340}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.04em}.modal-head button{border:0;background:#eff6fa;width:31px;height:31px;border-radius:8px;color:#567486}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.field{margin-bottom:0}.field textarea{resize:vertical;min-height:94px}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:9px}.modal-hint{font-size:11px;line-height:1.65;color:#778f9f;margin:12px 0}.modal-feedback{margin-top:13px}.admin-card{background:white;border:1px solid #e2eaf0;border-radius:14px;padding:18px;margin-bottom:12px}.admin-card strong{display:block;font-size:13px}.admin-card p{font-size:11px;color:#8198a5;margin:6px 0 0}.access-person{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #eef2f6;padding:13px 0;font-size:11px}.access-person button{border:0;background:none;color:#a8505b;font-weight:800}.pill{padding:4px 8px;border-radius:5px;font-size:10px;font-weight:850;background:#e8f7ff;color:#0279a6}.hint{color:#7f98a6;font-size:11px;margin-top:9px}.alert{background:#fff6df;color:#83642c;border-radius:10px;padding:11px;font-size:11px;line-height:1.6;margin-top:15px}.notice a{text-decoration:underline}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.content{padding:24px 29px 55px}.page-heading{align-items:start}}
@media(max-width:850px){.login-wrap{grid-template-columns:1fr;padding:55px 20px}.login-intro{justify-self:center}.login-card{max-width:520px;margin:auto}.workspace{grid-template-columns:1fr}.side{padding:12px 20px}.side-title,.side-help{display:none}.side-nav{display:flex;overflow-x:auto;scrollbar-width:thin}.side-nav button{min-width:max-content;padding:10px 13px}.content{padding:20px}.page-heading{display:block}.admin-tools{margin-top:18px}.project-controls label{flex:1;min-width:190px}.access-label{margin:0}.day{min-height:79px}}
@media(max-width:550px){.topbar{height:67px;padding:0 16px}.brand img{max-width:112px;width:112px;height:auto}.topbar-tag{display:none}.topright{gap:8px}.login-wrap{padding:36px 17px}.login-intro h1{font-size:48px}.login-benefits{margin-top:28px;gap:13px}.login-card{padding:27px 21px}.content-top{flex-wrap:wrap;gap:8px;padding-bottom:17px}.session{width:100%;justify-content:space-between}.content{padding:17px 12px 46px}.page-heading{margin:27px 0 21px}.metrics{gap:9px}.metric{padding:15px;min-height:130px}.metric .num{font-size:22px}.metric .hint{font-size:10px}.project-controls label{width:100%}.panel{padding:17px}.calendar-wrap{padding:12px}.day{min-height:65px;padding:6px 4px}.day .events{margin-top:4px}.day .event{font-size:7px;padding:2px}.cal-label{font-size:9px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer{display:block;text-align:center}.footer>span{display:block;margin:3px}.modal{padding:19px}.table th,.table td{padding:11px 8px;font-size:10px}}

.brand{gap:9px}.brand img{width:42px;height:42px;object-fit:cover;border-radius:9px;max-width:none}.brand-words{display:flex;flex-direction:column;line-height:1.05}.brand-words strong{font-size:23px;letter-spacing:-.02em;font-weight:900;color:#12344a}.brand-words strong span{color:#0692c9}.brand-words small{font-size:7px;letter-spacing:.23em;color:#628091;font-weight:900;margin-top:3px}@media(max-width:550px){.brand img{width:38px;height:38px}.brand-words strong{font-size:20px}.brand-words small{font-size:6.5px}}

/* Biblioteca privativa de documentos */
.doc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:12px 0 20px}.doc-stat{border:1px solid #dfebf3;background:#fff;border-radius:15px;padding:18px;display:flex;gap:7px;flex-direction:column}.doc-stat span{color:#089bc9;background:#e9f8ff;border-radius:9px;font-size:20px;width:34px;height:34px;display:grid;place-items:center}.doc-stat strong{font-size:26px;letter-spacing:-.03em}.doc-stat small{font-size:11px;color:#69879a;font-weight:700}.doc-list{display:grid}.doc-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid #ebf1f5;padding:15px 0;min-width:0}.doc-item:last-child{border:0}.doc-icon{display:grid;place-items:center;flex:none;height:46px;width:46px;border-radius:12px;background:#e9f8ff;color:#078dbb;font-size:22px}.doc-description{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.doc-description strong{color:#143b52;overflow-wrap:anywhere;font-size:13px}.doc-description small{color:#708c9b;font-size:11px;line-height:1.4}.doc-open{white-space:nowrap;flex:none}.doc-item button{font-size:11px}.form-grid>.modal-hint{grid-column:1/-1}@media(max-width:650px){.doc-stats{grid-template-columns:repeat(2,1fr)}.doc-stat{padding:13px}.doc-item{gap:9px}.doc-icon{height:36px;width:36px}.doc-open{padding:8px 9px}.doc-description small{font-size:10px}}

/* VIDRONE · gestão de múltiplos contatos por cliente */
.contacts-card{padding:24px;margin-bottom:18px}.contacts-head{margin:22px 0 10px;align-items:center;flex-wrap:wrap}.contacts-title{font-size:15px!important}.contacts-head .primary{white-space:nowrap}.contact-identity{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;flex:1}.contact-identity strong{font-size:13px;line-height:1.35}.contact-identity span{color:#46748a;font-size:12px;overflow-wrap:anywhere}.contact-identity small{font-size:10px;color:#869eaa;line-height:1.5}.access-person-primary{background:#f6fafc;padding:14px 12px;border-radius:9px}.contact-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.contact-actions button{cursor:pointer;font-size:11px;font-weight:800;background:none;border:0}.contact-actions .contact-edit{color:#007ca7}.contact-actions .contact-remove{color:#ad4657}.contacts-foot{margin-top:16px;padding-top:14px;border-top:1px solid #edf2f6;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#6f8a98}.contacts-foot strong{color:#0b5a82}.contacts-foot button{font-size:11px;cursor:pointer}@media(max-width:700px){.contacts-card{padding:16px}.contacts-head .primary{width:100%}.access-person{align-items:flex-start}.access-person-primary{align-items:center}.contact-actions{gap:8px;flex-direction:column;align-items:flex-end}}

/* VIDRONE 2026 · Linha do tempo de registros e portfólio público seguro */
.vd-evolution-lead{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#062337,#105878);color:#fff;padding:27px 31px;border-radius:17px;margin-bottom:18px}
.vd-evolution-lead h2{font-size:31px;letter-spacing:-.045em;line-height:1.15;margin:10px 0}.vd-evolution-lead p{color:#bcdfec;font-size:12px;line-height:1.7;max-width:540px;margin:0}.vd-evolution-lead .page-tag{color:#5ddfff}
.vd-evolution-stats{display:flex;gap:10px;align-items:stretch;flex:none}.vd-evolution-stats>div{background:rgba(255,255,255,.11);border:1px solid rgba(170,221,245,.16);border-radius:11px;display:flex;min-width:90px;padding:13px;flex-direction:column;gap:7px}.vd-evolution-stats strong{font-size:26px;color:#fff}.vd-evolution-stats span{font-size:10px;max-width:84px;color:#b2daed;line-height:1.45}
.vd-evolution-panel{margin-bottom:18px}.vd-select-point{display:block;color:#4c7187;font-size:11px;font-weight:800;margin:18px 0 14px}.vd-select-point select{display:block;margin-top:7px;max-width:390px;border:1px solid #cadae6;border-radius:9px;padding:12px;background:#fff;color:#133b52;font-size:13px;font-weight:700;width:100%}
.vd-private-compare{position:relative;overflow:hidden;--split:50%;width:100%;height:350px;border-radius:15px;background:linear-gradient(135deg,#0a2b44,#1b6a8c)}.vd-private-compare>img,.vd-private-overlay>img{display:block;width:100%;height:100%;object-fit:cover}.vd-private-compare>img{position:absolute;inset:0}.vd-private-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.vd-private-overlay img{position:absolute;inset:0}.vd-private-split{position:absolute;top:0;bottom:0;left:var(--split);border-left:2px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.2)}.vd-private-chip{position:absolute;top:13px;background:#092b3ee6;color:#fff;border-radius:7px;padding:8px 11px;font-size:11px}.vd-private-chip.vd-first{left:12px}.vd-private-chip.vd-last{right:12px}.vd-range-label{display:grid;gap:6px;margin:14px 0 8px;color:#526f84;font-size:11px;font-weight:800}.vd-range-label input{width:100%;accent-color:#0096c6;cursor:ew-resize}
.vd-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vd-photo-tile{display:flex;flex-direction:column;min-width:0;gap:7px;border:1px solid #e1eaf1;border-radius:12px;overflow:hidden;padding-bottom:12px;background:#fff}.vd-photo-frame{height:158px;position:relative;background:repeating-linear-gradient(45deg,#d6e4ed 0,#d6e4ed 12px,#eef5f9 12px,#eef5f9 24px)}.vd-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.vd-photo-badge{position:absolute;bottom:8px;left:9px;padding:5px 8px;color:#fff;background:#092e40dd;font-weight:800;border-radius:5px;font-size:9px}.vd-photo-tile>strong{font-size:12px;color:#0c3a53;padding:0 12px;overflow-wrap:anywhere}.vd-photo-tile>small{font-size:10px;color:#698799;padding:0 12px;line-height:1.5}.vd-photo-tile>.link-button{align-self:flex-start;margin-left:12px;margin-top:auto;font-size:11px}
.vd-timeline{position:relative;border-left:2px solid #d8eaf4;margin:12px 0 0 13px;padding-left:27px}.vd-timeline-row{display:flex;align-items:start;gap:14px;margin:0 0 25px;position:relative}.vd-timeline-row:last-child{margin-bottom:0}.vd-timeline-pin{position:absolute;left:-41px;top:1px;background:#e1f6ff;border:2px solid #aed9ed;color:#098eba;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:13px}.vd-timeline-row>div:last-child{display:grid;gap:6px}.vd-timeline-row small{font-weight:800;color:#078eb9;font-size:10px}.vd-timeline-row strong{color:#14394e;font-size:13px}.vd-timeline-row span{color:#6c8697;font-size:11px;line-height:1.55}.vd-timeline-row button{font-size:11px;text-align:left;padding:0;width:max-content}
.vd-admin-case-list{display:grid;gap:9px}.vd-admin-case{padding:17px;border:1px solid #dfebf0;border-radius:12px;display:flex;gap:24px;align-items:center;justify-content:space-between}.vd-admin-case>div{display:grid;gap:6px}.vd-admin-case small{color:#1195bf;font-size:10px;font-weight:850}.vd-admin-case strong{font-size:14px;color:#10364e}.vd-admin-case p{font-size:11px;line-height:1.5;color:#71899a;margin:0}.vd-published{color:#168653;font-size:10px;font-weight:800}.vd-admin-case button{flex:none;font-size:11px}.vd-agreement{display:flex!important;flex-direction:row!important;gap:12px;align-items:start;color:#153c50;line-height:1.6;font-size:12px}.vd-agreement input{flex:none;width:19px!important;height:19px!important;margin-top:2px;accent-color:#007da7}
@media(max-width:1050px){.vd-evolution-lead{align-items:start;flex-direction:column}.vd-evolution-stats{width:100%}.vd-evolution-stats>div{flex:1}}
@media(max-width:650px){.vd-evolution-lead{padding:21px}.vd-evolution-lead h2{font-size:27px}.vd-evolution-stats{gap:5px}.vd-evolution-stats>div{padding:11px 7px;min-width:0}.vd-evolution-stats strong{font-size:21px}.vd-evolution-stats span{font-size:9px}.vd-private-compare{height:250px}.vd-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vd-photo-frame{height:123px}.vd-admin-case{align-items:start;flex-direction:column}.vd-admin-case button{width:100%}}
@media(max-width:390px){.vd-photo-grid{grid-template-columns:1fr}.vd-photo-frame{height:186px}}

/* VIDRONE — avisos privados e relatórios mensais */
.vn-hero{background:linear-gradient(125deg,#092338,#0d5476);color:white;border-radius:17px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.vn-hero h2{font-size:clamp(22px,2.5vw,31px);letter-spacing:-.045em;line-height:1.17;margin:9px 0}.vn-hero p{color:#bddce9;font-size:12px;line-height:1.65;max-width:630px;margin:0}.vn-hero .page-tag{color:#74dbff}.vn-count{background:#ffffff19;padding:11px 19px;border:1px solid #ffffff26;border-radius:12px;text-align:center;min-width:97px}.vn-count strong{display:block;font-size:33px}.vn-count small{font-size:10px;color:#b8d8e5}.vn-report-icon{font-size:60px;opacity:.65}.vn-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.vn-row-head h2{font-size:17px;margin:0}.vn-row-head p{color:#71899b;font-size:11px;margin:4px 0}.vn-alert-list{padding:2px 24px}.vn-alert-item{border-bottom:1px solid #e7eef3;display:flex;align-items:center;gap:15px;padding:19px 1px}.vn-alert-item:last-child{border-bottom:0}.vn-alert-symbol{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e7f6fd;color:#0b86af;font-size:22px;flex:none}.vn-alert-content{flex:1;min-width:0}.vn-alert-content strong{font-size:13px;color:#16384e}.vn-alert-content p{font-size:11px;color:#698798;margin:5px 0 0;overflow-wrap:anywhere}.vn-alert-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-bottom:6px;font-size:10px;color:#7c95a4}.vn-alert-meta>span{font-weight:800;color:#0985ad}.vn-new{border-radius:99px;background:#e0f7ef;color:#13845b;padding:3px 7px;font-size:9px}.vn-alert-open{flex:none}.vn-foot-note{margin:18px 0;color:#6a8595}.vn-period{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}.vn-period label{font-size:11px;display:block;color:#516f82}.vn-period label strong{display:block;font-size:12px;margin-bottom:7px;color:#23485d}.vn-period select{border:1px solid #ccdfeb;background:#fff;padding:12px 35px 12px 12px;border-radius:10px;color:#17394e;min-width:260px}.vn-report-metrics{margin-bottom:18px}.vn-mini-file{display:flex;flex-direction:column;gap:4px;border-top:1px solid #ecf1f5;padding:11px 0}.vn-mini-file:first-of-type{border:0}.vn-mini-file strong{font-size:12px}.vn-mini-file span{color:#7692a0;font-size:10px}.vn-report-total{margin-top:16px;display:flex;justify-content:space-between;gap:14px;border-top:1px solid #dfeaf1;padding-top:16px;font-size:11px}.vn-report-total strong{font-size:13px;color:#134d70}
@media(max-width:700px){.vn-hero{padding:23px;align-items:start}.vn-hero p{max-width:100%}.vn-report-icon{display:none}.vn-alert-list{padding:1px 15px}.vn-alert-item{flex-wrap:wrap}.vn-alert-open{margin-left:58px}.vn-period{flex-direction:column;align-items:stretch}.vn-period select,.vn-period .primary{width:100%;min-width:0}}

/* VIDRONE / Experiência premium 2026 — somente apresentação, sem alterações de permissões */
:root{
  --navy:#081c2e;--deep:#061522;--ink:#102c40;--blue:#008fbd;
  --cyan:#45cfff;--muted:#698398;--light:#f4f8fc;--line:#e1eaf1;
  --card-shadow:0 12px 36px rgba(11,44,68,.045);
}
html{scroll-behavior:smooth}
body{font-size:15px;line-height:1.6;background:#f5f8fb;color:#0c2a40}
button,select,input,textarea{letter-spacing:normal}
button,select{touch-action:manipulation}
.topbar{height:82px;padding:0 clamp(22px,3.8vw,68px);border-bottom-color:#e3ebf2;box-shadow:0 2px 14px rgba(6,29,48,.025);position:relative;z-index:6}
.brand{gap:12px}.brand img{width:52px;height:52px;max-width:none;border-radius:12px}
.brand-words strong{font-size:24px;letter-spacing:-.055em}.brand-words small{font-size:8px;letter-spacing:.32em}
.topbar-tag{font-size:10px;letter-spacing:.12em;color:#0b6387;background:#e9f7fd;padding:10px 13px;border-radius:100px;border:1px solid #d0eaf6}
.backlink{border-left:1px solid #e0eaf0;padding-left:24px;font-size:12px}
.online-dot{background:#08ad9c;box-shadow:0 0 0 4px #b3f1e5;margin-right:9px}
/* Main layout */
.workspace{grid-template-columns:276px minmax(0,1fr);min-height:calc(100vh - 136px);background:linear-gradient(135deg,#f5f9fd 0%,#f1f6fa 60%,#f6f9fb 100%)}
.side{background:linear-gradient(155deg,#081e32 0%,#0a2c45 80%,#092235 100%);padding:28px 20px 26px;position:sticky;top:0;height:calc(100vh - 82px);min-height:760px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#294a60 transparent}
.side-intro{display:flex;align-items:center;gap:12px;padding:0 10px 24px;margin-bottom:20px;border-bottom:1px solid #ffffff1b}
.side-intro-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#8de8ff;font-size:25px;font-weight:900;background:linear-gradient(145deg,#175476,#0e354e);border:1px solid #34627a}
.side-intro strong{display:block;font-size:13px;letter-spacing:-.02em;color:#fff;line-height:1.3}.side-intro small{display:block;color:#86afc4;font-size:10px;margin-top:4px}
.side-title{font-size:9px;color:#6e9ab1;padding:0 13px 10px;display:flex;align-items:center;justify-content:space-between}
.side-title-dot{height:6px;width:6px;background:#41d3fa;border-radius:99px;box-shadow:0 0 0 4px rgba(65,211,250,.09)}
.side-nav{gap:3px}.side-nav .nav-group{font-size:9px;letter-spacing:.14em;font-weight:850;color:#719bb0;padding:19px 13px 9px;margin-top:3px}
.side-nav .nav-group:first-child{margin-top:0}
.side-nav button{min-height:45px;padding:10px 12px;font-size:12px;font-weight:710;gap:12px;border-radius:11px;transition:background-color .18s,color .18s,transform .18s;white-space:nowrap}
.side-nav button>.nav-icon{height:30px;width:31px;display:grid;place-items:center;flex:none;border-radius:9px;background:#ffffff0d;font-size:18px;color:#9ac5d8;line-height:1}
.side-nav button:hover{background:#ffffff12;color:#fff;transform:translateX(2px)}
.side-nav button.active{background:linear-gradient(105deg,#11638c,#0c5176);box-shadow:inset 3px 0 #49d4ff,0 6px 14px #051e2c38;color:#fff}
.side-nav button.active>.nav-icon{background:#ffffff25;color:#fff}
.side-help{margin-top:36px;border-color:#27607a;background:linear-gradient(155deg,#103d57,#104663);padding:20px;border-radius:16px}
.side-help strong{font-size:13px}.side-help p{font-size:11px;color:#b9d4e2}.side-help a{font-size:11px;color:#8ce6ff}
.side-footnote{font-size:10px;color:#7ea4ba;text-align:center;padding:22px 5px 5px}.side-foot-lock{color:#52c7ec;margin-right:5px}
.content{max-width:1540px;padding:28px clamp(24px,3.2vw,60px) 70px}
.content-top{padding-bottom:19px;border-color:#e0eaf1}
.crumb{font-size:12px;color:#52718a}.crumb:first-letter{font-weight:900;color:#0a648d}
.session{gap:12px;font-size:12px;color:#627d90}.session-marker{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:#1383ad;background:#dff2fb;font-size:12px}
.logout{padding:7px 10px;border-radius:8px;background:#ecf6fa;color:#146e92;font-size:11px;white-space:nowrap}
.logout:hover{background:#dff2fb}
.page-heading{margin:31px 0 16px;align-items:center;gap:20px}
.page-tag{display:inline-flex;align-items:center;gap:8px;color:#0585ad;letter-spacing:.13em;font-size:10px}
.page-tag-dot{width:7px;height:7px;background:#00b3c8;border-radius:50%;box-shadow:0 0 0 4px #d9f7fb}
.page-heading h1{font-size:clamp(30px,3.2vw,45px);font-weight:850;letter-spacing:-.058em;line-height:1.12;margin:11px 0 9px;color:#092e46}
.page-heading p{font-size:13px;color:#6f899b;line-height:1.65;max-width:670px}
.admin-tools{gap:10px}
.primary,.outline,.secondary{min-height:45px;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:810;transition:transform .15s,box-shadow .2s,background .2s}
.primary{background:linear-gradient(110deg,#007fab,#009bc5);box-shadow:0 8px 17px #078db720}
.primary:hover{background:linear-gradient(110deg,#007ba9,#007da7);box-shadow:0 10px 21px #008db530;transform:translateY(-1px)}
.outline{border-color:#c4dae8;color:#105675}.outline:hover{border-color:#78c7e7;background:#f0faff}
.project-controls{border:1px solid #e2ebf2;background:white;border-radius:17px;padding:19px 21px;margin:21px 0 27px;gap:15px;box-shadow:var(--card-shadow);align-items:end}
.controls-kicker{width:100%;display:block;font-size:9px;letter-spacing:.15em;font-weight:850;color:#6b91a5;margin-bottom:-6px}
.project-controls label{font-size:11px;font-weight:780;color:#537387;min-width:215px;flex:0 1 315px}
.project-controls select{margin-top:7px;min-height:47px;border:1px solid #d8e5ee;background:#fbfdff;padding:11px 36px 11px 14px;border-radius:10px;color:#153f57;font-size:13px;font-weight:750}
.project-controls select:hover{border-color:#9fcfe3}
.access-label{background:#e9f5ff;border:1px solid #d0eafb;color:#137fa8;padding:9px 13px;border-radius:99px;font-size:10px;margin-left:auto;align-self:center}
.dashboard-body{min-height:480px}
/* Intro card: project overview */
.ux-overview-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr);gap:24px;align-items:stretch;padding:30px 32px;background:radial-gradient(circle at 0 0,rgba(35,137,179,.45),transparent 42%),linear-gradient(124deg,#09283f,#071f35 75%,#0c3650);border:1px solid #0b4665;border-radius:23px;box-shadow:0 19px 45px #07283c1f;position:relative;overflow:hidden;color:white;margin:0 0 28px}
.ux-overview-hero:after{content:"";position:absolute;width:285px;height:285px;border:1px solid #6bcbf31e;border-radius:50%;right:-115px;top:-135px;box-shadow:0 0 0 45px #4bd3ff09,0 0 0 95px #4bd3ff06;pointer-events:none}
.ux-hero-copy,.ux-next-visit{position:relative;z-index:1}
.ux-hero-overline{display:flex;align-items:center;gap:8px;color:#6bdefc;font-size:10px;font-weight:850;letter-spacing:.15em}
.ux-hero-overline span{font-size:17px}.ux-hero-copy h2{margin:17px 0 6px;color:white;font-size:clamp(28px,3.1vw,41px);font-weight:850;line-height:1.12;letter-spacing:-.045em}
.ux-hero-copy p{font-size:13px;color:#bed7e5;line-height:1.65;margin-bottom:17px;max-width:580px}
.ux-hero-info{display:flex;flex-wrap:wrap;gap:10px}.ux-hero-info span{font-size:11px;color:#d0e6ef;border:1px solid #90cde229;padding:6px 11px;border-radius:100px;background:#ffffff0c}
.ux-hero-actions{display:flex;gap:11px;align-items:center;margin-top:24px;flex-wrap:wrap}
.ux-hero-actions button{font-size:12px;font-weight:810;min-height:43px;border-radius:10px;padding:11px 16px}
.ux-hero-btn{background:#4ad1fa;color:#06344a;border:1px solid #4ad1fa}.ux-hero-btn:hover{background:#8ee5ff}
.ux-hero-subbtn{background:#ffffff0c;border:1px solid #8cb9cc4d;color:white}.ux-hero-subbtn:hover{background:#ffffff25}
.ux-next-visit{border:1px solid #8ec8dd3c;background:linear-gradient(165deg,#ffffff15,#ffffff0a);border-radius:18px;padding:23px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0}
.ux-next-kicker{font-size:10px;letter-spacing:.14em;font-weight:850;color:#88dffc}
.ux-next-visit>strong{color:#fff;font-size:clamp(25px,2.4vw,35px);letter-spacing:-.05em;margin:12px 0 0;line-height:1.12}
.ux-next-time{color:#b5d8e6;font-size:12px;margin:6px 0 16px}
.ux-next-status .badge{font-size:11px}.ux-next-bottom{color:#9fc3d3;font-size:10px;line-height:1.6;margin-top:14px}
.ux-kpi-label{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:6px 0 15px}
.ux-kpi-label span{font-size:9px;font-weight:850;color:#1c8cad;letter-spacing:.13em}
.ux-kpi-label h2{font-size:21px;letter-spacing:-.035em;margin:4px 0 0}
.ux-kpi-label p{font-size:11px;color:#7992a2;margin:0 0 3px;text-align:right}
/* cards */
.metrics{gap:15px}.metric{min-height:153px;padding:22px 22px 20px;border-radius:17px;border-color:#e2ebf2;box-shadow:var(--card-shadow);position:relative;overflow:hidden}
.metric .meta{font-size:12px;color:#5f7d91;gap:10px;line-height:1.4}
.metric .symbol{height:36px;width:36px;border-radius:11px;font-size:20px;color:#078eba;background:#e7f6fd}
.metric .num{font-size:clamp(24px,2.2vw,34px);line-height:1.12;margin-top:22px;white-space:normal;font-weight:850;color:#092f48}
.metric .hint{font-size:11px;color:#809aaa;margin-top:7px;line-height:1.55}
.metric:first-child{background:linear-gradient(135deg,#0b5271,#087fab);border-color:#0b7096;box-shadow:0 13px 33px #0c678226}
.metric:first-child .meta{color:#e2f7fd}.metric:first-child .symbol{color:#e4f8ff;background:#ffffff28}.metric:first-child .num{color:#fff}.metric:first-child .hint{color:#c3ebf7}
.ux-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:19px 0 9px}
.ux-shortcuts button{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e1ebf2;border-radius:13px;min-width:0;padding:15px;text-align:left;color:#123d54;box-shadow:0 4px 14px #0f3a5109;transition:transform .18s,border-color .18s,box-shadow .18s}
.ux-shortcuts button:hover{transform:translateY(-2px);border-color:#8acfe8;box-shadow:0 9px 26px #0f739b19}
.ux-short-icon{flex:none;display:grid;place-items:center;height:39px;width:39px;border-radius:11px;color:#0589b4;background:#e8f7fc;font-size:21px}
.ux-shortcuts button>span:nth-child(2){flex:1;min-width:0}.ux-shortcuts strong{display:block;font-size:12px;font-weight:820}.ux-shortcuts small{display:block;font-size:10px;color:#7a94a3;margin-top:2px;line-height:1.4}.ux-short-arrow{font-size:15px;color:#1190b6}
.section-grid{gap:19px;margin-top:19px}.panel{border-radius:18px;padding:25px;border-color:#e1eaf2;box-shadow:var(--card-shadow)}
.panel-head{margin-bottom:18px}.panel h2{font-size:18px;letter-spacing:-.035em;color:#13364d}.panel-head span{font-size:11px;color:#8196a4}
.link-button{font-size:11px;color:#0688b2;padding:8px 5px;white-space:nowrap}.link-button:hover{text-decoration:underline}
.visit-row{padding:17px 0;gap:14px}.visit-name{font-size:13px;color:#123b50}.visit-sub{font-size:11px;margin-top:6px;color:#7e96a4}
.date-chip{width:53px;height:57px;border-radius:12px;background:#eaf7fd;color:#067fa8}.date-chip b{font-size:21px}.date-chip small{font-size:10px}
.badge{font-size:10px;letter-spacing:.01em;padding:7px 11px}
.money-line{padding:13px 0;font-size:12px}.money-line span{color:#69869a}.money-line strong{color:#173e54;text-align:right}
.budget-big{font-size:37px;margin:18px 0}.budget-lbl{font-size:12px}.budget-note{font-size:11px;color:#748c9f}.budget-small{font-size:11px}
.progress{height:10px;background:#e6f0f5}.progress>div{background:linear-gradient(90deg,#0785b4,#5bdef7)}
/* Every module */
.section-title{font-size:21px;color:#102f44;margin:11px 0}.section-desc{font-size:12px;color:#718b9b;margin:4px 0 18px;line-height:1.7}
.section-bar{align-items:center;gap:20px}
.table-wrap{border-radius:15px}.table{border-collapse:separate;border-spacing:0}
.table th{background:#f3f8fb;color:#607f90;font-size:10px;padding:15px 16px}
.table th:first-child{border-radius:9px 0 0 9px}.table th:last-child{border-radius:0 9px 9px 0}
.table td{font-size:12px;padding:17px 16px;color:#173b50}.table tr:last-child td{border-bottom:0}
.table tbody tr:hover td{background:#f7fbfe}.table button,.row-action{font-size:11px;padding:9px 12px;border-radius:9px}
.empty{border:1px dashed #c9deea;background:linear-gradient(130deg,#fff,#f7fbfd);padding:49px 25px;border-radius:17px;line-height:1.8}.empty strong{font-size:16px}
.calendar-wrap{border-color:#dfeaf2;border-radius:18px;box-shadow:var(--card-shadow);padding:25px}.calendar-head h2{font-size:21px}.cal-controls button{height:37px;width:37px;border-radius:10px}
.calendar{gap:6px}.cal-label{font-size:10px;padding:9px 0 14px}.day{min-height:100px;border-color:#e3edf2;border-radius:11px;padding:11px 9px}.day:hover{border-color:#8bcae3;background:#f8fcff}.day.today{border:2px solid #15a7d6;background:#eaf8ff}.day .day-number{font-size:12px}.day .event{font-size:10px;padding:6px 5px;border-radius:5px;line-height:1.35}
.cal-selected{padding-top:20px}.cal-visit{padding:12px 0}
.doc-stats,.vn-report-metrics{gap:14px}.doc-stat{border-radius:16px}.doc-item{padding:18px 10px}.doc-open{min-height:39px}
.vn-hero,.vd-evolution-lead{border-radius:19px;box-shadow:0 14px 35px #072d4921}
.vn-alert-item{padding:19px 1px}.vn-alert-content strong{font-size:13px}.vn-alert-content p{font-size:12px}
.vd-photo-tile{border-radius:14px}.vd-photo-frame{height:175px}
/* Inputs and modal legibility */
.modal-host{background:rgba(4,23,37,.72);backdrop-filter:blur(4px)}
.modal{border-radius:22px;padding:30px;box-shadow:0 40px 100px #00122260;border:1px solid #e6eef4}
.modal-head h2{font-size:23px}.modal-head button{width:39px;height:39px}
.field{font-size:12px}.field input,.field textarea,.field select{min-height:46px;font-size:13px;background:#fbfdfe}
.notice{border-radius:12px;padding:16px 18px;font-size:12px}
.login-wrap{background:radial-gradient(circle at 10% 25%,#144869 0%,#0a2740 39%,#061a2e 78%);gap:clamp(35px,6vw,100px)}
.login-card{border-radius:24px;padding:39px;box-shadow:0 28px 75px #00172736}
.login-intro h1{font-weight:850}.login-card h2{font-size:30px}.auth-tabs{padding:6px}.auth-tabs button{font-size:12px;padding:12px}.login-card input{min-height:48px;font-size:14px}.login-safe p{font-size:12px}
.footer{padding:20px clamp(23px,4vw,70px);font-size:11px;background:#061a2a}
/* Breakpoints */
@media(max-width:1270px){
 .workspace{grid-template-columns:244px minmax(0,1fr)}.side{padding:22px 13px}.content{padding:25px 29px 55px}
 .ux-overview-hero{grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr);gap:15px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
 .workspace{grid-template-columns:1fr}
 .side{position:sticky;top:0;z-index:7;height:auto;min-height:0;overflow:visible;padding:7px 13px 9px;background:#092439;box-shadow:0 9px 20px #09263b16}
 .side-intro,.side-title,.side-help,.side-footnote,.side-nav .nav-group{display:none!important}
 .side-nav{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#478bac transparent;gap:5px;padding:3px 0 6px;scroll-snap-type:x proximity}
 .side-nav button{scroll-snap-align:start;min-height:43px;padding:8px 12px;border-radius:10px;flex:none;font-size:11px}
 .side-nav button .nav-icon{width:25px;height:26px;font-size:16px;border-radius:7px}
 .side-nav button.active{box-shadow:inset 0 -3px #4bd8ff}
 .side-nav button:hover{transform:none}
 .content{padding:26px 26px 60px}.page-heading{margin:26px 0 17px}
 .project-controls{padding:17px}
 .ux-overview-hero{grid-template-columns:1fr;padding:26px}.ux-next-visit{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;padding:16px}
 .ux-next-visit>strong{font-size:24px;margin:0}.ux-next-time{margin:0}.ux-next-status{margin-left:auto}.ux-next-bottom{flex-basis:100%;margin-top:0}
 .ux-shortcuts{gap:8px}
 .ux-shortcuts button{padding:12px;gap:8px}.ux-short-icon{width:30px;height:32px;font-size:16px}.ux-shortcuts small{display:none}
 .login-wrap{grid-template-columns:1fr}
}
@media(max-width:620px){
 .topbar{height:69px;padding:0 15px}.brand{gap:7px}.brand img{width:42px;height:42px}.brand-words strong{font-size:18px}.brand-words small{font-size:7px}.topright{gap:10px}.topbar-tag{font-size:9px;padding:8px}.backlink{display:none}
 .content{padding:21px 15px 45px}.content-top{flex-wrap:wrap;gap:11px;padding-bottom:14px}.crumb{font-size:11px}.session{font-size:10px;gap:7px}.session>span#identity{max-width:154px}.session-marker{height:24px;width:24px}
 .page-heading{margin:23px 0 16px;align-items:stretch;flex-direction:column;gap:15px}
 .page-heading h1{font-size:32px}.page-heading p{font-size:12px}
 .admin-tools{width:100%}.admin-tools button{flex:1;min-width:135px}
 .project-controls{gap:12px;margin:18px 0 22px;padding:16px;border-radius:15px}
 .project-controls label{min-width:0;flex:1 1 100%}.project-controls select{min-width:0;width:100%}
 .access-label{margin-left:0}
 .ux-overview-hero{padding:22px 19px;border-radius:18px;gap:18px}
 .ux-hero-copy h2{font-size:30px;line-height:1.17}.ux-hero-copy p{font-size:12px}.ux-hero-overline{font-size:9px}
 .ux-next-visit{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.ux-next-kicker{grid-column:1/-1}.ux-next-visit>strong{font-size:27px}.ux-next-time{grid-column:1}.ux-next-status{grid-column:2;grid-row:2/4;align-self:center}.ux-next-bottom{grid-column:1/-1;margin-top:7px}
 .ux-kpi-label{align-items:start;flex-direction:column;gap:2px}.ux-kpi-label p{text-align:left}.ux-kpi-label h2{font-size:19px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px 13px;min-height:150px}.metric .meta{font-size:10px;gap:6px;flex-wrap:wrap}.metric .symbol{width:30px;height:30px;font-size:18px}.metric .num{font-size:23px;margin-top:17px;overflow-wrap:anywhere}.metric .hint{font-size:10px}
 .ux-shortcuts{grid-template-columns:1fr;gap:9px}.ux-shortcuts button{min-height:55px;padding:11px 14px}.ux-shortcuts small{display:block}
 .section-grid{grid-template-columns:1fr;gap:12px}.panel{padding:18px;border-radius:16px}
 .panel h2{font-size:17px}.panel-head{align-items:flex-start;flex-wrap:wrap}
 .visit-row{flex-wrap:wrap;align-items:flex-start}.visit-row>.badge,.visit-row>div:last-child{margin-left:auto}
 .budget-big{font-size:32px}.budget-lbl{font-size:11px}
 .calendar-wrap{padding:15px;overflow-x:auto}.calendar-head h2{font-size:18px}.calendar{min-width:620px;gap:4px}.day{min-height:87px;padding:7px 6px}.day .event{font-size:9px}
 .cal-selected{min-width:300px}.cal-visit{flex-wrap:wrap}
 .section-bar{flex-wrap:wrap}.section-bar>.primary{width:100%}.table-wrap{overflow:auto}.table{min-width:580px}
 .doc-stats{gap:8px}.doc-item{flex-wrap:wrap}
 .vn-hero,.vd-evolution-lead{border-radius:16px;padding:21px}
 .modal{max-height:95vh;padding:20px;border-radius:18px}.form-grid{grid-template-columns:1fr}
 .login-wrap{padding:32px 18px 42px}.login-intro h1{font-size:45px}.login-intro>p{font-size:13px}.login-benefits{margin-top:30px;gap:14px}.login-card{padding:26px 21px}.login-card h2{font-size:26px}.login-card .auth-tabs button{font-size:11px}
 .footer{padding:16px 20px;flex-wrap:wrap;gap:8px;font-size:10px}
}
@media(max-width:350px){.metrics{grid-template-columns:1fr}.topbar-tag{display:none}.ux-next-visit{display:flex;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary,.outline,.ux-shortcuts button,.side-nav button,.progress>div{transition:none!important}}
/* Keep long navigation labels contained without truncation on desktop */
@media(min-width:851px){
 .side-nav button{width:100%;min-width:0;white-space:normal}
 .side-nav button>span:nth-child(2){min-width:0;line-height:1.4}
}
/* Mobile grid min-content must not grow to full horizontal menu width */
@media(max-width:850px){
 .workspace{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%}
 .workspace>.side,.workspace>.content{min-width:0;max-width:100%;width:100%}
 .workspace>.side{overflow:hidden}
 .side-nav{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden}
 .side-nav button{white-space:nowrap;width:auto}
}

/* VIDRONE · módulo administrativo V7 */
.vd-admin-account-buttons,.vd-admin-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.vd-danger-outline{border-color:#e2b8b8!important;color:#9f3030!important;background:#fffafa!important}
.vd-danger-outline:hover,.vd-danger-outline:focus-visible{background:#fff0ef!important;border-color:#be6969!important}
.vd-admin-project-box{margin:18px 0 16px;border-top:1px solid #dce9ee;padding-top:18px}
.vd-admin-project-box>strong{display:block;font-size:15px;margin-bottom:11px;color:#0e2b3e}
.vd-admin-project-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:13px 0;border-top:1px solid #eaf0f3}
.vd-admin-project-row>div:first-child{min-width:180px;flex:1}
.vd-admin-project-row b{display:block;font-size:14px;color:#102d41}
.vd-admin-project-row small{display:block;margin-top:5px;color:#637e8f;font-size:12px}
@media(max-width:780px){.vd-admin-account-buttons,.vd-admin-row-actions{justify-content:flex-start}.vd-admin-account-buttons button,.vd-admin-row-actions button{font-size:12px;padding:10px 12px}.vd-admin-project-row{align-items:flex-start;flex-direction:column}.vd-admin-project-row>div{width:100%}}

/* VIDRONE V8 · Operações, checklist e galeria com envio em lote */
.v8-ops-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(125deg,#0b293b,#0873a0);color:white;margin-bottom:20px}
.v8-ops-hero h2{font-size:clamp(24px,3.2vw,38px);margin:12px 0 10px;letter-spacing:-.045em;color:#fff}.v8-ops-hero p{color:#d5ebf6;font-size:14px;line-height:1.7;max-width:600px}.v8-ops-hero .page-tag{color:#70d6fb}
.v8-ops-create{border:1px solid #b7ecff;border-radius:12px;padding:14px 19px;background:#fff;color:#095473;font-weight:800;white-space:nowrap;cursor:pointer}
.v8-ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}
.v8-ops-kpi{background:#fff;border:1px solid #dce9f0;border-radius:17px;padding:23px;display:flex;flex-direction:column;gap:10px}
.v8-ops-kpi small{font-size:12px;font-weight:750;color:#527188}.v8-ops-kpi strong{font-size:36px;line-height:1.1;color:#082b40}.v8-ops-kpi span{font-size:12px;color:#698094}
.v8-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.v8-filter-chip{border:1px solid #c8dce8;background:#fff;border-radius:999px;padding:9px 15px;color:#245069;font-weight:750;cursor:pointer}.v8-filter-chip.selected{background:#087eaa;color:#fff;border-color:#087eaa}
.v8-ops-table small{display:block;color:#607a8b;font-size:12px;margin-top:4px}.v8-ops-table td{vertical-align:middle}.v8-ops-table button{border-radius:8px;padding:9px 11px;border:1px solid #c6dee8;color:#067ead;background:#f8fdff;font-weight:750;cursor:pointer}
.v8-flag{display:inline-block;margin:2px;padding:4px 8px;border-radius:7px;background:#f1f4fa;color:#526979;font-size:10px;font-weight:750}.v8-flag.amber{background:#fff4de;color:#a16000}.v8-flag.good{background:#eaf8ef;color:#286a42}
.v8-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.v8-account-tile{border:1px solid #d7e7ef;border-radius:15px;background:#f9fcfe;padding:17px;display:flex;flex-direction:column;gap:8px}.v8-account-tile>strong{font-size:16px;color:#0b2b40}.v8-account-tile small{font-size:12px;color:#55778c}.v8-tile-icon{color:#077fb0;font-size:28px}.v8-tile-cash{font-weight:800;font-size:13px}.v8-account-tile button{align-self:start;margin-top:7px}
.v8-subhero{border-radius:19px;background:#e8f6fc;display:flex;justify-content:space-between;align-items:center;padding:30px;gap:20px}.v8-subhero h2{font-size:clamp(24px,3vw,33px);margin:9px 0;color:#082c41}.v8-subhero p{font-size:14px;color:#476f86;line-height:1.6;max-width:680px}.v8-subhero-value{font-size:44px;font-weight:850;color:#067cad;line-height:1;text-align:center;min-width:125px}.v8-subhero-value small{display:block;color:#487083;font-size:12px;font-weight:650;margin-top:8px}
.v8-checklist-list{display:grid;gap:14px;margin-top:18px}.v8-checklist-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px;border-radius:16px;border:1px solid #dbe7ef;background:#fff}.v8-checklist-item h3{margin:7px 0;font-size:17px;color:#0e2b40}.v8-checklist-item small{font-size:12px;color:#608096}.v8-checklist-item>button{white-space:nowrap}.v8-checklist-readonly{padding:12px;border-radius:10px;background:#e7f5ff;color:#23556e}
.v8-check-done{display:flex;align-items:center;gap:12px;border-radius:12px;background:#f1f9fc;padding:15px;color:#123e55;font-weight:700}.v8-check-done input{width:18px;height:18px;accent-color:#078bb4}
.v8-upload-feedback{font-size:13px;color:#37738b;margin-top:3px;background:#ecf8fd;padding:12px;border-radius:10px}
.v8-compare-dates,.v8-gallery-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.v8-compare-dates label,.v8-gallery-filters label{display:flex;flex-direction:column;gap:7px;color:#44697f;font-size:12px;font-weight:800}.v8-compare-dates select,.v8-gallery-filters select{width:100%;padding:13px;border:1px solid #c9dfeb;border-radius:10px;color:#173e56;background:#fff;min-width:0}
.v8-photo-modal{max-width:min(1040px,95vw)!important}.v8-lightbox{margin:14px 0}.v8-lightbox img{width:100%;height:auto;max-height:65vh;object-fit:contain;background:#0b1925;border-radius:12px}.v8-lightbox figcaption{font-size:12px;color:#5d7989;margin-top:9px}
@media(max-width:1050px){.v8-ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.v8-ops-hero{flex-direction:column;align-items:stretch;padding:22px}.v8-ops-create{width:100%}.v8-ops-kpi{padding:16px}.v8-ops-kpi strong{font-size:28px}.v8-account-grid{grid-template-columns:1fr}.v8-subhero{padding:20px;flex-direction:column;align-items:flex-start}.v8-checklist-item{flex-direction:column;align-items:stretch}.v8-compare-dates,.v8-gallery-filters{grid-template-columns:1fr}.v8-checklist-item button{width:100%}}

/* Fila ampla: rolagem horizontal acessível no celular */
.v8-ops-table{min-width:690px}
.v8-ops-hero .v8-ops-create:focus-visible,.v8-filter-chip:focus-visible,.v8-ops-table button:focus-visible{outline:3px solid #58bde7;outline-offset:3px}

/* V9 – Checklists integrados aos relatórios mensais */
.v9-report-checklists{margin-top:18px; padding:23px}
.v9-report-checklists .panel-head{align-items:flex-start;gap:12px}
.v9-check-summary{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 9px}
.v9-check-summary>span{background:#eff7fb;color:#506d7d;border:1px solid #dceaf1;border-radius:10px;padding:10px 13px;font-size:11px;display:flex;gap:8px;align-items:center}
.v9-check-summary strong{font-size:15px;color:#0b4a6b}
.v9-check-row{border-top:1px solid #e4eff5;padding:16px 0}
.v9-check-rowhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.v9-check-rowhead h3{font-size:14px;color:#122f40;margin:5px 0 9px;line-height:1.35}
.v9-check-rowhead small{font-size:10px;color:#6a8799}
.v9-check-label{font-size:10px;font-weight:800;border-radius:99px;background:#f0f4f7;color:#526b7b;padding:6px 10px;white-space:nowrap}
.v9-check-label.is-done{background:#e7f6f0;color:#127553}
.v9-check-label.is-alert{background:#fff2df;color:#9e5808}
.v9-check-tags{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0}
.v9-mini-check{font-size:10px;background:#f1f6f9;color:#526e7e;padding:7px 9px;border-radius:8px;border:1px solid #e3edf2}
.v9-mini-check.is-ok{background:#ecf9f5;color:#267059;border-color:#d1e9df}
.v9-mini-check.is-alert{background:#fff4e4;color:#90570b;border-color:#f3dca8}
.v9-check-note{font-size:11px;color:#496779;white-space:pre-line;overflow-wrap:anywhere;margin:7px 0}
.v9-check-note strong{color:#153e54}
.v9-check-empty{font-size:11px;color:#8aa0ac}
.v9-check-rowfoot{font-size:10px;color:#6d8898;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:700px){.v9-report-checklists{padding:16px}.v9-check-rowhead{flex-direction:column}.v9-check-label{align-self:flex-start}.v9-check-summary{display:grid;grid-template-columns:1fr}.v9-check-summary>span{justify-content:space-between}}

/* VIDRONE V11 — seleção de registros fotográficos na geração do relatório */
.v10-report-photos{margin-top:18px;padding:23px}
.v10-report-photos .panel-head{align-items:flex-start;gap:15px}
.v10-photo-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 12px}
.v10-photo-choice{border:1px solid #dce8ee;border-radius:14px;padding:15px;background:#fbfdfe;min-width:0;transition:border-color .18s,background .18s}
.v10-photo-selected{border-color:#1698c8;background:#f0faff}
.v10-photo-check{display:flex;align-items:start;justify-content:space-between;gap:9px}
.v10-photo-check label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;color:#103c54;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.v10-photo-check input{width:19px;height:19px;accent-color:#0189b7;flex:none;margin:0}
.v10-photo-check .link-button{white-space:nowrap;font-size:11px}
.v10-photo-meta{color:#668698;font-size:10px;line-height:1.6;margin-top:7px}
.v10-caption-field{display:grid;gap:7px;margin-top:11px;font-size:11px;color:#315a6f;font-weight:700}
.v10-caption-field input{font-size:12px;font-weight:400;border:1px solid #c5dce9;border-radius:9px;padding:10px 12px;outline-color:#078fbd;max-width:100%;min-width:0}
#v10-photo-counter{white-space:nowrap;border-radius:99px;background:#eaf7fc;padding:7px 11px;color:#0c7497;font-size:11px;font-weight:700}
@media(max-width:740px){.v10-report-photos{padding:16px}.v10-photo-choices{grid-template-columns:1fr}.v10-photo-check{gap:7px}.v10-report-photos .panel-head{flex-wrap:wrap}}

/* VIDRONE V11 — instalação, calendário e controles de e-mail */
.v11-install,.v11-install-login{cursor:pointer;border:1px solid #bddfe9;background:#eaf7fc;color:#076a90;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:800;line-height:1.35}
.v11-install:hover,.v11-install-login:hover{background:#d9f3fc}
.v11-install-area{display:grid;gap:7px;margin:17px 0 7px;text-align:center}
.v11-install-area small{font-size:11px;line-height:1.5;color:#718899}
.v11-cal-button{cursor:pointer;border:1px solid #b9dce8;color:#086b92;background:#effaff;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.v11-cal-button:hover{background:#dbf3fa}
.v11-day-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.v11-email-box{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0 12px;padding:22px}
.v11-email-box>div:first-child{flex:1 1 330px}
.v11-email-box h2{font-size:20px;margin:6px 0 8px;color:#062d43}
.v11-email-box p{color:#667e90;line-height:1.6;margin:3px 0 9px;font-size:13px}
.v11-email-actions{display:flex;gap:8px;flex-wrap:wrap}
.v11-email-state{display:inline-block;border-radius:8px;padding:6px 10px;background:#e8f6fb;color:#167496;font-size:12px}
.v11-email-box>.hint{flex-basis:100%;border-top:1px solid #e1eaf0;padding-top:12px}
@media(max-width:780px){.v11-install{padding:8px 10px;font-size:11px}.v11-email-box{padding:16px}}
@media(max-width:520px){.v11-install{display:none}.v11-email-actions{width:100%}.v11-email-actions button{flex:1 1 145px}}

/* Exibe instalação também dentro do portal em telas menores. */
.v11-install-project{display:none;cursor:pointer;border:1px solid #b9dce8;border-radius:10px;background:#e6f7fc;color:#08688b;padding:10px 14px;font-size:12px;font-weight:800}
.skip:not(:focus){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:720px){.v11-install-project{display:inline-flex;align-items:center;justify-content:center;width:100%}}

/* VIDRONE V12 — Painel de comunicação e preferências individuais */
.v12-email-hero{background:linear-gradient(120deg,#092234,#126081);border-radius:18px;padding:27px 30px;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 18px}
.v12-email-hero h2{font-size:clamp(23px,3vw,31px);line-height:1.12;margin:10px 0;color:#fff}
.v12-email-hero p{font-size:14px;color:#dcf1fa;max-width:620px;margin:0;line-height:1.5}
.v12-hero-count{font-size:32px;font-weight:800;background:#ffffff1c;border:1px solid #ffffff26;padding:12px 22px;border-radius:14px;display:flex;align-items:center;flex-direction:column}
.v12-hero-count small{font-size:11px;font-weight:500}
.v12-email-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.v12-email-stat{border:1px solid #d9e7ef;border-radius:15px;background:white;padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.v12-email-stat span{font-size:12px;color:#647e90}.v12-email-stat strong{font-size:29px;color:#0a2e40;line-height:1}
.v12-email-section{padding:24px;margin:16px 0}.v12-email-section h2{font-size:21px;color:#092b40;margin:6px 0 5px}
.v12-email-section p{font-size:13px;color:#607b8b;line-height:1.55}
.v12-email-section .hint{margin-top:16px;font-size:12px;line-height:1.6}
.v12-section-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.v12-contact-row{border-top:1px solid #e0eaf0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;flex-wrap:wrap}
.v12-contact-row strong{font-size:13px;color:#07344a;word-break:break-all}
.v12-contact-row small{display:block;color:#698395;font-size:12px;margin-top:4px}
.v12-contact-row button{min-height:40px;white-space:nowrap}
.v12-table-wrap{overflow-x:auto;border:1px solid #e2ebf1;border-radius:12px}
.v12-email-table{border-collapse:collapse;width:100%;min-width:700px;text-align:left}
.v12-email-table thead{background:#f0f7fa}
.v12-email-table th{font-size:11px;color:#446779;padding:14px 16px;letter-spacing:.045em;text-transform:uppercase}
.v12-email-table td{border-top:1px solid #e2ebf1;padding:13px 16px;vertical-align:top;color:#214253;font-size:12px;line-height:1.55}
.v12-email-table td strong{font-weight:700;color:#16354b;word-break:break-word}
.v12-email-table td small{display:block;font-size:11px;color:#7a909f;margin-top:3px;max-width:360px}
.v12-delivery-status{font-size:11px;display:inline-block;border-radius:8px;padding:5px 8px;font-weight:700;white-space:nowrap}
.v12-sent{background:#e9f6ef;color:#16815a}.v12-failed{background:#fceeee;color:#b33c3c}.v12-processing{background:#fff3d6;color:#8b5e00}
.v12-email-table td .v12-delivery-error{color:#a53030}
.v12-client-settings{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.v12-client-settings>div{flex:1 1 360px}.v12-client-settings button{min-height:45px}
.v12-pref-label{display:inline-block;color:#0f708e;font-size:12px;padding:6px 10px;border-radius:8px;background:#eaf6fb}
.v12-client-settings .hint{flex-basis:100%;border-top:1px solid #e1eaf0;padding-top:12px;margin-top:0}
@media(max-width:700px){.v12-email-hero{padding:22px 20px}.v12-email-summary{grid-template-columns:1fr 1fr}.v12-email-stat{padding:16px}.v12-email-section{padding:18px}.v12-contact-row button,.v12-client-settings button{width:100%}}


/* VIDRONE V13 — painel meteorológico regional. */
.v13-quick{background:linear-gradient(122deg,#083044,#145b78);color:white;border-radius:15px;padding:21px 25px;display:flex;gap:24px;align-items:center;justify-content:space-between;margin:17px 0}.v13-quick div{display:grid;gap:6px}.v13-quick div>span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#6bdeff}.v13-quick strong{font-size:16px;line-height:1.3}.v13-quick small{color:#b2d4e4;font-size:11px;line-height:1.5}.v13-quick button{flex:none}
.v13-hero{padding:30px 33px;background:linear-gradient(125deg,#09283b,#126284);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.v13-eyebrow,.v13-section-head span{font-size:10px;font-weight:900;letter-spacing:.17em;color:#75e2ff}.v13-hero h2{font-size:clamp(25px,3.3vw,36px);letter-spacing:-.045em;line-height:1.2;margin:11px 0}.v13-hero p{max-width:700px;font-size:12px;line-height:1.7;color:#bfdbe9;margin:0}.v13-hero-symbol{font-size:70px;color:#8bdefa;flex:none;line-height:1}
.v13-tools{background:#fff;border:1px solid #e0eaf0;border-radius:14px;padding:18px 21px;margin:17px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.v13-tools>div:first-child{display:grid;gap:3px}.v13-tools span{font-size:10px;color:#668599;font-weight:850}.v13-tools strong{font-size:15px;color:#08334b}.v13-tools small{font-size:10px;color:#7b93a3}.v13-actions{display:flex;gap:9px;flex-wrap:wrap}
.v13-loading,.v13-empty{padding:35px 28px;background:#fff;border-radius:15px;border:1px solid #dfeaf0;display:grid;gap:11px;justify-items:start}.v13-loading-icon{font-size:30px}.v13-loading strong,.v13-empty strong{font-size:16px}.v13-loading small,.v13-empty p{color:#657f91;font-size:12px}.v13-statusline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:17px 0 12px;color:#17475f;font-size:11px;font-weight:800}.v13-statusline small{font-weight:500;color:#738da1}
.v13-conditions{display:grid;grid-template-columns:minmax(190px,1.2fr) repeat(2,minmax(0,1fr));gap:12px}.v13-main-temp{grid-row:span 2;padding:24px 27px;background:#e9f6fc;border:1px solid #cbe8f5;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start}.v13-main-temp>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#207896}.v13-main-temp>strong{font-size:clamp(52px,5vw,72px);letter-spacing:-.075em;color:#063048;line-height:1.15;margin:19px 0 4px}.v13-main-temp p{font-size:15px;font-weight:800;color:#175475;margin:0 0 5px}.v13-main-temp small{color:#698da1}.v13-weather-stat{display:flex;flex-direction:column;gap:9px;justify-content:center;background:#fff;border:1px solid #e1ebf1;border-radius:15px;padding:17px 20px;min-height:105px}.v13-weather-stat span{font-size:11px;font-weight:700;color:#5c7c90}.v13-weather-stat strong{font-size:24px;letter-spacing:-.045em;color:#10344a}.v13-weather-stat small{font-size:10px;color:#859dac}
.v13-warning{border:1px solid #eddbac;background:#fff9e9;color:#6b4c14;padding:15px 18px;margin-top:15px;border-radius:12px}.v13-warning strong{font-size:12px}.v13-warning p{font-size:11px;margin:5px 0 0;line-height:1.6}.v13-upcoming{border:1px solid #dce8f0;background:white;border-radius:14px;margin:16px 0;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.v13-upcoming>div{display:grid;gap:5px}.v13-upcoming span{font-size:10px;letter-spacing:.12em;color:#2884a8;font-weight:900}.v13-upcoming p{margin:0;display:grid;gap:5px;color:#667f90;font-size:12px;line-height:1.6}.v13-upcoming strong{color:#173a50;font-size:14px}
.v13-forecast{background:white;border:1px solid #deeaf1;border-radius:16px;padding:23px;margin-top:15px}.v13-section-head span{color:#2690b8}.v13-section-head h3{font-size:22px;margin:7px 0;letter-spacing:-.03em}.v13-section-head p{font-size:11px;color:#7890a0}.v13-day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:19px 0 20px}.v13-day{cursor:pointer;text-align:left;background:#f7fafc;border:1px solid #dae8f0;border-radius:11px;padding:15px;display:grid;gap:7px;color:#153b53}.v13-day small{font-size:11px;color:#598095}.v13-day strong{font-size:20px;letter-spacing:-.045em}.v13-day span{font-size:11px;color:#5e7e90}.v13-day.active{border-color:#159acc;background:#e9f7fd;box-shadow:inset 0 0 0 1px #159acc}.v13-day:hover{border-color:#71bfdc}.v13-hour-table-wrap{max-height:470px;overflow:auto;border:1px solid #e2edf2;border-radius:12px}.v13-hour-table{width:100%;border-collapse:collapse;min-width:580px;text-align:left}.v13-hour-table th{position:sticky;top:0;background:#f1f8fb;color:#537589;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:13px 12px}.v13-hour-table td{padding:12px;border-top:1px solid #edf2f5;font-size:11px;color:#35586d}.v13-hour-table tbody tr:nth-child(even){background:#fbfdfe}.v13-hour-table td strong{color:#19445e}.v13-caption{font-size:10px;color:#728b99;line-height:1.6;margin:16px 0 0}.v13-caption a,.v13-footnote a{color:#0089b8;text-decoration:underline}.v13-footnote{border:1px solid #d9e6ed;border-radius:14px;padding:20px 24px;background:#f6fafc;margin-top:20px}.v13-footnote strong{font-size:12px;color:#17405a}.v13-footnote p{font-size:11px;line-height:1.7;color:#647f91;margin:8px 0 0}
@media(max-width:900px){.v13-hero-symbol{display:none}.v13-conditions{grid-template-columns:repeat(2,minmax(0,1fr))}.v13-main-temp{grid-column:1/-1;grid-row:auto;padding:22px}.v13-weather-stat{min-height:102px}}
@media(max-width:650px){.v13-quick,.v13-upcoming{flex-direction:column;align-items:stretch}.v13-quick button,.v13-upcoming button{width:100%}.v13-hero{padding:23px}.v13-hero h2{font-size:27px}.v13-tools{padding:16px}.v13-actions{width:100%}.v13-actions button{flex:1}.v13-conditions{gap:8px}.v13-weather-stat{padding:13px}.v13-weather-stat strong{font-size:20px}.v13-day-grid{grid-template-columns:1fr;gap:7px}.v13-day{display:flex;justify-content:space-between;gap:12px;align-items:center}.v13-day strong{font-size:16px}.v13-day span{font-size:10px}.v13-forecast{padding:15px}.v13-hour-table{min-width:520px}}


/* VIDRONE V14 — atenção meteorológica e consulta registrada no checklist. */
.v14-attention{border-radius:14px;margin:16px 0;padding:18px 20px;border:1px solid #d5e7ef;background:#f4fbff}.v14-attention.is-alert{background:#fff7e8;border-color:#f2d49a}.v14-attention-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.v14-attention strong{font-size:14px;color:#154b64}.v14-attention.is-alert strong{color:#985d0f}.v14-attention-head span{color:#577e91;font-weight:700;font-size:10px}.v14-attention ul{margin:12px 0 8px;padding-left:18px;color:#874c07;line-height:1.6;font-size:12px}.v14-attention p{font-size:12px;line-height:1.65;color:#547184;margin:12px 0}.v14-attention small{display:block;font-size:10px;line-height:1.6;color:#607d8c}.v14-hour-warning{border-radius:20px;background:#fff0ce;color:#99560a;font-size:10px;font-weight:800;padding:5px 8px;white-space:nowrap}.v14-hour-neutral{color:#7891a0}.v14-threshold-intro{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1a799f;margin-top:15px}.v14-evidence{background:#f4f9fc;border:1px solid #cfe3ed;border-radius:14px;padding:19px 20px;margin:10px 0}.v14-evidence-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.v14-evidence-header span{color:#1689ae;letter-spacing:.13em;font-size:10px;font-weight:900}.v14-evidence-header h3{color:#143b53;letter-spacing:-.03em;font-size:17px;margin:6px 0}.v14-evidence-header button{white-space:nowrap}.v14-evidence-content{margin-top:15px}.v14-evidence-data{display:grid;gap:6px;font-size:12px;line-height:1.5}.v14-evidence-data strong{color:#164763}.v14-evidence-data span{color:#507184}.v14-no-evidence{font-size:12px;color:#6e8a98;margin:0}.v14-evidence-help{font-size:10px;color:#6b8999;line-height:1.6;margin:13px 0 0}.v14-evidence-pending{color:#076b4c;font-size:11px;font-weight:700}.v14-evidence-error{color:#a12929;font-size:11px;font-weight:700}.v14-report-weather{padding:10px 12px;background:#f1f8fb;border-left:3px solid #2f9bc0;border-radius:4px;font-size:11px;line-height:1.6;color:#3f6173;overflow-wrap:anywhere}.v13-hour-table{min-width:650px}.v14-check-meteo{color:#18799b;font-size:10px;font-weight:800}.v14-preview-note{font-size:11px;color:#547587}
@media(max-width:650px){.v14-evidence{padding:15px}.v14-evidence-header button{width:100%}.v14-attention{padding:15px}}