*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas)}body{font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.oculto,#tela-login[hidden],#app[hidden]{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--accent);margin:0 0 7px}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin:7px 0 14px}.brand-mark{width:54px;height:54px;border:2px solid rgba(255,255,255,.65);border-radius:12px;display:grid;place-items:center;font-weight:900;letter-spacing:-.08em;color:white;font-size:21px}.brand-mark.small{width:38px;height:38px;border-radius:9px;font-size:15px;background:var(--accent);border:0;flex:0 0 auto}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-about{padding:8vw;display:flex;flex-direction:column;justify-content:center;color:white;background:linear-gradient(135deg,rgba(12,39,55,.96),rgba(18,42,58,.9)),repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,255,255,.05) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,255,255,.05) 50px)}.login-about .eyebrow{margin-top:35px}.login-about h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:720px}.login-about>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#c9d4da;max-width:570px}.local-badge{margin-top:28px;color:#d9e2e6;font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center}.local-badge span{width:8px;height:8px;background:#5bd3a1;border-radius:50%;box-shadow:0 0 0 5px rgba(91,211,161,.12)}.login-panel{background:#edf0ef;display:grid;place-items:center;padding:35px}.login-card{background:white;width:min(410px,100%);padding:46px;border-radius:16px;box-shadow:0 25px 70px rgba(21,42,55,.14)}.login-card h2{font-size:30px;margin:0 0 4px;letter-spacing:-.03em}.login-card label,.modal label,.settings-grid label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#55636b;margin:21px 0 7px}.login-foot{text-align:center;color:#8a9499;font-size:11px;margin:18px 0 0}.mobile-brand{display:none}.form-error{color:var(--red);font-size:12px;margin:10px 0;min-height:16px}
input,select,textarea{border:1px solid #cfd7da;background:white;color:var(--ink);border-radius:8px;padding:10px 12px;min-height:41px;width:100%}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{outline:3px solid rgba(231,105,46,.14);border-color:var(--accent)}.btn{border:0;border-radius:8px;padding:10px 16px;font-weight:750;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--accent);color:white}.btn.primary:hover{background:var(--accent-dark)}.btn.secondary{background:white;color:var(--navy);border:1px solid #cfd7da}.btn.secondary:hover{border-color:var(--navy)}.btn:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%}.text-btn{border:0;background:none;color:var(--blue);font-weight:700;padding:5px}.icon-btn{border:0;background:transparent;color:inherit;font-size:19px;padding:5px}.stack{display:grid;gap:9px}
.app-shell{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#d9e2e6;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:0;overflow:hidden}.brand{display:flex;align-items:center;height:100%;padding:0 19px;font-size:14px;font-weight:700;white-space:nowrap;border-right:1px solid #37445a}.brand strong{display:block;color:white;font-size:14px}.brand span{display:block;font-size:10px;color:#8fa2ad;margin-top:3px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar nav{display:flex;flex-direction:column;gap:0;padding:10px 0 0;flex:1;overflow:hidden}.nav-item{border:0;background:transparent;color:#aebdc5;text-align:left;padding:11px 12px;border-radius:8px;font-weight:650;display:flex;gap:11px;align-items:center}.nav-item span{font-size:17px;width:20px;text-align:center}.nav-item:hover{background:rgba(255,255,255,.06);color:white}.nav-item.ativo{background:var(--accent);color:white}.nav-item.sync-link:not(.ativo){margin-top:10px;border:1px solid rgba(255,255,255,.12)}.user-block{border-top:1px solid rgba(255,255,255,.1);padding:17px 5px 0;display:flex;gap:9px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy-2);color:white;font-weight:800}.user-copy{min-width:0;flex:1}.user-copy strong,.user-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy strong{font-size:12px;color:white}.user-copy span{font-size:10px;text-transform:uppercase;color:#8399a5;margin-top:2px}.main{padding:34px 40px 60px;min-width:0;max-width:1600px;width:100%}.mobile-header{display:none}.view{animation:fade .16s ease}@keyframes fade{from{opacity:.35;transform:translateY(3px)}}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}.page-head h1{font-size:29px;letter-spacing:-.04em;margin:0;color:var(--navy)}.head-filters{display:flex;gap:8px}.head-filters select{min-width:0}.head-filters input{width:150px}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:18px}.kpi{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}.kpi.revenue:before{background:var(--green)}.kpi.expense:before{background:var(--red)}.kpi.balance:before{background:var(--accent)}.kpi p{margin:0 0 8px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.kpi strong{display:block;font-size:24px;letter-spacing:-.045em;color:var(--navy);font-variant-numeric:tabular-nums}.kpi span{display:block;font-size:10px;color:#909a9f;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 1px 0 rgba(20,45,59,.02)}.panel.span-2{grid-column:1}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:15px}.panel h2,.panel-head h2{font-size:15px;margin:0;color:var(--navy)}.legend{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:2px;margin-left:5px}.legend .rev{background:var(--green)}.legend .desp{background:var(--red)}.trend-chart{height:205px;display:flex;gap:12px;align-items:end;padding:25px 5px 25px;border-bottom:1px solid var(--line)}.trend-month{flex:1;height:100%;position:relative;display:flex;gap:4px;align-items:end;justify-content:center}.trend-month .bar{width:min(28px,38%);min-height:2px;border-radius:4px 4px 0 0;position:relative}.trend-month .bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:4px 6px;border-radius:4px;white-space:nowrap;font-size:9px;z-index:3}.trend-month .revenue-bar{background:var(--green)}.trend-month .expense-bar{background:var(--red)}.trend-month label{position:absolute;bottom:-21px;font-size:9px;color:var(--muted);text-transform:uppercase}.activity-list{display:grid;gap:2px}.activity{padding:10px 0;border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center}.activity:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.activity.receita .activity-dot{background:var(--green)}.activity strong,.activity span{display:block}.activity strong{font-size:12px}.activity span{font-size:10px;color:var(--muted);margin-top:2px}.activity>em{font-style:normal;font-weight:800;font-size:11px;color:var(--red)}.activity.receita>em{color:var(--green)}.center-row{padding:12px 0;border-bottom:1px solid #edf0f1;display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:20px;align-items:center}.center-row:last-child{border:0}.center-row strong{font-size:14px;color:var(--navy)}.center-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.progress{height:6px;background:#edf0ef;border-radius:4px;overflow:hidden}.progress div{height:100%;background:var(--accent);border-radius:4px}.progress div.over{background:var(--red)}.money{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.category-row{padding:8px 0}.category-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:5px}.category-row .progress div.receita{background:var(--green)}.empty{color:#8b959a;text-align:center;padding:25px 10px;font-size:12px}
.filter-bar{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(6,minmax(0,1fr)) auto;gap:8px;margin-bottom:13px}.table-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-meta{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:9px;color:#77848b;background:#f7f8f8;padding:10px 13px;white-space:nowrap}td{border-top:1px solid #edf0f1;padding:11px 13px;font-size:11px;vertical-align:middle}tbody tr:hover{background:#fbfcfc}.row-actions{display:flex;gap:4px;justify-content:flex-end}.row-actions button{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700}.row-actions button.danger{color:var(--red)}.pill{display:inline-flex;border-radius:20px;padding:4px 8px;text-transform:uppercase;font-size:8px;letter-spacing:.05em;font-weight:850;background:#edf1f2;color:#5f6b70}.pill.receita,.pill.ativo,.pill.liquidado,.pill.projeto-concluido{background:#e2f4ec;color:#177354}.pill.despesa,.pill.vencido{background:#fae9e6;color:#a43c34}.pill.pendente,.pill.projeto-planejamento{background:#fff2d9;color:#8b5a00}.pill.projeto-execucao{background:#ddf3fa;color:#176d89}.pill.projeto-pausado{background:#f0e8fb;color:#6c4594}.pill.inativo{background:#eceeed;color:#7d868a}.origin{display:block;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.sync-intro{border-radius:var(--radius);background:var(--navy);color:white;padding:19px 22px;display:flex;gap:16px;align-items:center;margin-bottom:18px}.sync-intro p{margin:4px 0 0;color:#b7c5cc;font-size:12px}.sync-icon{width:44px;height:44px;border-radius:10px;background:var(--accent);display:grid;place-items:center;font-size:25px;flex:0 0 auto}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sync-card{position:relative;padding:25px}.sync-card .step{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf0f2;color:var(--navy);font-weight:850;font-size:11px;margin-bottom:14px}.sync-card>p{color:var(--muted);font-size:12px;line-height:1.6;min-height:40px}.sync-card>small{display:block;color:#899399;font-size:10px;margin-top:12px}.file-drop{height:88px;border:1.5px dashed #b9c5ca;border-radius:9px;display:grid;place-content:center;text-align:center;cursor:pointer;margin:13px 0}.file-drop:hover{border-color:var(--accent);background:#fffaf7}.file-drop strong,.file-drop span{display:block}.file-drop strong{font-size:12px;color:var(--navy)}.file-drop span{font-size:10px;color:var(--muted);margin-top:4px}.sync-result{margin-top:18px}.result-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:13px 0}.result-kpis div{border-radius:8px;background:#f3f5f5;padding:10px;text-align:center}.result-kpis strong,.result-kpis span{display:block}.result-kpis strong{font-size:20px;color:var(--navy)}.result-kpis span{font-size:9px;text-transform:uppercase;color:var(--muted)}.result-details{max-height:190px;overflow:auto;background:#f8f9f9;border-radius:8px;padding:7px 12px}.result-detail{font-size:10px;border-bottom:1px solid var(--line);padding:6px 0}.sync-lists{margin-top:18px}.sync-cadastros{margin-top:18px}.sync-cadastros-actions{display:flex;gap:10px;align-items:start;flex-wrap:wrap;margin-top:12px}.sync-cadastros-actions .file-drop{margin:0;flex:1;min-width:180px;height:60px}.sync-cadastros-actions .btn{min-width:140px}.closing-form{margin-top:10px}.closing-list{margin-top:10px}.closing-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.closing-tag{display:inline-flex;align-items:center;gap:4px;background:#fae9e6;color:#a43c34;font-size:11px;font-weight:700;padding:4px 8px;border-radius:6px}.closing-remove{border:0;background:transparent;color:#a43c34;font-size:13px;padding:0 2px;cursor:pointer;line-height:1}.closing-remove:hover{color:var(--red)}.center-detail-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px}.center-detail-header h2{margin:4px 0 2px;font-size:20px}.center-detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;background:#f7f9f9;border-radius:10px;padding:16px;border:1px solid var(--line)}.center-detail-kpi span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:4px}.center-detail-kpi strong{font-size:18px;color:var(--navy);font-variant-numeric:tabular-nums}.center-detail-filters{display:flex;gap:10px;margin-bottom:14px}.center-detail-filters select{flex:1}.center-detail-actions{display:flex;gap:8px;margin-bottom:16px}.center-detail-budget{margin-bottom:14px}.conflict-list{display:flex;flex-direction:column;gap:14px;max-height:600px;overflow-y:auto}.conflict-card{background:white;border:1px solid var(--line);border-radius:10px;padding:16px;transition:opacity .2s}.conflict-card.resolved{opacity:.6}.conflict-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.conflict-header strong{font-size:11px;font-family:monospace;color:var(--navy)}.conflict-reason{font-size:11px;color:var(--muted);margin:0 0 8px;line-height:1.5}.conflict-diff-label{font-size:10px;color:var(--red);margin:0 0 10px;display:flex;gap:4px;align-items:center;flex-wrap:wrap}.conflict-diff-label .pill{background:#fae9e6;color:#a43c34;font-size:8px;padding:2px 6px}.conflict-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.conflict-col{background:#f7f9f9;border-radius:8px;padding:12px;border:1px solid #edf0f1}.conflict-col.local{border-left:2px solid var(--accent)}.conflict-col.incoming{border-left:2px solid var(--blue)}.conflict-col-head{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted);margin-bottom:8px}.conflict-col dl{margin:0}.conflict-col dt{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:6px}.conflict-col dd{margin:0;font-size:12px;font-weight:600;color:var(--navy)}.conflict-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--line)}.conflict-resolved-text{font-size:10px;color:var(--green);text-align:right;margin:8px 0 0}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.settings-grid .panel>p{font-size:12px;color:var(--muted);line-height:1.6}.settings-grid dl{margin:15px 0 0}.settings-grid dt{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-top:12px}.settings-grid dd{margin:3px 0;font-weight:700;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(10,31,43,.67);display:grid;place-items:center;padding:20px;z-index:50}.modal{background:white;width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.modal-head h2{margin:0;font-size:20px}.modal #modal-corpo{padding:5px 22px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check-label{display:flex!important;align-items:center;gap:8px;text-transform:none!important}.check-label input{width:auto;min-height:auto}.modal .btn.primary{margin-top:18px;width:100%}.toast{position:fixed;right:22px;top:22px;background:var(--navy);color:white;padding:11px 15px;border-radius:8px;box-shadow:var(--shadow);z-index:80;font-size:11px}.toast.error{background:var(--red)}
@media(max-width:1150px){.kpi-grid{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.panel.span-2{grid-column:auto}.centers-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.login-shell{display:block}.login-about{display:none}.login-panel{min-height:100vh;padding:20px}.mobile-brand{display:flex;gap:10px;align-items:center;margin-bottom:30px;color:var(--navy);font-weight:850}.mobile-brand .brand-mark{background:var(--accent);border:0}.login-card{padding:30px}.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:-260px;width:245px;transition:left .18s;box-shadow:15px 0 45px rgba(0,0,0,.2)}.sidebar.open{left:0}.main{padding:80px 15px 40px}.mobile-header{position:fixed;top:0;left:0;right:0;height:61px;background:var(--navy);color:white;display:flex;align-items:center;gap:9px;padding:10px 15px;z-index:15}.mobile-header .icon-btn{margin-left:auto}.page-head{align-items:start}.head-filters{display:grid}.head-filters select,.head-filters input{min-width:0;width:150px}.sync-grid,.settings-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.kpi strong{font-size:20px}}

/* Identidade visual Construtec */
.brand-logo,.brand-symbol{display:block;object-fit:contain}
.brand-symbol{width:38px;height:38px;flex:0 0 auto}
.eyebrow{color:var(--accent);letter-spacing:.15em}
.login-about{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 13% 18%,rgba(1,183,241,.17),transparent 31%),linear-gradient(135deg,rgba(2,29,38,.99),rgba(5,30,38,.94)),repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.025) 5px 6px)}
.login-about:before{content:"";position:absolute;inset:-20%;z-index:-2;background:repeating-linear-gradient(115deg,transparent 0 72px,rgba(81,166,203,.035) 73px 74px);transform:rotate(-4deg)}
.login-about:after{content:"";position:absolute;width:min(42vw,520px);aspect-ratio:1;right:-7vw;bottom:-16vw;z-index:-1;background:url("assets/construtec-favicon.png") center/contain no-repeat;opacity:.07}
.login-logo{width:min(430px,85%);height:auto;margin:0 0 42px}
.login-about .eyebrow{margin-top:0}
.login-about h1{font-weight:600;letter-spacing:-.045em}
.login-about>p:not(.eyebrow){color:#c3d4da}
.local-badge{color:#c3d4da}.local-badge span{background:var(--green)}
.login-panel{background:linear-gradient(145deg,#edf4f5,#f7f9f9)}
/* Excecao documentada ao padrao flat-by-default (.panel/.kpi/.center-card/.filter-bar/.table-card em style.css): o card de login flutua sozinho sobre o hero em gradiente, nao numa grade de dados, entao mantem sombra para nao parecer achatado no fundo escuro. */
.login-card{border-top:2px solid var(--accent);box-shadow:0 28px 75px rgba(2,29,38,.15)}
.password-field{position:relative}.password-field input{padding-right:84px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--blue);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.password-toggle:hover{background:rgba(45,169,208,.1)}.password-toggle:focus-visible{outline:3px solid rgba(45,169,208,.35);outline-offset:1px}
.mobile-brand{font-weight:600}.mobile-brand .brand-symbol{background:var(--navy);border-radius:9px;padding:5px}
input:focus,select:focus,textarea:focus{outline-color:rgba(50,169,205,.16);border-color:var(--accent)}
.btn.primary{background:linear-gradient(135deg,#32a9cd,#2188ad);box-shadow:0 7px 18px rgba(50,169,205,.18)}
.btn.primary:hover{background:linear-gradient(135deg,#45b9da,#1c789a)}
.text-btn,.row-actions button{color:#2188ad}
.sidebar{background:linear-gradient(180deg,rgba(2,29,38,.98),rgba(3,36,45,.99)),repeating-linear-gradient(135deg,transparent 0 5px,rgba(255,255,255,.025) 5px 6px)}
.sidebar>.brand{flex-direction:column;align-items:flex-start;gap:12px;padding:2px 9px 22px}
.sidebar-logo{width:170px;height:auto;max-height:65px;object-position:left center}
.brand strong{font-weight:600;letter-spacing:.01em}.brand span{color:#8eb0bd}
.nav-item{font-weight:500}.nav-item.ativo{background:linear-gradient(135deg,#32a9cd,#2188ad);box-shadow:0 8px 20px rgba(1,183,241,.15)}
.nav-item.sync-link:not(.ativo){border-color:rgba(81,166,203,.24)}
.avatar{background:rgba(81,166,203,.18);border:1px solid rgba(81,166,203,.24)}
.mobile-header{background:var(--navy)}.mobile-header .brand-symbol{width:36px;height:36px;padding:4px;background:rgba(255,255,255,.05);border-radius:8px}
.page-head h1{font-weight:600;color:var(--navy)}
.kpi,.panel,.filter-bar,.table-card{border-color:#d9e4e7;box-shadow:0 1px 0 rgba(2,29,38,.02)}
.kpi.balance:before,.progress div,.sync-icon{background:var(--accent)}
.sync-intro{background:linear-gradient(135deg,#021d26,#073541);position:relative;overflow:hidden}
.sync-intro:after{content:"";position:absolute;width:180px;height:180px;right:-55px;bottom:-95px;background:url("assets/construtec-favicon.png") center/contain no-repeat;opacity:.08}
.toast{border-left:4px solid var(--accent)}
@media(max-width:800px){.mobile-brand{display:flex}.sidebar-logo{width:160px}.login-card{border-top-width:3px}.first-use-header{flex-wrap:wrap}.first-use-checklist{gap:6px}.check-item{padding:8px 10px}.centers-grid{grid-template-columns:1fr}.page-head-actions{flex-direction:column;align-items:stretch}}
.dashboard-actions{display:flex;align-items:center;gap:10px}.dashboard-actions .head-filters{display:flex}.sidebar nav{min-height:0;overflow:hidden;scrollbar-width:none}.kpi.pending:before{background:#d89b26}.kpi.overdue:before{background:var(--red)}.btn.danger{background:#fff;color:var(--red);border:1px solid #e5b5b1}.btn.danger:hover{background:#fff4f3}.file-drop.compact{height:72px;margin:14px 0}.settings-grid .file-drop label{margin:0}.page-head>select{width:auto;min-width:210px}.restore-ready{color:var(--green)}.page-head-actions{display:flex;gap:8px;align-items:center}.centers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.center-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:0;box-shadow:0 1px 0 rgba(20,45,59,.02);transition:box-shadow .15s}.center-card:hover{box-shadow:0 4px 16px rgba(2,29,38,.08)}.center-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.center-card-icon{width:40px;height:40px;border-radius:var(--radius);background:#eaf2f5;display:grid;place-items:center;font-size:18px}.center-status-pill{font-size:9px;padding:4px 10px;border-radius:20px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.center-status-pill.ativo{background:#e2f4ec;color:#177354}.center-status-pill.em-aberto{background:#fff2d9;color:#8b5a00}.center-status-pill.pausado{background:#f0e8fb;color:#6c4594}.center-status-pill.concluido{background:#ddf3fa;color:#176d89}.center-status-pill.inativo{background:#eceeed;color:#7d868a}.center-card-title{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 4px;line-height:1.3}.center-card-client{font-size:11px;color:var(--muted);margin:0 0 16px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.center-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}.center-stat-label{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:3px}.center-card-stats strong{font-size:13px;color:var(--navy);font-variant-numeric:tabular-nums}.center-card-budget{margin-bottom:10px}.center-budget-header{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:5px}.center-budget-header strong{color:var(--navy);font-weight:700}.center-progress{height:6px;background:#edf0f1;border-radius:3px;overflow:hidden}.center-progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.center-progress-bar.over{background:#dc2626}.center-card-desc{font-size:11px;color:var(--muted);line-height:1.5;margin:4px 0 10px;padding-top:8px;border-top:1px solid var(--line)}.center-card-footer{margin-top:auto;padding-top:8px}
.first-use-banner{background:white;border:1px solid var(--accent);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:0 2px 12px rgba(50,169,205,.08)}.first-use-header{display:flex;gap:12px;align-items:start;margin-bottom:16px}.first-use-header strong{font-size:15px;color:var(--navy)}.first-use-header p{margin:3px 0 0;font-size:12px;color:var(--muted)}.first-use-header .icon-btn{margin-left:auto;flex:0 0 auto;font-size:18px;color:var(--muted)}.first-use-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#32a9cd,#2188ad);color:white;display:grid;place-items:center;font-size:16px;flex:0 0 auto}.first-use-checklist{display:grid;gap:8px}.check-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#f7f9f9;border:1px solid #edf0f1;transition:all .15s}.check-item.done{background:#e8f6f0;border-color:#b8e4d0}.check-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted);border:2px solid #d0d8db;flex:0 0 auto}.check-item.done .check-icon{background:var(--green);border-color:var(--green);color:white}.check-item div{flex:1;min-width:0}.check-item strong{display:block;font-size:12px;color:var(--navy)}.check-hint{display:block;font-size:10px;color:var(--muted);margin-top:2px}.check-count{font-size:11px;font-weight:700;color:var(--muted);flex:0 0 auto;min-width:24px;text-align:center}.check-item.done .check-count{color:var(--green)}.first-use-footer{margin-top:14px;display:flex;justify-content:flex-end}
@media(max-width:800px){.dashboard-actions{align-items:stretch;flex-direction:column}.dashboard-actions .head-filters{display:grid}.page-head>select{width:100%;margin-top:12px}}

/* Acoes flutuantes de suporte e aparencia */
.fab-bug,.fab-theme{position:fixed;right:24px;z-index:40;width:50px;height:50px;border-radius:50%;border:0;color:white;font-size:20px;cursor:pointer;box-shadow:0 6px 20px rgba(50,169,205,.3);display:grid;place-items:center;transition:transform .15s,box-shadow .15s,background .15s}.fab-bug{bottom:24px;background:var(--accent)}.fab-theme{bottom:84px;background:var(--navy)}.fab-bug:hover,.fab-theme:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(50,169,205,.4)}
html.dark .fab-bug,html.dark .fab-theme{box-shadow:0 6px 20px rgba(0,0,0,.4)}
html.dark .first-use-banner{background:var(--white);border-color:var(--accent)}
html.dark .first-use-header strong{color:var(--ink)!important}
html.dark .first-use-header p{color:var(--muted)!important}
html.dark .check-item{background:#1a2d38;border-color:#1e3340}
html.dark .check-item.done{background:#0d2a1f;border-color:#1e5a3a}
html.dark .check-item strong{color:var(--ink)}
html.dark .check-hint{color:var(--muted)}

/* ===== MODO NOTURNO - Center cards ===== */
html.dark .center-card{background:var(--white);border-color:var(--line)}
html.dark .center-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.3)}
html.dark .center-card-title{color:var(--ink)}
html.dark .center-card-client{color:var(--muted)}
html.dark .center-stat-label{color:var(--muted)}
html.dark .center-stat-value{color:var(--ink)}

/* ===== MODO NOTURNO - Config / Settings ===== */
html.dark .settings-grid dl dt{color:var(--muted)}
html.dark .settings-grid dl dd{color:var(--ink)}
html.dark .settings-grid p{color:var(--muted)}
html.dark .closing-list{color:var(--ink)}

/* ===== MODO NOTURNO - Conflict cards ===== */
html.dark .conflict-card{background:var(--white);border-color:var(--line);color:var(--ink)}

/* ===== MODO NOTURNO - Progress bar / FAB ===== */
html.dark .fab-bug,html.dark .fab-theme{box-shadow:0 6px 20px rgba(0,0,0,.5)}

/* ===== MODO NOTURNO - Scrollbar ===== */
html.dark ::-webkit-scrollbar{width:8px;height:8px}
html.dark ::-webkit-scrollbar-track{background:#0d1b21}
html.dark ::-webkit-scrollbar-thumb{background:#1e3340;border-radius:4px}
html.dark ::-webkit-scrollbar-thumb:hover{background:#2a4a5c}

/* ===== MODO NOTURNO - Toast ===== */
html.dark .toast{background:var(--navy);color:white;border-left-color:var(--accent)}

/* ===== MODO NOTURNO - Focus states ===== */
html.dark :focus-visible{border:3px solid var(--accent)!important;outline:2px solid var(--accent)!important;outline-offset:2px}
html.dark button:focus-visible,html.dark input:focus-visible,html.dark select:focus-visible,html.dark textarea:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(50,169,205,.3)}
html.dark .nav-item:focus-visible{background:var(--accent);color:white}
html.dark .nav-item:focus-visible span{color:white}

/* Acesso pelo celular */
.mobile-access-local{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.mobile-access-local strong{display:block;color:var(--ink);font-size:13px}
.mobile-access-local p{margin:3px 0 6px;color:var(--muted)}

/* Identidade Construtec aplicada ao painel financeiro real. */
.app-shell{grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr}
.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 24px;background:var(--navy);color:white}
.topbar .brand{padding:0;border:0;gap:16px}
.topbar .brand-logo{width:112px;height:32px;object-fit:contain}
.topbar .brand span{font-size:13px;color:white;max-width:none}
.instance-name{margin-left:auto;font-size:11px;color:#b8cbd4}
#mobile-menu{display:none}
.mobile-bottom-nav{display:none}
.financial-head .head-filters input{width:190px}
.sidebar{height:calc(100vh - 64px);padding:12px;overflow:auto}
.sidebar nav{overflow:auto;flex:1}
.nav-item{flex-shrink:0}
.nav-item span{width:auto;font-size:12px;text-align:left}
.nav-item svg{flex-shrink:0}
.user-block{flex-wrap:wrap;margin-top:12px}
.financial-head{align-items:center;flex-wrap:wrap}
.financial-head p{margin:6px 0 0;font-size:12px}
.financial-head label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.dashboard-actions{flex-wrap:wrap;align-items:flex-end}
.quick-actions-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px}
.quick-actions-bar>strong{font-size:11px;color:var(--muted);margin-right:4px}
.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi strong{font-size:clamp(20px,2vw,26px);overflow-wrap:anywhere}
.center-row{grid-template-columns:minmax(0,1fr);gap:8px}
.center-row-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}

/* ===== MODO NOTURNO - Fundos e variáveis ===== */
html.dark{--canvas:#0d1b21;--white:#152530;--ink:#d4dde2;--muted:#7a9aa8;--line:#1e3340;--navy:#021d26;--navy-2:#073541;color-scheme:dark}
html:not(.dark){color-scheme:light}
html.dark body{background:var(--canvas);color:var(--ink)}
html.dark .kpi,html.dark .panel,html.dark .filter-bar,html.dark .table-card{background:var(--white);border-color:var(--line);color:var(--ink)}
html.dark .kpi strong,html.dark .panel h2{color:var(--ink)!important}
html.dark .kpi.balance strong[style*="--red"]{color:var(--red)!important}
html.dark th{background:#0b1720;color:var(--muted)}
html.dark td{border-top-color:#1e3340;color:var(--ink)}
html.dark tbody tr:hover{background:#1a2d38}
html.dark .page-head h1,html.dark .center-row strong,html.dark .center-card-stats strong,html.dark .center-budget-header strong,html.dark .modal h2{color:var(--ink)}
html.dark input,html.dark select,html.dark textarea,html.dark .btn.secondary,html.dark .btn.danger,html.dark .modal,html.dark .login-card{background:var(--white);border-color:var(--line);color:var(--ink)}
html.dark .login-panel{background:var(--canvas)}
html.dark label,html.dark .login-card label,html.dark .modal label,html.dark .settings-grid label{color:var(--muted)}
html.dark .activity,html.dark .center-row{border-color:var(--line)}
html.dark .progress,html.dark .center-progress{background:var(--line)}
@media(min-width:1600px){.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
  .app-shell{display:block}
  .topbar{padding:12px 16px}
  .topbar{flex-wrap:wrap;gap:8px}
  .instance-name{display:none}
  #mobile-menu{display:inline-flex;margin-left:auto}
  .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;background:var(--white);border-top:1px solid var(--line);padding:6px 8px max(6px,env(safe-area-inset-bottom));gap:4px}
  .mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;border-radius:8px;padding:7px 2px;background:transparent;color:var(--muted);font-size:10px}
  .mobile-nav-item span{font-size:18px}
  .mobile-nav-item.ativo{background:var(--navy-2);color:white}
  .fab-theme,.fab-bug{display:none}
  .sidebar{height:100vh;padding-top:20px}
  .main{padding:24px 15px 90px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .financial-head,.dashboard-actions,.dashboard-actions .head-filters{width:100%}
  .head-filters input,.head-filters select{width:100%;min-width:0}
  .financial-head .head-filters input{width:100%}
  .dashboard-actions .head-filters{grid-template-columns:1fr 1fr}
}

/* ===== Revisão visual do produto ===== */
:root{
  --surface-raised:#ffffff;
  --surface-muted:#f6f9fa;
  --control-border:#cbd9de;
  --focus-ring:rgba(50,169,205,.24);
}
html{background:var(--canvas)}
body{min-width:320px;line-height:1.45}
button,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
input,select,textarea{border-color:var(--control-border);box-shadow:inset 0 1px 1px rgba(2,29,38,.025)}
input:hover,select:hover,textarea:hover{border-color:#9eb9c2}
.btn{border-radius:9px;font-weight:700;letter-spacing:-.01em;box-shadow:0 1px 1px rgba(2,29,38,.04)}
.btn.primary{box-shadow:0 7px 16px rgba(50,169,205,.2)}
.btn.primary:hover{box-shadow:0 9px 20px rgba(50,169,205,.28);transform:translateY(-1px)}
.btn.secondary{background:var(--surface-raised);border-color:var(--control-border)}
.btn.secondary:hover{background:#f4fafc;border-color:var(--accent)}
.app-shell{background:var(--canvas)}
.topbar{position:sticky;top:0;z-index:30;min-height:68px;padding:14px 28px;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 5px 18px rgba(2,29,38,.12)}
.topbar .brand{min-width:0;gap:13px}
.topbar .brand-logo{width:126px;height:34px}
.topbar .brand span{font-size:13px;font-weight:600;letter-spacing:.01em}
.instance-name{padding-left:16px;border-left:1px solid rgba(255,255,255,.16);font-size:12px}
.topbar .btn.secondary{min-height:36px;padding:7px 12px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:white;box-shadow:none}
.topbar .btn.secondary:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}
.sidebar{height:calc(100vh - 68px);padding:14px 12px 12px;border-right:1px solid rgba(255,255,255,.075);box-shadow:8px 0 20px rgba(2,29,38,.05)}
.sidebar nav{gap:3px;padding:0 0 12px}
.nav-item{min-height:44px;padding:10px 12px;border-radius:9px;font-size:13px;transition:background-color .16s ease,color .16s ease}
.nav-item span{font-size:13px;font-weight:600}
.nav-item:hover{background:rgba(255,255,255,.1)}
.nav-item.ativo{box-shadow:inset 3px 0 0 rgba(255,255,255,.55),0 6px 16px rgba(0,0,0,.12)}
.nav-item.sync-link:not(.ativo){margin-top:9px;border-color:rgba(80,190,221,.28);background:rgba(10,77,94,.24)}
.user-block{padding:14px 6px 2px;margin-top:auto}
.user-copy{min-width:90px}
.main{max-width:1780px;padding:32px clamp(22px,3vw,48px) 56px}
.page-head{margin-bottom:26px}
.page-head h1{font-size:clamp(27px,2.2vw,34px);line-height:1.15}
.financial-head{padding-bottom:4px;border-bottom:1px solid var(--line)}
.financial-head .head-filters{gap:12px}
.financial-head label{font-weight:700;letter-spacing:.01em}
.financial-head input,.financial-head select{height:42px;min-height:42px}
.kpi-grid{gap:16px;margin:22px 0 20px}
.kpi{min-height:128px;padding:18px 20px;border-radius:14px;box-shadow:0 4px 14px rgba(2,29,38,.035)}
.kpi:before{width:5px}
.kpi p{font-size:10px;letter-spacing:.08em}
.kpi strong{line-height:1.2;margin-top:3px}
.kpi span{line-height:1.4}
.quick-actions-bar{padding:12px 0 20px;margin:0;gap:9px}
.quick-actions-bar>strong{min-width:84px;text-transform:uppercase;letter-spacing:.07em}
.quick-actions-bar .btn{min-height:38px;padding:8px 13px}
.dashboard-grid{gap:20px}
.panel{border-radius:14px;padding:22px;box-shadow:0 4px 16px rgba(2,29,38,.035)}
.panel-head{align-items:center;margin-bottom:18px}
.panel h2,.panel-head h2{font-size:16px;letter-spacing:-.02em}
.trend-chart{height:230px;padding:28px 7px 25px}
.trend-month{gap:5px}
.trend-month .bar{border-radius:5px 5px 1px 1px}
.activity{padding:12px 0;gap:10px}
.activity strong{font-size:13px}
.activity span,.activity>em{font-size:11px}
.center-row{padding:15px 0;gap:14px}
.category-row{padding:10px 0}
.filter-bar{padding:14px;gap:10px;box-shadow:0 4px 14px rgba(2,29,38,.025)}
.table-card{border-radius:14px;box-shadow:0 4px 16px rgba(2,29,38,.035)}
.table-meta{padding:14px 18px}
th{padding:12px 14px}td{padding:13px 14px}
.modal-backdrop{padding:24px}
.modal{border-radius:16px;box-shadow:0 26px 70px rgba(2,29,38,.28)}
.fab-theme,.fab-bug{display:none}

html.dark{--surface-raised:#152530;--surface-muted:#112129;--control-border:#294654;--focus-ring:rgba(80,190,221,.28)}
html.dark .topbar{box-shadow:0 5px 18px rgba(0,0,0,.26)}
html.dark .btn.secondary{background:#19313c;border-color:#31515f;color:var(--ink)}
html.dark .btn.secondary:hover{background:#203e4b;border-color:var(--accent)}
html.dark .kpi,html.dark .panel,html.dark .filter-bar,html.dark .table-card{box-shadow:0 4px 16px rgba(0,0,0,.14)}
html.dark .financial-head{border-color:var(--line)}
html.dark input:hover,html.dark select:hover,html.dark textarea:hover{border-color:#4c7180}
html.dark .table-meta,html.dark .activity,html.dark .center-row{border-color:var(--line)}
html.dark .mobile-bottom-nav{background:var(--white);border-color:var(--line)}

@media(max-width:1320px){
  .app-shell{grid-template-columns:205px minmax(0,1fr)}
  .sidebar{padding-inline:10px}
  .main{padding-inline:28px}
  .dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr)}
}
@media(max-width:1150px){
  .topbar{padding-inline:22px}
  .main{padding:26px 22px 52px}
  .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-grid{grid-template-columns:1fr}
  .filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  .topbar{position:sticky;min-height:60px;padding:10px 14px;flex-wrap:nowrap}
  .topbar .brand-logo{width:104px;height:30px}
  .topbar .brand span{font-size:11px;white-space:nowrap}
  .topbar #mobile-menu{order:2;margin-left:auto;min-height:36px;padding:7px 10px}
  .topbar #topbar-theme-toggle{order:3;min-height:36px;padding:7px 9px;font-size:0}
  .topbar #topbar-theme-toggle::before{content:'☾';font-size:18px}
  .sidebar{top:0;height:100dvh;width:min(280px,84vw);left:calc(-1 * min(280px,84vw));padding:18px 12px 12px}
  .sidebar.open{left:0}
  .main{padding:22px 15px 96px}
  .page-head{margin-bottom:20px}
  .financial-head{align-items:stretch;padding-bottom:17px}
  .financial-head h1{font-size:27px}
  .financial-head p{font-size:12px;line-height:1.55}
  .dashboard-actions{gap:12px}
  .dashboard-actions .head-filters{gap:9px}
  .financial-head .head-filters input,.financial-head .head-filters select{height:44px}
  .financial-head #btn-lancamento-rapido{width:100%;min-height:44px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi-grid{gap:10px;margin:16px 0}
  .kpi{min-height:112px;padding:15px 15px 14px;border-radius:12px}
  .kpi strong{font-size:20px}
  .kpi p{font-size:9px;margin-bottom:7px}
  .kpi span{font-size:9px}
  .quick-actions-bar{display:grid;grid-template-columns:1fr 1fr;padding:4px 0 18px;gap:8px}
  .quick-actions-bar>strong{grid-column:1 / -1;margin:0 0 2px}
  .quick-actions-bar .btn{min-width:0;min-height:42px;padding:8px;font-size:11px;line-height:1.25;white-space:normal}
  .dashboard-grid{gap:14px}
  .panel{padding:17px 16px;border-radius:12px}
  .panel-head{margin-bottom:14px}
  .panel h2,.panel-head h2{font-size:15px}
  .trend-chart{height:190px;padding:20px 2px 25px;gap:7px}
  .legend{font-size:9px;gap:3px}
  .activity{grid-template-columns:7px minmax(0,1fr);padding:11px 0}
  .activity>em{grid-column:2;justify-self:start}
  .center-row{padding:13px 0}
  .filter-bar{grid-template-columns:1fr;padding:12px}
  .table-card{border-radius:12px}
  .mobile-bottom-nav{box-shadow:0 -6px 16px rgba(2,29,38,.08)}
  .mobile-nav-item{min-height:46px;border-radius:8px;padding:5px 1px;font-size:9px}
  .mobile-nav-item span{font-size:16px;line-height:1}
  .modal-backdrop{padding:12px}
  .modal{max-height:calc(100dvh - 24px);border-radius:14px}
}
@media(max-width:380px){
  .topbar .brand span{display:none}
  .kpi strong{font-size:18px}
  .quick-actions-bar .btn{font-size:10px}
}

/* ==========================================================================
   ALINHAMENTO COM CONSTRUTEC ORÇAMENTOS: SIDEBAR 118PX, TOPBAR, AVATAR & TEMA
   ========================================================================== */

/* 1. Shell principal e Topbar */
@media(min-width: 801px) {
  .app-shell {
    display: grid !important;
    grid-template: 48px minmax(0, 1fr) / 118px minmax(0, 1fr) !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important;
  }
}

.center-detail-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;background:#f7f9f9;border-radius:10px;padding:16px;border:1px solid var(--line)}.center-detail-proposal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px}.center-detail-proposal-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:180px}.center-detail-proposal-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.center-detail-proposal-actions label.btn{cursor:pointer;margin:0}.nf-section{margin-bottom:24px}.nf-section-head h3{margin:0 0 10px;font-size:15px}.nf-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;margin-bottom:14px;padding:14px;background:#f7f9f9;border-radius:10px;border:1px solid var(--line)}.nf-form label{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:4px}.nf-form .form-error{grid-column:1/-1}.nf-form button{grid-column:1/-1;justify-self:start}
@media (max-width: 800px){.center-detail-fields{grid-template-columns:1fr}.nf-form{grid-template-columns:1fr}}
html.dark .center-detail-fields,html.dark .center-detail-proposal,html.dark .nf-form{background:var(--white);border-color:var(--line)}