
:root{--navy:#0b1f3a;--navy2:#173a69;--blue:#2466a8;--bg:#f4f7fb;--card:#fff;--text:#182334;--muted:#748195;--line:#dce4ed;--soft:#edf3f8;--green:#12835b;--amber:#9b680d;--red:#af2e39;--shadow:0 10px 30px rgba(14,37,63,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(76px + env(safe-area-inset-bottom))}
button,input,select,textarea{font:inherit;font-size:16px}button{cursor:pointer}.app{max-width:560px;margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(247,249,252,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,228,237,.85);padding:10px 14px}.top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}.brand b{display:block;color:var(--navy);font-size:14px}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe1d9;background:#eef9f4;color:#0f744f;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:850}.dot{width:7px;height:7px;border-radius:50%;background:#20a36d}
.proto{margin:10px 14px 0;padding:9px 11px;border:1px solid #ecd9a8;background:#fff9eb;color:#79530d;border-radius:12px;font-size:9px;line-height:1.45}.content{padding:14px}.view{display:none}.view.active{display:block}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:2px 0 14px}.hero h1{font-size:24px;letter-spacing:-.025em;color:var(--navy);margin:0}.hero p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.section-title{font-size:11px;font-weight:900;color:#52657a;text-transform:uppercase;letter-spacing:.07em;margin:17px 2px 8px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow);margin-bottom:11px}.action-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:9px;color:inherit}.iconbox{width:40px;height:40px;border-radius:12px;background:#edf3f9;color:var(--navy);display:grid;place-items:center;flex:0 0 40px}.iconbox svg{width:19px;height:19px}.action-card .copy{min-width:0;flex:1}.action-card b{display:block;color:var(--navy);font-size:12px}.action-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.chev{font-size:22px;color:#9aabbc}.primary-cta{width:100%;border:0;background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;min-height:52px;border-radius:15px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px}.soft-btn{border:1px solid var(--line);background:#f7f9fc;color:var(--navy);border-radius:13px;min-height:46px;padding:10px 12px;font-weight:800}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick{border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;text-align:left}.quick b{font-size:11px;color:var(--navy);display:block}.quick span{font-size:9px;color:var(--muted);display:block;margin-top:4px;line-height:1.35}
.timeline{display:grid;gap:8px}.timeline-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f6}.timeline-item:last-child{border-bottom:0}.time{font-size:10px;font-weight:900;color:var(--navy)}.timeline-item b{display:block;font-size:11px}.timeline-item small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.tag{font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px;background:#eef4fa;color:#345b85}.tag.warn{background:#fff5df;color:#8e5f0a}
.capture-zone{border:1.5px dashed #b8c7d7;background:#eef3f8;border-radius:18px;min-height:218px;overflow:hidden;display:grid;place-items:center;text-align:center;color:#63758a;position:relative}.capture-zone img{width:100%;height:218px;object-fit:cover;display:none}.capture-zone.has img{display:block}.capture-zone.has .empty{display:none}.capture-zone .empty svg{width:34px;height:34px;color:var(--navy)}.capture-zone .empty b{display:block;color:var(--navy);font-size:12px;margin-top:8px}.capture-zone .empty small{display:block;font-size:9px;margin-top:4px}.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.capture-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;min-height:50px;border:1px solid var(--line);font-size:11px;font-weight:850}.capture-btn.camera{background:var(--navy);color:#fff;border-color:var(--navy)}.capture-btn.gallery{background:#fff;color:var(--navy)}.capture-btn input{position:absolute;inset:0;opacity:0}.capture-btn svg{width:18px;height:18px}
.analysis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.analysis-box{border:1px solid var(--line);background:#f8fafc;border-radius:13px;padding:10px}.analysis-box span{display:block;font-size:8px;color:var(--muted);font-weight:850;text-transform:uppercase}.analysis-box b{display:block;font-size:11px;color:var(--navy);margin-top:4px;line-height:1.35}.analysis-box.good{background:#eff9f4;border-color:#c7e4d5}.analysis-box.good b{color:#0f744f}.analysis-box.work{background:#f1f7fc;border-color:#cfe0ef}.analysis-box.work b{color:#315f93}.analysis-box.warn{background:#fff8e8;border-color:#ecd9a8}.analysis-box.warn b{color:#81570a}.analysis-box.notice{grid-column:1/-1;background:#f2f7fc;border-color:#c9dbea}.analysis-box.notice b{color:#294f77;font-size:10px;line-height:1.45}.field.address-needs-confirmation label{color:#315f93}.field.address-needs-confirmation input{border-color:#5982ad;background:#f7fbff;box-shadow:0 0 0 3px rgba(68,112,158,.12)}
.fields{display:grid;gap:10px;margin-top:12px}.field label{display:block;font-size:8px;font-weight:900;color:#647487;text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px 2px}.field input,.field select,.field textarea{width:100%;border:1px solid #ced9e5;background:#fff;color:var(--text);border-radius:13px;min-height:47px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5982ad;box-shadow:0 0 0 3px rgba(68,112,158,.10)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:8px 10px;border-radius:11px;background:#eef6fb;color:#325f91;font-size:9px}.suggestion button{border:0;background:transparent;color:var(--navy);font-size:9px;font-weight:900;padding:4px}.save-note{text-align:center;font-size:8px;color:var(--muted);margin-top:7px}
.stage-list{display:grid;gap:9px}.stage{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.stage-num{width:30px;height:30px;border-radius:10px;background:#eef3f8;color:var(--navy);display:grid;place-items:center;font-weight:900;font-size:11px}.stage .s-copy{flex:1}.stage b{display:block;color:var(--navy);font-size:11px}.stage small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.count{font-size:12px;font-weight:900;color:#43617f}.stage.alert{border-color:#ead8aa;background:#fffdf7}.stage.alert .count{color:#94620b}
.indicator-drill{border:1px solid var(--line);text-align:left;font:inherit;cursor:pointer}.indicator-drill:active,.aging-row-action:active{transform:scale(.985)}.metric-title small{font-size:7px;color:var(--muted);font-weight:700}.aging-row-action{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.aging-row-action>span{font-weight:800;color:#536579}.aging-row-action>span i{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:5px;border-radius:99px;background:#eef3f8;color:#6d7e90;font-size:7px;font-style:normal;font-weight:900}.aging-row-action>b{font-size:11px;color:var(--navy)}.aging-row-action em{float:right;color:var(--blue);font-style:normal;font-weight:900}.indicator-tooltip{position:fixed;inset:0;z-index:46;pointer-events:none;visibility:hidden}.indicator-tooltip.open{pointer-events:auto;visibility:visible}.indicator-tooltip-backdrop{position:absolute;inset:0;background:rgba(9,24,43,.38);opacity:0;transition:.2s}.indicator-tooltip.open .indicator-tooltip-backdrop{opacity:1}.indicator-tooltip-sheet{position:absolute;left:0;right:0;bottom:0;max-height:78vh;background:#fff;border-radius:22px 22px 0 0;padding:8px 10px calc(16px + env(safe-area-inset-bottom));transform:translateY(102%);transition:.24s ease;box-shadow:0 -12px 36px rgba(14,37,63,.16);display:flex;flex-direction:column}.indicator-tooltip.open .indicator-tooltip-sheet{transform:translateY(0)}.tooltip-handle{width:38px;height:4px;border-radius:99px;background:#d5dee7;margin:0 auto 10px}.tooltip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:0 2px 10px;border-bottom:1px solid #edf1f5}.tooltip-head span{font-size:7px;font-weight:900;color:var(--muted);letter-spacing:.08em}.tooltip-head h3{font-size:15px;color:var(--navy);margin:3px 0 2px}.tooltip-head small{font-size:8px;color:var(--muted)}.tooltip-close{border:0;background:#eef3f8;color:var(--navy);width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1}.tooltip-list{overflow-y:auto;overflow-x:hidden;padding:8px 0 2px;-webkit-overflow-scrolling:touch}.aging-property{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;overflow:visible;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:9px 2px;text-align:left;color:inherit}.aging-thumb{width:48px;height:48px;border-radius:10px}.aging-property-copy{min-width:0}.aging-property-copy b,.aging-property-copy small,.aging-property-copy span{display:block}.aging-property-copy b{font-size:8.5px;color:var(--navy);white-space:nowrap;overflow:visible;text-overflow:clip;line-height:1.3;letter-spacing:-.01em}.aging-property-copy small{white-space:nowrap;overflow:visible;line-height:1.3}.aging-property-copy span{white-space:nowrap;overflow:visible;line-height:1.3}.aging-property-copy small{font-size:8px;color:#66778a;margin-top:3px}.aging-property-copy span{font-size:7px;color:var(--muted);margin-top:4px}.aging-property em{grid-column:2;justify-self:start;font-size:6.5px;font-style:normal;font-weight:900;border-radius:99px;padding:4px 6px;white-space:nowrap;margin-top:-5px}.aging-property em.late{background:#fff0ed;color:#a53b2d}.aging-property em.ok{background:#eaf7ef;color:#237a48}.indicator-card{padding:14px}.donut-layout{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.donut{width:132px;height:132px;border-radius:50%;position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#fff}.donut-center{position:relative;z-index:1;text-align:center}.donut-center b{display:block;font-size:25px;color:var(--navy);line-height:1}.donut-center small{display:block;font-size:7px;color:var(--muted);font-weight:900;margin-top:5px;letter-spacing:.08em}.donut-legend{display:grid;gap:9px}.donut-legend-row{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:9px}.donut-legend-row i{width:8px;height:8px;border-radius:50%}.donut-legend-row span{color:#536579}.donut-legend-row b{color:var(--navy);font-size:10px}.donut-legend-row small{color:var(--muted);font-size:7px}.kpi-mini>small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.metric-title{font-size:9px;font-weight:900;color:var(--navy);margin:2px 0 10px}.aging-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;border-bottom:1px solid #edf1f5}.aging-row:last-child{border-bottom:0}.aging-row span{font-size:9px;color:#536579}.aging-row b{font-size:10px;color:var(--navy)}.aging-row small{grid-column:1/-1;font-size:7px;color:var(--muted)}.indicator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.metric-eyebrow{display:block;font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase}.metric-big{display:block;font-size:25px;color:var(--navy);margin-top:3px}.metric-filter{max-width:145px;min-height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-size:9px;padding:6px}.capture-chart,.treatment-chart{position:relative;border:1px solid #e8eef4;border-radius:14px;background:linear-gradient(180deg,#fbfdfc 0%,#fff 100%);padding:10px 8px 7px;overflow:hidden}.capture-chart-grid,.treatment-grid{position:absolute;left:8px;right:8px;top:14px;bottom:26px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.capture-chart-grid span,.treatment-grid span{display:block;border-top:1px dashed #e6edf2}.spark-bars{height:150px;display:flex;align-items:flex-end;gap:1px;position:relative;z-index:1}.spark-col{height:142px;flex:1;min-width:4px;display:grid;grid-template-rows:18px 1fr 17px;align-items:end;justify-items:center}.spark-col b{font-size:6px;color:transparent;line-height:1}.spark-col.has-value b{color:#17864b;font-weight:900}.spark-col i{display:block;width:72%;min-height:2px;background:#d9eee2;border-radius:4px 4px 1px 1px;box-shadow:none}.spark-col.has-value i{background:linear-gradient(180deg,#35ad6f 0%,#16864a 100%);box-shadow:0 3px 8px rgba(22,134,74,.18)}.spark-col small{font-size:5.5px;color:#758597;font-weight:700;line-height:1}.segmented{display:flex;background:#edf3f8;border-radius:10px;padding:3px}.segmented button{border:0;background:transparent;color:#647487;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:900}.segmented button.active{background:#fff;color:var(--navy);box-shadow:0 1px 4px rgba(14,37,63,.12)}.metric-bar-row{display:grid;grid-template-columns:30px 1fr 24px;gap:7px;align-items:center;margin:9px 0}.metric-bar-row>span{font-size:8px;color:var(--muted);text-transform:capitalize}.metric-bar-row>b{font-size:9px;color:var(--navy);text-align:right}.metric-bar-track{height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.metric-bar-track i{display:block;height:100%;border-radius:999px;background:var(--blue)}.treatment-chart{background:linear-gradient(180deg,#fafcff 0%,#fff 100%)}.treatment-columns{height:195px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end;position:relative;z-index:1}.treatment-col{height:188px;display:grid;grid-template-rows:20px 1fr 38px;align-items:end;text-align:center;min-width:0}.treatment-col>b{font-size:11px;color:var(--navy);font-weight:900;align-self:center}.treatment-col-track{height:125px;background:rgba(232,239,246,.72);border-radius:8px 8px 3px 3px;display:flex;align-items:flex-end;overflow:hidden}.treatment-col-track i{display:block;width:100%;min-height:2px;background:linear-gradient(180deg,#4d86bc 0%,#1d568c 100%);border-radius:8px 8px 2px 2px;box-shadow:0 3px 8px rgba(29,86,140,.16)}.treatment-col small{font-size:6.5px;line-height:1.15;color:#536579;font-weight:900;align-self:start;padding-top:6px;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.more-item{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;min-height:96px;text-align:left;color:inherit}.more-item .mini-icon{width:32px;height:32px;border-radius:10px;background:#edf3f9;color:var(--navy);display:grid;place-items:center;margin-bottom:10px}.more-item b{display:block;font-size:11px;color:var(--navy)}.more-item small{display:block;font-size:8px;color:var(--muted);margin-top:4px;line-height:1.35}
.bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.bottom-inner{max-width:560px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-btn{border:0;background:transparent;color:#8190a2;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;font-size:8px;font-weight:800}.nav-btn svg{width:20px;height:20px}.nav-btn.active{color:var(--navy);background:#eef3f8}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#132843;color:#fff;border-radius:12px;padding:10px 13px;font-size:10px;font-weight:800;transition:.2s;z-index:50;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:390px){.grid2{grid-template-columns:1fr}.capture-zone,.capture-zone img{height:205px}.analysis{grid-template-columns:1fr}.more-grid{grid-template-columns:1fr 1fr}}


/* Funcionalidade real mantendo o contrato visual do protótipo aprovado */
.top-actions{display:flex;align-items:center;gap:7px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;display:grid;place-items:center;color:var(--navy);position:relative;padding:0}.icon-btn svg{width:18px;height:18px}.icon-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;background:var(--navy2);color:#fff;border:2px solid #fff;font-size:7px;font-weight:900;display:grid;place-items:center;padding:0 4px}.icon-badge[hidden]{display:none}.sync-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe1d9;background:#eef9f4;color:#0f744f;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900}.sync-pill.off{background:#fff0f1;border-color:#edc8cc;color:#a32630}.sync-pill.work{background:#eef5fb;border-color:#d2e1ef;color:#315f93}
.phrase-card{background:linear-gradient(145deg,var(--navy),var(--navy2));border:0;color:#fff}.phrase-card .quote{font-size:14px;line-height:1.48;font-weight:800}.phrase-card .quote-foot{font-size:8px;color:#c4d3e5;margin-top:8px;font-weight:800}
.auth{position:fixed;inset:0;z-index:120;background:linear-gradient(145deg,#07172a,#102e54);display:flex;align-items:center;justify-content:center;padding:16px}.auth.hidden{display:none}.auth-card{width:min(430px,100%);background:#fff;border-radius:23px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.34)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px}.auth-brand .logo{width:42px;height:42px}.auth-brand h2{margin:0;color:var(--navy);font-size:18px}.auth-brand p{margin:3px 0 0;font-size:9px;color:var(--muted)}.auth-panel.hidden{display:none}.auth-error,.auth-message{display:none;margin-top:9px;border-radius:10px;padding:9px 10px;font-size:9px;line-height:1.4}.auth-error.show{display:block;background:#fff0f1;color:#a91f29}.auth-message.show{display:block;background:#eef9f4;color:#0c744e}.auth-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:9px}.auth-link{border:0;background:transparent;color:var(--navy);font-size:9px;font-weight:850;text-decoration:underline;padding:5px}.remember{display:flex;align-items:flex-start;gap:8px;margin-top:10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;padding:9px;font-size:9px;color:#526478}.remember input{width:17px;height:17px;min-height:auto}
.overlay{position:fixed;inset:0;z-index:80;background:rgba(9,25,44,.30);display:none}.overlay.open{display:flex}.overlay.search{padding:calc(66px + env(safe-area-inset-top)) 12px 90px;align-items:flex-start}.search-box{width:min(560px,100%);margin:auto;background:#fff;border-radius:17px;padding:10px;border:1px solid var(--line);box-shadow:0 20px 60px rgba(7,24,48,.2)}.search-row{display:flex;gap:8px}.search-row input{flex:1;border:1px solid #cfd9e5;border-radius:12px;padding:11px 12px;min-width:0}.search-results{max-height:62dvh;overflow:auto;display:grid;gap:7px;margin-top:9px}
.overlay.sheet-bg{align-items:flex-end}.sheet{width:100%;max-width:560px;margin:0 auto;background:#f7f9fc;border-radius:22px 22px 0 0;padding:10px 12px calc(16px + env(safe-area-inset-bottom));max-height:88dvh;overflow:auto;box-shadow:0 -25px 70px rgba(7,24,48,.22)}.sheet-handle{width:42px;height:5px;border-radius:999px;background:#c9d3de;margin:0 auto 10px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.sheet-head strong{font-size:16px;color:var(--navy)}.sheet-head small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.close-x{width:36px;height:36px;border:0;border-radius:11px;background:#e9eff5;color:var(--navy);font-size:20px}
.search-result{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px;text-align:left;width:100%}.search-result b{display:block;color:var(--navy);font-size:11px}.search-result small{display:block;color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}.news-list{display:grid;gap:8px}.news-item{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px}.news-item .news-meta{font-size:8px;color:#537196;font-weight:900;text-transform:uppercase}.news-item b{display:block;font-size:11px;color:var(--navy);margin-top:5px;line-height:1.35}.news-item p{font-size:9px;color:var(--muted);line-height:1.45;margin:5px 0 0}
.back-link{border:0;background:#eef3f8;color:var(--navy);border-radius:10px;padding:8px 10px;font-size:9px;font-weight:900}.stage{cursor:pointer}.stage:active,.action-card:active,.more-item:active{transform:scale(.995)}.stage-detail-list{display:grid;gap:8px}.property-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:11px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.property-row b{font-size:11px;color:var(--navy);display:block}.property-row small{font-size:9px;color:var(--muted);display:block;margin-top:3px;line-height:1.4}.property-row .row-status{font-size:8px;font-weight:900;border-radius:999px;background:#eef3f8;color:#506983;padding:5px 7px;white-space:nowrap}.empty-state{padding:22px;text-align:center;border:1px dashed #cbd6e2;border-radius:14px;color:var(--muted);font-size:9px;background:#fff}
.detail-photo{width:100%;height:190px;border-radius:15px;background:#edf2f7;object-fit:cover;display:none}.detail-photo.show{display:block}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-block{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px}.detail-block span{display:block;color:var(--muted);font-size:7.5px;text-transform:uppercase;font-weight:900}.detail-block b{display:block;color:var(--navy);font-size:10px;margin-top:3px;line-height:1.35}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.danger-btn{border:1px solid #edc8cc;background:#fff0f1;color:#a32630;border-radius:12px;min-height:44px;font-weight:850}.history{display:grid;gap:7px}.history-item{border-left:3px solid #315f93;background:#fff;border-radius:10px;padding:9px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.history-item b{display:block;font-size:9px;color:var(--navy)}.history-item small{display:block;font-size:8px;color:var(--muted);margin-top:3px;line-height:1.4}.history-delete{border:0;background:transparent;color:#a32630;font-size:8px;font-weight:900;padding:4px 0;margin-top:3px}.conditional{display:none}.conditional.show{display:block}.required-focus{border-color:#b84550!important;box-shadow:0 0 0 3px rgba(184,69,80,.10)!important}
.agenda-tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 6px;scroll-snap-type:x:proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}.agenda-tabs::-webkit-scrollbar{display:none}.agenda-day{border:1px solid var(--line);background:#fff;color:#5a6c80;border-radius:12px;min-width:64px;padding:8px 7px;text-align:center;scroll-snap-align:center;flex:0 0 auto}.agenda-day.past:not(.active){background:#f7f9fc;color:#7d8998}.agenda-day.today:not(.active){border-color:#9db6cf;background:#f5f9fd}.agenda-day b{display:block;font-size:10px}.agenda-day small{display:block;font-size:8px;margin-top:2px}.agenda-day.active{background:var(--navy);color:#fff;border-color:var(--navy)}.task-actions{display:flex;gap:6px;margin-top:6px}.mini-btn{border:1px solid var(--line);background:#f7f9fc;color:var(--navy);border-radius:9px;padding:6px 8px;font-size:8px;font-weight:900}
.kpi-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.kpi-mini{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px}.kpi-mini span{display:block;font-size:8px;color:var(--muted);font-weight:900;text-transform:uppercase}.kpi-mini b{display:block;margin-top:4px;font-size:18px;color:var(--navy)}.commission-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:11px;margin-bottom:8px}.commission-card h3{margin:0;color:var(--navy);font-size:11px}.commission-card .commission-value{font-size:18px;font-weight:900;color:var(--navy);margin-top:5px}.commission-card small{font-size:8px;color:var(--muted);line-height:1.4}.settings-section{margin-bottom:10px}.settings-section h3{font-size:11px;color:var(--navy);margin:0 0 7px}.offline-banner{display:none;margin:10px 14px 0;padding:9px 10px;border-radius:11px;background:#fff7e8;border:1px solid #ecd6a6;color:#855d0b;font-size:9px;font-weight:800}.offline-banner.show{display:block}
@media(max-width:390px){.detail-grid,.action-row{grid-template-columns:1fr}.top-actions{gap:5px}.icon-btn{width:36px;height:36px}.kpi-strip{grid-template-columns:1fr 1fr}}


/* Correção de overlays e largura mobile */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.app,.content,.view,#more{width:100%;max-width:100%;min-width:0;overflow-x:hidden}

/* Elementos auxiliares ficam fora do fluxo e só aparecem quando abertos */
.search-panel,.news-panel,.modal-bg{
  position:fixed;
  inset:0;
  display:none;
  z-index:90;
  background:rgba(7,22,40,.38);
  max-width:none;
  overflow:hidden;
}
.search-panel.open{display:block;padding:calc(66px + env(safe-area-inset-top)) 12px 90px}
.news-panel.open,.modal-bg.open{display:flex;align-items:flex-end}
.news-panel{z-index:95}
.modal-bg{z-index:100}
.search-panel{z-index:92}
.news-panel>.sheet,.modal-bg>.modal-card{width:min(560px,100%);max-width:100%;margin:0 auto}
.search-panel>.search-box{width:min(560px,100%);max-width:100%;box-sizing:border-box}

/* Menu Mais: grade fixa, sem carrossel e sem rolagem horizontal */
#more .more-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  width:100%;
  max-width:100%;
  overflow:visible;
}
#more .more-item{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
  white-space:normal;
}
#more .more-item b,#more .more-item small{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.bottom,.bottom-inner{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
.bottom-inner{grid-template-columns:repeat(5,minmax(0,1fr))}
.nav-btn{min-width:0;max-width:100%;overflow:hidden}

@media(max-width:360px){
  #more .more-grid{gap:7px}
  #more .more-item{padding:12px;min-height:92px}
  #more .more-item b{font-size:10px}
  #more .more-item small{font-size:7.5px}
}


/* Modal bottom-sheet mobile — estrutura canônica */
.modal-bg{
  padding-top:max(12px,env(safe-area-inset-top));
  box-sizing:border-box;
  overscroll-behavior:contain;
}
.modal-bg.open{
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.modal-bg>.modal-card{
  width:min(560px,100%);
  max-width:100%;
  max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));
  margin:0 auto;
  padding:10px 12px calc(18px + env(safe-area-inset-bottom));
  box-sizing:border-box;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#f7f9fc;
  border:1px solid var(--line);
  border-bottom:0;
  border-radius:22px 22px 0 0;
  box-shadow:0 -24px 70px rgba(7,24,48,.25);
  touch-action:pan-y;
}
.modal-bg>.modal-card>.sheet-handle{
  position:sticky;
  top:0;
  z-index:4;
}
.modal-bg .modal-title{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin:0 -4px 10px;
  padding:2px 4px 10px;
  background:linear-gradient(180deg,#f7f9fc 82%,rgba(247,249,252,0));
}
.modal-bg .modal-title h3{
  margin:0;
  color:var(--navy);
  font-size:16px;
  line-height:1.2;
}
.modal-bg .modal-title p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
}
.modal-bg #propertyModalBody,
.modal-bg form{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.modal-bg .card{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  box-shadow:none;
}
.modal-bg .grid2,
.modal-bg .detail-grid,
.modal-bg .action-row{
  min-width:0;
}
.modal-bg input,
.modal-bg select,
.modal-bg textarea,
.modal-bg button{
  max-width:100%;
  box-sizing:border-box;
}
.modal-bg .action-row{
  padding-bottom:2px;
}
@media(max-width:390px){
  .modal-bg>.modal-card{
    border-radius:20px 20px 0 0;
    padding-left:10px;
    padding-right:10px;
  }
}


/* Visualizador de foto — Mobile */
.detail-photo.show{cursor:zoom-in}
.photo-viewer{
  position:fixed;inset:0;z-index:180;background:rgba(3,12,24,.96);
  display:none;flex-direction:column;overscroll-behavior:contain;
  padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));
  box-sizing:border-box;
}
.photo-viewer.open{display:flex}
.photo-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;padding-bottom:8px}
.photo-viewer-title{color:#fff;font-size:11px;font-weight:850;letter-spacing:.02em}
.photo-viewer-close{width:40px;height:40px;border:0;border-radius:13px;background:rgba(255,255,255,.12);color:#fff;font-size:24px;display:grid;place-items:center}
.photo-viewer-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y;overscroll-behavior:contain;border-radius:14px}
.photo-viewer-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;transform-origin:center center;transition:transform .14s ease;user-select:none;-webkit-user-drag:none}
.photo-viewer-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;flex:0 0 auto;padding-top:9px}
.photo-viewer-controls button{min-height:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.10);color:#fff;font-size:16px;font-weight:900}
.photo-viewer-controls .photo-viewer-reset{font-size:9px}
body.photo-viewer-open{overflow:hidden}


/* Identificação visual dos imóveis nas listas mobile */
.property-thumb-wrap{
  position:relative;
  width:64px;
  height:64px;
  min-width:64px;
  border-radius:13px;
  overflow:hidden;
  background:#edf2f7;
  border:1px solid #d7e0ea;
  display:grid;
  place-items:center;
}
.property-thumb{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
  z-index:2;
}
.property-thumb-wrap.has-photo .property-thumb{display:block;cursor:zoom-in}
.property-thumb-placeholder{
  color:#8a9aad;
  font-size:22px;
  font-weight:800;
  line-height:1;
}
.property-row{
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.property-row-copy{
  min-width:0;
  display:block;
}
.property-row-copy b,
.property-card-copy h3{
  display:block;
  color:var(--navy);
  font-size:11px;
  line-height:1.35;
  margin:0;
  overflow-wrap:anywhere;
}
.property-owner{
  display:block;
  color:#415a77!important;
  font-size:9px!important;
  font-weight:800;
  line-height:1.35;
  margin-top:4px;
}
.property-meta{
  display:block;
  color:var(--muted)!important;
  font-size:8px!important;
  line-height:1.35;
  margin-top:3px;
}
.property-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  margin-bottom:9px;
}
.property-card-copy{
  min-width:0;
  flex:1;
}
.property-wallet-card{cursor:pointer}
.property-wallet-card .wallet-thumb{width:68px;height:68px;min-width:68px}
.commission-property-head{margin-bottom:5px}
.commission-property-head .commission-thumb{width:58px;height:58px;min-width:58px}
.timeline-property{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.timeline-property-copy{
  min-width:0;
  display:block;
}
.timeline-property-copy b{
  display:block;
  font-size:9.5px;
  color:var(--navy);
  line-height:1.35;
  overflow-wrap:anywhere;
}
.timeline-property-copy small{
  display:block;
  margin-top:3px;
  font-size:8px;
  color:var(--muted);
  line-height:1.35;
}
.agenda-thumb{width:48px;height:48px;min-width:48px;border-radius:11px}
.property-agenda-item{
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
}
.property-search-result{
  display:flex!important;
  align-items:center;
  gap:9px;
}
.property-search-result>span:last-child{
  min-width:0;
  flex:1;
}
.property-search-result .search-thumb{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:10px;
}
.property-search-result b{
  overflow-wrap:anywhere;
}
@media(max-width:390px){
  .property-thumb-wrap{width:58px;height:58px;min-width:58px}
  .property-row{grid-template-columns:58px minmax(0,1fr);gap:9px}
  .property-row .row-status{grid-column:2;justify-self:start}
  .property-wallet-card .wallet-thumb{width:62px;height:62px;min-width:62px}
  .property-agenda-item{grid-template-columns:42px minmax(0,1fr) auto}
  .agenda-thumb{width:42px;height:42px;min-width:42px}
}

.aging-table-card{overflow:hidden}
.aging-table-head,.aging-row-action{display:grid!important;grid-template-columns:minmax(82px,1.55fr) .62fr .9fr .72fr 28px;gap:5px;align-items:center}
.aging-table-head{padding:0 0 7px;border-bottom:1px solid #e8eef4}
.aging-table-head span{font-size:6.5px;line-height:1.1;text-transform:uppercase;color:#7b8999;font-weight:900;text-align:center}
.aging-table-head span:first-child{text-align:left}
.aging-table-head i{font-style:normal;font-size:6px;font-weight:700}
.aging-row-action{padding:9px 0!important;border-bottom:1px solid #edf1f5!important}
.aging-row-action:last-child{border-bottom:0!important}
.aging-row-action>span{font-size:8px!important;line-height:1.15;font-weight:800!important;color:#536579;min-width:0}
.aging-row-action>b,.aging-row-action>strong{font-size:9px;color:var(--navy);text-align:center;font-weight:900}
.aging-row-action>small{font-size:7px;text-align:center;font-weight:900;white-space:nowrap}
.aging-row-action>small.sla-ok{color:#237a48}.aging-row-action>small.sla-late{color:#a53b2d}
.aging-row-action>em{float:none!important;color:var(--blue);font-style:normal;font-size:16px;font-weight:900;text-align:center}
.aging-property{grid-template-columns:48px minmax(0,1fr)!important;column-gap:10px!important;row-gap:4px!important;align-items:start!important;overflow:hidden!important}
.aging-property>.aging-thumb{grid-column:1;grid-row:1 / span 2;width:48px!important;height:48px!important;min-width:48px;object-fit:cover}
.aging-property-copy{grid-column:2;grid-row:1;min-width:0!important;width:100%;overflow:hidden}
.aging-property-copy b,.aging-property-copy small,.aging-property-copy span{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;overflow:visible!important;max-width:100%}
.aging-property-copy b{font-size:8.5px!important;line-height:1.3!important}
.aging-property em{grid-column:2!important;grid-row:2;justify-self:start!important;margin:0!important}

.aging-table-head,.aging-row-action{grid-template-columns:minmax(72px,1.45fr) 42px 70px 50px 24px!important;gap:3px!important}
.aging-table-head span{white-space:nowrap!important;font-size:6.2px!important;letter-spacing:-.015em}
.aging-table-head span i{display:inline!important;font-size:5.8px!important}
.aging-row-action>span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:7.6px!important}
.aging-row-action>b,.aging-row-action>strong{white-space:nowrap!important;font-size:8.5px!important}
.aging-row-action>small{font-size:6.4px!important}

/* Aging/SLA compact mobile table */
.aging-table-card{padding:14px 12px!important}
.aging-table-card .metric-title{margin:0 0 12px!important}
.aging-table-head{display:grid!important;grid-template-columns:minmax(104px,1.55fr) 44px 76px 50px 38px!important;gap:2px!important;align-items:center!important;padding:0 0 8px!important;border-bottom:1px solid #dfe7ef!important}
.aging-table-head span{display:block!important;white-space:nowrap!important;text-align:center!important;font-size:6.1px!important;line-height:1!important;font-weight:900!important;color:#7a899b!important}
.aging-table-head span:first-child{text-align:left!important}
#agingStages{display:block!important}
#agingStages .aging-row.aging-row-action{display:grid!important;grid-template-columns:minmax(104px,1.55fr) 44px 76px 50px 38px!important;gap:2px!important;align-items:center!important;width:100%!important;min-height:48px!important;margin:0!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #edf1f5!important;border-radius:0!important;background:transparent!important;text-align:left!important}
#agingStages .aging-row.aging-row-action:last-child{border-bottom:0!important}
#agingStages .aging-row.aging-row-action>span,#agingStages .aging-row.aging-row-action>b,#agingStages .aging-row.aging-row-action>strong,#agingStages .aging-row.aging-row-action>small,#agingStages .aging-row.aging-row-action>em{display:block!important;position:static!important;float:none!important;margin:0!important;padding:0!important;grid-row:1!important;align-self:center!important}
#agingStages .aging-row.aging-row-action>span{grid-column:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:8.2px!important;line-height:1.1!important;font-weight:800!important;color:#52657a!important}
#agingStages .aging-row.aging-row-action>b{grid-column:2!important;text-align:center!important;font-size:10px!important;line-height:1!important;color:var(--navy)!important;font-weight:900!important}
#agingStages .aging-row.aging-row-action>strong{grid-column:3!important;text-align:center!important;font-size:10px!important;line-height:1!important;color:var(--navy)!important;font-weight:900!important}
#agingStages .aging-row.aging-row-action>small{grid-column:4!important;justify-self:center!important;width:auto!important;white-space:nowrap!important;border-radius:999px!important;padding:4px 5px!important;font-size:6.4px!important;line-height:1!important;font-weight:900!important}
#agingStages .aging-row.aging-row-action>small.sla-ok{background:#eaf7ef!important;color:#237a48!important}
#agingStages .aging-row.aging-row-action>small.sla-late{background:#fff0ed!important;color:#a53b2d!important}
#agingStages .aging-row.aging-row-action>em{grid-column:5!important;justify-self:center!important;color:var(--blue)!important;font-size:7px!important;line-height:1!important;font-style:normal!important;font-weight:900!important}

/* Aging/SLA stage cards — mobile redesign */
.aging-table-card{padding:14px!important;overflow:hidden!important}
.aging-table-card .metric-title{margin:0 0 10px!important}
.aging-stage-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
#agingStages .aging-stage-card{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:11px!important;border:1px solid #e3eaf1!important;border-radius:13px!important;background:#fbfcfe!important;box-shadow:0 1px 2px rgba(14,37,63,.03)!important;text-align:left!important;font:inherit!important;color:inherit!important}
#agingStages .aging-stage-card:active{transform:scale(.985)!important;background:#f5f8fb!important}
.aging-stage-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin-bottom:10px!important}
.aging-stage-top>span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:9px!important;line-height:1!important;font-weight:900!important;color:var(--navy)!important}
.aging-stage-top>em{flex:0 0 auto!important;font-size:17px!important;line-height:1!important;font-style:normal!important;font-weight:700!important;color:var(--blue)!important}
.aging-stage-metrics{display:grid!important;grid-template-columns:.7fr 1.25fr .72fr!important;gap:5px!important;align-items:end!important}
.aging-stage-metrics>div{min-width:0!important}
.aging-stage-metrics small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;margin:0 0 4px!important;font-size:5.3px!important;line-height:1!important;font-weight:900!important;letter-spacing:.015em!important;color:#8795a5!important}
.aging-stage-metrics b{display:block!important;white-space:nowrap!important;margin:0!important;font-size:11px!important;line-height:1!important;font-weight:900!important;color:var(--navy)!important}
.aging-stage-metrics b i{font-size:6px!important;font-style:normal!important;font-weight:800!important;color:#75869a!important}
.aging-stage-metrics b.sla-ok{color:#237a48!important}
.aging-stage-metrics b.sla-late{color:#a53b2d!important}
@media (max-width:360px){.aging-stage-list{grid-template-columns:1fr!important}.aging-stage-metrics small{font-size:6px!important}}


/* Entrada premium: cobre exclusivamente a validação inicial de acesso */
.entry-splash{
  position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;
  overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 14% 18%,rgba(255,255,255,.12),transparent 23%),
    radial-gradient(circle at 85% 78%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(145deg,#07172a 0%,#0b1f3a 48%,#173a69 100%);
  transition:opacity .5s ease,visibility .5s ease;
}
.entry-splash.hidden{opacity:0;visibility:hidden;pointer-events:none}
.entry-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.055);filter:blur(.5px);animation:entryOrbMove 4s ease-in-out infinite alternate}
.entry-orb-one{width:360px;height:360px;right:-150px;top:-170px}
.entry-orb-two{width:320px;height:320px;left:-150px;bottom:-170px;animation-delay:.7s}
@keyframes entryOrbMove{from{transform:scale(.88) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(12px,-8px,0)}}
.entry-splash-content{position:relative;z-index:2;width:min(86vw,420px);display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-2vh)}
.entry-brand-mark{
  width:94px;height:94px;border-radius:27px;display:grid;place-items:center;position:relative;
  font-size:30px;font-weight:950;letter-spacing:-1.4px;color:var(--navy);
  background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.85);
  box-shadow:0 24px 65px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9);
  animation:entryMarkIn .72s cubic-bezier(.2,.9,.2,1) both;
}
.entry-brand-mark:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,255,255,.16);border-radius:35px;animation:entryPulseRing 2.2s ease-out infinite}
@keyframes entryMarkIn{0%{opacity:0;transform:scale(.72) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes entryPulseRing{0%{opacity:0;transform:scale(.88)}30%{opacity:.55}100%{opacity:0;transform:scale(1.28)}}
.entry-brand-name{margin-top:23px;font-size:31px;line-height:1;letter-spacing:-1.05px;font-weight:900;animation:entryTextIn .65s .15s ease both}
.entry-brand-name span{font-weight:500;opacity:.9}
.entry-brand-sub{margin-top:10px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.62);animation:entryTextIn .65s .22s ease both}
@keyframes entryTextIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.entry-status-area{width:190px;margin-top:50px;animation:entryTextIn .65s .34s ease both}
.entry-loader-track{width:100%;height:4px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}
.entry-loader-bar{width:42%;height:100%;border-radius:999px;background:#fff;animation:entryLoading 1.12s ease-in-out infinite alternate}
@keyframes entryLoading{0%{transform:translateX(-60%) scaleX(.8)}100%{transform:translateX(165%) scaleX(1.18)}}
.entry-status-text{margin-top:13px;min-height:18px;font-size:11px;font-weight:700;color:rgba(255,255,255,.68)}
.entry-splash.closing .entry-splash-content{animation:entrySplashOut .42s ease both}
@keyframes entrySplashOut{to{opacity:0;transform:scale(.96) translateY(-8px)}}


/* Property kind and terrain number assistant */
.terrain-kind-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.terrain-kind-options [aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:white}.terrain-help{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin:10px 0}.terrain-result{background:#edf4fc;border:1px solid #c9dbea;border-radius:14px;padding:14px;color:var(--navy);margin-top:10px}.terrain-result strong{display:block;font-size:27px;margin:5px 0 10px}.terrain-result small{font-size:11px}#terrainCandidates{display:flex;gap:8px;flex-wrap:wrap}#terrainNearby .field{margin-top:10px}#terrainNearby small{font-size:10px;color:var(--muted)}#terrainAssistant[hidden],#terrainReferences[hidden],#terrainNearby[hidden],#terrainResult[hidden]{display:none}

/* Registrar comissão — campos consistentes e sem colisões em telas estreitas */
#commissionModal .modal-card{
  scroll-padding-top:82px;
}
#commissionForm{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  width:100%;
  min-width:0;
  padding-bottom:8px;
}
#commissionForm > *,
#commissionForm .field,
#commissionForm .grid2,
#commissionForm .grid2 > .field,
#commissionForm #commissionSecondWrap > *{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
#commissionForm .grid2{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  width:100%;
}
#commissionForm .field label{
  display:block;
  margin:0 0 6px 2px;
  font-size:10px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
#commissionForm .field input:not([type="hidden"]),
#commissionForm .field select,
#commissionForm .field textarea{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:50px;
  padding:11px 12px;
  border-radius:12px;
  box-sizing:border-box;
  font-size:16px;
  line-height:1.3;
}
#commissionForm .field input[type="date"]{
  min-height:50px;
  color-scheme:light;
}
#commissionForm .field select{
  text-overflow:ellipsis;
}
#commissionForm .field textarea{
  min-height:88px;
  resize:vertical;
}
#commissionForm #commissionSecondWrap{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  width:100%;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f1f5fa;
}
#commissionForm .commission-installment-preview{
  width:100%;
  margin:0;
  padding:12px;
  box-sizing:border-box;
}
#commissionForm .commission-installment-preview small{
  display:block;
  font-size:10px;
}
#commissionForm .commission-installment-preview .commission-value{
  overflow-wrap:anywhere;
}
#commissionForm > .primary-cta{
  width:100%;
  margin-top:4px !important;
}
@media(min-width:520px){
  #commissionForm .grid2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Comissões Mobile — projeção de 13 meses no topo da página */
#commissions .commission-chart-card{
  min-width:0;
  overflow:hidden;
  padding:14px 12px 12px;
}
.commission-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.commission-chart-head h2{
  margin:0;
  color:var(--navy);
  font-size:14px;
  line-height:1.3;
}
.commission-chart-head p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:10px;
}
.commission-chart-period{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:99px;
  background:#edf3f8;
  color:var(--navy);
  font-size:9px;
  font-weight:850;
}
.commission-chart-legend{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 13px;
  margin:14px 0 10px;
}
.commission-chart-legend>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#52657a;
  font-size:9px;
  font-weight:750;
}
.commission-chart-legend i{
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:3px;
}
.commission-chart-legend i.received{background:#173a69}
.commission-chart-legend i.forecast{background:#80acd9}
.commission-chart-legend i.goal{
  width:13px;
  height:0;
  border-radius:0;
  border-top:2px dashed #bb8241;
}
.commission-chart-plot{
  position:relative;
  height:148px;
  min-width:0;
  border-bottom:1px solid #cbd8e6;
  background:repeating-linear-gradient(to top,transparent 0,transparent 36px,#edf1f6 37px);
}
.commission-chart-goal{
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  border-top:2px dashed #bb8241;
  pointer-events:none;
}
.commission-chart-goal[hidden]{display:none}
.commission-chart-months{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:3px;
  min-width:0;
}
.commission-chart-month-btn{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width:100%;
  height:100%;
  min-width:0;
  padding:0 3px;
  border:0;
  border-radius:8px 8px 0 0;
  background:transparent;
  cursor:pointer;
  touch-action:manipulation;
}
.commission-chart-month-btn[aria-pressed="true"]{background:rgba(44,95,150,.08)}
.commission-chart-month-btn:focus-visible{outline:2px solid #315f93;outline-offset:-2px}
.commission-chart-pair{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  width:100%;
  height:100%;
  min-width:0;
}
.commission-chart-bar{
  display:block;
  width:min(12px,42%);
  min-width:0;
  border-radius:5px 5px 0 0;
  transition:height .18s ease;
}
.commission-chart-bar.received{background:linear-gradient(180deg,#598ac1,#173a69)}
.commission-chart-bar.forecast{background:linear-gradient(180deg,#a3c6e8,#6697c9)}
.commission-chart-labels{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:3px;
  padding-top:8px;
}
.commission-chart-labels span{
  min-width:0;
  text-align:center;
  color:#536579;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.commission-chart-detail{
  display:grid;
  gap:8px;
  margin-top:13px;
  padding:11px;
  border:1px solid #e1e8f1;
  border-radius:12px;
  background:#f6f9fc;
}
.commission-chart-detail strong{
  color:var(--navy);
  font-size:11px;
}
.commission-chart-detail-values{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.commission-chart-detail-values span{
  display:block;
  min-width:0;
  color:var(--muted);
  font-size:9px;
}
.commission-chart-detail-values b{
  display:block;
  margin-top:3px;
  color:var(--navy);
  font-size:13px;
  overflow-wrap:anywhere;
}
.commission-chart-empty{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}

/* Janela móvel: 6 meses anteriores, mês atual e 6 seguintes. */
.commission-chart-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#cbd8e6 transparent;
}
.commission-chart-scroll:focus-visible{
  outline:2px solid #315f93;
  outline-offset:-2px;
  border-radius:8px;
}
.commission-chart-track{
  width:728px;
  min-width:100%;
}
.commission-chart-months,
.commission-chart-labels{
  grid-template-columns:repeat(13,minmax(0,1fr));
}
.commission-chart-month-btn.is-current{
  background:rgba(44,95,150,.05);
}
.commission-chart-labels .is-current{
  color:#173a69;
  font-weight:950;
  text-decoration:underline;
  text-underline-offset:4px;
}
.commission-chart-navigation{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:6px;
}
.commission-chart-navigation button{
  display:grid;
  place-items:center;
  width:30px;
  height:28px;
  flex:0 0 auto;
  padding:0;
  border:1px solid #dce5ef;
  border-radius:9px;
  background:#f6f9fc;
  color:#173a69;
  font-size:21px;
  cursor:pointer;
}
.commission-chart-navigation button:focus-visible{
  outline:2px solid #315f93;
  outline-offset:2px;
}
.commission-chart-navigation span{
  color:var(--muted);
  font-size:9px;
  text-align:center;
}

/* Corretor Pro · paleta comercial unificada */

:root{--navy:#0b2338;--navy2:#15515d;--blue:#0b8574;--bg:#f5f8f8;--card:#fff;--text:#152c3c;--muted:#677d89;--line:#dbe7e9;--soft:#eff7f4;--green:#0a8d7d;--shadow:0 10px 30px rgba(11,35,56,.08)}
.top{background:rgba(248,251,250,.96);border-bottom:1px solid #dbe7e9}
.logo,.entry-brand-mark{background:linear-gradient(145deg,#0b2338,#0b7167)}
.primary-cta{background:linear-gradient(145deg,#0b8574,#114653)}
.nav-btn.active{color:#0b8574;background:#e8f6ef}
.action-card:hover,.quick:hover{border-color:#a9dace}
