﻿:root{--bg:#0b0d10;--surface:#13161a;--surface-2:#191d22;--line:#292e35;--text:#f6f7f8;--muted:#9299a3;--accent:#d8ff3e;--accent-ink:#101307;--blue:#7cb7ff;--danger:#ff6b6b;--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}
[hidden]{display:none!important}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(450px,.95fr);background:#0b0d10}.auth-visual{position:relative;overflow:hidden;padding:42px clamp(32px,6vw,80px);display:flex;flex-direction:column;background:radial-gradient(circle at 70% 25%,rgba(216,255,62,.16),transparent 27%),linear-gradient(145deg,#11151a,#090b0d)}.auth-visual:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(216,255,62,.16);border-radius:50%;right:-120px;top:15%;box-shadow:0 0 0 70px rgba(216,255,62,.025),0 0 0 140px rgba(216,255,62,.018)}.auth-brand{position:relative;z-index:1;margin:0}.auth-copy{position:relative;z-index:1;margin:auto 0;max-width:590px}.auth-copy h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.065em;margin:12px 0 24px}.auth-copy h1 em{color:var(--accent);font-style:normal}.auth-copy>p:last-child{max-width:440px;color:var(--muted);font-size:17px}.auth-quote{position:relative;z-index:1;font-size:12px;color:#77808a;letter-spacing:.04em}.auth-panel{display:grid;place-items:center;padding:32px;background:#101216}.auth-box{width:min(400px,100%)}.auth-pane{display:none}.auth-pane.active{display:block}.auth-pane h2{font-size:34px;letter-spacing:-.045em;margin:5px 0}.auth-subtitle{color:var(--muted);margin:0 0 28px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px}.auth-form label span{font-size:11px;font-weight:700;color:#bac0c7}.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:#171a1f;color:var(--text);outline:0}.auth-form input:focus{border-color:#6d7b26;box-shadow:0 0 0 3px rgba(216,255,62,.06)}.forgot-link{justify-self:end;border:0;background:transparent;color:var(--accent);font-size:11px;padding:0}.auth-submit{width:100%;height:48px}.auth-divider{display:flex;align-items:center;gap:12px;color:#69717a;font-size:10px;margin:22px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.google-button{display:flex;justify-content:center}.google-placeholder{width:100%;height:46px;background:white;color:#202124;border-color:#dadce0}.auth-switch{text-align:center;color:var(--muted);font-size:11px;margin-top:23px}.auth-switch button,.auth-back{border:0;background:transparent;color:var(--accent);font-weight:700}.auth-back{display:block;margin:22px auto 0}.password-hint{color:var(--muted);font-size:10px}.auth-form .form-message{margin:0}.logout-button{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:16px}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#0d0f12}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;margin:0 8px 42px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:var(--accent-ink);font-weight:950;font-size:20px;transform:rotate(-4deg);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;background:transparent}.brand-mark img:not([hidden])+b{display:none}.brand-mark b{font:inherit}.brand span:last-child,.profile span:last-child{display:flex;flex-direction:column}.brand strong{font-size:17px;letter-spacing:-.02em}.brand small,.profile small{color:var(--muted);font-size:11px}
nav{display:grid;gap:6px}.nav-item{width:100%;border:0;border-radius:12px;padding:12px 14px;background:transparent;color:var(--muted);display:flex;gap:12px;align-items:center;text-align:left;font-weight:650}.nav-item:hover,.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item.active span{color:var(--accent)}
.sidebar-card{margin-top:auto;padding:17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#181c20,#111417);display:grid;gap:8px}.sidebar-card>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.sidebar-card strong{font-size:14px}.sidebar-card small{font-size:10px;color:var(--muted)}.profile{display:flex;gap:10px;align-items:center;margin-top:18px;padding:12px 8px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#272c32;border-radius:50%;font-size:11px;font-weight:800}.profile strong{font-size:12px}
main{position:relative;min-width:0;padding:36px clamp(22px,4vw,58px) 60px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:10px;letter-spacing:.17em;font-weight:800}.topbar h1,.section-heading h2,.card-heading h2{margin:0;letter-spacing:-.045em}.topbar h1{font-size:clamp(28px,4vw,42px)}.top-actions,.month-row,.month-switcher,.calendar-toolbar,.section-heading,.card-heading,.dialog-head,.dialog-actions{display:flex;align-items:center}.top-actions{gap:10px}.search{width:min(310px,30vw);height:44px;display:flex;align-items:center;gap:8px;padding:0 13px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.button{border:1px solid transparent;border-radius:11px;padding:11px 15px;font-weight:750;color:var(--text);background:transparent}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{filter:brightness(1.06)}.button-muted{background:var(--surface-2);border-color:var(--line)}.button-ghost{padding:8px 10px;background:transparent;border-color:#3b424b;font-size:11px}.month-row{justify-content:space-between;margin-bottom:18px}.month-switcher{gap:16px}.month-switcher h2{margin:0;min-width:230px;text-align:center;font-size:20px;text-transform:capitalize}.month-switcher button{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:24px;line-height:1}
.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat{position:relative;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.stat small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.stat strong{font-size:clamp(18px,2vw,25px);letter-spacing:-.04em}.stat.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stat.accent small{color:#58631d}.stat span{display:block;margin-top:6px;font-size:10px;color:var(--muted)}
.agenda-layout{display:grid;grid-template-columns:minmax(540px,1.7fr) minmax(300px,.8fr);gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.calendar-card{padding:18px}.calendar-toolbar{justify-content:space-between;gap:16px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.calendar-toolbar .month-switcher h2{min-width:210px}.calendar-jump{display:flex;align-items:center;gap:9px}.calendar-jump label{height:42px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.calendar-jump span{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.calendar-jump input{border:0;outline:0;background:transparent;color:var(--text);font-weight:800}.availability-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 12px;padding:10px 12px;border:1px solid rgba(216,255,62,.18);border-radius:14px;background:rgba(216,255,62,.055);color:#dbe0e5;font-size:12px}.availability-summary strong{color:var(--accent);font-size:18px}.availability-summary span{color:var(--muted)}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{text-align:center;color:#69717c;font-size:9px;font-weight:800;padding:8px}.day{min-height:106px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px;overflow:hidden}.day:nth-child(7n){border-right:0}.day:nth-last-child(-n+7){border-bottom:0}.day.empty{opacity:.15}.day-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700}.day.today .day-number{background:var(--accent);color:var(--accent-ink)}.calendar-event{width:100%;border:0;border-left:2px solid var(--accent);background:#20252a;color:var(--text);border-radius:5px;padding:5px 6px;margin-top:5px;text-align:left;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.video{border-color:var(--blue)}
.upcoming-card{padding:22px;min-height:420px}.card-heading{justify-content:space-between;margin-bottom:15px}.card-heading h2{font-size:21px}.count{font-size:10px;padding:5px 8px;border-radius:20px;background:#242a30;color:var(--muted)}.event-list{display:grid}.event-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.event-item:last-child{border:0}.date-chip{height:45px;border-radius:10px;background:#21262c;display:grid;place-content:center;text-align:center}.date-chip strong{font-size:16px;line-height:1}.date-chip small{font-size:8px;color:var(--muted)}.event-info{min-width:0}.event-info strong,.event-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-info strong{font-size:12px}.event-info small{font-size:10px;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.status-dot.waiting{background:#ffbd59}.status-dot.cancelled{background:var(--danger)}.empty-state{padding:50px 10px;color:var(--muted);text-align:center;font-size:12px}
.view{display:none}.view.active{display:block}.section-heading{justify-content:space-between;margin-bottom:20px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.data-table td{font-size:12px}.client-cell strong,.client-cell small{display:block}.client-cell small{color:var(--muted)}.table-actions{display:flex;gap:5px}.icon-action{border:1px solid var(--line);background:#20242a;color:var(--text);border-radius:8px;padding:6px 8px}.whatsapp{color:#6ce38d}#customersTable .data-table tbody tr{transition:background .18s ease,box-shadow .18s ease}#customersTable .data-table tbody tr:hover{background:linear-gradient(90deg,rgba(216,255,62,.12),rgba(255,255,255,.025));box-shadow:inset 4px 0 0 var(--accent)}#customersTable .data-table tbody tr:hover td{border-bottom-color:rgba(216,255,62,.28)}#customersTable .data-table tbody tr:hover .client-cell strong{color:var(--accent)}#customersTable .data-table tbody tr:hover .icon-action{border-color:rgba(216,255,62,.42);background:#252a2f}.report-stats{grid-template-columns:repeat(3,1fr)}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-card{padding:24px}.report-card h3{margin:0 0 24px}.report-highlight{background:linear-gradient(145deg,#171b1f,#20261a)}.chart-row{display:grid;grid-template-columns:120px 1fr 25px;gap:10px;align-items:center;margin:13px 0;font-size:11px}.chart-track{height:7px;border-radius:10px;background:#292e34;overflow:hidden}.chart-bar{height:100%;border-radius:10px;background:var(--accent)}.financial-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.financial-row span{color:var(--muted)}
dialog{width:min(720px,calc(100% - 28px));max-height:92vh;border:1px solid var(--line);border-radius:22px;padding:0;background:#121519;color:var(--text);box-shadow:0 30px 100px #000;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}dialog form{padding:25px}.dialog-head{justify-content:space-between;margin-bottom:22px}.dialog-head h2{margin:0}.close-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#20242a;color:var(--text);font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px}.form-grid label>span{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#1a1e23;color:var(--text);padding:11px;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#687623}.form-grid .full{grid-column:1/-1}.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px}.form-message{min-height:18px;margin-top:10px;color:var(--danger);font-size:12px}.details-dialog{width:min(520px,calc(100% - 28px))}.details-inner{padding:25px}.details-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.details-title h2{margin:4px 0}.detail-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.detail-row span{color:var(--muted)}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.toast{position:fixed;right:24px;bottom:24px;padding:12px 16px;background:var(--accent);color:var(--accent-ink);border-radius:10px;font-weight:700;transform:translateY(120px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}
@media(max-width:1050px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:24px 12px}.brand{margin:0 auto 38px}.brand span:last-child,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:17px}.sidebar-card,.profile span:last-child{display:none}.profile{justify-content:center}.agenda-layout{grid-template-columns:1fr}.upcoming-card{min-height:auto}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.auth-screen{display:block}.auth-visual{min-height:230px;padding:25px 24px}.auth-copy{margin:45px 0 0}.auth-copy h1{font-size:38px}.auth-copy>p:last-child,.auth-quote{display:none}.auth-panel{padding:34px 22px;min-height:calc(100vh - 230px)}.auth-pane h2{font-size:29px}.app-shell{display:block}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:68px;padding:8px;border-right:0;border-top:1px solid var(--line)}.sidebar>.brand,.sidebar-card,.profile{display:none}nav{grid-template-columns:repeat(3,1fr)}.nav-item,.nav-item:not(.active){font-size:9px;display:grid;gap:1px;justify-items:center;padding:5px}.nav-item span{font-size:16px}main{padding:24px 14px 90px}.topbar{display:block;margin-bottom:25px}.top-actions{margin-top:18px}.search{width:100%}.top-actions .button{white-space:nowrap;font-size:11px}.stats{grid-template-columns:1fr 1fr}.agenda-layout{display:block}.upcoming-card{margin-top:14px}.calendar-card{padding:8px}.day{min-height:70px;padding:4px}.calendar-event{font-size:0;height:6px;padding:0}.month-switcher h2{min-width:150px;font-size:16px}.form-grid,.reports-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.report-stats{grid-template-columns:1fr}.section-heading{align-items:end}.data-table th,.data-table td{padding:12px 10px}}
@media(max-width:700px){.calendar-toolbar{display:grid;gap:10px;margin-bottom:10px;padding-bottom:10px}.calendar-toolbar .month-switcher{justify-content:space-between;width:100%;gap:8px}.calendar-toolbar .month-switcher h2{min-width:0;font-size:16px}.calendar-jump{display:grid;grid-template-columns:1fr 88px;gap:8px}.calendar-jump label{width:100%;height:40px}.calendar-jump input{width:100%;font-size:12px}.calendar-toolbar .button{width:100%;padding:9px 12px}.availability-summary{font-size:11px;line-height:1.35}.availability-summary strong{font-size:16px}}

/* Navegação do calendário: controles visíveis e cabeçalho centralizado */
.calendar-toolbar .month-switcher{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;width:100%;max-width:340px}
.calendar-toolbar .month-switcher h2{min-width:0;text-align:center}
.calendar-toolbar .month-switcher button{border-color:rgba(216,255,62,.38);color:var(--accent);background:#101419;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.calendar-toolbar .month-switcher button:hover,.calendar-toolbar .month-switcher button:focus-visible{border-color:var(--accent);background:rgba(216,255,62,.1);transform:translateY(-1px);outline:none}
.calendar-jump label{position:relative;border-color:rgba(216,255,62,.3)}
.calendar-jump label:after{content:"";position:absolute;right:10px;top:50%;width:17px;height:17px;transform:translateY(-50%);pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8ff3e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.calendar-jump input{color-scheme:dark;cursor:pointer;padding-right:30px}
.calendar-jump input::-webkit-calendar-picker-indicator{position:absolute;right:7px;width:28px;height:28px;cursor:pointer;opacity:0;z-index:2}
.calendar-jump .button{border-color:rgba(216,255,62,.26)}
@media(max-width:700px){.calendar-toolbar .month-switcher{max-width:none;grid-template-columns:36px minmax(0,1fr) 36px}.calendar-toolbar .month-switcher h2{width:100%;font-size:16px;line-height:1.2}.calendar-jump label{background:#171c21}.calendar-jump .button{background:#1d2228;color:#fff}}
@media print{.sidebar,.top-actions,.month-row,.upcoming-card,.section-heading button{display:none!important}.app-shell{display:block}main{padding:0}.view{display:none!important}#reportsView{display:block!important}.card,.stat{box-shadow:none;background:white;color:#111;border-color:#ccc}body{background:white;color:#111}}
.profile-role{color:var(--accent)!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mobile-logout{display:none}@media(max-width:700px){.mobile-logout{display:block}}
.logout-danger{padding:5px 2px;border:0;border-radius:8px;background:transparent;color:#ff8585;font-size:11px;font-weight:850;text-transform:none;letter-spacing:0}.logout-danger:hover,.mobile-logout-danger:hover{background:transparent;color:#ff9b9b}.mobile-logout-danger{border:0!important;background:transparent!important;color:#ff8585!important}.logout-icon-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;box-shadow:none!important}.logout-door-icon{position:relative;width:17px;height:17px;display:inline-block;flex:0 0 17px}.logout-door-icon:before{content:"";position:absolute;left:1px;top:2px;width:8px;height:13px;border:2px solid currentColor;border-right:0;border-radius:3px 0 0 3px;opacity:.95}.logout-door-icon:after{content:"";position:absolute;right:0;top:5px;width:11px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:skewX(-18deg);box-shadow:4px 2px 0 -2px currentColor}.logout-icon-button:hover .logout-door-icon{transform:translateX(1px);transition:transform .18s ease}.logout-label{line-height:1}.top-logout-button{position:absolute;top:14px;right:clamp(18px,3vw,38px);z-index:5;height:28px;padding:0;white-space:nowrap}.top-actions #quickProposalButton{order:2}.top-actions #newEventButton{order:3}.top-actions #notificationButton{order:4}.top-actions .search{order:1}
.action-empty{display:grid;justify-items:center;gap:10px}.action-empty strong{color:var(--text);font-size:17px}.action-empty span{max-width:440px;line-height:1.45}.action-empty .button{margin-top:4px}@media(max-width:700px){.action-empty{padding:32px 14px}.action-empty .button{width:100%}}

/* Cena 3D interativa do login */
.auth-visual{--scene-rx:-5deg;--scene-ry:-8deg;--scene-x:0px;--scene-y:0px;perspective:1100px}.login-scene{position:absolute;z-index:0;right:-25px;top:19%;width:430px;height:430px;transform-style:preserve-3d;pointer-events:none;transform:translate3d(var(--scene-x),var(--scene-y),0);transition:transform .12s ease-out}.scene-glow{position:absolute;inset:55px;border-radius:50%;background:rgba(216,255,62,.14);filter:blur(55px)}.scene-card{position:absolute;left:73px;top:55px;width:285px;height:310px;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,rgba(39,45,51,.94),rgba(16,19,22,.9));box-shadow:-25px 35px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(15px);transform-style:preserve-3d;animation:sceneFloat 5s ease-in-out infinite}.scene-card-top{display:flex;gap:6px;align-items:center;transform:translateZ(26px)}.scene-card-top span{width:7px;height:7px;border-radius:50%;background:#5c646d}.scene-card-top span:first-child{background:var(--accent)}.scene-card-top small{margin-left:auto;color:#9da5ae;font-size:8px;letter-spacing:.12em}.scene-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:25px;transform:translateZ(18px)}.scene-grid i{aspect-ratio:1;border-radius:5px;background:#30363c}.scene-grid i:nth-child(11),.scene-grid i:nth-child(18){background:var(--accent);box-shadow:0 0 18px rgba(216,255,62,.3)}.scene-event{position:absolute;left:-28px;right:30px;bottom:29px;display:flex;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(10,12,14,.88);box-shadow:0 15px 35px rgba(0,0,0,.38);transform:translateZ(55px)}.scene-event>b{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:var(--accent-ink)}.scene-event span,.scene-event strong,.scene-event small{display:block}.scene-event strong{font-size:10px}.scene-event small{font-size:8px;color:var(--muted)}.scene-lens{position:absolute;right:-35px;top:110px;width:76px;height:76px;padding:11px;border-radius:50%;background:linear-gradient(145deg,#313840,#101317);box-shadow:0 16px 30px rgba(0,0,0,.45);transform:translateZ(68px)}.scene-lens span{display:block;width:100%;height:100%;border:8px solid #181d22;border-radius:50%;background:radial-gradient(circle at 35% 30%,#90b8b3,#283855 28%,#101318 60%);box-shadow:inset 0 0 0 3px #525d66}.orbit{position:absolute;border:1px solid rgba(216,255,62,.18);border-radius:50%;transform-style:preserve-3d}.orbit-one{inset:8px;transform:rotateX(67deg) rotateZ(10deg);animation:orbitSpin 12s linear infinite}.orbit-two{inset:55px;transform:rotateY(65deg) rotateZ(20deg);animation:orbitSpinReverse 9s linear infinite}.float-chip{position:absolute;display:flex;gap:7px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(23,27,31,.9);box-shadow:0 12px 30px rgba(0,0,0,.3);color:var(--accent);font-size:10px;transform-style:preserve-3d}.float-chip span{color:#cbd0d5}.chip-camera{left:4px;top:105px;animation:chipFloat 4s ease-in-out infinite}.chip-profit{right:0;bottom:34px;animation:chipFloat 4.6s .7s ease-in-out infinite}.auth-copy{max-width:520px;text-shadow:0 2px 20px rgba(0,0,0,.7)}
@keyframes sceneFloat{0%,100%{transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry)) translateY(0)}50%{transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry)) translateY(-12px)}}@keyframes orbitSpin{to{transform:rotateX(67deg) rotateZ(370deg)}}@keyframes orbitSpinReverse{to{transform:rotateY(65deg) rotateZ(-340deg)}}@keyframes chipFloat{0%,100%{transform:translate3d(0,0,75px)}50%{transform:translate3d(0,-13px,90px)}}
@media(max-width:1100px){.login-scene{right:-100px;opacity:.62}.auth-copy{max-width:400px}}@media(max-width:700px){.login-scene{width:250px;height:250px;right:-48px;top:5px;opacity:.5;transform:scale(.68) translate3d(var(--scene-x),var(--scene-y),0);transform-origin:top right}.auth-copy{position:relative;z-index:2}.auth-copy h1{max-width:340px}}@media(prefers-reduced-motion:reduce){.scene-card,.orbit,.float-chip{animation:none!important}.login-scene{transition:none}}

/* Assinaturas e administração */
.trial-banner{margin:-20px 0 24px;padding:11px 15px;border:1px solid rgba(216,255,62,.22);border-radius:12px;background:rgba(216,255,62,.07);color:#dce5b5;font-size:12px}.trial-banner strong{color:var(--accent)}.admin-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:18px}.admin-card{padding:23px}.admin-customers{margin-top:18px}.compact-form{display:grid;gap:13px}.compact-form label{display:grid;gap:6px}.compact-form label span{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:700}.compact-form input,.compact-form select{width:100%;border:1px solid var(--line);border-radius:10px;background:#1a1e23;color:var(--text);padding:11px}.plan-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.plan-row:last-child{border:0}.plan-row strong,.plan-row small{display:block}.plan-row small{color:var(--muted);font-size:10px}.plan-price{font-size:19px;color:var(--accent)}.status-badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#262c31;color:#b9c0c7;font-size:9px;text-transform:uppercase}.status-badge.active,.status-badge.admin{background:rgba(216,255,62,.12);color:var(--accent)}.status-badge.expired{background:rgba(255,107,107,.12);color:var(--danger)}.status-badge.trial{background:rgba(124,183,255,.12);color:var(--blue)}.subscription-dialog{width:min(780px,calc(100% - 28px))}.subscription-content{padding:28px}.subscription-head{display:flex;gap:18px;align-items:center;margin-bottom:24px}.subscription-head img{width:64px;height:64px;object-fit:contain;border-radius:15px;background:var(--accent)}.subscription-head h2{font-size:30px;margin:0;letter-spacing:-.04em}.subscription-head p:last-child{margin:4px 0 0;color:var(--muted)}.pricing-plans{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pricing-plan{position:relative;border:1px solid var(--line);border-radius:17px;padding:20px;background:#181c20;cursor:pointer}.pricing-plan.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(216,255,62,.1)}.pricing-plan input{position:absolute;opacity:0}.pricing-plan .popular{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-size:8px;font-weight:800}.pricing-plan h3{margin:0}.pricing-plan .price{font-size:30px;font-weight:900;letter-spacing:-.05em;margin:12px 0}.pricing-plan .price small{font-size:11px;color:var(--muted)}.pricing-plan>small{color:var(--muted)}.payment-methods{margin-top:20px}.payment-methods>label{display:inline-flex;align-items:center;gap:7px;margin:8px 16px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.payment-methods input{accent-color:var(--accent)}.demo-notice{margin-top:17px;padding:10px;border-radius:9px;background:#22272d;color:var(--muted);font-size:10px}
.subscription-dialog{width:min(860px,calc(100% - 28px))}.subscription-content{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgba(216,255,62,.13),transparent 28%),linear-gradient(145deg,#12161a,#0e1114)}.subscription-content:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}.subscription-head{align-items:flex-start}.subscription-head img{box-shadow:0 16px 35px rgba(216,255,62,.13)}.subscription-head h2{font-size:clamp(28px,4vw,40px);line-height:1}.subscription-head p:last-child{max-width:620px;font-size:14px;line-height:1.55}.subscription-value{margin:-8px 0 18px;padding:16px;border:1px solid rgba(216,255,62,.22);border-radius:16px;background:rgba(216,255,62,.06)}.subscription-value strong{display:block;margin-bottom:10px;color:#eef6c8}.subscription-value div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.subscription-value span{padding:9px 10px;border-radius:10px;background:rgba(0,0,0,.18);color:#dbe2e8;font-size:12px;font-weight:750}.subscription-cta{min-width:230px;box-shadow:0 16px 36px rgba(216,255,62,.16)}.pricing-plan.selected{background:linear-gradient(145deg,rgba(216,255,62,.09),#181c20)}.payment-methods{padding-top:4px}.demo-notice{border:1px solid rgba(255,255,255,.06)}
@media(max-width:850px){.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.pricing-plans{grid-template-columns:1fr}.subscription-content{padding:20px}.subscription-head h2{font-size:24px}nav:has(#adminNav:not([hidden])){grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.subscription-head{gap:12px}.subscription-head img{width:52px;height:52px}.subscription-value div{grid-template-columns:1fr 1fr}.subscription-value span{font-size:11px}.subscription-dialog .dialog-actions{display:grid}.subscription-cta{width:100%;min-width:0}}@media(max-width:430px){.subscription-value div{grid-template-columns:1fr}}
.plan-row-actions{display:flex;align-items:center;gap:10px}.plan-active{color:var(--accent)}.plan-inactive{color:var(--danger)}.compact-actions{display:flex;gap:8px}.compact-actions .button{flex:1}
.delivery-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#262c31;color:#cfd6dd;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.delivery-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#ffbd59}.delivery-badge.editing{background:rgba(124,183,255,.12);color:var(--blue)}.delivery-badge.editing:before{background:var(--blue)}.delivery-badge.delivered{background:rgba(216,255,62,.12);color:var(--accent)}.delivery-badge.delivered:before{background:var(--accent)}.delivery-badge.pending{background:rgba(255,189,89,.1);color:#ffcc7a}

/* Mantém o perfil contido na barra lateral */
.sidebar{overflow:hidden}.profile{width:100%;min-width:0;overflow:hidden}.profile>span:nth-child(2){min-width:0;flex:1;overflow:hidden}.profile>span:nth-child(2)>strong,.profile>span:nth-child(2)>small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .avatar,.logout-button{flex:0 0 auto}.logout-button{margin-left:0}@media(max-width:1050px) and (min-width:701px){.profile .avatar{display:none}.profile{padding-inline:0}.logout-button{margin:auto}}
.login-plans{margin-top:19px;padding:14px;border:1px solid rgba(216,255,62,.18);border-radius:14px;background:linear-gradient(135deg,rgba(216,255,62,.07),rgba(255,255,255,.02))}.login-plans-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.login-plans-head strong{padding:3px 7px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:8px}.login-plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.login-plans-grid>div{display:flex;align-items:baseline;gap:4px;padding:8px 10px;border-radius:9px;background:rgba(0,0,0,.18)}.login-plans-grid span{font-size:9px;color:var(--muted);margin-right:auto}.login-plans-grid strong{font-size:14px}.login-plans-grid small{font-size:8px;color:var(--muted)}.login-plans>p{margin:9px 0 0;color:var(--muted);font-size:9px;text-align:center}
.login-trial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:9px 11px;border:1px solid rgba(232,239,0,.28);border-radius:10px;background:rgba(232,239,0,.09)}.login-trial-banner strong{color:var(--accent);font-size:11px}.login-trial-banner span{color:#d8dcdf;font-size:10px}.login-plans .login-plans-head{justify-content:flex-start}
.hero-google-divider{display:flex;align-items:center;gap:12px;margin:1px 0;color:#8f969e;font-size:11px}.hero-google-divider:before,.hero-google-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.13)}.hero-google-shell{position:relative;height:52px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:linear-gradient(180deg,rgba(20,23,27,.96),rgba(8,10,12,.98));color:#f4f5f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);cursor:pointer;transition:.2s ease}.hero-google-shell:hover{border-color:rgba(232,239,0,.48);background:linear-gradient(180deg,rgba(30,34,38,.98),rgba(10,12,14,.98));transform:translateY(-1px)}.hero-google-shell strong{font-size:14px}.hero-google-logo{font-weight:900;font-size:19px;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 44%,#fbbc05 0 66%,#ea4335 0 82%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-google-button{position:absolute!important;inset:0!important;z-index:2!important;min-height:52px!important;opacity:.001!important}.hero-google-button>div,.hero-google-button iframe{width:100%!important;height:52px!important;max-width:none!important}
.trial-banner:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px}.trial-subscribe{padding:7px 11px;font-size:10px;white-space:nowrap}.subscription-banner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.trial-banner:not([hidden]){align-items:flex-start;flex-direction:column}.trial-subscribe{flex:0 0 auto}.subscription-banner-actions{width:100%;justify-content:flex-start}}
.legal-note{color:var(--muted);font-size:10px;line-height:1.5;text-align:center;margin:12px 0}.legal-note a,.legal-consent a{color:var(--accent)}.auth-form .legal-consent{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:11px;line-height:1.45}.auth-form .legal-consent input{width:16px;height:16px;flex:0 0 auto;margin-top:2px;accent-color:var(--accent)}.auth-form .legal-consent span{font-size:11px;font-weight:400;color:var(--muted)}.account-form{margin:22px 0 10px}.account-form input:disabled{opacity:.65}.muted-field input:disabled,.muted-field select:disabled,.muted-field textarea:disabled{opacity:.62;cursor:not-allowed;background:rgba(255,255,255,.035)}
.trial-cta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:26px;padding:15px 18px;border:1px solid rgba(216,255,62,.38);border-radius:14px;background:rgba(216,255,62,.1);color:var(--text);cursor:pointer;backdrop-filter:blur(8px)}.trial-cta strong{color:var(--accent);font-size:15px}.trial-cta span{color:#bec5cc;font-size:10px}.signup-prompt{padding:11px;border-radius:10px;background:rgba(216,255,62,.06)}.code-input{font-size:24px!important;letter-spacing:.35em;text-align:center;font-weight:800}
.auth-box{width:min(520px,100%)}.welcome-pane h2{font-size:clamp(34px,4vw,48px);line-height:1.02;margin:14px 0;letter-spacing:-.055em}.welcome-pane h2 em{color:var(--accent);font-style:normal}.welcome-badge{display:inline-flex;align-items:center;gap:8px;color:#b8c0c7;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.welcome-badge span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.welcome-actions{display:grid;grid-template-columns:1.45fr .75fr;gap:10px;margin:22px 0 10px}.welcome-actions .button-primary{min-height:52px;font-size:14px}.welcome-actions .login-secondary{background:transparent;color:#c7ced6;border-color:#3a424b}.conversion-note{margin:0 0 16px;color:#e8f5ba;font-size:13px;line-height:1.45;font-weight:750}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 17px}.how-it-works article{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid rgba(216,255,62,.18);border-radius:12px;background:rgba(216,255,62,.045)}.how-it-works b{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:12px}.how-it-works span{font-size:11px;color:#d8dde3;line-height:1.25;font-weight:750}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feature-grid article{display:flex;gap:10px;min-height:86px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#15181c}.feature-grid article>span{color:var(--accent);font:800 9px/1.5 monospace}.feature-grid strong,.feature-grid small{display:block}.feature-grid strong{font-size:12px;margin-bottom:5px}.feature-grid small{color:var(--muted);font-size:9px;line-height:1.4}.welcome-preview{margin:18px 0;padding:16px;border:1px solid rgba(216,255,62,.22);border-radius:17px;background:linear-gradient(145deg,rgba(216,255,62,.08),rgba(255,255,255,.025));box-shadow:0 18px 45px rgba(0,0,0,.18)}.preview-top,.preview-event,.preview-metrics{display:flex;align-items:center}.preview-top{justify-content:space-between;margin-bottom:12px}.preview-top span{padding:4px 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:900}.preview-top strong{font-size:13px}.preview-event{gap:12px;padding:12px;border-radius:13px;background:#101418;border:1px solid rgba(255,255,255,.06)}.preview-event>b{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#242a30;color:var(--accent);font-size:14px}.preview-event div{min-width:0;flex:1}.preview-event strong,.preview-event small{display:block}.preview-event strong{font-size:15px}.preview-event small{color:var(--muted);font-size:12px}.preview-event>span{padding:6px 9px;border-radius:999px;background:rgba(216,255,62,.12);color:var(--accent);font-size:10px;font-weight:800}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.preview-metrics div{padding:10px;border-radius:12px;background:rgba(0,0,0,.17)}.preview-metrics small,.preview-metrics strong{display:block}.preview-metrics small{color:var(--muted);font-size:9px}.preview-metrics strong{font-size:14px}.conversion-list{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#15181c}.conversion-list>span{display:block;color:var(--accent);font-size:12px;font-weight:850;margin-bottom:8px}.conversion-list ul{margin:0;padding-left:18px;color:#c9d0d7;font-size:13px;line-height:1.5}.conversion-list li+li{margin-top:5px}.ideal-for{margin:13px 0 0;padding:12px 13px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.ideal-for span{display:block;color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ideal-for strong{display:block;margin-top:4px;color:#d8dde3;font-size:12px;line-height:1.45}.welcome-proof{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;padding:12px 0;border-block:1px solid var(--line)}.welcome-proof>div{padding:0 10px;border-right:1px solid var(--line)}.welcome-proof>div:last-child{border:0}.welcome-proof strong,.welcome-proof small{display:block}.welcome-proof strong{font-size:11px}.welcome-proof small{color:var(--muted);font-size:8px}.app-download{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(216,255,62,.25);border-radius:13px;background:rgba(216,255,62,.06);color:var(--text);text-align:left;cursor:pointer}.app-download:hover,.app-download.ready{border-color:var(--accent);background:rgba(216,255,62,.1)}.app-download-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:900}.app-download strong,.app-download small{display:block}.app-download strong{font-size:11px}.app-download small{margin-top:3px;color:var(--muted);font-size:8px}.mobile-sticky-cta{display:none}
@media(max-width:700px){.auth-visual{min-height:190px}.auth-panel{min-height:calc(100vh - 190px)}.welcome-pane h2{font-size:32px}.feature-grid{grid-template-columns:1fr 1fr}.welcome-actions{grid-template-columns:1fr}.welcome-proof{grid-template-columns:1fr 1fr 1fr}}
html,body{max-width:100%;overflow-x:hidden}.auth-screen,.auth-panel,.auth-box,.auth-pane,.feature-grid,.welcome-actions,.welcome-proof,.login-plans-grid{min-width:0;max-width:100%}.feature-grid article,.feature-grid article div,.welcome-proof>div,.login-plans-grid>div{min-width:0}.google-button,.google-button>div,.google-button iframe{max-width:100%!important}.login-plans-grid>div{flex-wrap:wrap}.app-download>span:last-child{min-width:0}.app-download small{white-space:normal}
@media(max-width:900px){.auth-screen{display:block}.auth-visual{min-height:200px;padding:24px;overflow:hidden}.auth-panel{padding:30px max(16px,env(safe-area-inset-left));min-height:calc(100vh - 200px);place-items:start center}.auth-copy{margin:38px 0 0;max-width:100%}.auth-copy h1{font-size:clamp(32px,8vw,45px);max-width:520px;margin-bottom:0}.auth-copy>p:not(.eyebrow),.auth-quote,.trial-cta{display:none}.auth-box{width:min(520px,100%)}.welcome-badge{white-space:normal}.welcome-actions .button{white-space:normal}}
@media(max-width:430px){.auth-panel{padding-inline:14px}.welcome-pane h2{font-size:29px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.welcome-proof{grid-template-columns:1fr 1fr}.welcome-proof>div{padding:7px 9px}.welcome-proof>div:nth-child(2){border-right:0}.welcome-proof>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.login-plans-grid{grid-template-columns:1fr}.auth-pane h2{font-size:27px}}
@media(max-width:700px){.auth-panel{padding-bottom:92px}.welcome-actions{grid-template-columns:1fr;margin-bottom:9px}.conversion-note{font-size:12px}.how-it-works{grid-template-columns:1fr}.how-it-works article{padding:9px 10px}.welcome-preview{padding:13px}.preview-event{align-items:flex-start}.preview-event>b{width:45px;height:45px}.preview-event>span{display:none}.preview-metrics{grid-template-columns:1fr 1fr}.preview-metrics div:last-child{grid-column:1/-1}.conversion-list ul{font-size:12px}.mobile-sticky-cta{position:fixed;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:30;display:block;border:0;border-radius:15px;padding:15px 18px;background:var(--accent);color:var(--accent-ink);font-weight:900;box-shadow:0 18px 45px rgba(0,0,0,.45)}}@media(max-width:430px){.welcome-preview{margin:15px 0}.preview-metrics strong{font-size:13px}.conversion-list{padding:12px}.conversion-list ul{padding-left:16px}.welcome-actions .button-primary{font-size:13px}.ideal-for strong{font-size:11px}}

/* Tipografia da experiência pública de acesso */
.welcome-badge{font-size:12px;line-height:1.45}.auth-subtitle{font-size:15px;line-height:1.55}.welcome-actions .button{font-size:13px}.feature-grid article{min-height:106px;padding:17px 16px;gap:12px}.feature-grid article>span{font-size:11px}.feature-grid strong{font-size:16px;line-height:1.25;margin-bottom:7px}.feature-grid small{font-size:12px;line-height:1.5}.welcome-proof{padding:16px 0;margin:17px 0}.welcome-proof strong{font-size:15px;line-height:1.25}.welcome-proof small{font-size:11px;line-height:1.45;margin-top:3px}.app-download{padding:15px 16px;gap:14px}.app-download-icon{width:42px;height:42px;font-size:20px}.app-download strong{font-size:15px;line-height:1.3}.app-download small{font-size:11px;line-height:1.45}.welcome-pane>.legal-note{font-size:12px}.auth-form label span{font-size:13px}.auth-form input{font-size:15px}.forgot-link{font-size:13px}.auth-divider{font-size:12px}.auth-switch{font-size:13px;line-height:1.5}.auth-back{font-size:13px}.password-hint,.legal-note{font-size:12px}.login-plans-head{font-size:11px}.login-plans-head strong{font-size:10px}.login-plans-grid span{font-size:11px}.login-plans-grid strong{font-size:17px}.login-plans-grid small,.login-plans>p{font-size:10px}
@media(max-width:430px){.feature-grid strong{font-size:15px}.feature-grid small{font-size:12px}.welcome-proof strong{font-size:14px}.welcome-proof small{font-size:11px}}
.detail-row strong{text-align:right;overflow-wrap:anywhere}
.report-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;margin-bottom:18px}.report-filters label{display:grid;gap:7px}.report-filters label span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.report-filters input,.report-filters select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#1a1e23;color:var(--text);outline:0}.report-filters input:focus,.report-filters select:focus{border-color:#687623}.report-filter-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.report-filters .form-message{grid-column:1/-1;margin:0}.report-period{margin:0 0 16px;color:var(--muted);font-size:12px}@media(max-width:800px){.report-filters{grid-template-columns:1fr 1fr}}@media(max-width:520px){.report-filters{grid-template-columns:1fr}.report-filter-actions,.report-filters .form-message{grid-column:auto}}@media print{.report-filters,.report-period,#reportsView .section-heading .button{display:none!important}}
.notification-button{position:relative;width:48px;height:48px;flex:0 0 48px;border:1px solid var(--line);border-radius:13px;background:#171a1f;color:var(--text);font-size:20px;cursor:pointer}.notification-button:hover,.notification-button.active{border-color:rgba(216,255,62,.55)}.notification-button span{position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#68717a}.notification-button span.active{background:var(--accent);box-shadow:0 0 10px var(--accent)}.notification-dialog{width:min(560px,calc(100% - 28px))}.notification-toggle{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#171a1f}.notification-toggle input{width:19px;height:19px;accent-color:var(--accent);flex:0 0 auto}.notification-toggle strong,.notification-toggle small{display:block}.notification-toggle small{margin-top:4px;color:var(--muted)}.notification-lead{display:grid;gap:8px;margin-top:16px}.notification-lead>span{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase}.notification-lead select{height:48px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#171a1f;color:var(--text)}.notification-help{display:grid;gap:4px;margin-top:16px;padding:13px;border-left:3px solid var(--accent);background:rgba(216,255,62,.05);font-size:11px}.notification-help span{color:var(--muted);line-height:1.5}@media(max-width:700px){.notification-button{width:44px;height:44px;flex-basis:44px}.top-actions{display:flex;flex-wrap:wrap}.top-actions .search{flex:1 1 100%}}
.report-stat{display:block;width:100%;text-align:left;cursor:pointer;color:var(--text)}.report-stat b{display:block;margin-top:13px;color:var(--accent);font-size:9px;font-weight:800}.report-stat.accent b{color:#344000}.report-stat:hover{border-color:#596329;transform:translateY(-2px)}.admin-report-dialog{width:min(940px,calc(100% - 28px))}.admin-report-content{padding:26px}.report-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.report-summary article{padding:14px;border:1px solid var(--line);border-radius:12px;background:#191d21}.report-summary small,.report-summary strong{display:block}.report-summary small{color:var(--muted);font-size:9px}.report-summary strong{margin-top:5px;font-size:18px}.report-preview{max-height:52vh;border:1px solid var(--line);border-radius:13px}.report-preview .data-table th{position:sticky;top:0;background:#171a1f;z-index:1}@media(max-width:700px){.report-summary{grid-template-columns:1fr}.admin-report-content{padding:17px}.admin-report-dialog .dialog-head{align-items:flex-start}.report-preview{max-height:48vh}}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-card{padding:20px;display:grid;gap:18px}.service-card.inactive{opacity:.62}.service-card .eyebrow{margin-top:13px}.service-card h3{margin:4px 0;font-size:19px}.service-card>div>small{color:var(--muted)}.service-meta{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.service-meta strong{font-size:20px;color:var(--accent)}.service-meta span{color:var(--muted);font-size:11px}.profile-card{padding:25px;max-width:820px}.notes-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis}.toggle-label{display:flex!important;grid-column:1/-1!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.toggle-label input{width:17px!important;height:17px;accent-color:var(--accent)}@media(max-width:1050px){.services-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.services-grid{grid-template-columns:1fr}.profile-card{padding:16px}.sidebar nav{display:flex;overflow-x:auto;gap:4px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar .nav-item,.sidebar .nav-item:not(.active){min-width:82px;flex:0 0 82px;font-size:8px}.section-heading{gap:10px}.section-heading .button{white-space:nowrap;font-size:10px}}
.sidebar nav{min-height:0;overflow-y:auto}
.password-field{position:relative;width:100%}.password-field input{padding-right:48px!important}.password-toggle{position:absolute;right:5px;top:50%;width:38px;height:38px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);opacity:.78;cursor:pointer}.password-toggle span{position:relative;width:19px;height:13px;border:2px solid currentColor;border-radius:50%/65%;display:block}.password-toggle span:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.password-toggle.visible span:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(-38deg);box-shadow:0 0 0 2px var(--card)}.password-toggle:hover,.password-toggle.visible{background:#242a30;color:var(--accent);opacity:1}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.logo-upload{display:flex;align-items:center;gap:18px;padding:18px;border:1px dashed #3a424a;border-radius:14px;background:#171b1f}.logo-upload img{width:88px;height:88px;object-fit:contain;border-radius:16px;background:#fff}.logo-upload>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.logo-upload strong,.logo-upload small{width:100%;display:block}.logo-upload small{color:var(--muted);font-size:10px}.logo-upload .button{display:inline-block;font-size:10px}.business-avatar{background-size:cover!important;background-position:center!important;background-color:#fff!important}.proposal-actions{flex-wrap:wrap;min-width:310px}.proposal-actions button:disabled{opacity:.35;cursor:not-allowed}.proposal-dialog{width:min(760px,calc(100% - 28px))}.dialog-note{margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:700px){.logo-upload{align-items:flex-start}.logo-upload img{width:72px;height:72px}.proposal-actions{min-width:260px}}
.consumer-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:14px;border:1px solid rgba(216,255,62,.2);border-radius:12px;background:rgba(216,255,62,.05)}.consumer-fields[hidden]{display:none}.consumer-fields label{display:grid;gap:6px}@media(max-width:700px){.consumer-fields{grid-template-columns:1fr}}
.proposal-status{min-width:100px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#20242a;color:var(--text);font-size:10px;font-weight:700}.proposal-status.accepted{border-color:#6cae45;color:#9be56e}.proposal-status.rejected{border-color:#8b4444;color:#ff8b8b}
.admin-support-actions{min-width:280px}.admin-support-actions .icon-action{font-size:10px;white-space:nowrap}
.status-badge.bonus{background:rgba(255,196,0,.14);color:#ffc400}
.icon-action.danger{border-color:rgba(255,107,107,.32);color:var(--danger);background:rgba(255,107,107,.08)}
.icon-action:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}
.nav-badge{margin-left:auto;min-width:20px;height:20px;display:inline-grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:950}.support-alert.accent{border-color:rgba(216,255,62,.85);box-shadow:0 0 0 2px rgba(216,255,62,.08)}.admin-tickets{margin-bottom:18px}
.admin-referrals{margin-bottom:18px}.referral-layout{display:grid;gap:16px}.referral-card{padding:24px}.referral-hero{background:radial-gradient(circle at 86% 20%,rgba(216,255,62,.16),transparent 25%),linear-gradient(145deg,#171b20,#111418)}.referral-card h3{margin:4px 0 10px;font-size:28px;letter-spacing:-.04em}.referral-card p,.referral-card li{color:var(--muted);font-size:13px;line-height:1.55}.referral-link{display:flex;gap:10px;margin-top:18px}.referral-link input{flex:1;min-width:0;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#0f1215;color:var(--text);font-weight:800}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.referral-actions{min-width:220px;flex-wrap:wrap}.admin-referrals code{padding:4px 7px;border-radius:7px;background:#0f1215;color:var(--accent);font-weight:900}@media(max-width:700px){.referral-link{display:grid}.referral-stats{grid-template-columns:1fr}.referral-card{padding:18px}.referral-card h3{font-size:23px}.referral-actions{min-width:0}}
.table-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px}.payment-history{margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:12px;background:#171b20}.payment-history>strong{display:block;margin-bottom:8px;color:var(--accent);font-size:12px}.payment-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12px}.payment-row:first-of-type{border-top:0}.payment-row span,.payment-row strong{display:block}.payment-row small{display:block;margin-top:2px;color:var(--muted)}.payment-row.muted{color:var(--muted)}
.register-google-card{margin:18px 0 6px;padding:15px;border:1px solid rgba(216,255,62,.2);border-radius:15px;background:linear-gradient(145deg,rgba(216,255,62,.07),rgba(255,255,255,.025))}.register-google-card strong{display:block;font-size:14px}.register-google-card p{margin:4px 0 13px;color:var(--muted);font-size:12px;line-height:1.45}.register-google-card .google-button{justify-content:flex-start}.register-google-card .google-placeholder{margin-top:0}
.support-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:18px}.support-card{padding:24px}.support-card h3{margin:0 0 10px;font-size:22px}.support-card>p{margin:0 0 22px;color:var(--muted);line-height:1.6}.support-faq{align-self:start;border-color:rgba(216,255,62,.22);background:linear-gradient(145deg,rgba(216,255,62,.05),var(--surface))}.support-faq details{border:1px solid var(--line);border-radius:12px;background:#171b20;margin-top:10px;overflow:hidden}.support-faq summary{padding:12px 14px;cursor:pointer;font-weight:800}.support-faq p{margin:0;padding:0 14px 13px;color:var(--muted);font-size:12px;line-height:1.5}
.auth-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-topline .auth-brand{margin:0}.instagram-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(12,14,17,.45);color:#f6f7f8;text-decoration:none;backdrop-filter:blur(10px);transition:.2s}.instagram-link span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 110%,#fdf497 0 18%,#fd5949 38%,#d6249f 58%,#285aeb 100%);font-size:0}.instagram-link span:before{content:"";width:11px;height:11px;border:2px solid #fff;border-radius:50%;box-shadow:7px -7px 0 -5px #fff}.instagram-link strong{font-size:12px}.instagram-link:hover{border-color:rgba(216,255,62,.45);transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.brazil-fit{margin:0 0 16px;padding:13px 14px;border:1px solid rgba(216,255,62,.24);border-radius:14px;background:linear-gradient(135deg,rgba(216,255,62,.11),rgba(255,255,255,.025))}.brazil-fit span{display:block;color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.brazil-fit strong{display:block;margin-top:4px;color:#eef4d0;font-size:13px;line-height:1.45}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.before-after article{padding:13px;border:1px solid var(--line);border-radius:14px;background:#15181c}.before-after article:first-child{background:linear-gradient(145deg,#171a1f,#13161a)}.before-after article:last-child{border-color:rgba(216,255,62,.25);background:linear-gradient(145deg,rgba(216,255,62,.08),#15181c)}.before-after span{display:block;margin-bottom:8px;color:var(--accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.before-after ul{margin:0;padding-left:17px;color:#c9d0d7;font-size:12px;line-height:1.45}.before-after li+li{margin-top:4px}.mini-faq{display:grid;gap:8px;margin:14px 0}.mini-faq details{border:1px solid var(--line);border-radius:12px;background:#15181c;overflow:hidden}.mini-faq summary{padding:11px 13px;cursor:pointer;font-size:12px;font-weight:850;color:#edf2f7}.mini-faq p{margin:0;padding:0 13px 12px;color:var(--muted);font-size:12px;line-height:1.45}
.studio-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:14px;border:1px solid rgba(216,255,62,.2);border-radius:22px;background:radial-gradient(circle at 85% 18%,rgba(216,255,62,.13),transparent 26%),linear-gradient(145deg,#101418,#171b20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 20px 50px rgba(0,0,0,.22);overflow:hidden}.studio-board:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.035) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.035) 50%,transparent 51%);pointer-events:none}.studio-slate{grid-column:1/-1;position:relative;z-index:1;padding:14px;border-radius:15px;background:repeating-linear-gradient(135deg,#20262d 0 12px,#151a1f 12px 24px);border:1px solid rgba(255,255,255,.1)}.studio-slate span,.studio-slate strong,.studio-slate small{display:block}.studio-slate span{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.14em}.studio-slate strong{margin-top:3px;font-size:24px;letter-spacing:-.05em}.studio-slate small{margin-top:2px;color:#c5ccd4;font-size:10px;letter-spacing:.08em}.studio-board article{position:relative;z-index:1;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(10,13,16,.66);backdrop-filter:blur(10px)}.studio-board article span,.studio-board article strong,.studio-board article small{display:block}.studio-board article span{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.studio-board article strong{margin-top:6px;font-size:18px;letter-spacing:-.035em}.studio-board article small{margin-top:4px;color:#aeb6bf;font-size:11px;line-height:1.4}.studio-note{margin:4px 0 16px;padding:12px 14px;border-left:3px solid var(--accent);border-radius:12px;background:#15181c;color:#d8dde3;font-size:13px;line-height:1.5}.studio-features article{background:linear-gradient(145deg,#15191e,#101317)}.studio-proof{border-color:rgba(216,255,62,.2)}.studio-actions{grid-template-columns:1.25fr .8fr}
@media(max-width:520px){.studio-board{grid-template-columns:1fr}.studio-slate{padding:13px}.studio-slate strong{font-size:21px}.studio-actions{grid-template-columns:1fr}}
.welcome-actions .button-primary,.mobile-sticky-cta,.trial-cta{position:relative;overflow:hidden}.welcome-actions .button-primary,.mobile-sticky-cta{animation:ctaPulse 2.8s ease-in-out infinite}.welcome-actions .button-primary:after,.mobile-sticky-cta:after,.trial-cta:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:42%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:ctaShine 3.4s ease-in-out infinite;pointer-events:none}.trial-cta:after{animation-delay:.7s}.welcome-preview{position:relative;overflow:hidden;isolation:isolate}.welcome-preview:before{content:"";position:absolute;inset:-35% auto -35% -55%;width:38%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(216,255,62,.22),transparent);animation:previewScan 5.2s ease-in-out infinite;z-index:-1}.welcome-preview:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(216,255,62,.22);opacity:.35;animation:previewGlow 3.8s ease-in-out infinite;pointer-events:none}.preview-top span{animation:livePulse 1.8s ease-in-out infinite}.preview-event{animation:eventLift 4.6s ease-in-out infinite}.preview-event>b{animation:dateGlow 3.2s ease-in-out infinite}.preview-event>span{animation:statusBlink 2.4s ease-in-out infinite}.preview-metrics div{opacity:0;transform:translateY(8px);animation:metricIn 4.8s ease-in-out infinite}.preview-metrics div:nth-child(2){animation-delay:.25s}.preview-metrics div:nth-child(3){animation-delay:.5s}.app-robot{position:relative;width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:14px;background:linear-gradient(145deg,#eafcb1,#d8ff3e);box-shadow:0 10px 28px rgba(216,255,62,.2);animation:robotHello 3.8s ease-in-out infinite}.app-robot:before{content:"";position:absolute;top:7px;width:24px;height:20px;border-radius:9px;background:#101307;box-shadow:inset 0 -4px 0 rgba(255,255,255,.08)}.app-robot:after{content:"";position:absolute;top:14px;left:13px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:12px 0 0 var(--accent);animation:robotBlink 4.6s infinite}.app-robot i{position:absolute;top:3px;width:2px;height:7px;border-radius:2px;background:#101307}.app-robot i:after{content:"";position:absolute;left:-3px;top:-4px;width:8px;height:8px;border-radius:50%;background:#101307}.app-robot b{position:absolute;right:-5px;top:15px;width:13px;height:5px;border-radius:5px;background:#d8ff3e;transform-origin:left center;animation:robotWave 1.8s ease-in-out infinite}.app-robot b:after{content:"";position:absolute;right:-4px;top:-3px;width:7px;height:11px;border-radius:5px;background:#d8ff3e}.app-download:hover .app-robot{animation-duration:1.6s}@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 rgba(216,255,62,0),0 0 0 0 rgba(216,255,62,.22)}50%{box-shadow:0 10px 35px rgba(216,255,62,.16),0 0 0 6px rgba(216,255,62,.06)}}@keyframes ctaShine{0%{left:-55%;opacity:0}18%{opacity:.75}38%,100%{left:120%;opacity:0}}@keyframes previewScan{0%,45%{left:-55%;opacity:0}55%{opacity:1}78%,100%{left:120%;opacity:0}}@keyframes previewGlow{0%,100%{box-shadow:inset 0 0 0 rgba(216,255,62,0),0 0 0 rgba(216,255,62,0)}50%{box-shadow:inset 0 0 24px rgba(216,255,62,.08),0 0 22px rgba(216,255,62,.08)}}@keyframes livePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(216,255,62,.25)}50%{transform:scale(1.04);box-shadow:0 0 0 5px rgba(216,255,62,.08)}}@keyframes eventLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes dateGlow{0%,100%{box-shadow:0 0 0 rgba(216,255,62,0)}50%{box-shadow:0 0 20px rgba(216,255,62,.18)}}@keyframes statusBlink{0%,100%{background:rgba(216,255,62,.12)}50%{background:rgba(216,255,62,.22)}}@keyframes metricIn{0%,12%{opacity:0;transform:translateY(8px)}25%,78%{opacity:1;transform:translateY(0)}100%{opacity:.82;transform:translateY(0)}}@keyframes robotHello{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}@keyframes robotWave{0%,100%{transform:rotate(-18deg)}50%{transform:rotate(28deg)}}@keyframes robotBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.15)}}@media(prefers-reduced-motion:reduce){.welcome-actions .button-primary,.mobile-sticky-cta,.app-robot,.app-robot b,.app-robot:after,.welcome-preview:before,.welcome-preview:after,.preview-top span,.preview-event,.preview-event>b,.preview-event>span,.preview-metrics div{animation:none}.preview-metrics div{opacity:1;transform:none}.welcome-actions .button-primary:after,.mobile-sticky-cta:after,.trial-cta:after{animation:none;display:none}}
@media(max-width:700px){.before-after{grid-template-columns:1fr}.brazil-fit strong{font-size:12px}.mini-faq summary,.mini-faq p{font-size:12px}}
@media(max-width:850px){.support-layout{grid-template-columns:1fr}}
@media(max-width:430px){.instagram-link strong{display:none}.instagram-link{padding:8px}.auth-topline{align-items:flex-start}}

/* Navegação mobile compacta */
.mobile-more-button{display:none}.mobile-more-sheet{position:fixed;inset:0;z-index:60}.mobile-more-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.mobile-more-panel{position:absolute;left:0;right:0;bottom:0;padding:18px max(16px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:24px 24px 0 0;background:linear-gradient(145deg,#15191e,#0f1215);box-shadow:0 -24px 70px rgba(0,0,0,.5)}.mobile-more-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mobile-more-head h2{margin:0;font-size:22px;letter-spacing:-.04em}.mobile-more-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mobile-more-options button{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#191d22;color:var(--text);text-align:left}.mobile-more-options button span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#232930;color:var(--accent);font-weight:900}.mobile-more-options button strong{font-size:13px}.mobile-more-options button.active{border-color:rgba(216,255,62,.55);background:rgba(216,255,62,.08)}.mobile-more-options button.danger{border-color:rgba(255,107,107,.28);color:var(--danger)}.mobile-more-options button.danger span{background:rgba(255,107,107,.12);color:var(--danger)}body.mobile-menu-open{overflow:hidden}
@media(max-width:700px){.top-actions .mobile-logout{display:none!important}.mobile-more-button{display:grid!important}.sidebar{height:76px;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))}.sidebar nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;gap:5px}.sidebar .nav-item,.sidebar .nav-item:not(.active){display:none!important;min-width:0!important;flex:initial!important;width:100%;font-size:9px;line-height:1.1;padding:6px 3px;border-radius:13px}.sidebar .nav-item[data-view="agenda"],.sidebar .nav-item[data-view="clients"],.sidebar .nav-item[data-view="proposals"],.sidebar .nav-item[data-view="reports"],.sidebar .mobile-more-button{display:grid!important;justify-items:center;align-content:center;gap:3px}.sidebar .nav-item span{font-size:17px}.sidebar .mobile-more-button.active{background:var(--surface-2);color:var(--text)}.sidebar .mobile-more-button.active span{color:var(--accent)}main{padding-bottom:104px}}
@media(max-width:700px){body .sidebar .mobile-more-button,body .sidebar .mobile-more-button:not(.active){display:grid!important;justify-items:center;align-content:center;gap:3px;min-width:0!important;flex:initial!important;width:100%;font-size:9px;line-height:1.1;padding:6px 3px;border-radius:13px}}
@media(max-width:700px){.top-actions #mobileAccountButton,.top-actions #mobileLogoutButton{display:none!important}.top-logout-button{top:12px;right:16px;height:30px;font-weight:850}}

/* Tela Financeiro — dashboard operacional */
.finance-page-shell{position:relative;display:grid;gap:18px}
body[data-view="finance"] .top-actions>.search,
body[data-view="finance"] #quickProposalButton,
body[data-view="finance"] #newEventButton{display:none}
.finance-section-switch{width:max-content;max-width:100%;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,rgba(17,20,23,.96),rgba(8,10,12,.96))}
.finance-section-switch button{height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#cbd1d7;font-weight:850;cursor:pointer}
.finance-section-switch button.active{background:rgba(232,239,0,.1);color:var(--accent)}
.finance-section-switch button:hover{color:#fff;background:rgba(255,255,255,.055)}
.finance-page-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:-76px;margin-bottom:22px;padding-right:260px}
.finance-period-control{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:#fff}
.finance-period-control span{color:var(--accent)}.finance-period-control b{color:#69717a;font-weight:600}
.finance-period-control input{width:128px;border:0;outline:0;background:transparent;color:#fff;font-weight:800;color-scheme:dark}
.finance-filter-button,.finance-new-button{height:46px}.finance-new-button{min-width:170px}
.finance-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}
.finance-metric-card{position:relative;display:flex;gap:16px;align-items:flex-start;min-height:118px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.055),transparent 30%),linear-gradient(145deg,rgba(17,20,23,.96),rgba(8,10,12,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.finance-metric-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:19px;font-weight:950;background:rgba(232,239,0,.12);color:var(--accent)}
.finance-metric-card.green>span{background:rgba(103,220,40,.14);color:#67dc28}.finance-metric-card.red>span{background:rgba(235,87,87,.15);color:#ff4c3d}.finance-metric-card.blue>span{background:rgba(47,128,237,.16);color:#4c8dff}.finance-metric-card.orange>span{background:rgba(242,153,74,.15);color:#ffb000}.finance-metric-card.purple>span{background:rgba(155,81,224,.16);color:#bb6bff}
.finance-metric-card small,.finance-metric-card em{display:block;color:#c4c9d0;font-style:normal}.finance-metric-card small{font-size:13px}.finance-metric-card strong{display:block;margin:5px 0 2px;font-size:clamp(23px,2vw,30px);letter-spacing:-.05em}.finance-metric-card em{font-size:12px}
.finance-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.finance-main-column{display:grid;gap:18px;min-width:0}
.finance-chart-card{min-height:0;padding:22px}.finance-chart-card .card-heading h2,.finance-transactions-card h2,.finance-side-card h3{margin:0;font-size:18px;letter-spacing:-.04em}.finance-cashflow-chart{position:relative;height:210px;margin-top:12px;padding:24px 12px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));overflow:hidden}
.finance-cashflow-chart:before{content:"";position:absolute;inset:28px 12px 38px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 1px,transparent 1px 46px),repeating-linear-gradient(to right,rgba(255,255,255,.045) 0 1px,transparent 1px 90px);opacity:.6}
.finance-cashflow-chart svg{position:relative;z-index:1;width:100%;height:138px;overflow:visible}.finance-cashflow-chart polyline{fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.finance-cashflow-chart polyline.revenue{stroke:#67dc28}.finance-cashflow-chart polyline.expense{stroke:#ff3b30}.finance-cashflow-chart polyline.profit{stroke:#4c8dff}
.finance-chart-legend,.finance-chart-axis{position:relative;z-index:2;display:flex;justify-content:center;gap:34px;font-size:12px;color:#cbd1d7}.finance-chart-legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.finance-chart-legend .revenue:before{background:#67dc28}.finance-chart-legend .expense:before{background:#ff3b30}.finance-chart-legend .profit:before{background:#4c8dff}.finance-chart-axis{justify-content:space-between;margin-top:6px;color:#9aa2aa}
.finance-side-panel{display:grid;gap:14px}.finance-side-card{padding:20px;background:linear-gradient(145deg,rgba(17,20,23,.96),rgba(8,10,12,.96))}.finance-side-card p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;color:#c9cfd6}.finance-side-card p span{display:flex;align-items:center;gap:8px}.finance-side-card p i{width:10px;height:10px;border-radius:50%}.finance-side-card hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:14px 0}.finance-side-card .positive{color:#67dc28}.finance-side-card .danger{color:#ff4c3d}.finance-side-card .warning{color:#ffb000}
.finance-side-list{display:grid;gap:10px}.finance-side-list button{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left}.finance-side-list button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#9b51e0;color:#fff;font-weight:900}.finance-side-list strong,.finance-side-list small{display:block}.finance-side-list small{color:#aeb5bd}.finance-side-list b{color:#ff4c3d}
.finance-expense-donut{width:170px;height:170px;margin:12px auto 16px;border-radius:50%;display:grid;place-items:center;position:relative}.finance-expense-donut:after{content:"";position:absolute;inset:44px;border-radius:50%;background:#101316}.finance-expense-donut strong{position:relative;z-index:1;text-align:center}.finance-expense-donut small{display:block;color:#9aa2aa}
.finance-transactions-card{padding:0;overflow:hidden}.finance-transactions-head{display:grid;grid-template-columns:1fr minmax(220px,280px) auto;gap:12px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.finance-transaction-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.03);color:#8f98a2}.finance-transaction-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}
.finance-tabs{display:flex;gap:18px;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.finance-tabs button{border:0;background:transparent;color:#cbd1d7;padding:9px 10px;border-radius:10px}.finance-tabs button.active{color:var(--accent);background:rgba(232,239,0,.08)}
.finance-transactions-table{overflow:auto}.finance-transactions-table .data-table td,.finance-transactions-table .data-table th{padding:13px 16px}.finance-category{padding:5px 9px;border-radius:8px;background:rgba(103,220,40,.12);color:#9bf66b}.finance-type{font-weight:800}.finance-type.revenue,.positive{color:#67dc28}.finance-type.expense,.danger{color:#ff4c3d}.finance-type.pending{color:#ffb000}
@media(max-width:1180px){.finance-page-toolbar{margin-top:0;padding-right:0;justify-content:flex-start;flex-wrap:wrap}.finance-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-content-grid{grid-template-columns:1fr}.finance-side-panel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.finance-section-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.finance-section-switch button{width:100%;padding:0 8px}.finance-page-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:9px}.finance-period-control{grid-column:1/-1;width:100%;justify-content:center}.finance-period-control input{width:112px}.finance-new-button,.finance-filter-button{width:100%}.finance-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.finance-metric-card{min-height:92px;padding:14px;gap:10px}.finance-metric-card>span{width:30px;height:30px;font-size:15px}.finance-metric-card strong{font-size:20px}.finance-metric-card small,.finance-metric-card em{font-size:10px}.finance-side-panel{grid-template-columns:1fr}.finance-transactions-head{grid-template-columns:1fr;gap:10px}.finance-tabs{overflow:auto}.finance-content-grid{gap:12px}.finance-chart-card{min-height:auto;padding:16px}.finance-cashflow-chart{height:210px}.finance-transactions-table .data-table th,.finance-transactions-table .data-table td{padding:11px 12px;font-size:11px}}

.studio-command{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:18px;align-items:stretch;margin-bottom:18px;padding:22px;border-color:rgba(216,255,62,.2);background:linear-gradient(145deg,#15191e,#101317)}.studio-command h2{margin:4px 0 8px;font-size:clamp(24px,3vw,34px);letter-spacing:-.05em}.studio-command span{display:block;color:var(--muted);font-size:13px;line-height:1.5}.studio-command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-command-grid article{padding:14px;border:1px solid var(--line);border-radius:14px;background:#15181c}.studio-command-grid small{display:block;color:var(--accent);font:900 10px/1 monospace}.studio-command-grid strong{display:block;margin-top:9px;font-size:14px}.studio-command-grid span{margin-top:4px;font-size:11px}@media(max-width:900px){.studio-command{grid-template-columns:1fr}.studio-command-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:700px){.studio-command{display:none}.top-actions{display:grid;grid-template-columns:1fr 1fr 44px;gap:8px;align-items:center}.top-actions .search{grid-column:1/-1}.top-actions #quickProposalButton{grid-column:1/2;width:100%;padding-inline:10px}.top-actions #newEventButton{grid-column:2/3;width:100%;padding-inline:10px}.top-actions #notificationButton{grid-column:3/4}}

.login-studio-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(216,255,62,.14),transparent 28%),rgba(5,7,9,.88);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .22s ease}.login-studio-loader.active{opacity:1;pointer-events:auto}.loader-stage{position:relative;width:min(320px,calc(100vw - 44px));min-height:260px;display:grid;place-items:center;text-align:center;padding:34px;border:1px solid rgba(216,255,62,.22);border-radius:30px;background:linear-gradient(145deg,rgba(19,24,28,.94),rgba(9,11,13,.96));box-shadow:0 35px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.loader-stage:before{content:"";position:absolute;inset:-40% auto -40% -65%;width:48%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:loaderShine 2.4s ease-in-out infinite}.loader-ring{position:absolute;width:118px;height:118px;border-radius:50%;border:1px solid rgba(216,255,62,.22);box-shadow:0 0 0 18px rgba(216,255,62,.035),0 0 36px rgba(216,255,62,.12);animation:loaderPulse 1.55s ease-in-out infinite}.loader-ring:after{content:"";position:absolute;inset:-3px;border-radius:50%;border-top:3px solid var(--accent);border-right:3px solid transparent;animation:loaderSpin 1s linear infinite}.loader-logo{position:relative;z-index:1;width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:var(--accent);color:var(--accent-ink);font-size:34px;font-weight:950;overflow:hidden;box-shadow:0 18px 42px rgba(216,255,62,.2);animation:loaderFloat 2s ease-in-out infinite}.loader-logo img{width:100%;height:100%;object-fit:contain}.loader-logo img:not([hidden])+b{display:none}.loader-stage strong{position:relative;z-index:1;margin-top:118px;font-size:22px;letter-spacing:-.045em}.loader-stage small{position:relative;z-index:1;color:var(--muted);font-size:12px}.login-studio-loader[hidden]{display:none!important}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,100%{transform:scale(1);opacity:.86}50%{transform:scale(1.05);opacity:1}}@keyframes loaderFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes loaderShine{0%{left:-65%;opacity:0}30%{opacity:1}65%,100%{left:125%;opacity:0}}@media(prefers-reduced-motion:reduce){.loader-ring,.loader-ring:after,.loader-logo,.loader-stage:before{animation:none}}

/* Skin conceito: referência preto + amarelo-limão, mantendo funções existentes */
:root{--bg:#050607;--surface:#111417;--surface-2:#181b1f;--line:#2a2f35;--text:#f7f7f2;--muted:#b8bdc4;--accent:#e8ef00;--accent-ink:#050607;--blue:#a7d2ff;--danger:#ff6b6b;--radius:20px;--shadow:0 28px 90px rgba(0,0,0,.38)}
body{background:radial-gradient(circle at 88% 12%,rgba(232,239,0,.055),transparent 30%),radial-gradient(circle at 8% 8%,rgba(255,255,255,.035),transparent 22%),#050607}
.auth-screen{grid-template-columns:minmax(390px,.72fr) minmax(620px,1.28fr);background:radial-gradient(circle at 85% 40%,rgba(255,255,255,.04),transparent 22%),linear-gradient(135deg,#050607,#0a0c0e)}
.auth-visual{padding:48px clamp(34px,5vw,78px);background:radial-gradient(circle at 18% 58%,rgba(232,239,0,.09),transparent 20%),linear-gradient(160deg,#050607,#0a0c0e 65%,#050607)}
.auth-visual:after{right:auto;left:8%;top:42%;width:360px;height:360px;border-color:rgba(232,239,0,.08);box-shadow:0 0 0 90px rgba(232,239,0,.018),0 0 90px rgba(232,239,0,.06)}
.auth-copy h1{font-size:clamp(46px,5.6vw,82px);line-height:.98}.auth-copy h1 em,.welcome-pane h2 em{color:var(--accent);text-shadow:0 0 24px rgba(232,239,0,.18)}
.auth-copy>p:last-child{font-size:19px;line-height:1.55;color:#d8dce1}.trial-cta{display:inline-grid;gap:2px;margin-top:22px;padding:16px 20px;border:1px solid rgba(232,239,0,.45);border-radius:16px;background:linear-gradient(135deg,var(--accent),#cfd500);color:#050607;box-shadow:0 18px 48px rgba(232,239,0,.18)}
.trial-cta strong{font-size:16px}.trial-cta span{font-size:11px;color:rgba(5,6,7,.72)}
.auth-panel{padding:42px;background:radial-gradient(circle at 75% 18%,rgba(232,239,0,.08),transparent 24%),rgba(5,6,7,.72)}
.auth-box{width:min(760px,100%)}.auth-pane.active{animation:panelIn .35s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.welcome-pane{position:relative;padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(24,27,31,.78),rgba(9,11,13,.86));box-shadow:0 28px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.welcome-badge{color:#dfe3e8}.welcome-badge span{background:var(--accent);box-shadow:0 0 18px rgba(232,239,0,.65)}.welcome-pane h2{font-size:clamp(38px,4vw,56px);max-width:680px}
.welcome-actions{grid-template-columns:1fr auto}.button-primary{background:linear-gradient(135deg,var(--accent),#cfd500);color:#050607;box-shadow:0 16px 42px rgba(232,239,0,.16)}.button-primary:hover{filter:none;transform:translateY(-1px);box-shadow:0 22px 55px rgba(232,239,0,.22)}.button-muted,.login-secondary{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.13)}
.conversion-note{color:#e8edb5}.brazil-fit,.before-after article,.conversion-list,.ideal-for,.welcome-preview,.login-plans,.register-google-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.before-after article:last-child,.welcome-preview{border-color:rgba(232,239,0,.28)}.before-after span,.conversion-list>span,.ideal-for span,.preview-top strong{color:var(--accent)}
.feature-grid article{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border-color:rgba(255,255,255,.12);border-radius:18px}.feature-grid article>span{color:var(--accent)}.feature-grid strong{font-size:17px}
.welcome-proof{border-color:rgba(255,255,255,.14)}.welcome-proof strong{color:#fff}.welcome-proof small{color:#c6ccd2}
.app-download{border-color:rgba(232,239,0,.35);background:linear-gradient(135deg,rgba(232,239,0,.08),rgba(255,255,255,.025));border-radius:18px}.app-download-icon,.brand-mark,.scene-event>b,.preview-top span{background:var(--accent);color:#050607}
.login-scene{right:6%;top:18%;width:520px;height:520px;opacity:.9}.scene-card{width:330px;height:350px;border-radius:32px;background:linear-gradient(145deg,rgba(28,31,36,.82),rgba(9,11,13,.88));border-color:rgba(255,255,255,.14)}.scene-lens{filter:saturate(.7) brightness(.75)}
.float-chip{background:rgba(10,12,14,.78);border-color:rgba(232,239,0,.18);color:var(--accent)}
.app-shell{background:radial-gradient(circle at 88% 8%,rgba(232,239,0,.055),transparent 28%),#050607;grid-template-columns:260px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,rgba(14,16,19,.95),rgba(5,6,7,.98));border-right-color:rgba(255,255,255,.1);box-shadow:inset -1px 0 0 rgba(255,255,255,.03)}.sidebar-card,.card,.stat{background:linear-gradient(145deg,rgba(26,29,33,.92),rgba(12,14,16,.96));border-color:rgba(255,255,255,.12);box-shadow:0 22px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
.nav-item{border:1px solid transparent}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(232,239,0,.12),rgba(255,255,255,.035));border-color:rgba(232,239,0,.12);color:#fff}.nav-item.active span{color:var(--accent)}
.topbar h1{font-size:clamp(34px,4.5vw,58px);line-height:.98}.search{background:rgba(18,21,24,.9);border-color:rgba(255,255,255,.12);border-radius:16px}.notification-button{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.045)}
.stat{border-radius:20px}.stat strong{font-size:clamp(24px,2.4vw,34px)}.stat.accent{background:linear-gradient(135deg,var(--accent),#cfd500);border-color:transparent}
.stat.accent,.stat.accent small,.stat.accent span,.stat.accent strong{color:#050607!important}.stat.accent b{color:#050607!important}.report-stat:not(.accent) b,.support-alert:not(.accent) b{color:var(--accent)!important}.support-alert:not(.accent) strong,.support-alert:not(.accent) b{color:var(--text)!important}.support-alert:not(.accent) b{opacity:.92}.support-alert:not(.accent) small,.support-alert:not(.accent) span{color:#d8dde3!important}.support-alert.accent,.support-alert.accent small,.support-alert.accent span,.support-alert.accent strong,.support-alert.accent b{color:#050607!important}
.value-visibility-button{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid rgba(5,6,7,.18);border-radius:999px;background:rgba(5,6,7,.09);color:#050607;font-size:10px;font-weight:900;line-height:1}.value-visibility-button span{display:inline;margin:0!important;font-size:13px;color:inherit!important}.value-visibility-button:hover{background:rgba(5,6,7,.16);transform:translateY(-1px)}.money-sensitive.accent strong{padding-right:74px}
@media(max-width:700px){.value-visibility-button{right:9px;top:9px;height:24px;padding:0 7px;font-size:0}.value-visibility-button span{font-size:12px}.money-sensitive.accent strong{padding-right:28px}}
.calendar-card,.upcoming-card,.profile-card,.report-card,.support-card,.admin-card,.table-wrap.card{border-radius:26px}.calendar-event{border-left-color:var(--accent);background:rgba(232,239,0,.08)}.day.today .day-number{background:var(--accent);color:#050607}
.day-free{cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.day-free:hover{background:rgba(216,255,62,.045);box-shadow:inset 0 0 0 1px rgba(216,255,62,.16)}.day-free-label{display:inline-flex;margin-top:8px;padding:3px 7px;border:1px solid rgba(216,255,62,.18);border-radius:999px;color:var(--accent);font-size:9px;font-weight:800;opacity:.78}.calendar-day-dialog{width:min(520px,calc(100% - 28px))}.retro-warning{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(255,189,89,.35);border-radius:14px;background:rgba(255,189,89,.1);color:#ffd18a;font-weight:800}.day-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.day-choice{display:grid;gap:7px;justify-items:start;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#1a1f24,#121519);color:var(--text);text-align:left}.day-choice:hover{border-color:rgba(216,255,62,.38);transform:translateY(-1px)}.day-choice span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(216,255,62,.12);color:var(--accent);font-size:18px}.day-choice strong{font-size:16px}.day-choice small{color:var(--muted);font-size:11px}
@media(max-width:700px){.day-free-label{display:none}.day-choice-grid{grid-template-columns:1fr}.calendar-day-dialog .details-inner{padding:22px}}
.admin-customer-filters{display:grid;grid-template-columns:minmax(220px,1fr) 170px 190px auto;gap:10px;align-items:end;margin:4px 0 12px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.025)}.admin-customer-filters label{display:grid;gap:6px}.admin-customer-filters span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.admin-customer-filters input,.admin-customer-filters select{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:#101317;color:var(--text);padding:0 12px;outline:0}.admin-customer-filters input:focus,.admin-customer-filters select:focus{border-color:rgba(216,255,62,.45);box-shadow:0 0 0 3px rgba(216,255,62,.08)}.admin-filter-summary{margin:0 0 10px;color:var(--muted);font-size:12px}.admin-customers-scroll{max-height:560px;overflow:auto;border:1px solid rgba(255,255,255,.05);border-radius:18px}.admin-customers-scroll .data-table thead th{position:sticky;top:0;z-index:2;background:#13161a}.admin-customers-scroll::-webkit-scrollbar{width:10px;height:10px}.admin-customers-scroll::-webkit-scrollbar-track{background:#0f1215;border-radius:999px}.admin-customers-scroll::-webkit-scrollbar-thumb{background:#333a42;border-radius:999px;border:2px solid #0f1215}.admin-customers-scroll::-webkit-scrollbar-thumb:hover{background:#4b5560}
@media(max-width:900px){.admin-customer-filters{grid-template-columns:1fr 1fr}.admin-customer-filters label:first-child{grid-column:1/-1}.admin-customer-filters .button{width:100%}}@media(max-width:560px){.admin-customer-filters{grid-template-columns:1fr}.admin-customers-scroll{max-height:520px}}

/* Sidebar: mantém menu, instalador e perfil em áreas separadas no desktop */
@media(min-width:1051px){.sidebar{overflow:hidden}.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 4px 12px 0;margin-right:-4px}.sidebar nav::-webkit-scrollbar{width:8px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#363d45;border-radius:999px}.sidebar-card{flex:0 0 auto;margin-top:14px}.profile{flex:0 0 auto}}
.admin-collapse-toggle{display:none;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:var(--accent);font-size:19px;font-weight:950;line-height:1}
@media(max-width:700px){#adminView .section-heading{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}#adminView .section-heading .button{width:100%}#adminStats.stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}#adminStats .stat{min-height:auto;padding:13px;border-radius:16px}#adminStats .stat small{font-size:9px;margin-bottom:5px}#adminStats .stat strong{font-size:24px}#adminStats .stat span{font-size:9px}#adminStats .stat b{display:none}.admin-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px;margin-bottom:10px}.admin-card{padding:14px!important;border-radius:18px!important}.admin-collapse{margin-bottom:10px}.admin-collapse-toggle{display:grid;place-items:center;flex:0 0 34px}.admin-collapse>.card-heading{gap:10px;margin-bottom:0!important}.admin-collapse>.card-heading>div{min-width:0;flex:1}.admin-collapse>.card-heading h2{font-size:18px}.admin-collapse:not(.mobile-expanded)>:not(.card-heading){display:none!important}.admin-collapse.mobile-expanded>.card-heading{margin-bottom:12px!important}.admin-collapse.mobile-expanded .admin-collapse-toggle{background:var(--accent);color:#050607}.admin-customer-filters{grid-template-columns:1fr!important;padding:10px;margin-bottom:10px}.admin-customer-filters input,.admin-customer-filters select{height:40px}.admin-filter-summary{font-size:11px}.admin-customers-scroll{max-height:none;overflow:visible;border:0;border-radius:0}.admin-customers-scroll .data-table,.admin-customers-scroll .data-table thead,.admin-customers-scroll .data-table tbody,.admin-customers-scroll .data-table tr,.admin-customers-scroll .data-table td{display:block;width:100%}.admin-customers-scroll .data-table thead{display:none}.admin-customers-scroll .data-table tr{margin-bottom:10px;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.admin-customers-scroll .data-table td{padding:6px 0;border:0;white-space:normal}.admin-customers-scroll .data-table td:nth-child(1){padding-top:0}.admin-customers-scroll .data-table td:nth-child(2)::before{content:"Cadastro: ";color:var(--muted);font-weight:800}.admin-customers-scroll .data-table td:nth-child(3)::before{content:"Situação: ";color:var(--muted);font-weight:800}.admin-customers-scroll .data-table td:nth-child(4)::before{content:"Teste: ";color:var(--muted);font-weight:800}.admin-customers-scroll .data-table td:nth-child(5)::before{content:"Plano: ";color:var(--muted);font-weight:800}.admin-customers-scroll .data-table td:nth-child(6)::before{content:"Eventos: ";color:var(--muted);font-weight:800}.admin-customers-scroll .data-table td:nth-child(7)::before{content:"Receita: ";color:var(--muted);font-weight:800}.admin-customers-scroll .data-table td:nth-child(8){padding-top:10px}.admin-support-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.admin-support-actions .icon-action{width:100%;padding:9px 8px}.admin-referrals .table-wrap,.admin-tickets .table-wrap{max-height:360px}.admin-referrals .data-table th,.admin-referrals .data-table td,.admin-tickets .data-table th,.admin-tickets .data-table td{padding:10px 9px;font-size:11px}}

/* Painel administrativo - visual plataforma */
.admin-platform-view{padding-bottom:34px}
.admin-platform-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}
.admin-platform-head h2{margin:0;font-size:30px;letter-spacing:-.04em}
.admin-platform-head p{margin:6px 0 0;color:#cbd3db}
.admin-platform-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-platform-actions .button{min-height:44px}
.admin-platform-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.admin-platform-stat{min-height:120px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px 18px 16px;background:radial-gradient(circle at 85% 20%,rgba(232,239,0,.08),transparent 28%),linear-gradient(145deg,rgba(22,26,30,.96),rgba(8,11,13,.98));color:#fff;cursor:pointer;transition:.2s ease}
.admin-platform-stat:hover{transform:translateY(-2px);border-color:rgba(232,239,0,.34);box-shadow:0 16px 38px rgba(0,0,0,.25)}
.admin-platform-stat>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(232,239,0,.12);color:var(--accent);font-size:20px;margin-bottom:10px}
.admin-platform-stat small,.admin-platform-stat strong,.admin-platform-stat em,.admin-platform-stat b{display:block}
.admin-platform-stat small{color:#c7cfd6;font-size:12px}.admin-platform-stat strong{font-size:25px;letter-spacing:-.035em}.admin-platform-stat em{font-style:normal;color:#e2e7ec;font-size:11px;margin-top:4px}.admin-platform-stat b{color:#67dc28;font-size:11px;margin-top:10px}
.admin-platform-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.9fr) minmax(260px,.8fr);gap:14px;align-items:stretch;margin-bottom:18px}
.admin-platform-grid .admin-card{padding:20px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(17,22,26,.96),rgba(7,10,12,.98))!important;border-color:rgba(255,255,255,.09)!important}
.admin-platform-grid .admin-card,
.admin-platform-stats>*,
.admin-card .card-heading,
.admin-card .card-heading>div{min-width:0}
.admin-platform-grid .admin-card h2,
.admin-card .card-heading h2{overflow-wrap:anywhere}
.admin-card .card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-overview-panel{grid-column:span 2}.admin-recent-panel{grid-column:span 2}.admin-actions-panel,.admin-finance-panel,.admin-activity-panel{min-height:220px}.admin-distribution-panel{min-height:0}
.admin-range-pill{font-size:12px;color:#dce5ea;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.035)}
.link-button{border:0;background:transparent;color:var(--accent);font-weight:900;cursor:pointer}
.admin-line-chart{min-height:248px}.admin-chart-legend{display:flex;gap:24px;flex-wrap:wrap;margin:8px 0 8px;color:#dce4eb;font-size:12px}.admin-chart-legend span{display:inline-flex;align-items:center;gap:7px}.admin-chart-legend i,.admin-distribution-list .dot{width:10px;height:10px;border-radius:999px;display:inline-block}.green{background:#67dc28}.blue{background:#3488ff}.purple{background:#9a57ff}.yellow{background:#ffc400}.muted{background:#8a8f98}
.admin-line-chart svg{width:100%;height:220px;display:block}.admin-line-chart .grid line{stroke:rgba(255,255,255,.08);stroke-width:1}.admin-line-chart text{fill:#aeb7c0;font-size:12px}.admin-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.admin-line.green{stroke:#67dc28}.admin-line.blue{stroke:#3488ff}.admin-line.purple{stroke:#9a57ff}.admin-line-chart circle.green{fill:#67dc28}
.admin-distribution{display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:center}.admin-donut{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;position:relative}.admin-donut:after{content:"";position:absolute;inset:33px;border-radius:50%;background:#0b0f12}.admin-donut strong,.admin-donut small{position:relative;z-index:1;display:block;text-align:center}.admin-donut strong{font-size:26px}.admin-donut small{font-size:10px;color:#aeb7c0;margin-top:34px}.admin-distribution-list{display:grid;gap:12px}.admin-distribution-list p{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;margin:0;color:#dce3ea}.admin-distribution-list b{color:#fff}
.admin-distribution-panel .card-heading h2{font-size:clamp(19px,1.5vw,24px);line-height:1.08;letter-spacing:-.045em;max-width:100%}
.admin-distribution-panel .card-heading{margin-bottom:16px}
.admin-distribution-panel .admin-distribution{grid-template-columns:minmax(112px,132px) minmax(0,1fr);gap:16px}
.admin-distribution-panel .admin-donut{width:128px;height:128px}
.admin-distribution-panel .admin-donut:after{inset:30px}
.admin-distribution-panel .admin-distribution-list{gap:10px;min-width:0}
.admin-distribution-panel .admin-distribution-list p{grid-template-columns:10px minmax(0,1fr) auto;gap:8px;font-size:14px;line-height:1.18;word-break:normal;overflow-wrap:anywhere}
.admin-distribution-panel .admin-distribution-list b{font-size:14px;min-width:16px;text-align:right}
.admin-distribution-panel .admin-distribution-list .dot{width:9px;height:9px}
.admin-distribution-panel .admin-distribution-list span:not(.dot){min-width:0}
.admin-distribution-panel .admin-distribution-list p span:nth-child(2){display:block}
.admin-distribution-panel{overflow:hidden;align-self:start}
.admin-distribution-panel .admin-distribution{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(82px,96px) minmax(0,1fr);gap:10px;align-items:center}
.admin-distribution-panel .admin-donut{width:96px;height:96px;max-width:100%}
.admin-distribution-panel .admin-donut:after{inset:23px}
.admin-distribution-panel .admin-donut strong{font-size:21px}
.admin-distribution-panel .admin-donut small{font-size:9px;margin-top:25px}
.admin-distribution-panel .admin-distribution-list{width:100%;max-width:100%;min-width:0}
.admin-distribution-panel .admin-distribution-list p{max-width:100%;grid-template-columns:9px minmax(0,1fr) minmax(16px,auto);gap:7px;font-size:12px}
.admin-distribution-panel .admin-distribution-list p span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-distribution-panel .admin-distribution-list b{min-width:14px;font-size:12px}
@media(min-width:701px) and (max-width:1320px){.admin-distribution-panel .admin-distribution{grid-template-columns:1fr;justify-items:start}.admin-distribution-panel .admin-donut{justify-self:center}}
.admin-action-list{display:grid;gap:9px}.admin-action-list button{height:40px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.025);color:#f5f7f8;text-align:left;padding:0 12px;font-weight:800;cursor:pointer}.admin-action-list button:hover{border-color:rgba(232,239,0,.35);color:var(--accent)}.form-message.success{color:var(--accent)}.admin-action-dialog{width:min(680px,calc(100% - 28px))}.admin-action-dialog form{padding:26px}.admin-action-result{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid rgba(216,255,62,.24);border-radius:14px;background:rgba(216,255,62,.08)}.admin-action-result p{display:grid;gap:4px;margin:0}.admin-action-result span{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:var(--muted)}.admin-action-result strong{font-size:18px;color:var(--accent);overflow-wrap:anywhere}.admin-action-result small{color:var(--muted);line-height:1.45}
.admin-mini-table{width:100%;border-collapse:collapse}.admin-mini-table th,.admin-mini-table td{padding:12px 11px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.admin-mini-table th{font-size:10px;color:#9faab4;text-transform:uppercase}.admin-mini-table td{font-size:12px}.admin-mini-table strong,.admin-mini-table small{display:block}.admin-mini-table small{color:#9faab4}.admin-mini-table em{font-style:normal;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.admin-mini-table em.active{background:rgba(103,220,40,.13);color:#67dc28}.admin-mini-table em.trial{background:rgba(52,136,255,.13);color:#72aaff}.admin-mini-table em.expired{background:rgba(255,88,75,.13);color:#ff6b5f}
.admin-finance-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.admin-finance-top article{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px;background:rgba(255,255,255,.025)}.admin-finance-top small,.admin-finance-top strong,.admin-finance-top span{display:block}.admin-finance-top small{color:#aeb7c0}.admin-finance-top strong{font-size:20px;margin:5px 0}.admin-finance-top span{font-size:11px;color:#67dc28}
.admin-plan-bars{display:grid;gap:12px}.admin-plan-bars p{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0;color:#dce3ea}.admin-plan-bars i{grid-column:1/-1;height:7px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.admin-plan-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#67dc28)}
.admin-activity-list{display:grid;gap:10px}.admin-activity-list p{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.admin-activity-list p:last-child{border-bottom:0}.admin-activity-list span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(232,239,0,.1)}.admin-activity-list strong,.admin-activity-list small{display:block}.admin-activity-list small{font-weight:500;color:#aeb7c0}.admin-activity-list em{font-style:normal;color:#9faab4;font-size:11px}
.admin-management-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin:18px 0}
.admin-customers,.admin-tickets,.admin-referrals{margin-top:18px}
@media(min-width:701px){
  .admin-customers-scroll{max-height:none;overflow:visible;border:1px solid rgba(255,255,255,.06);border-radius:18px}
  .admin-customers-scroll .data-table{width:100%;table-layout:fixed}
  .admin-customers-scroll .data-table thead th{position:static}
  .admin-customers-scroll .data-table th,.admin-customers-scroll .data-table td{padding:14px 12px;white-space:normal;vertical-align:middle}
  .admin-customers-scroll .data-table th:nth-child(1),.admin-customers-scroll .data-table td:nth-child(1){width:17%}
  .admin-customers-scroll .data-table th:nth-child(2),.admin-customers-scroll .data-table td:nth-child(2){width:11%;white-space:nowrap}
  .admin-customers-scroll .data-table th:nth-child(3),.admin-customers-scroll .data-table td:nth-child(3){width:9%}
  .admin-customers-scroll .data-table th:nth-child(4),.admin-customers-scroll .data-table td:nth-child(4){width:13%}
  .admin-customers-scroll .data-table th:nth-child(5),.admin-customers-scroll .data-table td:nth-child(5){width:16%}
  .admin-customers-scroll .data-table th:nth-child(6),.admin-customers-scroll .data-table td:nth-child(6){width:6%;text-align:center;white-space:nowrap}
  .admin-customers-scroll .data-table th:nth-child(7),.admin-customers-scroll .data-table td:nth-child(7){width:8%;white-space:nowrap}
  .admin-customers-scroll .data-table th:nth-child(8),.admin-customers-scroll .data-table td:nth-child(8){width:20%}
  .admin-customers-scroll .client-cell small{overflow-wrap:anywhere}
  .admin-customers-scroll .table-sub{white-space:normal}
  .admin-customers-scroll .admin-support-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
  .admin-customers-scroll .admin-support-actions .icon-action{width:100%;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;font-size:10px;line-height:1}
}
.admin-customers-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.admin-customers-pagination span{color:var(--muted);font-size:12px}
.admin-customers-pages{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.admin-customers-pages button{min-width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.035);color:#f5f7f8;font-size:11px;font-weight:900;cursor:pointer}
.admin-customers-pages button:hover:not(:disabled){border-color:rgba(216,255,62,.45);color:var(--accent)}
.admin-customers-pages button.active{background:var(--accent);border-color:var(--accent);color:#050607}
.admin-customers-pages button:disabled{opacity:.5;cursor:not-allowed}
.admin-page-dots{padding:0 2px;color:var(--muted);font-size:12px;font-weight:900}
@media(max-width:700px){.admin-customers-pagination{display:grid;gap:10px}.admin-customers-pages{justify-content:flex-start}.admin-customers-pages button{min-width:38px}}
@media(max-width:1200px){.admin-platform-stats{grid-template-columns:repeat(3,1fr)}.admin-platform-grid{grid-template-columns:1fr 1fr}.admin-overview-panel,.admin-recent-panel{grid-column:1/-1}.admin-actions-panel{grid-column:auto}.admin-management-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-platform-head{display:grid}.admin-platform-actions{display:grid;grid-template-columns:1fr 1fr}.admin-platform-actions .button{width:100%}.admin-platform-stats{grid-template-columns:1fr 1fr;gap:9px}.admin-platform-stat{min-height:105px;padding:14px}.admin-platform-grid{grid-template-columns:1fr}.admin-overview-panel,.admin-recent-panel{grid-column:auto}.admin-distribution{grid-template-columns:1fr;justify-items:center}.admin-finance-top{grid-template-columns:1fr}.admin-mini-table th:nth-child(3),.admin-mini-table td:nth-child(3),.admin-mini-table th:nth-child(5),.admin-mini-table td:nth-child(5){display:none}}
@media(max-width:520px){.admin-platform-stats{grid-template-columns:1fr}.admin-platform-head h2{font-size:24px}.admin-platform-actions{grid-template-columns:1fr}.admin-line-chart svg{height:180px}.admin-donut{width:120px;height:120px}.admin-donut:after{inset:28px}}

/* Cards de métricas compactos no mobile */
@media(max-width:700px){
  .stats{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  .stat{
    min-height:auto!important;
    padding:11px 12px!important;
    border-radius:15px!important;
  }
  .stat small{
    margin-bottom:5px!important;
    font-size:9px!important;
    line-height:1.15!important;
  }
  .stat strong{
    display:block;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
  }
  .stat span{
    margin-top:5px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }
  .report-stats{
    grid-template-columns:1fr 1fr!important;
  }
  #statsCards .stat:first-child{
    grid-column:auto!important;
  }
}

/* Ordem definitiva do Resumo — fiel à referência enviada */
body[data-view="agenda"] .summary-dashboard{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(320px,1.05fr) minmax(360px,1.15fr)!important;
  grid-template-areas:
    "upcoming finance category"
    "projects calendar tasks"
    "quick quick quick"!important;
  align-items:stretch!important;
}
body[data-view="agenda"] .summary-dashboard .upcoming-card{grid-area:upcoming!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .finance-dashboard-card{grid-area:finance!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .category-dashboard-card{grid-area:category!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .projects-dashboard-card{grid-area:projects!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .calendar-card{grid-area:calendar!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .tasks-dashboard-card{grid-area:tasks!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{
  grid-area:quick!important;
  grid-column:1 / -1!important;
  grid-row:3!important;
  width:100%!important;
}
body[data-view="agenda"] .summary-dashboard .quick-dashboard-card .dashboard-quick-actions{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  width:100%!important;
}
@media(max-width:1050px){
  body[data-view="agenda"] .summary-dashboard{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "upcoming finance"
      "category category"
      "projects calendar"
      "tasks tasks"
      "quick quick"!important;
  }
  body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{
    grid-column:1 / -1!important;
    grid-row:auto!important;
  }
}
@media(max-width:700px){
  body[data-view="agenda"] .summary-dashboard{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "upcoming"
      "finance"
      "category"
      "projects"
      "calendar"
      "tasks"
      "quick"!important;
  }
body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body[data-view="agenda"] .summary-dashboard .quick-dashboard-card .dashboard-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Ajustes finais da tela Propostas — evita sobreposição com topbar e mantém o construtor organizado */
body[data-view="proposals"] .proposals-toolbar{
  margin-top:-58px!important;
  margin-right:214px!important;
  margin-left:auto!important;
  margin-bottom:18px!important;
  max-width:min(760px,calc(100% - 230px))!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:12px!important;
}
body[data-view="proposals"] .proposals-search{
  flex:1 1 320px!important;
  min-width:260px!important;
  max-width:390px!important;
}
body[data-view="proposals"] .proposals-filter-button,
body[data-view="proposals"] .proposals-new-button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
body[data-view="proposals"] .proposal-builder-dialog{
  width:min(1420px,94vw)!important;
  max-width:none!important;
  height:min(880px,92vh)!important;
  max-height:92vh!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:20px!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-builder-form{
  height:100%!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  padding:0!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-builder-grid{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;
  gap:18px!important;
  padding:18px 22px!important;
  overflow:auto!important;
  align-items:start!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-builder-main,
body[data-view="proposals"] .proposal-builder-dialog .proposal-form-section,
body[data-view="proposals"] .proposal-builder-dialog .proposal-form-grid label,
body[data-view="proposals"] .proposal-builder-dialog .proposal-contact-strip label{
  min-width:0!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-preview-panel{
  position:sticky!important;
  top:0!important;
  z-index:1!important;
  min-width:0!important;
  width:100%!important;
  align-self:start!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-form-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-form-grid.values{
  grid-template-columns:minmax(0,1fr) minmax(150px,.65fr) minmax(150px,.65fr) minmax(170px,.72fr)!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-contact-strip{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body[data-view="proposals"] .proposal-builder-dialog .proposal-builder-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
body[data-view="proposals"] .proposal-builder-dialog .dialog-actions,
body[data-view="proposals"] .proposal-builder-dialog .dialog-note,
body[data-view="proposals"] .proposal-builder-dialog #proposalMessage{
  display:none!important;
}

@media(max-width:1280px){
  body[data-view="proposals"] .proposals-toolbar{
    margin-top:0!important;
    margin-right:0!important;
    max-width:none!important;
  }
  body[data-view="proposals"] .proposal-builder-dialog .proposal-builder-grid{
    grid-template-columns:1fr!important;
  }
  body[data-view="proposals"] .proposal-builder-dialog .proposal-preview-panel{
    position:relative!important;
  }
}

/* Tela Relatórios — dashboard executivo no padrão Agenda Awê */
body[data-view="reports"] .topbar{
  display:none!important;
}
.reports-dashboard-view{
  display:none;
}
.reports-dashboard-view.active{
  display:block;
}
.reports-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.reports-page-head h2{
  margin:0;
  font-size:30px;
  letter-spacing:-.045em;
}
.reports-page-head p{
  margin:6px 0 0;
  color:#d8dde2;
}
.reports-page-actions{
  display:flex;
  gap:12px;
  align-items:center;
}
.reports-page-actions .button{
  min-height:42px;
  border-radius:8px;
  white-space:nowrap;
}
.reports-page-actions .button-primary{
  box-shadow:0 18px 42px rgba(216,255,62,.18);
}
.report-dashboard-filters{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr)) auto!important;
  gap:10px!important;
  align-items:end;
  margin:0 0 14px!important;
  padding:12px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(15,20,24,.92),rgba(7,10,13,.96))!important;
}
.report-dashboard-filters label{
  min-width:0;
}
.report-dashboard-filters input,
.report-dashboard-filters select{
  height:38px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
.report-dashboard-filters .report-filter-actions{
  grid-column:auto!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.report-dashboard-filters .report-filter-actions .button{
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  font-size:12px!important;
  border-radius:8px!important;
  white-space:nowrap;
}
.report-dashboard-filters .form-message{
  grid-column:1/-1!important;
}
.report-period{
  margin:0 0 12px!important;
  color:#95a0aa!important;
  font-size:12px!important;
}
.report-tabs{
  display:flex;
  gap:24px;
  align-items:center;
  padding:0 16px;
  height:50px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(14,19,23,.88),rgba(6,9,12,.96));
  overflow:auto;
  scrollbar-width:none;
}
.report-tabs::-webkit-scrollbar{display:none}
.report-tabs button{
  position:relative;
  height:100%;
  border:0;
  background:transparent;
  color:#cfd5db;
  font-weight:700;
  white-space:nowrap;
}
.report-tabs button.active{
  color:var(--accent);
}
.report-tabs button.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--accent);
  box-shadow:0 0 12px rgba(216,255,62,.45);
}
.report-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}
.report-kpi-card{
  min-height:112px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:flex-start;
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.045),transparent 42%),linear-gradient(145deg,rgba(17,23,28,.9),rgba(7,10,13,.97));
}
.report-kpi-card>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  font-size:18px;
  font-weight:900;
  background:rgba(216,255,62,.1);
  color:var(--accent);
}
.report-kpi-card.blue>span{background:rgba(47,132,255,.13);color:#4e93ff}
.report-kpi-card.purple>span{background:rgba(129,72,215,.16);color:#9b63ff}
.report-kpi-card.orange>span{background:rgba(255,166,0,.14);color:#ffad12}
.report-kpi-card.cyan>span{background:rgba(0,188,184,.14);color:#00d0c8}
.report-kpi-card small,
.report-kpi-card strong,
.report-kpi-card em{
  display:block;
}
.report-kpi-card small{
  color:#c8d0d6;
  font-size:13px;
}
.report-kpi-card strong{
  margin-top:8px;
  color:#fff;
  font-size:25px;
  letter-spacing:-.035em;
}
.report-kpi-card em{
  margin-top:7px;
  color:#67dc28;
  font-size:12px;
  font-style:normal;
}
.reports-dashboard-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr .75fr;
  gap:14px;
  grid-template-areas:
    "line line category"
    "month top finance"
    "activity activity clients";
}
.report-panel{
  min-width:0;
  padding:18px;
  border-radius:9px;
  background:radial-gradient(circle at 0 0,rgba(216,255,62,.035),transparent 34%),linear-gradient(145deg,rgba(15,21,26,.92),rgba(6,9,12,.98));
}
.report-panel h3{
  margin:0;
  font-size:17px;
}
.report-panel .card-heading{
  margin-bottom:14px;
}
.report-panel .card-heading button{
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#dbe1e6;
  padding:7px 10px;
}
.report-panel-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#bfc8d0;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.report-line-panel{grid-area:line}
.report-category-panel{grid-area:category}
.report-month-panel{grid-area:month}
.report-top-panel{grid-area:top}
.report-finance-panel{grid-area:finance}
.report-activity-panel{grid-area:activity}
.report-clients-panel{grid-area:clients}
.report-line-chart{
  min-height:230px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:10px;
}
.report-line-legend{
  display:flex;
  justify-content:center;
  gap:28px;
  color:#cfd5db;
  font-size:12px;
}
.report-line-legend span{
  display:flex;
  align-items:center;
  gap:8px;
}
.report-line-legend i{
  width:20px;
  height:3px;
  border-radius:10px;
  background:#67dc28;
}
.report-line-legend span+span i{background:#6d5cff}
.report-line-chart svg{
  width:100%;
  height:180px;
  overflow:visible;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.report-line-chart .grid line{
  stroke:rgba(255,255,255,.07);
  stroke-width:.35;
}
.report-line-chart .line{
  fill:none;
  stroke-width:1.8;
  vector-effect:non-scaling-stroke;
}
.report-line-chart .line.revenue{stroke:#67dc28}
.report-line-chart .line.profit{stroke:#6d5cff}
.report-line-chart .area{
  fill:rgba(103,220,40,.12);
}
.report-line-axis{
  display:flex;
  justify-content:space-between;
  color:#b7c0c8;
  font-size:12px;
}
.report-donut-wrap{
  min-width:0;
  display:grid;
  grid-template-columns:190px 1fr;
  gap:18px;
  align-items:center;
}
.report-donut-wrap.compact{
  grid-template-columns:150px 1fr;
}
.report-donut{
  width:180px;
  height:180px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--donut));
  position:relative;
}
.report-donut:after{
  content:"";
  position:absolute;
  inset:44px;
  border-radius:50%;
  background:#10151a;
}
.report-donut strong{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  text-align:center;
  color:#fff;
  font-size:16px;
  line-height:1.2;
}
.report-donut small{
  display:block;
  color:#aeb6bf;
  font-size:12px;
  font-weight:500;
}
.report-donut-legend{
  display:grid;
  gap:13px;
}
.report-donut-legend p{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin:0;
  color:#d8dde2;
  font-size:13px;
}
.report-donut-legend span{
  display:flex;
  align-items:center;
  gap:9px;
}
.report-donut-legend i{
  width:10px;
  height:10px;
  border-radius:50%;
}
.report-donut-legend strong{
  white-space:nowrap;
}
.report-donut-legend em{
  margin-left:8px;
  color:#aeb6bf;
  font-style:normal;
  font-weight:500;
}
.report-category-panel{
  overflow:hidden;
}
.report-category-panel .report-donut-wrap{
  width:100%;
  max-width:100%;
  grid-template-columns:1fr;
  gap:14px;
  align-items:stretch;
  justify-items:stretch;
  overflow:hidden;
}
.report-category-visual{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.report-category-visual span{
  color:#aeb7c0;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.report-category-panel .report-donut{
  width:128px;
  height:128px;
  flex:0 0 128px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 35px rgba(0,0,0,.18);
}
.report-category-panel .report-donut:after{
  inset:32px;
  background:#0d1216;
}
.report-category-panel .report-donut strong{
  width:68px;
  color:#fff;
  font-size:13px;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.report-category-panel .report-donut small{
  margin-top:3px;
  font-size:10px;
}
.report-category-table{
  width:100%;
  max-width:100%;
  min-width:0;
  display:grid;
  gap:7px;
  overflow:hidden;
}
.report-category-head,
.report-category-line{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(72px,86px) 30px;
  gap:7px;
  align-items:center;
}
.report-category-head{
  padding:0 2px 7px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#98a3ad;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.report-category-head strong,
.report-category-head em{
  color:#98a3ad;
  font-style:normal;
  text-align:right;
}
.report-category-line{
  min-height:36px;
  padding:8px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  background:rgba(255,255,255,.026);
}
.report-category-line span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#eef2f5;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.report-category-line i{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
}
.report-category-line strong{
  color:#fff;
  font-size:11px;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.report-category-line em{
  color:#aeb7c0;
  font-size:10px;
  font-style:normal;
  text-align:right;
}
.report-bar-chart{
  min-height:175px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:15px;
  align-items:end;
  padding:8px 8px 0;
}
.report-bar-chart div{
  display:grid;
  justify-items:center;
  gap:8px;
}
.report-bar-chart strong{
  color:#fff;
  font-size:12px;
}
.report-bar-chart span{
  width:38px;
  border-radius:8px 8px 2px 2px;
  background:linear-gradient(180deg,#cfff00,#56b917);
  box-shadow:0 12px 24px rgba(103,220,40,.16);
}
.report-bar-chart small{
  color:#b7c0c8;
}
.report-ranking{
  display:grid;
  gap:10px;
}
.report-ranking p{
  display:grid;
  grid-template-columns:26px 1fr auto;
  gap:10px;
  align-items:center;
  margin:0;
}
.report-ranking p>span{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(255,255,255,.06);
  color:#d8dde2;
  font-weight:800;
}
.report-ranking b{
  color:#fff;
}
.report-ranking small{
  display:block;
  margin-top:3px;
  color:#aeb6bf;
  font-weight:500;
}
.report-ranking strong{
  color:#fff;
  white-space:nowrap;
}
.report-finance-panel .financial-row{
  padding:11px 0;
  font-size:13px;
}
.report-finance-panel .positive{color:#67dc28}
.report-finance-panel .danger{color:#ff503f}
.report-activity-table table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.report-activity-table th,
.report-activity-table td{
  padding:12px 8px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:left;
}
.report-activity-table th{
  color:#aeb6bf;
  font-size:11px;
  font-weight:800;
}
.report-activity-table td span{
  margin-right:10px;
  color:#67dc28;
}

@media(max-width:1280px){
  .report-dashboard-filters{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .report-dashboard-filters .report-filter-actions{
    grid-column:1/-1!important;
  }
  .report-kpi-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .reports-dashboard-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "line line"
      "category finance"
      "month top"
      "activity clients";
  }
}
@media(max-width:700px){
  body[data-view="reports"] .topbar{
    display:block!important;
  }
  .reports-page-head{
    display:grid;
  }
  .reports-page-head h2{
    font-size:26px;
  }
  .reports-page-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .report-dashboard-filters{
    grid-template-columns:1fr 1fr!important;
  }
  .report-dashboard-filters label:nth-of-type(n+3){
    grid-column:1/-1;
  }
  .report-kpi-grid{
    grid-template-columns:1fr 1fr;
  }
  .report-kpi-card{
    min-height:92px;
    grid-template-columns:30px 1fr;
    gap:10px;
    padding:14px;
  }
  .report-kpi-card>span{
    width:28px;
    height:28px;
    font-size:14px;
  }
  .report-kpi-card strong{
    font-size:19px;
  }
  .reports-dashboard-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "line"
      "category"
      "month"
      "top"
      "finance"
      "activity"
      "clients";
  }
  .report-donut-wrap,
  .report-donut-wrap.compact{
    grid-template-columns:1fr;
    justify-items:center;
  }
  .report-category-panel .report-donut-wrap{
    grid-template-columns:1fr;
  }
  .report-category-table{
    width:100%;
  }
  .report-activity-table{
    overflow:auto;
  }
}

/* Tela Tarefas — central de pendências */
body[data-view="tasks"] .topbar{
  display:none!important;
}
.tasks-dashboard-view.active{
  display:block;
}
.tasks-page-shell{
  display:grid;
  gap:16px;
}
.tasks-page-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.tasks-page-head h2{
  margin:0;
  font-size:30px;
  letter-spacing:-.045em;
}
.tasks-page-head p{
  margin:6px 0 0;
  color:#d8dde2;
}
.tasks-page-actions{
  display:flex;
  gap:12px;
}
.tasks-page-actions .button{
  min-height:42px;
  border-radius:8px;
}
.tasks-stats-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.task-stat{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:14px;
  min-height:112px;
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:radial-gradient(circle at 100% 0,rgba(255,255,255,.045),transparent 44%),linear-gradient(145deg,rgba(17,23,28,.92),rgba(6,9,12,.97));
}
.task-stat>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:var(--accent);
  background:rgba(216,255,62,.1);
  font-weight:900;
}
.task-stat.blue>span{color:#4e93ff;background:rgba(47,132,255,.13)}
.task-stat.purple>span{color:#9b63ff;background:rgba(129,72,215,.16)}
.task-stat.green>span{color:#67dc28;background:rgba(103,220,40,.12)}
.task-stat.red>span{color:#ff503f;background:rgba(255,80,63,.13)}
.task-stat small,
.task-stat strong,
.task-stat em{
  display:block;
}
.task-stat small{
  color:#c8d0d6;
  font-size:13px;
}
.task-stat strong{
  margin-top:8px;
  color:#fff;
  font-size:25px;
}
.task-stat em{
  margin-top:7px;
  color:#9aa4ad;
  font-size:12px;
  font-style:normal;
}
.tasks-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:16px;
}
.tasks-board-card,
.tasks-side-card{
  border-radius:12px;
  background:radial-gradient(circle at 0 0,rgba(216,255,62,.035),transparent 34%),linear-gradient(145deg,rgba(15,21,26,.92),rgba(6,9,12,.98));
}
.tasks-board-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding-bottom:14px;
  margin-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.tasks-tabs{
  display:flex;
  gap:22px;
}
.tasks-tabs button{
  border:0;
  background:transparent;
  color:#cfd5db;
  font-weight:800;
}
.tasks-tabs button.active{
  color:var(--accent);
}
.tasks-board-list{
  display:grid;
  gap:10px;
}
.task-board-item{
  display:grid;
  grid-template-columns:14px 1fr auto;
  align-items:center;
  gap:14px;
  width:100%;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.025);
  color:#fff;
  text-align:left;
}
.task-board-item>span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 14px rgba(216,255,62,.35);
}
.task-board-item.money>span{background:#67dc28}
.task-board-item.editing>span{background:#9b63ff}
.task-board-item.delivery>span{background:#ffbd13}
.task-board-item.proposal>span{background:#2f80ed}
.task-board-item strong,
.task-board-item small{
  display:block;
}
.task-board-item small{
  margin-top:4px;
  color:#aeb6bf;
}
.task-board-item b{
  padding:7px 10px;
  border-radius:8px;
  background:rgba(216,255,62,.09);
  color:var(--accent);
  font-size:12px;
}
.tasks-side-panel{
  display:grid;
  gap:16px;
  align-content:start;
}
.tasks-side-card{
  padding:18px;
}
.tasks-side-card h3{
  margin:0 0 14px;
}
.tasks-priority-list,
.tasks-quick-summary,
.tasks-recent-list{
  display:grid;
  gap:10px;
}
.tasks-priority-list p,
.tasks-quick-summary p{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  margin:0;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.tasks-priority-list p>span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(216,255,62,.1);
  color:var(--accent);
  font-weight:900;
}
.tasks-priority-list strong,
.tasks-priority-list small,
.tasks-quick-summary span,
.tasks-quick-summary strong{
  display:block;
}
.tasks-priority-list small,
.tasks-quick-summary span{
  color:#aeb6bf;
}
.tasks-quick-summary p{
  grid-template-columns:1fr auto;
}
.tasks-recent-list button{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  align-items:center;
  width:100%;
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  color:#fff;
  text-align:left;
}
.tasks-recent-list button>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(216,255,62,.1);
  color:var(--accent);
  font-weight:900;
}
.tasks-recent-list small{
  display:block;
  margin-top:3px;
  color:#aeb6bf;
}

@media(max-width:1100px){
  .tasks-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tasks-workspace{grid-template-columns:1fr}
  .tasks-side-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  body[data-view="tasks"] .topbar{display:block!important}
  .tasks-page-head{display:grid}
  .tasks-page-actions{display:grid;grid-template-columns:1fr 1fr}
  .tasks-stats-grid{grid-template-columns:1fr 1fr}
  .task-stat{min-height:88px;padding:14px;grid-template-columns:30px 1fr}
  .task-stat>span{width:28px;height:28px}
  .task-stat strong{font-size:19px}
  .tasks-side-panel{grid-template-columns:1fr}
  .tasks-board-head{display:grid}
  .tasks-tabs{overflow:auto;scrollbar-width:none}
  .tasks-tabs::-webkit-scrollbar{display:none}
}

/* Tarefas — layout fiel ao painel executivo */
body[data-view="tasks"] .topbar{display:none!important}
.tasks-page-shell{display:grid;gap:16px}
.tasks-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.tasks-page-head h2{margin:0;font-size:30px;letter-spacing:-.045em}
.tasks-page-head p{margin:6px 0 0;color:#d8dde2}
.tasks-page-actions{display:flex;align-items:center;gap:12px}.tasks-page-actions .button{height:46px;border-radius:8px}
.tasks-page-actions .button.active{border-color:rgba(216,255,62,.38);background:rgba(216,255,62,.08);color:var(--accent)}
.tasks-main-tabs{padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:linear-gradient(145deg,rgba(15,21,26,.88),rgba(6,9,12,.96))}
.tasks-main-tabs button{position:relative;padding:17px 8px}.tasks-main-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}
.tasks-filter-panel{display:grid;grid-template-columns:repeat(2,minmax(180px,260px)) auto;gap:10px;align-items:end;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,rgba(15,21,26,.9),rgba(6,9,12,.96))}
.tasks-filter-panel[hidden]{display:none!important}
.tasks-filter-panel label{display:grid;gap:6px}.tasks-filter-panel span{color:#aeb6bf;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.tasks-filter-panel select{height:40px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#101317;color:#fff;padding:0 10px}
.tasks-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.task-stat.cyan>span{color:#00d6c8;background:rgba(0,214,200,.13)}.task-stat.orange>span{color:#ff9800;background:rgba(255,152,0,.13)}
.tasks-workspace{grid-template-columns:minmax(0,1fr) 320px!important;align-items:start}.tasks-board-card{padding:0!important;overflow:hidden}.tasks-board-head{padding:18px 20px;margin:0;border-bottom:1px solid rgba(255,255,255,.08)}.tasks-board-head h3{margin:0;font-size:20px}
.tasks-board-tools{display:flex;align-items:center;gap:10px}.tasks-board-tools label{height:38px;min-width:250px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.025)}.tasks-board-tools input{width:100%;border:0;background:transparent;color:#fff;outline:0}.tasks-board-tools select,.tasks-board-tools button{height:38px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.025);color:#fff;padding:0 10px}.tasks-board-tools button.active{border-color:var(--accent);color:var(--accent)}
.tasks-table-head,.task-board-item{display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.9fr) 130px 110px 110px 120px 44px;gap:14px;align-items:center}.tasks-table-head{padding:16px 20px;color:#aeb6bf;font-size:12px;border-bottom:1px solid rgba(255,255,255,.07)}.tasks-board-list{gap:0}.task-board-item{width:100%;padding:16px 20px;border:0!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:transparent!important;text-align:left}.task-board-item:hover{background:rgba(216,255,62,.035)!important}.task-board-item .task-check-dot{width:16px;height:16px;border:1px solid rgba(255,255,255,.36);border-radius:4px;background:transparent;box-shadow:none}.task-title-cell{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.task-title-cell strong,.task-title-cell small{grid-column:2}.task-board-item b{justify-self:start}.task-board-item b.alta{background:rgba(255,80,63,.12);color:#ff604d}.task-board-item b.média{background:rgba(255,189,0,.12);color:#ffbd00}.task-board-item b.baixa{background:rgba(103,220,40,.12);color:#67dc28}.task-board-item em{justify-self:start;padding:7px 10px;border-radius:8px;background:rgba(47,128,237,.12);color:#4e93ff;font-size:12px;font-style:normal}.task-board-item i{font-style:normal;color:#fff}
.task-board-item b.urgente,.task-board-item b.media,.task-card-item b.urgente,.task-card-item b.media{background:rgba(255,80,63,.12);color:#ff604d}.task-board-item b.media,.task-card-item b.media{background:rgba(255,189,0,.12);color:#ffbd00}
.task-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.task-card-item{display:grid;gap:10px;width:100%;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.task-card-item:hover{border-color:rgba(216,255,62,.32);background:rgba(216,255,62,.045)}.task-card-item>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center}.task-card-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-item small{color:#cbd2d8}.task-card-item p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;color:#aeb6bf;font-size:11px}.task-card-item p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-item b{padding:6px 9px;border-radius:8px;font-size:11px}.task-card-item b.alta{background:rgba(255,80,63,.12);color:#ff604d}.task-card-item b.baixa{background:rgba(103,220,40,.12);color:#67dc28}.task-card-item em{justify-self:start;padding:7px 10px;border-radius:8px;background:rgba(47,128,237,.12);color:#4e93ff;font-size:12px;font-style:normal}
.tasks-dashboard-view.task-cards-mode .tasks-table-head{display:none!important}
.tasks-mini-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tasks-mini-month button{border:0;background:transparent;color:#aeb6bf;font-size:22px;cursor:pointer}.tasks-mini-week,.tasks-mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;text-align:center}.tasks-mini-week b{color:#aeb6bf;font-size:11px}.tasks-mini-days span,.tasks-mini-days button{position:relative;min-height:24px;border:0;border-radius:999px;background:transparent;color:#f3f5f7}.tasks-mini-days button{cursor:pointer}.tasks-mini-days button:hover{background:rgba(216,255,62,.08)}.tasks-mini-days .muted{opacity:.25}.tasks-mini-days .today{display:grid;place-items:center;background:var(--accent);color:#050607;font-weight:900}.tasks-mini-days .selected{box-shadow:0 0 0 1px var(--accent);color:var(--accent)}.tasks-mini-days .today.selected{color:#050607;box-shadow:0 0 0 2px rgba(255,255,255,.55)}.tasks-mini-days .has-task::after{content:"";position:absolute;left:50%;bottom:-2px;width:4px;height:4px;border-radius:50%;background:#4e93ff;transform:translateX(-50%)}
.tasks-progress-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}.tasks-progress-donut{--value:calc(var(--progress)*1%);width:100px;height:100px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#67dc28 var(--value),#2f80ed 0 70%,#ffbd00 0 86%,#ff503f 0);position:relative}.tasks-progress-donut::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0d1216}.tasks-progress-donut strong,.tasks-progress-donut span{position:relative;z-index:1;grid-area:1/1}.tasks-progress-donut strong{font-size:22px}.tasks-progress-donut span{margin-top:34px;color:#c8d0d6;font-size:11px}.tasks-progress-card p{display:flex;align-items:center;gap:8px;margin:9px 0;color:#cbd2d8}.tasks-progress-card p b{margin-left:auto;color:#fff}.green-dot,.blue-dot,.yellow-dot,.red-dot{width:8px;height:8px;border-radius:50%;background:#67dc28}.blue-dot{background:#2f80ed}.yellow-dot{background:#ffbd00}.red-dot{background:#ff503f}.tasks-priority-list p{grid-template-columns:1fr auto!important}.tasks-priority-list p b{padding:6px 9px;border-radius:8px;background:rgba(47,128,237,.12);color:#4e93ff;font-size:11px}
.task-dialog{width:min(1320px,calc(100vw - 38px));max-height:calc(100vh - 36px);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#0d1216;color:#fff}.task-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}.task-dialog form{display:grid;gap:18px;padding:24px}.task-dialog-head{display:flex;justify-content:space-between;align-items:center}.task-back-button{border:0;background:transparent;color:#d8dde2}.task-dialog-actions{display:flex;gap:10px}.task-dialog-actions .button{height:46px;border-radius:8px}.task-dialog-title h2{margin:0;font-size:30px}.task-dialog-title p{margin:6px 0 0;color:#d8dde2}.task-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.task-form-main{display:grid;gap:14px}.task-form-section,.task-preview-card,.task-summary-card,.task-tip-card{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,rgba(15,21,26,.94),rgba(6,9,12,.98))}.task-form-section h3{display:flex;align-items:center;gap:10px;margin:0 0 14px}.task-form-section h3 span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(216,255,62,.13);color:var(--accent)}
.task-form-grid{display:grid;gap:14px}.task-form-grid.two{grid-template-columns:1.2fr .9fr}.task-form-grid.three{grid-template-columns:repeat(3,1fr)}.task-form-grid.four{grid-template-columns:1.2fr 1fr .75fr 1fr}.task-dialog label{display:grid;gap:8px}.task-dialog label span,.task-checklist-box>span{color:#c7ced6;font-size:12px;font-weight:800;text-transform:uppercase}.task-dialog input,.task-dialog select,.task-dialog textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035);color:#fff;padding:13px 14px;outline:0}.task-dialog textarea{resize:vertical}.task-checklist-box{display:grid;gap:8px;margin-top:14px}.task-checklist-box label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px}.task-checklist-box input{width:auto}.task-checklist-box button{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#fff}.task-priority-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.task-priority-options button{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.025);color:#fff}.task-priority-options .active{border-color:#ff503f;color:#ff604d;background:rgba(255,80,63,.09)}
.task-form-side{display:grid;gap:14px;position:sticky;top:18px}.priority-pill{padding:7px 10px;border-radius:8px;font-size:11px}.priority-pill.high{background:rgba(255,80,63,.13);color:#ff604d}.task-preview-card article{display:grid;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.task-preview-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(255,80,63,.14);color:#ff604d}.task-preview-card h4{margin:0;font-size:18px}.task-preview-card p,.task-preview-card small{margin:0;color:#cbd2d8}.task-preview-card b{justify-self:start;padding:7px 10px;border-radius:8px;background:rgba(47,128,237,.12);color:#4e93ff}.task-summary-card p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.task-summary-card span{color:#aeb6bf}.task-summary-card .danger{color:#ff604d}.task-tip-card p{margin:0;color:#cbd2d8;line-height:1.5}
.task-dialog{
  padding:0!important;
  overflow:hidden!important;
}
.task-dialog form{
  max-height:calc(100vh - 36px);
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
}
.task-dialog-head,
.task-dialog-title{
  position:relative;
  z-index:3;
}
.task-dialog-title{
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.task-form-layout{
  min-height:0;
  overflow:auto;
  padding-right:6px;
}
.task-form-layout::-webkit-scrollbar{
  width:8px;
}
.task-form-layout::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(255,255,255,.22);
}
.task-form-section:first-child{
  margin-top:0;
}
@media(max-width:1100px){.tasks-workspace,.task-form-layout{grid-template-columns:1fr!important}.tasks-side-panel{grid-template-columns:1fr 1fr}.tasks-table-head{display:none!important}.task-board-item{grid-template-columns:1fr auto!important}.task-board-item>div:not(.task-title-cell),.task-board-item i{display:none}.task-form-side{position:relative;top:auto}.task-cards-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){body[data-view="tasks"] .topbar{display:block!important}.tasks-page-head,.tasks-page-actions{display:grid}.tasks-filter-panel{grid-template-columns:1fr}.tasks-stats-grid{grid-template-columns:1fr 1fr!important}.tasks-board-head,.tasks-board-tools{display:grid}.tasks-board-tools label{min-width:0}.task-cards-grid{grid-template-columns:1fr;padding:12px}.task-card-item p{grid-template-columns:1fr}.tasks-side-panel{grid-template-columns:1fr}.task-dialog{width:100vw;max-height:100vh;border-radius:0}.task-dialog form{padding:18px}.task-form-grid.two,.task-form-grid.three,.task-form-grid.four{grid-template-columns:1fr}.task-priority-options{grid-template-columns:1fr 1fr}}

/* Refinamento do modal de nova tarefa — mais leve e com respiro */
.task-dialog{
  width:min(1180px,calc(100vw - 80px))!important;
  max-height:min(820px,calc(100vh - 70px))!important;
  border-radius:22px!important;
}
.task-dialog form{
  max-height:min(820px,calc(100vh - 70px))!important;
  padding:0!important;
  gap:0!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.task-dialog-head{
  padding:22px 26px 12px!important;
}
.task-dialog-title{
  padding:0 26px 20px!important;
}
.task-dialog-title h2{
  font-size:28px!important;
}
.task-dialog-title p{
  font-size:14px!important;
}
.task-form-layout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
  padding:18px 26px 24px!important;
}
.task-form-main{
  gap:12px!important;
}
.task-form-section,
.task-preview-card,
.task-summary-card,
.task-tip-card{
  padding:16px!important;
  border-radius:14px!important;
}
.task-form-section h3{
  margin-bottom:12px!important;
  font-size:16px!important;
}
.task-form-section h3 span{
  width:26px!important;
  height:26px!important;
}
.task-form-grid{
  gap:12px!important;
}
.task-dialog input,
.task-dialog select,
.task-dialog textarea{
  min-height:44px!important;
  padding:11px 13px!important;
  font-size:14px!important;
}
.task-dialog textarea{
  min-height:112px!important;
}
.task-checklist-box{
  gap:7px!important;
  margin-top:12px!important;
}
.task-checklist-box label{
  min-height:42px!important;
  padding:9px 11px!important;
  font-size:14px!important;
}
.task-checklist-box button{
  min-height:42px!important;
  padding:9px!important;
}
.task-form-side{
  gap:12px!important;
}
.task-preview-card article{
  padding:16px!important;
  gap:10px!important;
}
.task-preview-icon{
  width:36px!important;
  height:36px!important;
}
.task-preview-card h4{
  font-size:17px!important;
}
.task-summary-card p{
  padding:10px 0!important;
  font-size:13px!important;
}
.task-tip-card p{
  font-size:13px!important;
}
@media(max-width:1100px){
  .task-dialog{width:min(920px,calc(100vw - 34px))!important}
}
@media(max-width:700px){
  .task-dialog{
    width:100vw!important;
    max-height:100vh!important;
    border-radius:0!important;
  }
  .task-dialog form{
    max-height:100vh!important;
  }
  .task-dialog-head,
  .task-dialog-title,
  .task-form-layout{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .task-form-layout{
    grid-template-columns:1fr!important;
  }
}

/* Meu estúdio — perfil profissional */
body[data-view="profile"] .topbar{
  display:none!important;
}
.studio-profile-view.active{
  display:block;
}
.studio-profile-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:16px;
}
.studio-profile-head h2{
  margin:0;
  font-size:30px;
  letter-spacing:-.045em;
}
.studio-profile-head p{
  max-width:680px;
  margin:6px 0 0;
  color:#d8dde2;
}
.studio-profile-head .button{
  min-height:42px;
  border-radius:8px;
}
.studio-profile-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:16px;
  align-items:start;
}
.studio-profile-card,
.studio-profile-side .card{
  border-radius:12px;
  background:radial-gradient(circle at 0 0,rgba(216,255,62,.035),transparent 34%),linear-gradient(145deg,rgba(15,21,26,.92),rgba(6,9,12,.98));
}
.studio-profile-form{
  display:grid;
  gap:16px;
}
.studio-form-section{
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}
.studio-section-title{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.studio-section-title>span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:var(--accent);
  background:rgba(216,255,62,.1);
  font-weight:900;
}
.studio-section-title h3{
  margin:0;
  font-size:18px;
}
.studio-section-title small{
  display:block;
  margin-top:3px;
  color:#aeb6bf;
}
.studio-logo-upload{
  display:grid!important;
  grid-template-columns:96px 1fr!important;
  gap:16px!important;
  align-items:center!important;
  padding:16px!important;
  margin-bottom:16px;
  border:1px dashed rgba(216,255,62,.25);
  border-radius:12px;
  background:rgba(216,255,62,.035);
}
.studio-logo-upload img{
  width:88px!important;
  height:88px!important;
  object-fit:contain;
  border-radius:18px;
  background:#050708;
}
.studio-logo-upload strong,
.studio-logo-upload small{
  display:block;
}
.studio-logo-upload small{
  margin-top:4px;
  color:#aeb6bf;
}
.studio-logo-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.studio-logo-actions .button{
  min-height:36px;
  border-radius:8px;
  padding:8px 12px;
}
.studio-form-grid{
  display:grid;
  gap:14px;
}
.studio-form-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.studio-form-grid.address{
  grid-template-columns:1.5fr .65fr .85fr 1fr 1fr .5fr;
}
.studio-form-grid .wide{
  grid-column:span 2;
}
.studio-profile-form label,
.studio-full{
  display:grid;
  gap:7px;
  min-width:0;
}
.studio-profile-form label span,
.studio-full span{
  color:#bfc7cf;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.studio-profile-form input,
.studio-profile-form textarea{
  width:100%;
  min-height:44px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#fff;
  padding:0 13px;
  outline:0;
}
.studio-profile-form textarea{
  min-height:100px;
  padding:12px 13px;
  resize:vertical;
}
.studio-profile-form input:focus,
.studio-profile-form textarea:focus{
  border-color:rgba(216,255,62,.55);
  box-shadow:0 0 0 3px rgba(216,255,62,.08);
}
.studio-save-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}
.studio-save-row .form-message{
  margin:0;
}
.studio-profile-side{
  display:grid;
  gap:16px;
  position:sticky;
  top:18px;
}
.studio-preview-card{
  padding:22px;
  text-align:center;
}
.studio-preview-logo{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  border-radius:24px;
  background:rgba(216,255,62,.08);
  border:1px solid rgba(216,255,62,.24);
}
.studio-preview-logo img{
  max-width:72px;
  max-height:72px;
  object-fit:contain;
}
.studio-preview-card h3{
  margin:0;
  font-size:23px;
  letter-spacing:-.035em;
}
.studio-preview-card>p{
  margin:6px 0 18px;
  color:var(--accent);
  font-weight:800;
}
.studio-preview-lines{
  display:grid;
  gap:10px;
  text-align:left;
}
.studio-preview-lines p{
  display:grid;
  gap:4px;
  margin:0;
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.studio-preview-lines span{
  color:#9aa4ad;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
.studio-preview-lines strong{
  overflow-wrap:anywhere;
}
.studio-check-card,
.studio-tip-card{
  padding:18px;
}
.studio-check-card h3,
.studio-tip-card h3{
  margin:0 0 14px;
}
.studio-checklist{
  display:grid;
  gap:9px;
}
.studio-checklist p{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  color:#bfc7cf;
  background:rgba(255,255,255,.02);
}
.studio-checklist p span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.06);
}
.studio-checklist p.done{
  color:#fff;
  border-color:rgba(103,220,40,.22);
}
.studio-checklist p.done span{
  color:#071006;
  background:#67dc28;
}
.studio-tip-card p{
  margin:0;
  color:#cbd2d8;
  line-height:1.55;
}
.studio-settings-card{
  padding:18px;
}
.studio-settings-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}
.studio-settings-head>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(216,255,62,.12);
  color:var(--accent);
}
.studio-settings-head h3{
  margin:0 0 4px;
}
.studio-settings-head p{
  margin:0;
  color:#aeb7bf;
  font-size:13px;
}
.studio-settings-list{
  display:grid;
  gap:10px;
}
.studio-settings-list button{
  width:100%;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:2px 10px;
  align-items:center;
  text-align:left;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  color:#fff;
  cursor:pointer;
  transition:.18s ease;
}
.studio-settings-list button:hover{
  transform:translateY(-1px);
  border-color:rgba(216,255,62,.38);
  background:rgba(216,255,62,.07);
}
.studio-settings-list button>span{
  grid-row:span 2;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(255,255,255,.06);
  color:var(--accent);
}
.studio-settings-list strong{
  font-size:14px;
}
.studio-settings-list small{
  color:#aeb7bf;
  font-size:12px;
}

/* Ajuste cirúrgico — Clientes no mobile */
@media(max-width:700px){
  body[data-view="clients"] main{
    padding:18px 12px 112px!important;
    overflow-x:hidden!important;
  }

  body[data-view="clients"] .topbar{
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    align-items:start!important;
    gap:10px!important;
    margin:0 0 12px!important;
    padding:0!important;
  }

  body[data-view="clients"] .topbar h1{
    grid-column:1/2!important;
    order:1!important;
    margin:0!important;
    font-size:30px!important;
    line-height:.95!important;
    letter-spacing:-.04em!important;
  }

  body[data-view="clients"] .topbar .eyebrow{
    grid-column:1/-1!important;
    order:2!important;
    max-width:290px!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.3!important;
    color:#d8dde2!important;
  }

  body[data-view="clients"] .top-actions{
    grid-column:2/4!important;
    order:1!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
    min-width:0!important;
  }

  body[data-view="clients"] .top-actions .search,
  body[data-view="clients"] #quickProposalButton,
  body[data-view="clients"] #newEventButton{
    display:none!important;
  }

  body[data-view="clients"] .notification-button,
  body[data-view="clients"] .profile-menu{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }

  #clientsView{
    padding:0 0 12px!important;
    overflow-x:hidden!important;
  }

  #clientsView>.section-heading{
    position:static!important;
    display:block!important;
    margin:0 0 12px!important;
  }

  #clientsView>.section-heading>div{
    display:none!important;
  }

  #clientsView #newClientButton{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    border-radius:12px!important;
    margin:0!important;
  }

  .clients-page-shell{
    gap:12px!important;
    overflow:hidden!important;
  }

  .clients-page-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:center!important;
    margin:0!important;
  }

  .clients-search{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:12px!important;
  }

  .clients-search input{
    min-width:0!important;
    font-size:14px!important;
  }

  .clients-filter-button{
    height:44px!important;
    padding:0 12px!important;
    white-space:nowrap!important;
    border-radius:12px!important;
  }

  .clients-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .client-stat-card{
    min-width:0!important;
    min-height:106px!important;
    padding:13px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:9px!important;
    overflow:hidden!important;
    align-items:center!important;
  }

  .client-stat-card>span{
    width:30px!important;
    height:30px!important;
    font-size:16px!important;
  }

  .client-stat-card small{
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.18!important;
    overflow:hidden!important;
  }

  .client-stat-card strong{
    max-width:100%!important;
    font-size:21px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .client-stat-card.yellow strong{
    font-size:16px!important;
    letter-spacing:-.04em!important;
  }

  .client-stat-card em{
    font-size:11px!important;
    line-height:1.22!important;
  }

  .clients-content-grid{
    display:block!important;
  }

  .clients-list-card{
    overflow:hidden!important;
    border-radius:18px!important;
  }

  .clients-table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
  }

  .clients-data-table{
    min-width:620px!important;
  }

  .client-details-panel{
    display:none!important;
  }
}

@media(max-width:390px){
  body[data-view="clients"] .topbar h1{
    font-size:28px!important;
  }

  .client-stat-card{
    min-height:100px!important;
    padding:12px!important;
  }

  .client-stat-card strong{
    font-size:20px!important;
  }

  .client-stat-card.yellow strong{
    font-size:15px!important;
  }
}

/* Proposta: layout mobile/tablet forçado para não cortar campos nem botões */
@media(max-width:900px){
  body #proposalDialog.proposal-builder-dialog,
  body dialog#proposalDialog.proposal-builder-dialog{
    position:fixed!important;
    inset:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  body #proposalDialog .proposal-builder-form{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }

  body #proposalDialog .proposal-builder-top{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:10px!important;
    padding:15px!important;
  }

  body #proposalDialog .proposal-builder-top h2{
    font-size:26px!important;
    line-height:1.05!important;
    margin:4px 0 8px!important;
  }

  body #proposalDialog .proposal-builder-top p:not(.proposal-breadcrumb){
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #proposalDialog .proposal-builder-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-right:46px!important;
  }

  body #proposalDialog .proposal-builder-actions .button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    padding:0 10px!important;
    font-size:12px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #proposalDialog .proposal-builder-actions .button-primary{
    grid-column:1/-1!important;
  }

  body #proposalDialog .proposal-builder-actions .close-button{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    z-index:20!important;
  }

  body #proposalDialog .proposal-builder-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body #proposalDialog .proposal-builder-main,
  body #proposalDialog .proposal-form-section,
  body #proposalDialog .proposal-form-grid,
  body #proposalDialog .proposal-form-grid.values,
  body #proposalDialog .proposal-contact-strip,
  body #proposalDialog .proposal-item-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
  }

  body #proposalDialog .proposal-form-section{
    padding:14px!important;
    margin-bottom:12px!important;
    border-radius:17px!important;
  }

  body #proposalDialog label,
  body #proposalDialog .proposal-total-box,
  body #proposalDialog .proposal-add-line,
  body #proposalDialog .proposal-attachment-drop,
  body #proposalDialog input,
  body #proposalDialog select,
  body #proposalDialog textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
  }

  body #proposalDialog .proposal-item-head,
  body #proposalDialog .proposal-preview-panel{
    display:none!important;
  }
}

/* Correção final de prioridade: modal de proposta no mobile/tablet */
@media(max-width:900px){
  body #proposalDialog.proposal-builder-dialog,
  body dialog#proposalDialog.proposal-builder-dialog{
    position:fixed!important;
    inset:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  body #proposalDialog .proposal-builder-form{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
  }

  body #proposalDialog .proposal-builder-top{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:10px!important;
    padding:15px!important;
  }

  body #proposalDialog .proposal-builder-top h2{
    font-size:26px!important;
    line-height:1.05!important;
    margin:4px 0 8px!important;
  }

  body #proposalDialog .proposal-builder-top p:not(.proposal-breadcrumb){
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #proposalDialog .proposal-builder-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-right:46px!important;
  }

  body #proposalDialog .proposal-builder-actions .button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    padding:0 10px!important;
    font-size:12px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #proposalDialog .proposal-builder-actions .button-primary{
    grid-column:1/-1!important;
  }

  body #proposalDialog .proposal-builder-actions .close-button{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    z-index:20!important;
  }

  body #proposalDialog .proposal-builder-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body #proposalDialog .proposal-builder-main,
  body #proposalDialog .proposal-form-section,
  body #proposalDialog .proposal-form-grid,
  body #proposalDialog .proposal-form-grid.values,
  body #proposalDialog .proposal-contact-strip,
  body #proposalDialog .proposal-item-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
  }

  body #proposalDialog .proposal-form-section{
    padding:14px!important;
    margin-bottom:12px!important;
    border-radius:17px!important;
  }

  body #proposalDialog label,
  body #proposalDialog .proposal-total-box,
  body #proposalDialog .proposal-add-line,
  body #proposalDialog .proposal-attachment-drop,
  body #proposalDialog input,
  body #proposalDialog select,
  body #proposalDialog textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
  }

  body #proposalDialog .proposal-item-head,
  body #proposalDialog .proposal-preview-panel{
    display:none!important;
  }
}
.settings-view{
  max-width:1640px;
  margin:0 auto;
  padding:2px 0 28px;
}
.settings-page-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:24px;
}
.settings-page-head h2{
  margin:0;
  font-size:32px;
  line-height:1;
  letter-spacing:-.045em;
}
.settings-page-head p{
  margin:8px 0 0;
  color:#f5f7fa;
  opacity:.92;
}
.settings-page-head .button{
  min-width:170px;
  min-height:48px;
  border-radius:8px;
}
.settings-tabs{
  display:flex;
  align-items:center;
  gap:34px;
  height:54px;
  padding:0 18px;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(13,20,24,.92),rgba(5,9,11,.92));
  overflow-x:auto;
}
.settings-tabs button{
  position:relative;
  flex:0 0 auto;
  height:54px;
  border:0;
  background:transparent;
  color:#dbe1e7;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.settings-tabs button.active,
.settings-tabs button:hover{
  color:var(--accent);
}
.settings-tabs button.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:var(--accent);
}
[data-settings-panel][hidden]{
  display:none!important;
}
.settings-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:22px;
  align-items:start;
}
.settings-main-column,
.settings-side-column{
  display:grid;
  gap:16px;
}
.settings-panel,
.settings-side-card{
  padding:22px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(145deg,rgba(13,20,24,.88),rgba(4,9,11,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 50px rgba(0,0,0,.22);
}
.settings-panel h3,
.settings-side-card h3{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:-.025em;
}
.settings-panel>p,
.settings-side-card>p{
  margin:0 0 18px;
  color:#b8c0c8;
  font-size:14px;
}
.settings-account-grid,
.settings-two-cols{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:22px 52px;
}
.settings-field-stack{
  display:grid;
  gap:14px;
}
.settings-view label{
  display:grid;
  gap:8px;
  color:#dbe1e7;
}
.settings-view label span,
.settings-photo-box>span{
  color:#c7d0d9;
  font-size:13px;
}
.settings-view input,
.settings-view select{
  width:100%;
  min-height:44px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:7px;
  background:rgba(2,7,9,.56);
  color:#fff;
  padding:0 13px;
  font:inherit;
  font-size:14px;
  outline:none;
}
.settings-view input:focus,
.settings-view select:focus{
  border-color:rgba(223,255,0,.68);
  box-shadow:0 0 0 3px rgba(223,255,0,.08);
}
.settings-view small{
  color:#9faab4;
  font-size:12px;
  line-height:1.35;
}
.settings-photo-box{
  display:grid;
  gap:16px;
  align-content:start;
}
.settings-avatar-row{
  display:flex;
  align-items:center;
  gap:16px;
}
.settings-avatar{
  width:68px;
  height:68px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#e7c291;
  color:#111;
  font-size:24px;
  font-weight:900;
  background-size:cover;
  background-position:center;
}
.settings-avatar-row .button{
  min-height:40px;
  padding:0 18px;
  border-radius:7px;
}
.settings-switch-line{
  align-content:start;
  min-height:72px;
}
.settings-switch-line input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.settings-switch-line i{
  width:46px;
  height:24px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.settings-switch-line i::after{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  top:3px;
  left:3px;
  border-radius:50%;
  background:#fff;
  transition:.2s ease;
}
.settings-switch-line input:checked+i{
  background:linear-gradient(90deg,#66dc34,var(--accent));
}
.settings-switch-line input:checked+i::after{
  transform:translateX(22px);
}
.settings-inline-inputs{
  display:grid;
  grid-template-columns:110px 140px;
  gap:10px;
}
.settings-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.settings-action-grid button{
  min-height:78px;
  display:grid;
  grid-template-columns:28px 1fr;
  align-content:center;
  gap:4px 12px;
  text-align:left;
  border:1px solid rgba(255,255,255,.1);
  border-radius:7px;
  background:rgba(255,255,255,.018);
  color:#fff;
  padding:13px;
  cursor:pointer;
}
.settings-action-grid button:hover{
  border-color:rgba(223,255,0,.34);
  background:rgba(223,255,0,.035);
}
.settings-action-grid button span{
  grid-row:span 2;
  color:var(--accent);
}
.settings-action-grid button small{
  font-size:11px;
}
.settings-action-grid button.danger{
  border-color:rgba(255,85,85,.38);
  color:#ff7777;
}
.settings-big-action,
.settings-empty-module{
  min-height:94px;
  padding:18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#fff;
  text-align:left;
}
.settings-big-action{
  cursor:pointer;
}
.settings-big-action:hover{
  border-color:rgba(223,255,0,.42);
  background:rgba(223,255,0,.055);
}
.settings-big-action strong,
.settings-empty-module strong{
  display:block;
  margin-bottom:6px;
  font-size:16px;
  color:#fff;
}
.settings-big-action small,
.settings-empty-module span{
  display:block;
  color:#aeb8c2;
  line-height:1.45;
}
.settings-side-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.settings-side-title h3{
  margin:0;
}
.settings-side-title span{
  padding:5px 10px;
  border-radius:7px;
  background:rgba(75,220,40,.14);
  color:#67f542;
  font-size:12px;
  font-weight:900;
}
.settings-plan-box{
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  padding:18px;
  display:grid;
  gap:14px;
}
.settings-plan-box h4{
  margin:0;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
}
.settings-plan-box h4 span{
  color:var(--accent);
  font-size:24px;
}
.settings-plan-box p{
  margin:0 0 4px;
  color:#b8c0c8;
}
.settings-plan-box div:not(:first-child){
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#dbe1e7;
}
.settings-side-card label{
  grid-template-columns:1fr 190px;
  align-items:center;
  gap:14px;
  margin-top:14px;
}
.theme-choices{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:18px 0 20px;
}
.theme-choices button{
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#dbe1e7;
  padding:8px;
  cursor:pointer;
}
.theme-choices button.active{
  border-color:var(--accent);
  color:var(--accent);
  box-shadow:0 0 0 1px rgba(223,255,0,.2);
}
.theme-choices span{
  display:block;
  height:58px;
  margin-bottom:8px;
  border-radius:6px;
  background:linear-gradient(135deg,#10171d,#020405);
  border:1px solid rgba(255,255,255,.1);
}
.theme-choices button:first-child span{
  background:linear-gradient(135deg,#fff,#d8e0e7);
}
.theme-choices button:last-child span{
  background:linear-gradient(135deg,#10171d 50%,#f4f7fb 50%);
}
.color-choices{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.color-choices button{
  width:28px;
  height:28px;
  border-radius:50%;
  border:0;
  background:var(--c);
  cursor:pointer;
}
.color-choices button.active{
  box-shadow:0 0 0 3px #101417,0 0 0 5px var(--accent);
}
@media(max-width:1200px){
  .settings-layout{grid-template-columns:1fr}
  .settings-side-column{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .settings-view{padding-bottom:96px}
  .settings-page-head{display:grid}
  .settings-page-head .button{width:100%}
  .settings-tabs{gap:24px}
  .settings-layout,
  .settings-account-grid,
  .settings-two-cols,
  .settings-side-column,
  .settings-action-grid{grid-template-columns:1fr}
  .settings-side-card label{grid-template-columns:1fr}
  .settings-inline-inputs{grid-template-columns:1fr 1fr}
}
@media(max-width:1100px){
  .studio-profile-grid{
    grid-template-columns:1fr;
  }
  .studio-profile-side{
    position:relative;
    top:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:700px){
  body[data-view="profile"] .topbar{
    display:block!important;
  }
  .studio-profile-head{
    display:grid;
  }
  .studio-profile-head h2{
    font-size:26px;
  }
  .studio-profile-head .button{
    width:100%;
  }
  .studio-form-grid.two,
  .studio-form-grid.address{
    grid-template-columns:1fr;
  }
  .studio-form-grid .wide{
    grid-column:auto;
  }
  .studio-logo-upload{
    grid-template-columns:72px 1fr!important;
    padding:12px!important;
  }
  .studio-logo-upload img{
    width:64px!important;
    height:64px!important;
  }
  .studio-profile-side{
    grid-template-columns:1fr;
  }
  .studio-save-row{
    display:grid;
  }
  .studio-save-row .button{
    width:100%;
  }
}

/* Tela Propostas â€” visual SaaS profissional */
body[data-view="proposals"] .topbar{
  margin-bottom:18px!important;
  align-items:flex-start!important;
}
body[data-view="proposals"] .topbar h1{
  margin:0!important;
  font-size:clamp(30px,2.5vw,36px)!important;
}
body[data-view="proposals"] .topbar .eyebrow{
  margin:8px 0 0!important;
  color:#d8dde2!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-view="proposals"] .top-actions .search,
body[data-view="proposals"] #quickProposalButton,
body[data-view="proposals"] #newEventButton{display:none!important}
.proposals-page-shell{display:grid;gap:16px}
.proposals-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:-56px;margin-bottom:14px}
.proposals-new-button{height:44px!important;min-width:168px!important;border-radius:8px!important;background:var(--accent)!important;color:#050607!important;box-shadow:0 18px 40px rgba(232,239,0,.18)!important}
.proposals-search{width:min(330px,100%);height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.025)}
.proposals-search span{color:#aeb6bf}.proposals-search input{width:100%;border:0;background:transparent;color:#fff;outline:0}
.proposals-filter-button{height:44px!important;padding:0 18px!important;border-radius:8px!important}
.proposals-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.proposal-stat-card{min-height:126px;padding:20px!important;display:flex;gap:18px;align-items:flex-start}
.proposal-stat-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(232,239,0,.12);color:var(--accent);font-size:22px}
.proposal-stat-card.blue>span{background:rgba(47,128,237,.15);color:#2f80ed}.proposal-stat-card.green>span{background:rgba(103,220,40,.15);color:#67dc28}.proposal-stat-card.orange>span{background:rgba(255,189,0,.15);color:#ffbd00}.proposal-stat-card.purple>span{background:rgba(155,81,224,.16);color:#a86cff}.proposal-stat-card.red>span{background:rgba(255,96,77,.15);color:#ff604d}
.proposal-stat-card small,.proposal-stat-card em{display:block;color:#c2c9d0;font-size:12px;font-style:normal}.proposal-stat-card strong{display:block;margin:10px 0 6px;color:#fff;font-size:28px;line-height:1}
.proposals-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.proposals-list-card{padding:0!important;overflow:hidden}
.proposals-list-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.proposals-tabs{display:flex;align-items:center;gap:24px;height:100%}
.proposals-tabs button{height:100%;border:0;border-bottom:2px solid transparent;background:transparent;color:#cbd2d8;font-weight:750;cursor:pointer}
.proposals-tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}
.proposals-sort{display:flex;align-items:center;gap:8px}.proposals-sort button,.proposals-sort span{height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.025);color:#dfe4e8;padding:0 12px}
.proposals-data-table{width:100%;border-collapse:collapse}.proposals-data-table th{padding:14px 18px;color:#aeb6bf;font-size:12px;text-align:left;font-weight:700}.proposals-data-table td{padding:14px 18px;border-top:1px solid rgba(255,255,255,.06);color:#eef2f4;font-size:13px;vertical-align:middle}
.proposal-name-cell,.proposal-client-cell{display:flex;align-items:center;gap:12px;min-width:0}.proposal-name-cell strong,.proposal-client-cell strong{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proposal-name-cell small,.proposal-client-cell small{display:block;margin-top:4px;color:#aeb6bf;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proposal-thumb{width:54px;height:54px;flex:0 0 54px;border-radius:8px;background:linear-gradient(135deg,#26313b,#6d4b28)}.proposal-thumb.p2{background:linear-gradient(135deg,#241d41,#5b80ff)}.proposal-thumb.p3{background:linear-gradient(135deg,#3a1e1f,#e66a8c)}.proposal-thumb.p4{background:linear-gradient(135deg,#253a21,#d8b36a)}.proposal-thumb.p5{background:linear-gradient(135deg,#172e3b,#6bc4ff)}
.proposal-client-cell>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:50%;background:linear-gradient(135deg,#8b425d,#2e76d5);color:#fff;font-weight:900}
.proposal-row-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:255px}
.proposals-actions-inside th:first-child,.proposals-actions-inside td:first-child{min-width:330px}
.proposal-name-actions{align-items:flex-start}
.proposal-name-actions>div{min-width:0;display:grid;gap:5px}
.proposal-name-actions .proposal-row-actions{min-width:0;margin-top:4px}
.proposal-action{height:30px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.055);color:#eef2f4;padding:0 10px;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.proposal-action:hover{border-color:rgba(232,239,0,.45);background:rgba(232,239,0,.08);transform:translateY(-1px)}
.proposal-action.primary{border-color:rgba(232,239,0,.6);background:rgba(232,239,0,.12);color:var(--accent)}
.proposal-action.ghost{color:#cfd6dc}
.proposal-action.whatsapp{border-color:rgba(37,211,102,.35);color:#77ef9a}
.proposal-action.success{border-color:rgba(103,220,40,.4);color:#67dc28}
.proposal-action.danger{border-color:rgba(255,96,77,.28);color:#ff7b6e;background:rgba(255,96,77,.06)}
.proposal-action:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7);transform:none}
.proposal-status{height:30px;border:0;border-radius:8px;padding:0 10px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;font-size:12px}.proposal-status.sent{background:rgba(47,128,237,.16);color:#5f9dff}.proposal-status.accepted{background:rgba(103,220,40,.15);color:#67dc28}.proposal-status.draft{background:rgba(255,189,0,.15);color:#ffbd00}.proposal-status.rejected,.proposal-status.expired{background:rgba(255,96,77,.15);color:#ff604d}
.proposals-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;color:#c8ced5;font-size:12px;border-top:1px solid rgba(255,255,255,.06)}.proposals-pagination span:last-child{display:flex;gap:8px}.proposals-pagination button{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.025);color:#fff}.proposals-pagination button.active{border-color:var(--accent);color:var(--accent)}
.proposals-side-panel{display:grid;gap:14px}.proposals-side-card{padding:18px!important}.proposals-side-card .card-heading{margin-bottom:16px}.proposal-status-donut{width:176px;height:176px;margin:4px auto 18px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#67dc28 0 14%,#ffbd00 14% 35%,#2f80ed 35% 85%,#ff604d 85% 100%)}.proposal-status-donut strong{width:88px;height:88px;display:grid;place-items:center;border-radius:50%;background:#090d10;text-align:center;color:#fff;font-size:14px}.proposal-status-donut small{display:block;color:#aeb6bf;font-size:11px}
.proposal-status-legend{display:grid;gap:11px}.proposal-status-legend p,.proposal-activities p{display:flex;justify-content:space-between;gap:12px;margin:0;color:#cbd2d8;font-size:12px}.proposal-status-legend i{width:9px;height:9px;display:inline-block;margin-right:8px;border-radius:50%}.proposal-value-total{display:block;margin:8px 0;color:#fff;font-size:28px}.proposal-value-hint{color:#67dc28;font-size:12px}.proposal-value-chart{height:130px;display:flex;align-items:end;gap:9px;margin-top:16px;padding:12px 0 20px;border-top:1px solid rgba(255,255,255,.08)}.proposal-value-chart span{position:relative;flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,rgba(103,220,40,.7),rgba(103,220,40,.08))}.proposal-value-chart i{position:absolute;top:-3px;left:50%;width:7px;height:7px;transform:translateX(-50%);border-radius:50%;background:#67dc28}.proposal-value-chart small{position:absolute;bottom:-18px;color:#9ca6af;font-size:9px}.proposal-activities{display:grid;gap:13px}.proposal-activities small{display:block;margin-top:4px;color:#aeb6bf}

/* Nova proposta â€” construtor com resumo lateral */
.proposal-builder-dialog{width:min(1380px,96vw)!important;max-width:none!important;height:min(880px,92vh)!important;padding:0!important;border-radius:18px!important;overflow:hidden!important}
.proposal-builder-form{height:100%;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(145deg,rgba(15,20,24,.98),rgba(8,11,14,.99))}
.proposal-builder-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 26px;border-bottom:1px solid rgba(255,255,255,.08)}.proposal-builder-top h2{margin:6px 0 6px;font-size:30px}.proposal-builder-top p{margin:0;color:#d8dde2}.proposal-breadcrumb{color:#aeb6bf!important}.proposal-builder-actions{display:flex;align-items:center;gap:12px}.proposal-builder-actions .button{height:44px;min-width:160px}.proposal-builder-actions .close-button{position:static;width:38px;height:38px}
.proposal-builder-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:18px;overflow:auto}.proposal-builder-main{display:grid;gap:14px;align-content:start}.proposal-form-section,.proposal-preview-card{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(145deg,rgba(20,25,30,.86),rgba(8,12,15,.94))}.proposal-form-section.compact{padding-bottom:16px}
.proposal-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.proposal-section-title span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(216,255,62,.16);color:var(--accent);font-weight:900}.proposal-section-title h3{margin:0;font-size:17px}.proposal-section-title button{margin-left:auto;height:34px!important;color:var(--accent)!important}
.proposal-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.proposal-form-grid.values{grid-template-columns:1fr 1fr 1fr 220px}.proposal-form-grid label,.proposal-contact-strip label,.proposal-item-row label{display:grid;gap:7px}.proposal-form-grid span,.proposal-contact-strip span,.proposal-item-row span{color:#bfc7cf;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.proposal-form-grid input,.proposal-form-grid select,.proposal-form-grid textarea,.proposal-contact-strip input,.proposal-item-row input,.proposal-item-row textarea{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035);color:#fff;padding:0 13px;outline:0}.proposal-form-grid textarea,.proposal-item-row textarea{padding:10px 13px;resize:vertical}.proposal-form-grid .wide{grid-column:span 2}
.proposal-contact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;padding:14px;border:1px solid rgba(216,255,62,.22);border-radius:12px;background:rgba(216,255,62,.045)}
.proposal-item-row{display:grid;grid-template-columns:220px minmax(220px,1fr) 90px 150px 150px;gap:14px;align-items:center}.proposal-item-head{padding:0 8px 10px;color:#aeb6bf;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08)}.proposal-item-row+.proposal-item-row{padding-top:12px}.proposal-item-row strong{justify-self:end;color:#fff}.proposal-add-line{width:100%;height:38px;margin-top:12px;border:1px dashed rgba(216,255,62,.25);border-radius:8px;background:rgba(216,255,62,.03);color:var(--accent);font-weight:850}
.proposal-total-box{display:grid;align-content:end;gap:7px}.proposal-total-box span{color:#bfc7cf;font-size:11px;font-weight:850;text-transform:uppercase}.proposal-total-box strong{font-size:28px;color:var(--accent)}.proposal-attachment-drop{height:70px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;padding:12px;color:#dfe4e8}.proposal-attachment-drop span{grid-row:span 2;color:var(--accent);font-size:24px}.proposal-attachment-drop small{color:#aeb6bf}
.proposal-preview-panel{display:grid;gap:14px;align-content:start}.proposal-preview-card .card-heading span{padding:6px 10px;border:1px solid rgba(216,255,62,.45);border-radius:7px;color:var(--accent);font-size:11px}.proposal-preview-total{display:block;margin:8px 0 18px;color:#67dc28;font-size:31px}.proposal-preview-card p{display:flex;justify-content:space-between;gap:12px;margin:13px 0;color:#cbd2d8}.proposal-preview-card p b{color:#fff}.proposal-preview-card hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.proposal-preview-card h4{margin:20px 0 10px}.proposal-preview-card ul,.proposal-preview-card ol{display:grid;gap:10px;margin:0;padding-left:20px;color:#d8dde2}.proposal-preview-card li::marker{color:var(--accent);font-weight:900}.proposal-client-preview{display:flex;align-items:center;gap:13px}.proposal-client-preview>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dc4e78,#7457d7);color:#fff;font-weight:900}.proposal-client-preview small{display:block;margin-top:4px;color:#aeb6bf}
@media(max-width:1180px){.proposals-stats-grid{grid-template-columns:repeat(3,1fr)}.proposals-workspace,.proposal-builder-grid{grid-template-columns:1fr}.proposals-toolbar{margin-top:0}.proposals-side-panel{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.proposals-stats-grid{grid-template-columns:1fr 1fr}.proposals-workspace{grid-template-columns:1fr}.proposals-side-panel{grid-template-columns:1fr}.proposals-toolbar{display:grid;grid-template-columns:1fr 1fr}.proposals-search,.proposals-new-button{grid-column:1/-1;width:100%}.proposal-builder-dialog{width:96vw!important;height:92vh!important}.proposal-builder-top{padding:16px;display:grid}.proposal-builder-actions{display:grid;grid-template-columns:1fr 1fr}.proposal-builder-actions .close-button{position:absolute;right:14px;top:14px}.proposal-form-grid,.proposal-contact-strip,.proposal-form-grid.values{grid-template-columns:1fr}.proposal-item-row{grid-template-columns:1fr}.proposal-item-head{display:none}.proposal-preview-panel{display:none}}

/* Aba Agenda — visual semanal fiel à referência */
body[data-view="calendar"] .topbar{
  align-items:flex-start!important;
  margin-bottom:24px!important;
}
body[data-view="calendar"] .topbar h1{
  font-size:32px!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
body[data-view="calendar"] .topbar .eyebrow{
  margin-top:7px!important;
  color:#eef2f4!important;
  opacity:.88!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-view="calendar"] .top-actions .search,
body[data-view="calendar"] #quickProposalButton{
  display:none!important;
}
body[data-view="calendar"] #newEventButton{
  height:42px!important;
  min-width:146px!important;
  padding:0 18px!important;
  border:1px solid rgba(232,239,0,.75)!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--accent)!important;
  box-shadow:none!important;
}
.calendar-system-shell{
  display:grid;
  grid-template-columns:minmax(720px,1fr) 282px;
  gap:16px;
  align-items:start;
}
.calendar-system-main,.agenda-side-panel{
  min-width:0;
}
.calendar-system-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin:-74px 0 22px;
}
.calendar-new-button{
  min-width:176px;
  height:42px;
  border-radius:8px!important;
  background:transparent!important;
  border-color:rgba(232,239,0,.75)!important;
  color:var(--accent)!important;
}
.agenda-week-switcher,.agenda-view-tabs{
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  overflow:hidden;
}
.agenda-week-switcher button,.agenda-view-tabs button,.agenda-side-heading button{
  border:0;
  background:transparent;
  color:#f2f4f5;
  cursor:pointer;
}
.agenda-week-switcher button{
  width:38px;
  height:40px;
  font-size:22px;
  border-right:1px solid rgba(255,255,255,.08);
}
.agenda-week-switcher .agenda-month-jump-button{
  width:auto;
  min-width:190px;
  height:40px;
  padding:0 18px;
  display:grid;
  place-items:center;
  gap:1px;
  border-radius:0;
  border-right:1px solid rgba(255,255,255,.08);
  color:#f2f4f5;
}
.agenda-week-switcher .agenda-month-jump-button:hover,
.agenda-week-switcher .agenda-month-jump-button:focus-visible{
  background:rgba(232,239,0,.1);
  color:var(--accent);
  outline:none;
}
.agenda-week-switcher button:last-child{
  border-right:0;
  border-left:1px solid rgba(255,255,255,.08);
}
.agenda-week-switcher strong{
  min-width:0;
  padding:0;
  text-align:center;
  font-size:13px;
  font-weight:800;
}
.agenda-month-jump-button small{
  color:var(--muted);
  font-size:8px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.agenda-month-jump-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.agenda-view-tabs button{
  height:40px;
  min-width:64px;
  padding:0 16px;
  border-right:1px solid rgba(255,255,255,.08);
  color:#cfd4da;
  font-weight:750;
}
.agenda-view-tabs button:last-child{border-right:0}
.agenda-view-tabs button.active{
  background:rgba(232,239,0,.12);
  color:var(--accent);
}
.agenda-week-card{
  height:calc(100vh - 170px);
  min-height:720px;
  overflow:hidden;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(13,17,20,.96),rgba(6,9,11,.98))!important;
}
.agenda-week-grid{
  height:100%;
  overflow:auto;
}
.agenda-week-grid::-webkit-scrollbar{width:8px;height:8px}
.agenda-week-grid::-webkit-scrollbar-thumb{background:#303840;border-radius:999px}
.agenda-week-head{
  position:sticky;
  top:0;
  z-index:3;
  display:grid;
  grid-template-columns:74px repeat(7,minmax(130px,1fr));
  min-width:1040px;
  background:linear-gradient(180deg,#101419,#0b0f12);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.agenda-time-head,.agenda-day-head{
  min-height:54px;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(255,255,255,.08);
}
.agenda-day-head span{
  color:#d8dde2;
  font-size:12px;
  text-transform:capitalize;
}
.agenda-day-head strong{
  color:#fff;
  font-size:12px;
}
.agenda-day-head.today strong{
  color:var(--accent);
}
.agenda-week-body{
  position:relative;
  display:grid;
  grid-template-columns:74px repeat(7,minmax(130px,1fr));
  min-width:1040px;
  min-height:970px;
}
.agenda-time-column{
  display:grid;
  grid-template-rows:42px repeat(16,58px);
  border-right:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.01);
}
.agenda-time-column span{
  display:flex;
  align-items:start;
  justify-content:center;
  padding-top:8px;
  color:#edf1f4;
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.045);
}
.agenda-day-column{
  position:relative;
  min-height:970px;
  border-right:1px solid rgba(255,255,255,.08);
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 58px);
}
.agenda-day-column.free{cursor:pointer}
.agenda-day-column.free:hover{background:linear-gradient(rgba(232,239,0,.025),rgba(232,239,0,.025)),repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 58px)}
.agenda-week-event{
  position:absolute;
  left:7px;
  right:7px;
  z-index:2;
  display:grid;
  align-content:start;
  gap:4px;
  padding:8px 9px;
  border:1px solid rgba(232,239,0,.45);
  border-radius:7px;
  background:rgba(232,239,0,.16);
  color:#fff;
  text-align:left;
  overflow:hidden;
  cursor:pointer;
}
.agenda-week-event time{font-size:12px;font-weight:800}
.agenda-week-event strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agenda-week-event span,.agenda-week-event small{font-size:10px;color:#d9dee3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agenda-week-event:after{
  content:"";
  position:absolute;
  right:7px;
  top:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
}
.agenda-week-event.yellow{border-color:rgba(232,239,0,.55);background:rgba(232,239,0,.18);color:#e8ef00}
.agenda-week-event.green{border-color:rgba(103,220,40,.5);background:rgba(103,220,40,.15);color:#67dc28}
.agenda-week-event.purple{border-color:rgba(155,81,224,.55);background:rgba(155,81,224,.2);color:#a86cff}
.agenda-week-event.blue{border-color:rgba(47,128,237,.55);background:rgba(47,128,237,.18);color:#5f9dff}
.agenda-week-event.orange{border-color:rgba(255,189,89,.55);background:rgba(255,189,89,.18);color:#ffbd59}
.agenda-day-view .agenda-week-head,
.agenda-day-view .agenda-week-body{
  grid-template-columns:74px minmax(620px,1fr);
  min-width:720px;
}
.agenda-month-view{
  display:grid;
  grid-template-columns:repeat(7,minmax(122px,1fr));
  gap:1px;
  min-width:900px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.agenda-month-head{
  padding:10px;
  color:#aeb8c4;
  font-size:12px;
  font-weight:800;
  text-align:center;
  text-transform:uppercase;
}
.agenda-month-day{
  min-height:126px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(18,23,27,.86),rgba(8,11,13,.96));
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.agenda-month-day.muted{
  border-style:dashed;
  opacity:.35;
  cursor:default;
}
.agenda-month-day:hover:not(.muted){
  border-color:rgba(232,239,0,.38);
  transform:translateY(-1px);
}
.agenda-month-day strong{
  display:block;
  font-size:18px;
}
.agenda-month-day small{
  display:block;
  margin:6px 0 10px;
  color:#aeb8c4;
  font-size:11px;
  font-weight:700;
}
.agenda-month-day.free small{
  color:#67dc28;
}
.agenda-month-day.today strong{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  color:#050505;
}
.agenda-month-day.selected{
  border-color:rgba(232,239,0,.75);
  box-shadow:0 0 0 1px rgba(232,239,0,.22);
}
.agenda-month-day span{
  display:block;
  margin-top:5px;
  padding:5px 7px;
  border-radius:7px;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.agenda-month-day span.yellow{background:rgba(232,239,0,.18);color:#e8ef00}
.agenda-month-day span.green{background:rgba(103,220,40,.15);color:#67dc28}
.agenda-month-day span.purple{background:rgba(155,81,224,.2);color:#a86cff}
.agenda-month-day span.blue{background:rgba(47,128,237,.18);color:#5f9dff}
.agenda-month-day span.orange{background:rgba(255,189,89,.18);color:#ffbd59}
.agenda-list-view{
  display:grid;
  gap:10px;
  min-width:720px;
  padding:18px;
}
.agenda-list-item{
  display:grid;
  grid-template-columns:130px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(18,23,27,.9),rgba(8,11,13,.98));
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.agenda-list-item:hover{
  border-color:rgba(232,239,0,.32);
}
.agenda-list-item span{
  color:#aeb8c4;
  font-size:12px;
  font-weight:800;
}
.agenda-list-item strong{
  font-size:14px;
}
.agenda-list-item small{
  color:#aeb8c4;
  font-size:12px;
}
.agenda-list-item em{
  justify-self:end;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(232,239,0,.12);
  color:var(--accent);
  font-style:normal;
  font-size:11px;
  font-weight:900;
}
.agenda-side-panel{
  display:grid;
  gap:14px;
}
.agenda-side-panel .card{
  padding:18px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,rgba(18,23,27,.94),rgba(7,10,12,.98))!important;
  border-color:rgba(255,255,255,.09)!important;
}
.agenda-side-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.agenda-side-heading strong{
  font-size:16px;
}
.agenda-side-heading button{
  width:28px;
  height:28px;
  color:#f2f4f5;
  font-size:18px;
}
.agenda-mini-calendar{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px 7px;
  text-align:center;
}
.agenda-mini-calendar span{
  color:#d8dde2;
  font-size:10px;
  font-weight:800;
}
.agenda-mini-calendar button{
  position:relative;
  min-width:0;
  height:25px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#f4f6f7;
  font-weight:750;
  cursor:pointer;
}
.agenda-mini-calendar button.muted{opacity:.25;cursor:default}
.agenda-mini-calendar button.selected,.agenda-mini-calendar button.today{
  background:var(--accent);
  color:#050607;
}
.agenda-mini-calendar button i{
  position:absolute;
  left:50%;
  bottom:1px;
  width:4px;
  height:4px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#9b51e0;
}
.agenda-calendar-filters{
  display:grid;
  gap:12px;
}
.agenda-calendar-filters label{
  display:flex;
  align-items:center;
  gap:10px;
  color:#f1f4f6;
  font-size:13px;
}
.agenda-calendar-filters input{
  display:none;
}
.agenda-calendar-filters span{
  width:16px;
  height:16px;
  border-radius:4px;
  background:#f2cf28;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.22);
}
.agenda-calendar-filters label:nth-child(3) span{background:#67dc28}
.agenda-calendar-filters label:nth-child(4) span{background:#2f80ed}
.agenda-calendar-filters label:nth-child(5) span{background:#9b51e0}
.agenda-calendar-filters label:nth-child(6) span{background:#ff604d}
.agenda-side-upcoming{
  display:grid;
  gap:12px;
}
.agenda-side-upcoming button{
  display:grid;
  grid-template-columns:10px 42px 50px 1fr;
  gap:8px;
  align-items:start;
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  cursor:pointer;
}
.agenda-side-upcoming i{
  width:8px;
  height:8px;
  margin-top:5px;
  border-radius:50%;
  background:#e8ef00;
}
.agenda-side-upcoming .green i{background:#67dc28}
.agenda-side-upcoming .purple i{background:#9b51e0}
.agenda-side-upcoming .blue i{background:#2f80ed}
.agenda-side-upcoming .orange i{background:#ffbd59}
.agenda-side-upcoming span,.agenda-side-upcoming strong{
  color:#dfe4e8;
  font-size:12px;
}
.agenda-side-upcoming b,.agenda-side-upcoming small{
  display:block;
}
.agenda-side-upcoming b{
  font-size:12px;
}
.agenda-side-upcoming small{
  margin-top:3px;
  color:#aab2bb;
  font-size:11px;
}
.agenda-hours-body{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:13px;
}
.agenda-hours-body>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--accent);
  border-radius:50%;
  color:var(--accent);
  font-size:18px;
}
.agenda-hours-body strong,.agenda-hours-body small{
  display:block;
}
.agenda-hours-body strong{
  color:#e8ecef;
  font-size:12px;
}
.agenda-hours-body small{
  margin:3px 0 12px;
  color:#c3c9cf;
  font-size:12px;
}
.agenda-hours-form{
  display:grid;
  gap:10px;
  margin-top:6px;
}
.agenda-hours-form[hidden]{
  display:none!important;
}
.agenda-hours-form label{
  display:grid;
  gap:6px;
}
.agenda-hours-form label span{
  color:#aeb6be;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.agenda-hours-form input{
  width:100%;
  height:40px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.045);
  color:#f7f9fb;
  padding:0 12px;
  outline:0;
}
.agenda-hours-form input:focus{
  border-color:rgba(216,255,62,.55);
  box-shadow:0 0 0 3px rgba(216,255,62,.08);
}
.agenda-hours-form>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.agenda-hours-form .button{
  min-height:38px;
  padding:0 10px;
  border-radius:12px;
  font-size:12px;
}
.events-legacy-table{display:none!important}
@media(max-width:1250px){
  .calendar-system-shell{grid-template-columns:1fr}
  .calendar-system-toolbar{margin:0 0 16px;justify-content:flex-start;flex-wrap:wrap}
  .agenda-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body[data-view="calendar"] .topbar{display:grid!important;grid-template-columns:1fr auto!important}
  .calendar-system-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .calendar-new-button,.agenda-week-switcher,.agenda-view-tabs{grid-column:1/-1;width:100%}
  .agenda-view-tabs button{min-width:0;flex:1;padding:0 8px}
  .agenda-week-card{height:70vh;min-height:520px}
  .agenda-side-panel{grid-template-columns:1fr}
  .agenda-week-head,.agenda-week-body{min-width:920px}
}
.icon-action{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12)}.icon-action:hover{border-color:rgba(232,239,0,.35)}
.studio-command{background:linear-gradient(145deg,rgba(26,29,33,.92),rgba(12,14,16,.96));border-color:rgba(232,239,0,.18);border-radius:26px}

/* Dashboard principal: visual mais próximo de SaaS profissional */
.dashboard-layout{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,1fr) minmax(280px,.85fr);gap:16px;align-items:stretch}.dashboard-card{padding:22px;min-height:0}.dashboard-layout .upcoming-card{grid-row:span 2}.finance-dashboard-card,.category-dashboard-card,.tasks-dashboard-card,.quick-dashboard-card{overflow:hidden}.finance-dashboard-value{display:block;margin:12px 0 2px;color:#72d91f;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.055em}.finance-dashboard-hint{display:block;color:var(--muted);font-size:12px}.finance-mini-chart{height:150px;display:flex;align-items:end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.finance-mini-chart span{position:relative;flex:1;min-height:8px;display:flex;align-items:end;justify-content:center;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,rgba(114,217,31,.7),rgba(114,217,31,.08));box-shadow:0 -10px 30px rgba(114,217,31,.12)}.finance-mini-chart i{position:absolute;top:-4px;width:8px;height:8px;border-radius:50%;background:#72d91f;box-shadow:0 0 14px rgba(114,217,31,.65)}.finance-mini-chart small{position:absolute;bottom:-20px;color:var(--muted);font-size:9px}.category-breakdown{display:grid;gap:12px}.category-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;align-items:center}.category-row span{display:flex;align-items:center;gap:9px;min-width:0;color:#e9edf2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-row i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(232,239,0,.28)}.category-row:nth-child(2) i{background:#2f80ed}.category-row:nth-child(3) i{background:#f2c94c}.category-row:nth-child(4) i{background:#9b51e0}.category-row:nth-child(5) i{background:#eb5757}.category-row strong{font-size:12px;text-align:right}.category-row b{grid-column:1/-1;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.category-row em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),rgba(232,239,0,.35))}.task-list{display:grid;gap:9px}.task-item{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035);color:var(--text);text-align:left}.task-item:hover{border-color:rgba(232,239,0,.35);background:rgba(232,239,0,.055)}.task-item span{width:13px;height:13px;border:1px solid var(--accent);border-radius:50%}.task-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item small{justify-self:end;color:var(--muted);font-size:10px}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dashboard-quick-actions button{min-height:92px;display:grid;place-items:center;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:var(--text)}.dashboard-quick-actions button:hover{border-color:rgba(232,239,0,.4);transform:translateY(-1px)}.dashboard-quick-actions span{color:var(--accent);font-size:25px}.dashboard-quick-actions strong{font-size:12px;text-align:center}.dashboard-event-item{grid-template-columns:48px minmax(0,1fr) auto}.event-status-line{display:flex!important;gap:6px;margin-top:7px;overflow:visible!important;white-space:normal!important}.event-status-badge,.delivery-badge{display:inline-flex!important;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;background:rgba(216,255,62,.12);color:var(--accent)}.event-status-badge.waiting{background:rgba(255,189,89,.12);color:#ffbd59}.event-status-badge.cancelled{background:rgba(255,107,107,.12);color:var(--danger)}.event-status-badge.completed{background:rgba(108,227,141,.12);color:#6ce38d}.delivery-badge.pending{background:rgba(255,189,89,.12);color:#ffbd59}.delivery-badge.editing{background:rgba(124,183,255,.12);color:#7cb7ff}.delivery-badge.delivered{background:rgba(108,227,141,.12);color:#6ce38d}.status-dot.completed{background:#6ce38d}
@media(max-width:1180px){.dashboard-layout{grid-template-columns:1fr 1fr}.dashboard-layout .upcoming-card{grid-row:auto}.calendar-card{grid-column:1/-1}.quick-dashboard-card{grid-column:1/-1}}
@media(max-width:700px){.dashboard-layout{display:grid;grid-template-columns:1fr;gap:12px}.dashboard-card{padding:15px;border-radius:18px}.finance-mini-chart{height:110px}.dashboard-quick-actions{grid-template-columns:1fr 1fr}.dashboard-quick-actions button{min-height:74px}.task-item{grid-template-columns:14px 1fr}.task-item small{grid-column:2;justify-self:start}.event-status-line{gap:4px;flex-wrap:wrap}.calendar-card{padding:10px!important}}

/* Correção final da aba Agenda: remove duplicidade do topo e força a grade semanal visível */
body[data-view="calendar"] #newEventButton{
  display:none!important;
}
body[data-view="calendar"] .topbar{
  margin-bottom:12px!important;
}
body[data-view="calendar"] .topbar h1{
  margin:0!important;
  font-size:clamp(28px,2.4vw,34px)!important;
  line-height:1.05!important;
}
body[data-view="calendar"] .topbar .eyebrow{
  margin:8px 0 0!important;
  max-width:520px!important;
}
body[data-view="calendar"] .top-actions{
  gap:10px!important;
}
body[data-view="calendar"] .calendar-system-toolbar{
  margin:0 0 18px!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
}
body[data-view="calendar"] .calendar-system-shell{
  grid-template-columns:minmax(760px,1fr) 300px!important;
  gap:18px!important;
}
body[data-view="calendar"] .agenda-week-card{
  height:calc(100vh - 190px)!important;
  min-height:650px!important;
  padding:0!important;
}
body[data-view="calendar"] .agenda-week-grid{
  display:block!important;
  min-height:100%!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px) 74px 0/14.285% 100%,
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 54px/100% 58px,
    linear-gradient(145deg,rgba(11,15,18,.98),rgba(5,8,10,.99))!important;
}
body[data-view="calendar"] .agenda-week-head,
body[data-view="calendar"] .agenda-week-body{
  min-width:980px!important;
}
body[data-view="calendar"] .agenda-week-head{
  grid-template-columns:74px repeat(7,minmax(122px,1fr))!important;
}
body[data-view="calendar"] .agenda-week-body{
  grid-template-columns:74px repeat(7,minmax(122px,1fr))!important;
}
body[data-view="calendar"] .agenda-mini-card{
  min-height:188px!important;
}
body[data-view="calendar"] .agenda-next-card .summary-link{
  width:auto!important;
  height:auto!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
  line-height:1.1!important;
  text-align:right!important;
  color:var(--accent)!important;
  font-weight:850!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body[data-view="calendar"] .agenda-next-card .agenda-side-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body[data-view="calendar"] .agenda-next-card .agenda-side-heading strong{
  min-width:0!important;
  font-size:16px!important;
  line-height:1.15!important;
  max-width:170px!important;
}
@media(max-width:1250px){
  body[data-view="calendar"] .calendar-system-shell{grid-template-columns:1fr!important}
  body[data-view="calendar"] .calendar-system-toolbar{justify-content:flex-start!important}
}
@media(max-width:700px){
  body[data-view="calendar"] .calendar-system-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}
  body[data-view="calendar"] .calendar-new-button,
  body[data-view="calendar"] .agenda-week-switcher,
  body[data-view="calendar"] .agenda-view-tabs{grid-column:1/-1!important}
}

/* Tela Clientes — layout profissional inspirado na referência */
body[data-view="clients"] .topbar{
  margin-bottom:18px!important;
  align-items:flex-start!important;
}
body[data-view="clients"] .topbar h1{
  margin:0!important;
  font-size:clamp(28px,2.4vw,34px)!important;
  line-height:1.05!important;
}
body[data-view="clients"] .topbar .eyebrow{
  margin:8px 0 0!important;
  color:#d8dde2!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-view="clients"] .top-actions .search,
body[data-view="clients"] #quickProposalButton,
body[data-view="clients"] #newEventButton{
  display:none!important;
}
#clientsView{
  position:relative;
}
#clientsView>.section-heading{
  position:absolute;
  right:506px;
  top:-76px;
  z-index:6;
  margin:0!important;
}
#clientsView>.section-heading>div{
  display:none!important;
}
#clientsView #newClientButton{
  height:42px!important;
  min-width:132px!important;
  border:1px solid rgba(232,239,0,.75)!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--accent)!important;
  box-shadow:none!important;
}
.clients-page-shell{
  display:grid;
  gap:16px;
}
.clients-page-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  min-height:0;
}
.clients-search{
  width:min(300px,100%);
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#aeb6bf;
}
.clients-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:inherit;
}
.clients-filter-button{
  height:42px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
}
.clients-filter-button.active{
  border-color:rgba(103,220,40,.5)!important;
  color:#67dc28!important;
}
.clients-filter-panel{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr)) auto;
  gap:10px;
  align-items:end;
  padding:14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(18,23,27,.94),rgba(7,10,12,.98));
}
.clients-filter-panel[hidden]{
  display:none!important;
}
.clients-filter-panel label{
  display:grid;
  gap:6px;
}
.clients-filter-panel label span{
  color:#cbd1d7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.clients-filter-panel select{
  width:100%;
  height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#11161a;
  color:#fff;
  padding:0 12px;
  outline:0;
}
@media(max-width:900px){
  .clients-filter-panel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .clients-filter-panel .button{
    grid-column:1/-1;
  }
}
@media(max-width:620px){
  .clients-filter-panel{
    grid-template-columns:1fr;
  }
}
.clients-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.client-stat-card{
  min-height:118px;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:center;
  padding:18px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(18,23,27,.95),rgba(7,10,12,.98))!important;
}
.client-stat-card>span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#6ee23b;
  background:rgba(110,226,59,.13);
  font-size:24px;
}
.client-stat-card.blue>span{color:#2f80ed;background:rgba(47,128,237,.16)}
.client-stat-card.purple>span{color:#9b51e0;background:rgba(155,81,224,.16)}
.client-stat-card.yellow>span{color:var(--accent);background:rgba(232,239,0,.14)}
.client-stat-card small,.client-stat-card em{
  display:block;
  color:#c7cdd4;
  font-size:12px;
  font-style:normal;
}
.client-stat-card strong{
  display:block;
  margin:8px 0;
  color:#fff;
  font-size:26px;
  line-height:1;
}
.client-stat-card em{
  color:#67dc28;
}
.clients-content-grid{
  display:grid;
  grid-template-columns:minmax(620px,1fr) 320px;
  gap:16px;
  align-items:start;
}
.clients-list-card,.client-details-panel{
  padding:0!important;
  overflow:hidden;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(16,21,25,.96),rgba(6,9,11,.98))!important;
}
.clients-tabs{
  display:flex;
  gap:26px;
  padding:18px 18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.clients-tabs button{
  position:relative;
  padding:0 0 16px;
  border:0;
  background:transparent;
  color:#cbd1d7;
  font-weight:750;
  cursor:pointer;
}
.clients-tabs button.active{
  color:var(--accent);
}
.clients-tabs button.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:var(--accent);
}
.clients-table-wrap{
  overflow:auto;
}
.clients-data-table{
  width:100%;
  border-collapse:collapse;
}
.clients-data-table th,.clients-data-table td{
  padding:15px 18px;
  border-bottom:1px solid rgba(255,255,255,.065);
  text-align:left;
  white-space:nowrap;
}
.clients-data-table th{
  color:#aeb6bf;
  font-size:11px;
  font-weight:750;
}
.clients-data-table td{
  color:#eef2f4;
  font-size:13px;
}
.clients-data-table tr{
  transition:background .18s ease,box-shadow .18s ease;
}
.clients-data-table tbody tr:hover,.clients-data-table tbody tr.selected{
  background:linear-gradient(90deg,rgba(232,239,0,.08),rgba(255,255,255,.015));
  box-shadow:inset 2px 0 0 var(--accent);
}
.client-name-cell{
  display:flex;
  align-items:center;
  gap:12px;
}
.client-name-cell>span,.client-avatar-large{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(232,239,0,.4);
  background:rgba(232,239,0,.08);
  color:#fff;
  font-weight:900;
}
.client-name-cell strong,.client-name-cell small,.clients-data-table td small{
  display:block;
}
.client-name-cell small,.clients-data-table td small{
  margin-top:4px;
  color:#9fa7b0;
  font-size:11px;
}
.client-money{
  color:#67dc28;
}
.client-status{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:8px;
  background:rgba(103,220,40,.14);
  color:#67dc28;
  font-size:11px;
  font-weight:900;
}
.client-status.inactive{
  background:rgba(255,255,255,.08);
  color:#aeb6bf;
}
.client-row-actions{
  display:flex;
  justify-content:flex-end;
  gap:6px;
}
.clients-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  color:#c8ced5;
  font-size:12px;
}
.clients-pagination span{
  display:flex;
  gap:8px;
}
.clients-pagination button{
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#fff;
}
.clients-pagination button.active{
  border-color:var(--accent);
  color:var(--accent);
}
.client-details-panel{
  padding:18px!important;
  display:grid;
  gap:16px;
}
.client-details-head{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  position:relative;
}
.client-details-head strong,.client-details-head small{
  display:block;
}
.client-details-head strong{
  font-size:16px;
}
.client-details-head small{
  margin-top:4px;
  color:#9fa7b0;
  font-size:12px;
}
.client-details-head .client-status{
  justify-self:end;
  white-space:nowrap;
}
.client-detail-tabs{
  display:flex;
  gap:14px;
  overflow:auto;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.client-detail-tabs button{
  border:0;
  background:transparent;
  padding:0 0 12px;
  color:#aeb6bf;
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
}
.client-detail-tabs button:hover{
  color:#fff;
}
.client-detail-tabs .active{
  color:var(--accent);
  border-bottom:2px solid var(--accent);
}
.client-detail-content{
  display:grid;
  gap:14px;
}
.client-details-panel section{
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.client-details-panel h3{
  margin:0 0 14px;
  font-size:14px;
}
.client-details-panel p{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin:12px 0;
  color:#c2c9d0;
  font-size:12px;
}
.client-details-panel p strong{
  color:#fff;
  text-align:right;
}
.client-details-panel .positive{color:#67dc28}
.client-details-panel .danger{color:#ff604d}
.client-mini-row{
  display:grid;
  grid-template-columns:86px 1fr auto;
  gap:10px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  cursor:pointer;
}
.client-mini-row:last-child{
  border-bottom:0;
}
.client-mini-row span,.client-mini-row small{
  color:#aeb6bf;
  font-size:12px;
}
.client-mini-row strong{
  display:block;
  color:#fff;
  font-size:13px;
}
.client-mini-row em{
  justify-self:end;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(215,255,0,.12);
  color:var(--accent);
  font-style:normal;
  font-size:11px;
  font-weight:800;
}
.client-note-text{
  display:block!important;
  color:#dbe2ea!important;
  line-height:1.55;
}
.client-last-project{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.client-last-project>span{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(232,239,0,.1);
  border:1px solid rgba(232,239,0,.25);
  font-weight:900;
}
.client-last-project strong,.client-last-project small,.client-last-project em{
  display:block;
}
.client-last-project small{
  margin:4px 0;
  color:#aeb6bf;
}
.client-last-project em{
  color:#67dc28;
  font-style:normal;
  font-size:11px;
}
@media(max-width:1180px){
  #clientsView>.section-heading{position:static;margin-bottom:12px!important}
  #clientsView>.section-heading>div{display:none!important}
  .clients-page-toolbar{justify-content:flex-start;flex-wrap:wrap}
  .clients-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clients-content-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .clients-stats-grid{grid-template-columns:1fr 1fr;gap:10px}
  .client-stat-card{min-height:96px;padding:14px!important;grid-template-columns:34px 1fr}
  .client-stat-card>span{width:32px;height:32px;font-size:18px}
  .client-stat-card strong{font-size:20px}
  .clients-page-toolbar{display:grid;grid-template-columns:1fr auto}
  .clients-search{width:100%}
  .clients-data-table th:nth-child(2),.clients-data-table td:nth-child(2),
  .clients-data-table th:nth-child(4),.clients-data-table td:nth-child(4),
  .clients-data-table th:nth-child(5),.clients-data-table td:nth-child(5){display:none}
  .clients-data-table th,.clients-data-table td{padding:13px 12px}
  .client-details-panel{display:none}
}

/* Cadastro de cliente — formulário em tela de sistema */
#clientDialog{
  width:min(1280px,96vw)!important;
  max-width:1280px!important;
  height:min(860px,92vh)!important;
  max-height:92vh!important;
  padding:0!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(14,18,22,.98),rgba(5,8,10,.99))!important;
  overflow:hidden!important;
}
#clientDialog::backdrop{
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
}
.client-system-form{
  height:100%;
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
}
.client-form-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 28px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.client-form-title{
  display:flex;
  align-items:center;
  gap:14px;
}
.client-form-title h2{
  margin:0;
  font-size:26px;
  letter-spacing:-.04em;
}
.client-form-title p{
  margin:6px 0 0;
  color:#d5dbe0;
  font-size:14px;
}
.client-form-actions{
  display:flex;
  gap:12px;
}
.client-form-actions .button{
  min-width:128px;
  height:42px;
  border-radius:8px!important;
}
.client-form-footer{
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(13,17,21,.92),rgba(10,13,16,.98));
  padding:12px 18px;
}
.client-form-footer .form-message{
  margin:0 0 8px;
}
.client-form-footer .form-message:empty{
  display:none;
}
.client-form-bottom-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
}
.client-form-bottom-actions .button{
  min-width:140px;
  height:44px;
  border-radius:8px!important;
}
.client-form-layout{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:16px;
  padding:18px;
  overflow:auto;
}
.client-form-main{
  display:grid;
  gap:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(16,21,25,.92),rgba(7,10,12,.96));
}
.client-form-section{
  padding:22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.client-form-section:last-child{
  border-bottom:0;
}
.client-form-section h3,.client-form-side-card h3{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 20px;
  font-size:16px;
}
.client-form-section h3 span,.client-form-side-card h3 span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#9b51e0;
  background:rgba(155,81,224,.18);
}
.client-form-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.client-form-grid.extra{
  grid-template-columns:220px 220px 1fr;
}
.client-form-grid.preferences{
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:end;
}
.client-form-grid label,.client-form-side-card label{
  display:grid;
  gap:8px;
}
.client-form-grid label.wide{
  grid-column:span 2;
}
.client-form-grid label>span,.client-form-side-card label>span{
  color:#c9d0d7;
  font-size:12px;
}
.client-form-grid input,.client-form-grid select,.client-form-grid textarea,
.client-form-side-card input,.client-form-side-card select{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#fff;
  padding:13px 14px;
  outline:0;
  font:inherit;
}
.client-form-grid textarea{
  resize:vertical;
}
.client-form-grid input:focus,.client-form-grid select:focus,.client-form-grid textarea:focus,
.client-form-side-card input:focus,.client-form-side-card select:focus{
  border-color:rgba(232,239,0,.55);
  box-shadow:0 0 0 3px rgba(232,239,0,.08);
}
.client-form-section .toggle-label{
  display:flex!important;
  align-items:center;
  gap:10px;
}
.client-form-section.tags p{
  margin:0 0 14px;
  color:#aeb6bf;
  font-size:12px;
}
.client-form-section.tags div{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.client-form-section.tags button{
  border:1px solid rgba(232,239,0,.25);
  border-radius:8px;
  background:rgba(232,239,0,.06);
  color:#e7edf2;
  padding:9px 14px;
}
.client-form-aside{
  display:grid;
  gap:14px;
  align-content:start;
}
.client-form-side-card{
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(16,21,25,.92),rgba(7,10,12,.96));
}
.client-live-summary{
  text-align:left;
}
.client-live-avatar{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  margin:10px 0 10px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 20%,#b88cff,#4b236f);
  color:#fff;
  font-size:22px;
  font-weight:900;
}
.client-live-summary strong,.client-live-summary small{
  display:block;
}
.client-live-summary strong{
  font-size:16px;
}
.client-live-summary small{
  margin-top:8px;
  color:#cbd2d8;
}
.client-form-side-card p{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:14px 0;
  color:#cbd2d8;
  font-size:12px;
}
.client-form-side-card p strong{
  color:#fff;
}
.client-form-side-card .full{
  width:100%;
  margin-top:12px;
}
@media(max-width:980px){
  #clientDialog{width:96vw!important;height:92vh!important}
  .client-form-layout{grid-template-columns:1fr}
  .client-form-grid,.client-form-grid.extra,.client-form-grid.preferences{grid-template-columns:1fr 1fr}
  .client-form-aside{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  #clientDialog{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  .client-system-form{grid-template-rows:auto minmax(0,1fr) auto}
  .client-form-top{padding:18px 14px 14px;align-items:flex-start}
  .client-form-title{align-items:flex-start;gap:12px}
  .client-form-title .icon-action{width:34px;height:34px;min-width:34px}
  .client-form-title h2{font-size:24px;line-height:1.05}
  .client-form-title p{font-size:13px;line-height:1.35;max-width:270px}
  .client-form-actions{display:none}
  .client-form-footer{position:sticky;bottom:0;z-index:10;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .client-form-bottom-actions .button{flex:1;min-width:0}
  .client-form-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:12px!important;
    overflow-x:hidden!important;
  }
  .client-form-main{
    order:1;
    border-radius:14px;
    overflow:visible;
  }
  .client-form-aside{
    order:2;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .client-form-section,.client-form-side-card{
    padding:16px!important;
    border-radius:14px!important;
  }
  .client-form-section h3,.client-form-side-card h3{
    margin-bottom:14px!important;
    font-size:15px!important;
  }
  .client-form-section h3 span,.client-form-side-card h3 span{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
  }
  .client-form-grid,.client-form-grid.extra,.client-form-grid.preferences{grid-template-columns:1fr}
  .client-form-grid label.wide{grid-column:auto}
  .client-form-grid{
    gap:12px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .client-form-grid input,.client-form-grid select,.client-form-grid textarea,
  .client-form-side-card input,.client-form-side-card select{
    min-height:44px!important;
    padding:11px 12px!important;
    font-size:14px!important;
    border-radius:10px!important;
  }
  .client-live-summary{
    display:grid;
    grid-template-columns:52px 1fr;
    align-items:center;
    gap:8px 12px;
  }
  .client-live-summary h3{grid-column:1/-1}
  .client-live-avatar{width:52px;height:52px;margin:0;font-size:18px;grid-row:2/5}
  .client-live-summary small{margin-top:2px}
  .client-form-section.tags div{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}

/* Tela Projetos — visual de gestão profissional */
body[data-view="projects"] .topbar{
  margin-bottom:18px!important;
  align-items:flex-start!important;
}
body[data-view="projects"] .topbar h1{
  margin:0!important;
  font-size:clamp(28px,2.4vw,34px)!important;
}
body[data-view="projects"] .topbar .eyebrow{
  margin:8px 0 0!important;
  color:#d8dde2!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-view="projects"] .top-actions .search,
body[data-view="projects"] #quickProposalButton,
body[data-view="projects"] #newEventButton{
  display:none!important;
}
.projects-page-shell{display:grid;gap:16px}
.projects-page-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
  margin:0 0 10px;
}
.projects-new-button{
  height:42px!important;
  min-width:132px!important;
  border-radius:8px!important;
  background:var(--accent)!important;
  color:#050607!important;
  box-shadow:0 18px 42px rgba(232,239,0,.18)!important;
}
.projects-search{
  width:min(360px,100%);
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#aeb6bf;
}
.projects-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
}
.projects-filter-button{height:42px!important;border-radius:8px!important;background:rgba(255,255,255,.025)!important}
.projects-stats-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.project-stat-card{
  min-height:118px;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:center;
  padding:18px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(18,23,27,.95),rgba(7,10,12,.98))!important;
}
.project-stat-card>span{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  color:#9b51e0;background:rgba(155,81,224,.16);font-size:24px;
}
.project-stat-card.green>span{color:#67dc28;background:rgba(103,220,40,.14)}
.project-stat-card.yellow>span{color:#ffbd00;background:rgba(255,189,0,.15)}
.project-stat-card.blue>span{color:#2f80ed;background:rgba(47,128,237,.15)}
.project-stat-card.money>span{color:var(--accent);background:rgba(232,239,0,.14)}
.project-stat-card small,.project-stat-card em{display:block;color:#c7cdd4;font-size:12px;font-style:normal}
.project-stat-card strong{display:block;margin:8px 0;color:#fff;font-size:24px;line-height:1}
.project-stat-card em{color:#67dc28}
.projects-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,350px);
  gap:16px;
  align-items:start;
}
.projects-list-card,.projects-side-card{
  padding:0!important;
  overflow:hidden;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(16,21,25,.96),rgba(6,9,11,.98))!important;
}
.projects-tabs{
  display:flex;
  gap:28px;
  padding:18px 18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.projects-tabs button{
  position:relative;
  padding:0 0 16px;
  border:0;
  background:transparent;
  color:#cbd1d7;
  font-weight:750;
  cursor:pointer;
}
.projects-tabs button.active{color:var(--accent)}
.projects-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}
.projects-sort{display:flex;justify-content:flex-end;padding:12px 18px 0}
.projects-sort button{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.025);color:#fff;padding:8px 14px}
.projects-table-wrap{overflow:auto}
.projects-data-table{width:100%;border-collapse:collapse}
.projects-data-table td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.065);white-space:nowrap;color:#eef2f4}
.projects-data-table tr:hover{background:linear-gradient(90deg,rgba(232,239,0,.07),rgba(255,255,255,.015))}
.project-name-cell{display:flex;align-items:center;gap:12px}
.project-name-cell>span{width:54px;height:54px;display:grid;place-items:center;border-radius:10px;background:rgba(232,239,0,.1);border:1px solid rgba(232,239,0,.25);font-weight:900}
.project-name-cell strong,.project-name-cell small,.projects-data-table small{display:block}
.project-name-cell small,.projects-data-table small{margin-top:5px;color:#aeb6bf;font-size:12px}
.project-date{display:block;color:#eef2f4}
.project-status{display:inline-flex;padding:7px 10px;border-radius:8px;font-size:11px;font-weight:900;background:rgba(103,220,40,.14);color:#67dc28}
.project-status.waiting{background:rgba(255,189,0,.15);color:#ffbd00}
.project-status.done{background:rgba(47,128,237,.15);color:#2f80ed}
.project-status.cancelled{background:rgba(255,96,77,.15);color:#ff604d}
.project-progress{display:grid;gap:8px;width:120px}
.project-progress span{font-size:12px}
.project-progress i{height:4px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.project-progress b{display:block;height:100%;border-radius:inherit;background:#67dc28}
.projects-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;color:#c8ced5;font-size:12px}
.projects-pagination span{display:flex;gap:8px}
.projects-pagination button{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.025);color:#fff}
.projects-pagination button.active{border-color:var(--accent);color:var(--accent)}
.projects-side-panel{display:grid;gap:16px}
.projects-side-card{padding:18px!important}
.projects-side-card .card-heading{margin-bottom:16px}
.projects-side-card p{display:flex;justify-content:space-between;gap:12px;margin:16px 0;color:#cbd2d8;font-size:13px}
.projects-side-card p strong{color:#fff}
.projects-side-card .positive{color:#67dc28!important}
.projects-side-card .danger{color:#ff604d!important}
.project-donut{width:160px;height:160px;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#67dc28 0 40%,#2f80ed 40% 65%,#ffcf24 65% 83%,#9b51e0 83% 95%,#ff604d 95% 100%)}
.project-donut strong{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:#0a0f12;color:#fff;font-size:24px}
.project-donut small{display:block;color:#aeb6bf;font-size:11px}
.projects-side-card p i{width:9px;height:9px;display:inline-block;margin-right:8px;border-radius:50%;background:#67dc28}
.projects-side-card p:nth-child(3) i{background:#2f80ed}.projects-side-card p:nth-child(4) i{background:#ffcf24}.projects-side-card p:nth-child(5) i{background:#9b51e0}

/* Tela Produções — kanban profissional */
body[data-view="events"] .topbar{
  margin-bottom:18px!important;
  align-items:flex-start!important;
}
body[data-view="events"] .topbar h1{
  margin:0!important;
  font-size:clamp(28px,2.4vw,34px)!important;
}
body[data-view="events"] .topbar .eyebrow{
  margin:8px 0 0!important;
  color:#d8dde2!important;
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-view="events"] .top-actions .search,
body[data-view="events"] #quickProposalButton,
body[data-view="events"] #newEventButton{display:none!important}
.productions-page-shell{display:grid;gap:16px}
.productions-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
  margin-top:-54px;
  margin-right:210px;
  margin-bottom:10px;
}
.productions-new-button{
  height:42px!important;
  min-width:150px!important;
  border-radius:8px!important;
  background:var(--accent)!important;
  color:#050607!important;
  box-shadow:0 18px 42px rgba(232,239,0,.18)!important;
}
.productions-search{
  width:min(280px,100%);
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.025);
  color:#aeb6bf;
}
.productions-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}
.productions-filter-button{height:42px!important;border-radius:8px!important;background:rgba(255,255,255,.025)!important}
.productions-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.production-stat-card{
  min-height:118px;
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:center;
  padding:18px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(18,23,27,.95),rgba(7,10,12,.98))!important;
  width:100%;
  border:1px solid var(--line);
  color:var(--text);
  text-align:left;
}
button.production-stat-card{cursor:pointer}
button.production-stat-card:hover{border-color:rgba(232,239,0,.38)!important;transform:translateY(-1px)}
button.production-stat-card.active{border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(232,239,0,.14),0 18px 45px rgba(0,0,0,.18)!important}
button.production-stat-card.active small:after{content:" • filtrando";color:var(--accent);font-weight:900}
.production-stat-card>span{
  width:42px;height:42px;display:grid;place-items:center;border-radius:12px;
  font-size:22px;background:rgba(232,239,0,.12);color:var(--accent)
}
.production-stat-card.green>span{background:rgba(103,220,40,.14);color:#67dc28}
.production-stat-card.orange>span{background:rgba(255,138,0,.14);color:#ff8a00}
.production-stat-card.purple>span{background:rgba(155,81,224,.16);color:#b06cff}
.production-stat-card.blue>span{background:rgba(47,128,237,.16);color:#2f80ed}
.production-stat-card small,.production-stat-card em{display:block;color:#c7cdd4;font-size:12px;font-style:normal}
.production-stat-card strong{display:block;margin:8px 0;color:#fff;font-size:24px;line-height:1}
.production-stat-card em{color:#67dc28}
.productions-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}
.productions-board-card,.productions-side-card{
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(13,18,21,.96),rgba(5,8,10,.98))!important;
}
.productions-board-card{padding:0!important;overflow:hidden}
.productions-board-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.productions-tabs{display:flex;gap:18px}
.productions-tabs button{
  position:relative;border:0;background:transparent;color:#cfd4da;padding:8px 0;font-weight:800;cursor:pointer
}
.productions-tabs button.active{color:var(--accent)}
.productions-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--accent)}
.productions-sort{display:flex;align-items:center;gap:10px;color:#d7dde3}
.productions-sort button,.productions-sort span{
  border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.025);color:#dce2e8;padding:8px 10px
}
.productions-kanban{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:8px;padding:12px;overflow:auto}
.production-column{
  min-height:560px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.075);
  border-radius:9px;
  background:rgba(255,255,255,.018);
}
.production-column header{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;
  padding:14px;color:#dbe1e7;font-size:13px
}
.production-column header span{width:9px;height:9px;border-radius:50%}
.production-column header small{color:#8e98a2}
.production-column-list{display:grid;gap:10px;padding:0 10px 12px}
.production-card{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(20,25,30,.86),rgba(8,11,14,.88));
  cursor:pointer;
  transition:.16s ease;
}
.production-card:hover{transform:translateY(-1px);border-color:rgba(232,239,0,.28)}
.production-thumb{
  width:62px;height:82px;border-radius:8px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(232,239,0,.22),rgba(255,255,255,.06));
  color:var(--accent);font-weight:950
}
.production-info{min-width:0}
.production-info strong,.production-info small,.production-info em{display:block}
.production-info strong{margin:6px 0 4px;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.production-info small{color:#c8ced5;font-size:11px}
.production-info em{margin-top:8px;color:#aeb6bf;font-size:10px;font-style:normal}
.production-chip{display:inline-flex;padding:4px 6px;border-radius:6px;background:rgba(232,239,0,.1);color:var(--accent);font-size:9px;font-weight:900}
.production-chip.production{background:rgba(103,220,40,.13);color:#67dc28}
.production-chip.editing{background:rgba(255,138,0,.14);color:#ff8a00}
.production-chip.done{background:rgba(103,220,40,.13);color:#67dc28}
.production-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.production-card-footer span{color:#fff;font-size:11px;font-weight:800}
.production-card-footer mark{padding:4px 6px;border-radius:6px;background:rgba(255,189,0,.14);color:#ffcf24;font-size:9px;font-weight:900}
.production-card-footer mark.ok{background:rgba(103,220,40,.13);color:#67dc28}
.production-empty{padding:18px 8px;text-align:center;color:#8d97a1;font-size:12px}
.production-add-card{
  min-height:54px;border:1px dashed rgba(255,255,255,.12);border-radius:9px;background:transparent;color:#cbd2d9;cursor:pointer
}
.productions-side-panel{display:grid;gap:14px;align-content:start}
.productions-side-card{padding:18px!important}
.productions-side-card h3{margin:0 0 14px;font-size:16px}
.production-donut{
  width:142px;height:142px;margin:8px auto 16px;border-radius:50%;
  display:grid;place-items:center;background:conic-gradient(#9aa3ad 0 17%,#67dc28 17% 56%,#ff8a00 56% 84%,#ffcf24 84% 95%,#67dc28 95% 100%)
}
.production-donut strong{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#080c0e;color:#fff;font-size:24px}
.production-donut small{display:block;color:#aeb6bf;font-size:11px}
.production-legend p,.production-side-list p,.production-side-row{display:flex;justify-content:space-between;gap:12px;margin:12px 0;color:#d1d7de;font-size:12px}
.production-legend i{width:9px;height:9px;display:inline-block;border-radius:50%;margin-right:8px}
.production-side-row{width:100%;align-items:center;text-align:left;border:0;background:transparent;padding:3px 0;border-radius:10px;cursor:pointer}
.production-side-row:hover{background:rgba(216,255,62,.06);padding-inline:8px}
.production-side-row span,.production-side-list p span,.production-side-list p small{display:block}
.production-side-row small,.production-side-list p small{margin-top:4px;color:#909aa4}
.production-side-row strong,.production-side-list p strong{color:var(--accent)}
.production-side-list.expanded{max-height:360px;overflow:auto;padding-right:4px}
.storage-meter{height:7px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:12px 0}
.storage-meter i{display:block;width:67%;height:100%;background:var(--accent)}
@media(max-width:1200px){
  .productions-workspace{grid-template-columns:1fr}
  .productions-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .productions-toolbar{margin:0;justify-content:flex-start;flex-wrap:wrap}
  .productions-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .productions-kanban{grid-template-columns:repeat(5,240px)}
  .productions-side-panel{grid-template-columns:1fr}
}
@media(max-width:700px){
  .productions-toolbar{display:grid;grid-template-columns:1fr auto}
  .productions-new-button{grid-column:1/-1}
  .productions-search{width:100%}
  .production-stat-card{min-height:88px;padding:13px!important;grid-template-columns:34px 1fr}
  .production-stat-card>span{width:32px;height:32px;font-size:17px}
  .production-stat-card strong{font-size:19px}
}

/* Novo projeto — wizard visual inspirado em sistema profissional */
.project-wizard-dialog{
  width:min(1280px,calc(100vw - 42px));
  max-height:calc(100vh - 34px);
  padding:0;
  border-radius:18px;
  overflow:hidden;
}
.project-wizard-form{
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 34px);
  background:
    radial-gradient(circle at 82% 0,rgba(232,239,0,.08),transparent 28%),
    linear-gradient(145deg,#0b1014,#07090b);
}
.project-wizard-top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:20px 26px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.project-back-button{
  width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(255,255,255,.035);color:#fff;font-size:22px;cursor:pointer;
}
.project-wizard-top h2{margin:0;font-size:28px;letter-spacing:-.04em}
.project-wizard-top p{margin:5px 0 0;color:#d3d7dc;font-size:14px}
.project-wizard-actions{display:flex;gap:12px}
.project-wizard-actions .button{height:42px;border-radius:9px;padding-inline:24px}
.project-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:14px 26px 0;
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(18,23,28,.92),rgba(9,12,15,.92));
}
.project-steps span{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;color:#cfd4da}
.project-steps span:not(:last-child):after{content:"";position:absolute;left:calc(100% - 45px);right:20px;top:20px;height:1px;background:rgba(255,255,255,.18)}
.project-steps b{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(255,255,255,.22);font-size:15px}
.project-steps strong{font-size:14px}
.project-steps small{color:#b4bac1;font-size:11px}
.project-steps .active b{border-color:var(--accent);background:var(--accent);color:#050607}
.project-steps .active strong{color:var(--accent)}
.project-wizard-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px;
  padding:16px 26px 24px;
  overflow:auto;
}
.project-main-card,.project-summary-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:linear-gradient(155deg,rgba(19,24,29,.86),rgba(8,11,14,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.project-main-card{padding:18px}
.project-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.project-section-title span{
  width:34px;height:34px;display:grid;place-items:center;border-radius:9px;
  color:var(--accent);background:rgba(232,239,0,.1);font-weight:900;
}
.project-section-title h3{margin:0;font-size:17px}
.project-section-title small{display:block;margin-top:4px;color:#aeb6bf;font-size:12px}
.project-section-title.slim{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.project-form-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr;gap:14px}
.project-form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-field,.project-form-grid label{display:grid;gap:7px}
.project-field span,.project-form-grid label span{
  color:#c7ced7;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;
}
.project-field input,.project-field textarea,.project-form-grid input,.project-form-grid textarea,.project-form-grid select{
  width:100%;
  min-height:44px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  background:rgba(20,25,30,.82);
  color:#fff;
  padding:11px 13px;
  font-size:14px;
  outline:none;
}
.project-field textarea,.project-form-grid textarea{resize:vertical;min-height:92px}
.project-field input:focus,.project-field textarea:focus,.project-form-grid input:focus,.project-form-grid textarea:focus,.project-form-grid select:focus{
  border-color:rgba(232,239,0,.72);
  box-shadow:0 0 0 3px rgba(232,239,0,.07);
}
.project-field.wide{grid-column:span 2}.project-field.full,.project-form-grid .wide{grid-column:1/-1}
.project-field small{justify-self:end;color:#8d959e;font-size:10px}
.project-service-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.project-service-chips label{cursor:pointer}
.project-service-chips input{position:absolute;opacity:0}
.project-service-chips span{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  background:rgba(255,255,255,.025);color:#f6f8fa;font-weight:800;font-size:13px;
}
.project-service-chips img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(232,239,0,.16))}
.project-service-chips input:checked+span{
  border-color:var(--accent);background:rgba(232,239,0,.1);color:var(--accent);
}
.project-upload-preview{
  display:flex;align-items:center;gap:14px;min-height:86px;padding:18px;
  border:1px dashed rgba(255,255,255,.18);border-radius:12px;background:rgba(0,0,0,.12);
}
.project-upload-preview span{font-size:28px;color:var(--accent)}
.project-upload-preview strong,.project-upload-preview small{display:block}
.project-upload-preview small{color:#aeb6bf}
.project-summary-panel{display:grid;align-content:start;gap:14px}
.project-summary-card{padding:16px}
.project-summary-card.cover{overflow:hidden;padding:0}
.project-cover-art{
  height:190px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.56)),
    url('/img/camera-bg-desktop.png?v=91') center/cover no-repeat;
}
.project-cover-art span{
  width:72px;height:72px;display:grid;place-items:center;border:2px solid var(--accent);
  border-radius:50%;background:rgba(0,0,0,.35);font-size:30px;
}
.project-summary-card.cover h3{margin:18px 18px 6px;font-size:20px}
.project-summary-card.cover em{
  display:inline-flex;margin:0 18px 18px;padding:7px 10px;border-radius:8px;
  background:rgba(103,220,40,.14);color:#67dc28;font-style:normal;font-size:12px;font-weight:900;
}
.project-summary-card h3{margin:0 0 14px;font-size:16px}
.project-summary-card p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#b9c0c8;font-size:13px}
.project-summary-card p:last-child{border-bottom:0}
.project-summary-card p strong{max-width:55%;text-align:right;color:#fff}
.project-summary-card.tip p{display:block;line-height:1.5;border:0}
@media(max-width:1100px){
  .project-wizard-grid{grid-template-columns:1fr}
  .project-summary-panel{grid-template-columns:1fr 1fr}
  .project-summary-card.tip{grid-column:1/-1}
}
@media(max-width:760px){
  .project-wizard-dialog{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}
  .project-wizard-top{grid-template-columns:auto 1fr;padding:16px}
  .project-wizard-actions{grid-column:1/-1}.project-wizard-actions .button{flex:1}
  .project-steps{display:flex;overflow:auto;margin:12px 16px 0;padding:12px}
  .project-steps span{min-width:150px}.project-steps span:after{display:none}
  .project-wizard-grid{padding:14px 16px 82px}
  .project-form-grid,.project-form-grid.compact{grid-template-columns:1fr}
  .project-service-chips{grid-template-columns:1fr 1fr}
  .project-summary-panel{grid-template-columns:1fr}
}
@media(max-width:1180px){
  .projects-page-toolbar{margin-top:0;justify-content:flex-start;flex-wrap:wrap}
  .projects-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .projects-content-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .projects-stats-grid{grid-template-columns:1fr 1fr;gap:10px}
  .project-stat-card{min-height:96px;padding:14px!important;grid-template-columns:34px 1fr}
  .project-stat-card>span{width:32px;height:32px;font-size:18px}
  .project-stat-card strong{font-size:20px}
  .projects-page-toolbar{display:grid;grid-template-columns:1fr auto}
  .projects-new-button{grid-column:1/-1}
  .projects-search{width:100%}
  .projects-data-table td:nth-child(2),.projects-data-table td:nth-child(5){display:none}
  .projects-data-table td{padding:13px 12px}
}

/* Dashboard no estilo sistema profissional */
body[data-view="agenda"] .studio-command{display:none}
body[data-view="agenda"] .topbar{margin-bottom:16px;align-items:flex-start}
body[data-view="agenda"] .topbar>div:first-child{display:grid;gap:3px}
body[data-view="agenda"] .topbar .eyebrow{order:2;margin:0;color:#d6dbe0;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
body[data-view="agenda"] .topbar h1{order:1;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.05em}
body[data-view="agenda"] .top-actions{align-items:center}
body[data-view="agenda"] .top-actions .search,
body[data-view="agenda"] #quickProposalButton{display:none}
body[data-view="agenda"] #newEventButton{min-width:92px;height:42px;border:1px solid rgba(232,239,0,.75);border-radius:10px;background:rgba(232,239,0,.04);color:var(--accent);box-shadow:none}
body[data-view="agenda"] #newEventButton:hover{background:rgba(232,239,0,.12);transform:translateY(-1px)}
body[data-view="agenda"] #statsCards.stats{grid-template-columns:repeat(6,minmax(132px,1fr));gap:14px;margin-bottom:16px}
.dashboard-stat{min-height:138px;padding:18px 16px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(21,25,29,.96),rgba(8,10,12,.98))!important;box-shadow:0 22px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden}
.dashboard-stat:after{content:"";position:absolute;right:10px;bottom:8px;width:58px;height:58px;border:2px solid currentColor;border-radius:14px;opacity:.055;transform:rotate(-2deg)}
.dashboard-stat-icon{display:block!important;margin:0 0 18px!important;color:var(--accent)!important;font-size:24px!important;line-height:1!important}
.dashboard-stat small{margin:0 0 7px!important;color:#e1e5e9!important;font-size:12px!important;font-weight:600!important;text-transform:none}
.dashboard-stat strong{display:block;font-size:clamp(24px,2.2vw,32px)!important;line-height:1.05!important;color:#fff!important;letter-spacing:-.05em!important;padding:0!important}
.dashboard-stat em{display:block;margin-top:5px;color:#d9dde2;font-size:12px;font-style:normal}
.dashboard-stat b{position:absolute;right:14px;bottom:14px;color:#6de848;font-size:11px;font-weight:850}
.dashboard-stat.red .dashboard-stat-icon,.dashboard-stat.red b{color:#ff604d!important}
.dashboard-stat.green .dashboard-stat-icon,.dashboard-stat.green b{color:#67dc28!important}
.dashboard-stat.yellow .dashboard-stat-icon,.dashboard-stat.yellow b{color:var(--accent)!important}
.dashboard-stat .dashboard-eye{right:10px;top:10px;width:28px;height:28px;padding:0;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:0}
.dashboard-stat .dashboard-eye span{display:grid;place-items:center;width:100%;height:100%}
.dashboard-stat .dashboard-eye svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1280px){body[data-view="agenda"] #statsCards.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){
  body[data-view="agenda"] .topbar{display:grid;grid-template-columns:1fr auto;margin-bottom:14px}
  body[data-view="agenda"] .top-actions{display:flex!important;margin-top:0}
  body[data-view="agenda"] #notificationButton{width:42px;height:42px}
  body[data-view="agenda"] #statsCards.stats{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .dashboard-stat{min-height:105px!important;padding:12px!important}
  .dashboard-stat-icon{margin-bottom:10px!important;font-size:19px!important}
  .dashboard-stat small{font-size:10px!important}
  .dashboard-stat strong{font-size:22px!important}
  .dashboard-stat em{font-size:9px!important}
  .dashboard-stat b{display:none}
}

/* Repaginação Resumo: referência dashboard Agenda Awê */
@media(min-width:1051px){
  .app-shell{grid-template-columns:248px minmax(0,1fr)}
  main{padding:24px 26px 34px}
  .sidebar{padding:24px 18px}
  .brand{margin-bottom:34px}
  .brand-mark{width:54px;height:54px;border-radius:13px}
  .brand strong{font-size:25px;line-height:.9}
  .brand small{display:none}
  .nav-item{height:45px;border-radius:10px;padding:0 14px;font-size:15px;color:#f2f4f5}
  .nav-item span{width:22px;color:#fff;font-size:18px}
  .nav-item.active{background:linear-gradient(90deg,rgba(232,239,0,.2),rgba(232,239,0,.06));box-shadow:inset 3px 0 0 var(--accent)}
  .nav-item.active,.nav-item.active span{color:var(--accent)}
  .sidebar-card{padding:20px 18px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}
  .sidebar-card>span{font-size:12px;letter-spacing:0;text-transform:none;color:#fff;font-weight:900}
  .sidebar-card strong{font-size:13px;color:#d7dce1}
  .sidebar-card .button{height:42px;border-color:var(--accent);color:var(--accent);font-size:12px}
  .profile{margin-top:22px;padding:16px 8px;border-top:1px solid rgba(255,255,255,.08)}
  .avatar{width:46px;height:46px;background:#e1bd91;color:#111;font-size:16px}
  .profile strong{font-size:15px}
}
body[data-view="agenda"] .topbar{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}
body[data-view="agenda"] .topbar h1{font-size:32px!important}
body[data-view="agenda"] .topbar .eyebrow{font-size:15px!important;color:#f2f4f5!important;opacity:.9}
body[data-view="agenda"] .top-actions{gap:18px}
body[data-view="agenda"] #newEventButton{height:42px!important;min-width:98px!important;padding:0 18px!important;border-color:var(--accent)!important;border-radius:8px!important;background:transparent!important;color:var(--accent)!important}
body[data-view="agenda"] #notificationButton{width:42px;height:42px;border:0;background:transparent;font-size:21px}
.topbar:after{content:"";width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#e1bd91,#8b633c);box-shadow:0 0 0 3px rgba(255,255,255,.08)}
body:not([data-view="agenda"]) .topbar:after,body[data-view="agenda"] .topbar:after{display:none}
.top-logout-button{display:none!important}
.top-profile-menu-wrap{position:relative;display:flex;align-items:center;order:5}
.top-profile-button{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#f3f5f7;cursor:pointer}
.top-profile-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 42px;background:#e1bd91;color:#15100a;font-weight:900;font-size:14px;background-size:cover;background-position:center;box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.top-profile-chevron{font-size:18px;line-height:1;color:#d7dde3;transition:transform .18s ease}
.top-profile-button[aria-expanded="true"] .top-profile-chevron{transform:rotate(180deg)}
.top-profile-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:70;width:218px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(145deg,#15191e,#0c0f12);box-shadow:0 24px 70px rgba(0,0,0,.42)}
.top-profile-menu:before{content:"";position:absolute;right:17px;top:-6px;width:10px;height:10px;background:#15191e;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}
.top-profile-menu button{width:100%;height:42px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:#eef2f4;text-align:left;font-weight:800;cursor:pointer}
.top-profile-menu button:hover{background:rgba(232,239,0,.1);color:var(--accent)}
.top-profile-menu button:last-child{color:#ff8585}
body[data-view="agenda"] #statsCards.stats{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
.dashboard-stat{min-height:156px!important;padding:22px!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(22,27,31,.94),rgba(8,11,13,.98))!important;border:1px solid rgba(255,255,255,.09)!important}
.dashboard-stat-icon{margin-bottom:20px!important;font-size:26px!important}
.dashboard-stat small{font-size:14px!important;color:#f4f6f7!important}
.dashboard-stat strong{font-size:28px!important}
.dashboard-stat em{font-size:13px!important;color:#f4f4f4!important;opacity:.9}
.dashboard-stat b{bottom:18px}
.summary-dashboard{display:grid!important;grid-template-columns:1.02fr 1.05fr 1.2fr!important;gap:16px!important;align-items:stretch}
.summary-dashboard .dashboard-card{padding:24px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(18,23,27,.94),rgba(7,10,12,.98))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 24px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035)!important}
.summary-dashboard .card-heading{margin-bottom:18px}
.summary-dashboard .card-heading h2{font-size:18px!important;letter-spacing:-.035em}
.summary-link{border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:900}
.proposal-period-select.summary-link{
  max-width:142px;
  min-height:34px;
  padding:0 28px 0 12px;
  border:1px solid rgba(103,220,40,.22);
  border-radius:10px;
  background:rgba(103,220,40,.08);
  color:var(--accent);
  font-weight:900;
  outline:0;
  cursor:pointer;
}
.proposal-period-select.summary-link:focus{
  border-color:rgba(103,220,40,.55);
  box-shadow:0 0 0 3px rgba(103,220,40,.12);
}
.upcoming-card{grid-column:1;grid-row:1}
.finance-dashboard-card{grid-column:2;grid-row:1}
.category-dashboard-card{grid-column:3;grid-row:1}
.projects-dashboard-card{grid-column:1;grid-row:2}
.calendar-card{grid-column:2;grid-row:2}
.tasks-dashboard-card{grid-column:3;grid-row:2}
.quick-dashboard-card{grid-column:1/-1;grid-row:3}
.event-list{gap:0}
.dashboard-event-item{grid-template-columns:60px minmax(0,1fr) auto!important;padding:13px 0!important}
.dashboard-event-item .date-chip{width:8px;height:8px;border-radius:50%;background:#2f80ed}
.dashboard-event-item .date-chip strong,.dashboard-event-item .date-chip small{display:none}
.dashboard-event-item:nth-child(2) .date-chip{background:#9b51e0}
.dashboard-event-item:nth-child(3) .date-chip{background:#f2c94c}
.dashboard-event-item:nth-child(4) .date-chip{background:#9b51e0}
.event-info strong{font-size:14px!important}
.event-info small{font-size:12px!important}
.event-status-line{justify-content:flex-end}
.event-status-badge{font-size:10px!important;background:rgba(103,220,40,.14)!important;color:#67dc28!important}
.dashboard-event-item .delivery-badge{display:none!important}
.status-dot{display:none}
.finance-dashboard-value{font-size:29px!important;color:#67dc28!important;margin:8px 0 0!important}
.finance-dashboard-hint{font-size:12px!important}
.finance-dashboard-hint strong{color:#67dc28}
.finance-mini-chart{height:170px!important;display:block!important;margin-top:12px!important;padding:0!important;border:0!important}
.finance-mini-chart svg{width:100%;height:138px;display:block}
.finance-axis{display:flex;justify-content:space-between;color:#d5d9de;font-size:11px}
.category-dashboard-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center}
.category-donut{width:168px;height:168px;border-radius:50%;position:relative;background:conic-gradient(#67dc28 0 40%,#2f80ed 40% 65%,#f2c94c 65% 85%,#9b51e0 85% 95%,#eb5757 95% 100%)}
.category-donut:after{content:"";position:absolute;inset:44px;border-radius:50%;background:#0d1114;box-shadow:inset 0 0 30px rgba(0,0,0,.5)}
.category-breakdown{gap:13px!important}
.category-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
.category-row span{font-size:12px!important;color:#e8ecef!important}
.category-row strong{font-size:12px!important;color:#e8ecef!important}
.category-row small{grid-column:1/-1;color:#d7dce1;font-size:10px}
.category-row b{display:none!important}
.project-list{display:grid;gap:13px}
.project-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center}
.project-thumb{width:52px;height:44px;border-radius:8px;background:linear-gradient(135deg,rgba(232,239,0,.24),rgba(255,255,255,.08))}
.project-item strong,.project-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-item strong{font-size:13px}
.project-item small,.project-item em{color:var(--muted);font-size:11px;font-style:normal}
.project-item b{grid-column:2;display:block;height:5px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.project-item b i{display:block;height:100%;background:#67dc28}
.project-item mark{grid-column:3;grid-row:2;padding:5px 8px;border-radius:7px;background:rgba(103,220,40,.14);color:#67dc28;font-size:10px;font-weight:900}
.calendar-card .availability-summary{display:none}
.calendar-card .calendar-toolbar{border:0;padding:0;margin:0 0 12px}
.calendar-card .calendar-jump{display:none}
.calendar-card .weekdays span{font-size:11px;color:#d6dbe0}
.calendar-card .day{min-height:34px;border:0;padding:2px;display:grid;place-items:center}
.calendar-card .day-number{font-size:14px}
.calendar-card .calendar-event,.calendar-card .day-free-label{display:none}
.calendar-card .day.has-events{position:relative;cursor:pointer}
.calendar-card .day.has-events .day-number{color:#fff;background:rgba(216,255,62,.12);box-shadow:0 0 0 1px rgba(216,255,62,.42),0 0 18px rgba(216,255,62,.12)}
.calendar-card .calendar-day-markers{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:3px;pointer-events:none}
.calendar-card .calendar-day-markers i{width:5px;height:5px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px rgba(216,255,62,.5)}
.calendar-card .calendar-day-markers i.video{background:#2f80ed;box-shadow:0 0 10px rgba(47,128,237,.5)}
.task-list{gap:0!important}
.task-item{grid-template-columns:20px minmax(0,1fr) auto!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important;padding:13px 0!important}
.task-item span{width:18px!important;height:18px!important;border-color:#d7dce1!important}
.task-item strong{font-size:13px!important}
.task-item small{font-size:12px!important;color:#d7dce1!important}
.task-item:first-child small{color:#ff604d!important}
.dashboard-quick-actions{grid-template-columns:repeat(7,1fr)!important;gap:0!important}
.dashboard-quick-actions button{min-height:88px!important;border:0!important;border-right:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;background:transparent!important}
.dashboard-quick-actions button:last-child{border-right:0!important}
.dashboard-quick-actions span{font-size:28px!important;color:#fff!important}
.dashboard-quick-actions strong{font-size:12px!important;color:#f5f7f8!important}
@media(max-width:1050px){body[data-view="agenda"] #statsCards.stats{grid-template-columns:repeat(3,1fr)!important}.summary-dashboard{grid-template-columns:1fr 1fr!important}.category-dashboard-card,.tasks-dashboard-card,.quick-dashboard-card{grid-column:1/-1!important;grid-row:auto!important}.upcoming-card,.finance-dashboard-card,.projects-dashboard-card,.calendar-card{grid-column:auto!important;grid-row:auto!important}}
@media(max-width:700px){.summary-dashboard{grid-template-columns:1fr!important}.summary-dashboard>*{grid-column:1!important;grid-row:auto!important}.category-dashboard-body{grid-template-columns:1fr}.category-donut{margin:auto}.dashboard-quick-actions{grid-template-columns:repeat(2,1fr)!important}.dashboard-quick-actions button{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}}

/* Correção de ritmo vertical do Resumo */
body[data-view="agenda"] #statsCards.stats{align-items:stretch!important}
body[data-view="agenda"] #statsCards .dashboard-stat{min-height:126px!important;padding:16px 18px!important}
body[data-view="agenda"] #statsCards .dashboard-stat-icon{margin-bottom:14px!important;font-size:22px!important}
body[data-view="agenda"] #statsCards .dashboard-stat strong{font-size:25px!important}
.summary-dashboard{grid-auto-flow:row!important;grid-auto-rows:auto!important;align-items:start!important}
.summary-dashboard .dashboard-card{min-height:0!important}
.upcoming-card,.finance-dashboard-card,.category-dashboard-card{height:330px!important;min-height:330px!important}
.projects-dashboard-card,.calendar-card,.tasks-dashboard-card{height:300px!important;min-height:300px!important}
.quick-dashboard-card{min-height:134px!important}
.upcoming-card,.projects-dashboard-card,.tasks-dashboard-card{overflow:hidden!important}
.finance-mini-chart{height:190px!important}
.finance-mini-chart svg{height:150px!important}
.category-dashboard-body{height:235px;overflow:hidden}
.project-list,.task-list,.event-list{max-height:220px;overflow:hidden}
@media(max-width:1050px){.upcoming-card,.finance-dashboard-card,.category-dashboard-card,.projects-dashboard-card,.calendar-card,.tasks-dashboard-card{height:auto!important;min-height:0!important}.project-list,.task-list,.event-list{max-height:none}.category-dashboard-body{height:auto}}
@media(max-width:700px){body[data-view="agenda"] #statsCards .dashboard-stat{min-height:100px!important}.quick-dashboard-card{min-height:0!important}}
.login-studio-loader{background:radial-gradient(circle at 50% 38%,rgba(232,239,0,.16),transparent 28%),rgba(5,6,7,.9)}
.loader-logo{background:var(--accent);color:#050607}
@media(max-width:1050px){.app-shell{grid-template-columns:78px minmax(0,1fr)}}
@media(max-width:900px){.auth-screen{display:block;background:#050607}.auth-panel{background:#050607}.auth-box{width:min(560px,100%)}.login-scene{right:-80px;opacity:.48}}
@media(max-width:700px){
  .auth-visual{min-height:150px;padding:18px 16px}.auth-topline{align-items:center}.auth-copy,.auth-quote,.login-scene{display:none!important}
  .auth-panel{min-height:calc(100vh - 150px);padding:20px 14px 92px}.welcome-pane{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .welcome-pane h2{font-size:32px;line-height:1.05;margin:12px 0}.welcome-pane .auth-subtitle{font-size:14px;margin-bottom:14px}
  .brazil-fit,.before-after,.conversion-list,.welcome-preview,.ideal-for{display:none!important}
  .welcome-actions{grid-template-columns:1fr;margin:16px 0 8px}.welcome-actions .button-primary{min-height:56px;border-radius:17px}.login-secondary{min-height:45px}
  .feature-grid{grid-template-columns:1fr;gap:8px}.feature-grid article{min-height:auto;padding:13px 14px}.feature-grid article:nth-child(4){display:none}.feature-grid strong{font-size:14px}.feature-grid small{font-size:12px}
  .welcome-proof{margin:13px 0;padding:12px 0;grid-template-columns:repeat(3,1fr)}.welcome-proof strong{font-size:12px}.welcome-proof small{font-size:10px}
  .app-download{display:flex!important;margin-top:13px;padding:13px 14px}.mobile-sticky-cta{display:block}
}

.event-form-group{display:contents}.event-group-title{display:none}
select option{background:#15191e;color:#f5f7f8}
@media(max-width:700px){
  .event-dialog .event-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .event-dialog .event-form-group{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:11px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;background:rgba(255,255,255,.025)!important}
  .event-dialog .event-group-title{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:1px!important;color:var(--accent)!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important}
  .event-dialog .event-group-title:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(232,239,0,.35)}
  .event-dialog .event-form-client,.event-dialog .event-form-production,.event-dialog .event-form-when,.event-dialog .event-form-money{grid-template-columns:1fr!important}
  .event-dialog .event-form-client .event-group-title,.event-dialog .event-form-production .event-group-title,.event-dialog .event-form-when .event-group-title,.event-dialog .event-form-money .event-group-title,.event-dialog .event-form-notes .event-group-title{grid-column:1/-1!important}
  .event-dialog .event-form-client label,.event-dialog .event-form-production label,.event-dialog .event-form-when label.full,.event-dialog .event-form-notes label{grid-column:1/-1!important}
  .event-dialog .event-form-when .split{grid-column:1/-1!important}
  .event-dialog .event-form-money{grid-template-columns:1fr 1fr!important}
  .event-dialog .event-form-money label:nth-of-type(3){grid-column:1/-1!important}
  .event-dialog .event-form-money label:nth-of-type(4),.event-dialog .event-form-money label:nth-of-type(5){grid-column:auto!important}
  .event-dialog .event-form-grid label{gap:4px!important}
  .event-dialog .event-form-grid label>span{font-size:8px!important;color:#bfc6ce!important}
  .event-dialog .event-form-grid input,.event-dialog .event-form-grid select,.event-dialog .event-form-grid textarea{height:38px!important;min-height:38px!important;font-size:12px!important;padding:8px 10px!important;border-radius:10px!important;background:#171b20!important}
  .event-dialog .event-form-grid textarea{height:auto!important;min-height:58px!important}
  .event-dialog .split{grid-column:1/-1!important}
  .event-dialog .event-form-notes textarea#notes{min-height:72px!important}
}

@media(max-width:700px){
  .event-dialog .event-form-grid{grid-template-columns:1fr 1fr!important;gap:9px 8px!important;padding:0 1px}
  .event-dialog .event-form-group{display:contents!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  .event-dialog .event-group-title{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:8px!important;margin:10px 0 1px!important;padding:0 1px 6px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:var(--accent)!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.12em!important}
  .event-dialog .event-group-title:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(232,239,0,.32)}
  .event-dialog .event-form-client label:first-of-type,.event-dialog .event-form-production label:first-of-type,.event-dialog #place,.event-dialog #costDescription,.event-dialog #notes{grid-column:1/-1!important}
  .event-dialog .event-form-client label:nth-of-type(2),.event-dialog .event-form-production label:nth-of-type(2),.event-dialog .event-form-production label:nth-of-type(3),.event-dialog .event-form-when label:first-of-type,.event-dialog .event-form-when .split,.event-dialog .event-form-money label{grid-column:auto!important}
  .event-dialog .event-form-when label.full,.event-dialog .event-form-notes label{grid-column:1/-1!important}
  .event-dialog .event-form-grid label{min-width:0!important;gap:4px!important}
  .event-dialog .event-form-grid label>span{font-size:7.5px!important;line-height:1.25!important;color:#c3cad2!important}
  .event-dialog .event-form-grid input,.event-dialog .event-form-grid select,.event-dialog .event-form-grid textarea{height:40px!important;min-height:40px!important;border-radius:11px!important;border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.045)!important;font-size:12px!important}
  .event-dialog .event-form-grid select option{background:#15191e!important;color:#f5f7f8!important}
  .event-dialog .event-form-grid input::placeholder,.event-dialog .event-form-grid textarea::placeholder{color:#7e8791!important}
  .event-dialog .event-form-grid textarea{height:auto!important;min-height:64px!important}
  .event-dialog .split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
}

/* Landing premium de estúdio — referência preto/amarelo */
.auth-screen{position:relative;isolation:isolate;min-height:100vh;grid-template-columns:minmax(440px,.92fr) minmax(720px,1.08fr);gap:44px;padding:46px clamp(34px,4.5vw,84px);background:radial-gradient(circle at 86% 14%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 82% 78%,rgba(232,239,0,.05),transparent 20%),linear-gradient(120deg,#020303 0%,#07090a 46%,#030404 100%);overflow:hidden}
.auth-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 92% 55%,rgba(255,255,255,.06),transparent 18%),radial-gradient(circle at 94% 70%,rgba(0,0,0,.2),transparent 22%),linear-gradient(90deg,rgba(0,0,0,.02),rgba(255,255,255,.015));pointer-events:none;z-index:-1}.auth-screen:after{content:"";position:absolute;right:-130px;bottom:-170px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#0d1113 0 26%,#202428 27% 35%,#060708 36% 45%,#1a1f23 46% 51%,transparent 52%),radial-gradient(circle at 42% 38%,rgba(70,95,95,.4),transparent 18%);opacity:.42;z-index:-1}
.auth-visual{min-height:calc(100vh - 92px);padding:0;background:transparent;overflow:visible;display:flex;flex-direction:column}.auth-visual:after,.login-scene,.auth-quote{display:none!important}.auth-topline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:58px}.auth-brand{margin:0}.auth-brand .brand-mark,.preview-brand .brand-mark{width:58px;height:58px;border-radius:18px;box-shadow:0 12px 34px rgba(232,239,0,.18)}.auth-brand strong,.preview-brand strong{font-size:34px;letter-spacing:-.05em;text-transform:lowercase;font-weight:900;color:#fff}.auth-brand small{display:none}.landing-top-actions{position:fixed;top:46px;right:clamp(34px,4.5vw,84px);z-index:8;display:flex;align-items:center;gap:16px;color:#d7d9dc;font-size:14px}.landing-login-button{min-width:96px;height:46px;border:1px solid rgba(232,239,0,.45);border-radius:10px;background:rgba(0,0,0,.18);color:var(--accent);font-weight:900}.landing-login-button:hover{background:rgba(232,239,0,.1);box-shadow:0 0 26px rgba(232,239,0,.12)}.instagram-link{margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);color:#eef0f1;text-decoration:none;display:flex;align-items:center;gap:8px}.instagram-link span{color:var(--accent)}
.landing-copy{max-width:610px;margin:0;text-shadow:none}.landing-copy h1{margin:0 0 24px;font-size:clamp(52px,4.7vw,76px);line-height:.96;letter-spacing:-.065em;color:#fff}.landing-copy h1 em{display:inline;color:var(--accent);font-style:normal;text-shadow:0 0 28px rgba(232,239,0,.18)}.landing-copy>p{max-width:560px;margin:0 0 44px;color:#e4e7e9!important;font-size:22px!important;line-height:1.42}.landing-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 38px}.landing-benefits article{padding:0 28px;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.landing-benefits article:first-child{padding-left:0}.landing-benefits article:last-child{border-right:0;padding-right:0}.landing-benefits span{display:block;margin:0 auto 18px;color:var(--accent);font-size:36px;line-height:1}.landing-benefits strong{display:block;margin-bottom:6px;font-size:17px}.landing-benefits small{display:block;color:#d6d8dc;font-size:14px;line-height:1.36}
.hero-signup-card{width:min(100%,590px);display:grid;gap:14px;padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(23,25,28,.7),rgba(5,6,7,.66));box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px)}.hero-signup-card h2{margin:0 0 4px;font-size:25px;line-height:1.25;letter-spacing:-.035em}.hero-signup-card h2 em{color:var(--accent);font-style:normal}.hero-signup-card label{height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(4,5,6,.26)}.hero-signup-card label span{width:20px;color:#d6d9dc}.hero-signup-card input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.hero-signup-card input::placeholder{color:#adb2b8}.hero-signup-card .button{height:56px;margin-top:4px;border-radius:10px;font-size:16px;justify-content:center}.hero-signup-card>small{display:block;text-align:center;color:#dbe2a1;font-size:13px}.hero-signup-card p{margin:0;text-align:center;color:#8f969e;font-size:11px}.hero-signup-card a{color:var(--accent)}
.landing-proof{display:flex;align-items:center;gap:18px;margin-top:26px;color:#e7e8ea}.landing-proof span{display:flex}.landing-proof i{width:48px;height:48px;margin-left:-12px;border:2px solid #0a0c0d;border-radius:50%;background:linear-gradient(145deg,#f0d4b1,#6d4f3d)}.landing-proof i:first-child{margin-left:0}.landing-proof i:nth-child(2){background:linear-gradient(145deg,#d4a86c,#4b3628)}.landing-proof i:nth-child(3){background:linear-gradient(145deg,#e5e0d0,#6b6b65)}.landing-proof i:nth-child(4){background:linear-gradient(145deg,#b58c66,#28201c)}.landing-proof strong,.landing-proof small{display:block}.landing-proof strong{font-size:18px;font-weight:500}.landing-proof em{color:var(--accent);font-style:normal;font-weight:900}.landing-proof small{max-width:310px;color:#d1d5d9;font-size:16px}
.landing-footer-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.landing-footer-actions .landing-install{display:flex!important;width:auto;min-width:270px;margin:0;padding:12px 14px;border-radius:16px}.landing-footer-actions .app-download-icon{display:none}.landing-footer-actions .app-robot{width:38px;height:38px;flex-basis:38px}.landing-instagram{height:62px;display:inline-flex;align-items:center;gap:10px;padding:0 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.035);color:#f4f5f6;text-decoration:none;font-weight:850}.landing-instagram span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(232,239,0,.12);color:var(--accent);font-size:18px}.landing-instagram:hover,.landing-footer-actions .landing-install:hover{border-color:rgba(232,239,0,.42);background:rgba(232,239,0,.07)}.landing-copyright{margin:14px 0 0;color:#727982;font-size:12px}
.auth-panel{display:grid;align-items:center;padding:0;background:transparent}.auth-box{width:100%}.welcome-pane{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.landing-dashboard{height:min(760px,calc(100vh - 120px));min-height:620px;display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,rgba(25,28,32,.68),rgba(9,11,13,.82));box-shadow:0 38px 130px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(20px)}.preview-sidebar{display:flex;flex-direction:column;padding:36px 28px;border-right:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(8,10,12,.18),rgba(0,0,0,.22))}.preview-brand{margin:0 0 36px;gap:12px}.preview-brand .brand-mark{width:46px;height:46px}.preview-brand strong{font-size:26px;line-height:.9}.preview-brand em{color:var(--accent);font-style:normal}.preview-sidebar nav{display:grid;gap:10px}.preview-sidebar nav span{padding:12px 14px;border-radius:10px;color:#d9dce0;font-size:14px}.preview-sidebar nav span.active{background:linear-gradient(90deg,rgba(232,239,0,.12),rgba(255,255,255,.06));color:var(--accent)}.preview-user{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.preview-user>span{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#d6b492;color:#14100c;font-weight:900}.preview-user strong,.preview-user small{display:block}.preview-user small{color:#b9bec4}
.preview-main{min-width:0;padding:58px 48px 36px}.preview-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.preview-header h2{margin:0 0 4px;font-size:32px;letter-spacing:-.04em}.preview-header p{margin:0;color:#d2d6da}.preview-icons{display:flex;gap:18px;font-size:23px}.preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.preview-kpis article,.preview-card,.preview-quick span{border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.026));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.preview-kpis article{min-height:138px;padding:18px}.preview-kpis span{display:block;color:var(--accent);font-size:20px}.preview-kpis small,.preview-kpis em{display:block;color:#d6d9dd;font-style:normal}.preview-kpis small{margin-top:12px;font-size:14px}.preview-kpis strong{display:block;margin-top:8px;font-size:31px;letter-spacing:-.04em}.preview-kpis em{margin-top:4px;font-size:13px}.preview-content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.8fr);gap:16px}.preview-card{padding:18px}.preview-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.preview-card h3,.preview-quick h3{margin:0;font-size:19px;letter-spacing:-.03em}.preview-card a{color:var(--accent);text-decoration:none;font-size:13px;font-weight:800}.preview-appointments p{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;margin:0;padding:15px 0;border-top:1px solid rgba(255,255,255,.1)}.preview-appointments time{color:#fff}.preview-appointments strong,.preview-appointments small{display:block}.preview-appointments small{color:#b6bbc1}.preview-appointments b{padding:6px 9px;border-radius:7px;background:rgba(30,165,73,.22);color:#3cff67;font-size:12px}.preview-appointments b.pending{background:rgba(255,167,38,.15);color:#ffc247}.preview-calendar ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;text-align:center;color:#d7dade}.preview-calendar li{font-size:13px}.preview-calendar li:nth-child(-n+7){color:#b5bac1;font-size:10px}.preview-calendar .today{background:var(--accent);color:#050607;border-radius:6px;font-weight:900}.preview-quick{margin-top:26px}.preview-quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.preview-quick span{min-height:102px;display:grid;place-items:center;text-align:center;color:#fff;font-size:31px}.preview-quick small{display:block;margin-top:8px;color:#e0e2e4;font-size:13px;line-height:1.25}.landing-install{display:none!important}
#loginPane,#registerPane,#forgotPane,#resetPane{width:min(430px,100%);margin:auto;padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(20,23,27,.88),rgba(8,10,12,.94));box-shadow:0 35px 100px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
@media(max-width:1180px){.auth-screen{grid-template-columns:1fr;padding:30px;display:grid}.auth-panel{display:none}.auth-screen:has(#loginPane.active) .auth-panel,.auth-screen:has(#registerPane.active) .auth-panel,.auth-screen:has(#forgotPane.active) .auth-panel,.auth-screen:has(#resetPane.active) .auth-panel{display:grid}.auth-screen:has(#loginPane.active) .auth-visual,.auth-screen:has(#registerPane.active) .auth-visual,.auth-screen:has(#forgotPane.active) .auth-visual,.auth-screen:has(#resetPane.active) .auth-visual{display:none}.auth-visual{min-height:auto}.landing-copy{margin:auto}.landing-dashboard{display:none}.landing-install{display:flex!important}.auth-panel{min-height:100vh}}
@media(max-width:700px){.auth-screen{padding:18px 16px 26px!important;display:block;overflow:auto}.auth-topline{margin-bottom:34px}.auth-brand .brand-mark{width:48px;height:48px}.auth-brand strong{font-size:25px}.landing-top-actions{position:absolute;top:18px;right:16px}.landing-top-actions>span,.instagram-link strong{display:none}.landing-login-button{height:40px;min-width:78px}.instagram-link{height:40px}.auth-copy{display:block!important;max-width:none;margin:0}.landing-copy h1{font-size:43px;line-height:1.02;margin-bottom:18px}.landing-copy>p{display:block!important;margin-bottom:26px;font-size:17px!important;line-height:1.45;color:#e5e8eb!important}.landing-benefits{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.landing-benefits article{display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;padding:13px 0!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.landing-benefits span{margin:0;font-size:28px;grid-row:span 2}.landing-benefits strong{font-size:16px}.landing-benefits small{font-size:13px}.hero-signup-card{padding:18px;border-radius:18px}.hero-signup-card h2{font-size:22px}.hero-signup-card label{height:50px}.landing-proof{margin-top:22px}.landing-proof i{width:38px;height:38px}.landing-proof strong{font-size:15px}.landing-proof small{font-size:13px}.landing-footer-actions{display:grid;grid-template-columns:1fr;gap:10px}.landing-footer-actions .landing-install,.landing-instagram{width:100%;height:auto;min-height:58px}.landing-copyright{text-align:center}.auth-panel{display:block!important;min-height:auto!important;padding:0!important}.auth-box{width:100%}.welcome-pane{display:block!important}.landing-dashboard{display:none}.landing-install{display:flex!important;margin-top:0}.auth-screen:has(#loginPane.active) .auth-visual,.auth-screen:has(#registerPane.active) .auth-visual,.auth-screen:has(#forgotPane.active) .auth-visual,.auth-screen:has(#resetPane.active) .auth-visual{display:none}.auth-screen:has(#loginPane.active) .welcome-pane,.auth-screen:has(#registerPane.active) .welcome-pane,.auth-screen:has(#forgotPane.active) .welcome-pane,.auth-screen:has(#resetPane.active) .welcome-pane{display:none!important}#loginPane,#registerPane,#forgotPane,#resetPane{padding:22px;margin:0;border-radius:22px}}

.mobile-landing-copy,.mobile-auth-card{display:none}
@media(max-width:700px){
  #authScreen.auth-screen{min-height:100vh!important;padding:26px 18px 34px!important;background:
    linear-gradient(160deg,rgba(0,0,0,.42),rgba(0,0,0,.20) 42%,rgba(0,0,0,.70)),
    url('/img/camera-bg-mobile.png?v=63') center/cover no-repeat,
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.14),transparent 8%),
    radial-gradient(circle at 9% 20%,rgba(232,239,0,.18),transparent 13%),
    radial-gradient(circle at 28% 78%,rgba(232,239,0,.09),transparent 18%),
    linear-gradient(160deg,#030404,#08090a 48%,#020303)!important;overflow:auto!important}
  #authScreen.auth-screen:before{content:"";position:absolute;inset:0;background:
    radial-gradient(ellipse at 8% 6%,rgba(255,255,255,.12),transparent 12%),
    radial-gradient(circle at 28% 86%,rgba(0,0,0,.72),transparent 20%),
    radial-gradient(circle at 24% 82%,rgba(255,255,255,.1),transparent 7%),
    linear-gradient(110deg,rgba(232,239,0,.05),transparent 24%,rgba(0,0,0,.16))!important;opacity:.52!important;pointer-events:none!important}
  #authScreen.auth-screen:after{content:"";position:absolute;left:8%;right:auto;bottom:4%;width:230px!important;height:230px!important;border-radius:50%;background:
    radial-gradient(circle at 38% 32%,rgba(117,139,139,.32),transparent 15%),
    radial-gradient(circle,#080909 0 34%,#242a2e 35% 42%,#060707 43% 55%,transparent 56%)!important;opacity:.34!important;pointer-events:none!important}
  #authScreen .auth-topline{justify-content:center!important;margin:36px 0 34px!important}.auth-brand .brand-mark{width:58px!important;height:58px!important;border-radius:17px!important}.auth-brand strong{font-size:34px!important;line-height:.9!important}
  #authScreen .landing-top-actions{top:18px!important;right:18px!important}.landing-login-button{height:38px!important;min-width:74px!important;font-size:12px!important}
  #authScreen .landing-top-actions{display:none!important}
  #authScreen .landing-copy>h1,#authScreen .landing-copy>p,#authScreen .landing-benefits,#authScreen .hero-signup-card{display:none!important}
  .mobile-landing-copy{display:block!important;position:relative;z-index:2}.mobile-landing-copy h1{display:block!important;margin:0 0 18px!important;font-size:clamp(42px,13vw,58px)!important;line-height:1.05!important;letter-spacing:-.055em!important;color:#fff!important}.mobile-landing-copy h1 em{display:inline-block!important;color:var(--accent)!important;font-style:normal!important;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:7px}.mobile-landing-copy p{display:block!important;margin:0 0 22px!important;color:#e6e8ea!important;font-size:16px!important;line-height:1.45!important}
  .mobile-feature-list{display:grid!important;gap:16px!important;margin:0 0 28px!important}.mobile-feature-list article{display:grid!important;grid-template-columns:42px 1fr!important;gap:13px!important;align-items:start!important}.mobile-feature-list span{color:var(--accent)!important;font-size:26px!important;line-height:1!important}.mobile-feature-list strong{display:block!important;color:#fff!important;font-size:15px!important}.mobile-feature-list small{display:block!important;color:#d6d9dd!important;font-size:13px!important;line-height:1.35!important}
  #authScreen .auth-panel{position:relative!important;z-index:3!important;margin-top:18px!important}.mobile-auth-card{display:block!important;padding:26px 22px 0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:26px!important;background:linear-gradient(150deg,rgba(22,26,30,.82),rgba(5,7,9,.88))!important;box-shadow:0 28px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important}
  .mobile-auth-brand{justify-content:center!important;margin:0 0 24px!important}.mobile-auth-brand .brand-mark{width:54px!important;height:54px!important}.mobile-auth-brand strong{font-size:31px!important;line-height:.9!important}.mobile-auth-brand em,.mobile-auth-card h2 em,.mobile-create-note em{color:var(--accent)!important;font-style:normal!important}
  .mobile-auth-card h2{margin:0!important;text-align:center!important;font-size:28px!important;letter-spacing:-.04em!important}.mobile-auth-card>p{margin:4px 0 26px!important;text-align:center!important;color:#c9ced4!important}
  .mobile-login-form{display:grid!important;gap:15px!important}.mobile-login-form label>span{display:block!important;margin-bottom:7px!important;color:#fff!important;font-weight:800!important;font-size:13px!important}.mobile-login-form label>div{height:56px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important}.mobile-login-form b{color:#d7dce1!important;font-weight:400!important}.mobile-login-form input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:15px!important}.mobile-login-form .forgot-link{justify-self:end!important;color:var(--accent)!important;font-size:13px!important;margin-top:2px!important}.mobile-login-form .auth-submit{height:58px!important;margin-top:8px!important;border-radius:10px!important;font-size:18px!important}
  .mobile-google-switch{width:100%!important;height:54px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}.mobile-create-note{margin:24px 0 14px!important;text-align:center!important;color:#cbd0d5!important;line-height:1.55!important}.mobile-create-button{width:100%!important;height:56px!important;border-radius:10px!important;border-color:rgba(232,239,0,.65)!important;color:var(--accent)!important;background:transparent!important;font-size:16px!important}
  .mobile-trust-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:26px -22px 0!important;border-top:1px solid rgba(255,255,255,.13)!important}.mobile-trust-row span{display:grid!important;place-items:center!important;gap:7px!important;min-height:104px!important;padding:12px 8px!important;text-align:center!important;color:#f1f3f4!important;border-right:1px solid rgba(255,255,255,.12)!important}.mobile-trust-row span:last-child{border-right:0!important}.mobile-trust-row small{display:block!important;color:#cbd0d5!important;font-size:11px!important;line-height:1.35!important}
  #authScreen .landing-proof{position:relative!important;z-index:2!important;margin-top:22px!important;align-items:center!important}.landing-footer-actions{position:relative!important;z-index:2!important}.landing-copyright{position:relative!important;z-index:2!important}
}

/* Fundo com clima de estúdio/câmera no desktop */
@media(min-width:1181px){
  #authScreen.auth-screen{background:
    linear-gradient(120deg,rgba(0,0,0,.62),rgba(0,0,0,.22) 48%,rgba(0,0,0,.52)),
    url('/img/camera-bg-desktop.png?v=63') center/cover no-repeat,
    radial-gradient(circle at 76% 18%,rgba(255,255,255,.055),transparent 18%),
    radial-gradient(circle at 83% 72%,rgba(232,239,0,.045),transparent 18%),
    linear-gradient(120deg,#020303 0%,#07090a 46%,#030404 100%)!important}
  #authScreen.auth-screen:before{background:
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 32%,rgba(255,255,255,.018) 66%,rgba(0,0,0,.22)),
    radial-gradient(ellipse at 85% 54%,rgba(255,255,255,.07),transparent 17%),
    radial-gradient(ellipse at 88% 54%,rgba(0,0,0,.32),transparent 24%),
    radial-gradient(circle at 95% 67%,rgba(255,255,255,.035),transparent 15%)!important;opacity:.38!important}
  #authScreen.auth-screen:after{right:-105px!important;bottom:-135px!important;width:560px!important;height:560px!important;border-radius:50%!important;background:
    radial-gradient(circle at 45% 42%,rgba(116,139,140,.34),transparent 12%),
    radial-gradient(circle,#070909 0 25%,#1b2024 26% 32%,#050606 33% 43%,#1c2226 44% 49%,#070808 50% 58%,transparent 59%),
    conic-gradient(from 18deg,rgba(255,255,255,.06),transparent 18%,rgba(255,255,255,.035) 26%,transparent 42%,rgba(232,239,0,.04) 55%,transparent 72%,rgba(255,255,255,.04))!important;opacity:.42!important;filter:blur(.2px)!important}
  #authScreen .auth-panel{position:relative!important}
  #authScreen .auth-panel:before{content:"";position:absolute;right:4%;top:6%;width:560px;height:360px;border-radius:70px 70px 34px 34px;background:
    radial-gradient(circle at 76% 56%,rgba(255,255,255,.08),transparent 11%),
    linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,0,0,.18));
    border:1px solid rgba(255,255,255,.035);opacity:.22;filter:blur(1px);pointer-events:none}
  #authScreen .auth-panel:after{content:"";position:absolute;right:10%;top:22%;width:260px;height:260px;border-radius:50%;background:
    radial-gradient(circle at 44% 38%,rgba(100,125,126,.28),transparent 16%),
    radial-gradient(circle,#080a0b 0 30%,#252b30 31% 37%,#070808 38% 49%,#1c2226 50% 56%,transparent 57%);
    opacity:.28;pointer-events:none}
  #authScreen .auth-box{position:relative;z-index:2}
}

/* Mobile/tablet premium como a referência: texto à esquerda e card de login à direita */
@media(min-width:701px) and (max-width:1180px){
  #authScreen.auth-screen{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(390px,1fr)!important;gap:30px!important;padding:44px 46px!important;align-items:start!important;background:
    linear-gradient(105deg,rgba(0,0,0,.46),rgba(0,0,0,.18) 42%,rgba(0,0,0,.62)),
    url('/img/camera-bg-mobile.png?v=63') center/cover no-repeat,
    radial-gradient(circle at 7% 10%,rgba(255,255,255,.16),transparent 9%),
    radial-gradient(circle at 11% 22%,rgba(232,239,0,.16),transparent 15%),
    radial-gradient(circle at 24% 86%,rgba(232,239,0,.11),transparent 18%),
    linear-gradient(160deg,#030404,#08090a 48%,#020303)!important;overflow:auto!important}
  #authScreen.auth-screen:before{content:"";position:absolute;inset:0;background:
    radial-gradient(ellipse at 8% 6%,rgba(255,255,255,.13),transparent 13%),
    radial-gradient(circle at 22% 84%,rgba(0,0,0,.72),transparent 20%),
    radial-gradient(circle at 23% 82%,rgba(255,255,255,.12),transparent 7%),
    linear-gradient(110deg,rgba(232,239,0,.05),transparent 26%,rgba(0,0,0,.16))!important;opacity:.52!important;pointer-events:none!important}
  #authScreen.auth-screen:after{content:"";position:absolute;left:7%;right:auto;bottom:5%;width:260px!important;height:260px!important;border-radius:50%;background:
    radial-gradient(circle at 38% 32%,rgba(117,139,139,.32),transparent 15%),
    radial-gradient(circle,#080909 0 34%,#242a2e 35% 42%,#060707 43% 55%,transparent 56%)!important;opacity:.36!important;pointer-events:none!important}
  #authScreen .auth-visual{position:relative!important;z-index:2!important;display:block!important;min-height:auto!important;padding:0!important;background:transparent!important;overflow:visible!important}
  #authScreen .auth-topline{margin:42px 0 36px!important}.auth-brand .brand-mark{width:58px!important;height:58px!important;border-radius:17px!important}.auth-brand strong{font-size:34px!important;line-height:.9!important}
  #authScreen .landing-top-actions{display:none!important}
  #authScreen .landing-copy>h1,#authScreen .landing-copy>p,#authScreen .landing-benefits,#authScreen .hero-signup-card{display:none!important}
  #authScreen .mobile-landing-copy{display:block!important}.mobile-landing-copy h1{display:block!important;margin:0 0 20px!important;font-size:clamp(46px,6vw,62px)!important;line-height:1.05!important;letter-spacing:-.055em!important;color:#fff!important}.mobile-landing-copy h1 em{display:inline-block!important;color:var(--accent)!important;font-style:normal!important;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:7px}.mobile-landing-copy p{display:block!important;margin:0 0 26px!important;color:#e6e8ea!important;font-size:17px!important;line-height:1.45!important}
  #authScreen .mobile-feature-list{display:grid!important;gap:17px!important}.mobile-feature-list article{display:grid!important;grid-template-columns:46px 1fr!important;gap:14px!important;align-items:start!important}.mobile-feature-list span{color:var(--accent)!important;font-size:29px!important;line-height:1!important}.mobile-feature-list strong{display:block!important;color:#fff!important;font-size:16px!important}.mobile-feature-list small{display:block!important;color:#d6d9dd!important;font-size:13px!important;line-height:1.35!important}
  #authScreen .auth-panel{position:relative!important;z-index:3!important;display:block!important;min-height:auto!important;margin-top:118px!important;padding:0!important;background:transparent!important}.auth-box{width:100%!important}.welcome-pane{display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.landing-dashboard{display:none!important}
  #authScreen .mobile-auth-card{display:block!important;max-width:460px!important;margin:0 auto!important;padding:30px 28px 0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:26px!important;background:linear-gradient(150deg,rgba(22,26,30,.82),rgba(5,7,9,.88))!important;box-shadow:0 28px 90px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important}
  #authScreen .mobile-auth-brand{justify-content:center!important;margin:0 0 24px!important}.mobile-auth-brand .brand-mark{width:54px!important;height:54px!important}.mobile-auth-brand strong{font-size:31px!important;line-height:.9!important}.mobile-auth-brand em,.mobile-auth-card h2 em,.mobile-create-note em{color:var(--accent)!important;font-style:normal!important}
  #authScreen .mobile-auth-card h2{margin:0!important;text-align:center!important;font-size:28px!important;letter-spacing:-.04em!important}.mobile-auth-card>p{margin:4px 0 26px!important;text-align:center!important;color:#c9ced4!important}
  #authScreen .mobile-login-form{display:grid!important;gap:15px!important}.mobile-login-form label>span{display:block!important;margin-bottom:7px!important;color:#fff!important;font-weight:800!important;font-size:13px!important}.mobile-login-form label>div{height:56px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 15px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important}.mobile-login-form input{width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:15px!important}.mobile-login-form .forgot-link{justify-self:end!important;color:var(--accent)!important;font-size:13px!important}.mobile-login-form .auth-submit{height:58px!important;margin-top:8px!important;border-radius:10px!important;font-size:18px!important}
  #authScreen .mobile-google-switch{width:100%!important;height:54px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}.mobile-create-note{margin:24px 0 14px!important;text-align:center!important;color:#cbd0d5!important;line-height:1.55!important}.mobile-create-button{width:100%!important;height:56px!important;border-radius:10px!important;border-color:rgba(232,239,0,.65)!important;color:var(--accent)!important;background:transparent!important;font-size:16px!important}
  #authScreen .mobile-trust-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:26px -28px 0!important;border-top:1px solid rgba(255,255,255,.13)!important}.mobile-trust-row span{display:grid!important;place-items:center!important;gap:7px!important;min-height:104px!important;padding:12px 8px!important;text-align:center!important;color:#f1f3f4!important;border-right:1px solid rgba(255,255,255,.12)!important}.mobile-trust-row span:last-child{border-right:0!important}.mobile-trust-row small{display:block!important;color:#cbd0d5!important;font-size:11px!important;line-height:1.35!important}
}

/* Ajuste fino desktop para aproximar da referência enviada */
@media(min-width:1181px){
  #authScreen.auth-screen{grid-template-columns:minmax(570px,.78fr) minmax(710px,1.22fr)!important;gap:10px!important;padding:48px clamp(42px,3.2vw,66px)!important;align-items:start!important}
  #authScreen .auth-visual{position:static!important;min-height:calc(100vh - 96px)!important;padding:0!important;perspective:none!important;transform:none!important}
  #authScreen .auth-topline{position:static!important;margin-bottom:58px!important}
  #authScreen .landing-top-actions{position:absolute!important;top:54px!important;right:clamp(42px,3.8vw,78px)!important;left:auto!important;margin:0!important;z-index:50!important}
  #authScreen .landing-copy{max-width:760px!important}
  #authScreen .landing-copy h1{max-width:760px!important;font-size:clamp(58px,4.2vw,72px)!important;line-height:.98!important;letter-spacing:-.07em!important;margin-bottom:24px!important}
  #authScreen .landing-copy>p{max-width:650px!important;margin-bottom:22px!important;font-size:21px!important}
  #authScreen .landing-benefits{width:560px!important;max-width:560px!important;grid-template-columns:repeat(3,1fr)!important;margin:0 0 24px!important;align-items:start!important}
  #authScreen .landing-benefits article{width:100%!important;padding:0 16px!important;min-height:104px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
  #authScreen .landing-benefits article:first-child{padding-left:0!important}
  #authScreen .landing-benefits article:last-child{padding-right:0!important}
  #authScreen .landing-benefits span{font-size:25px!important;margin:0 0 12px!important}
  #authScreen .landing-benefits strong{font-size:15px!important;margin-bottom:6px!important;line-height:1.15!important;white-space:nowrap!important}
  #authScreen .landing-benefits small{max-width:150px!important;font-size:12px!important;line-height:1.32!important}
  #authScreen .hero-signup-card{max-width:560px!important;padding:22px!important;gap:12px!important}
  #authScreen .hero-signup-card label{height:48px!important}
  #authScreen .hero-signup-card .button{height:50px!important}
  #authScreen .landing-proof{margin-top:18px!important}
  #authScreen .landing-proof{max-width:560px!important;gap:14px!important}
  #authScreen .landing-proof i{width:38px!important;height:38px!important}
  #authScreen .landing-proof strong{font-size:15px!important;line-height:1.25!important}
  #authScreen .landing-proof small{font-size:13px!important;line-height:1.35!important}
  #authScreen .landing-footer-actions{width:560px!important;max-width:560px!important;margin-top:14px!important;gap:10px!important;display:grid!important;grid-template-columns:1fr 180px!important}
  #authScreen .landing-footer-actions .landing-install{min-width:0!important;height:56px!important;padding:8px 12px!important}
  #authScreen .landing-footer-actions .app-robot{width:34px!important;height:34px!important;flex-basis:34px!important}
  #authScreen .landing-footer-actions strong{font-size:14px!important}
  #authScreen .landing-footer-actions small{font-size:10px!important}
  #authScreen .landing-instagram{height:56px!important;padding:0 14px!important;font-size:14px!important}
  #authScreen .landing-copyright{width:560px!important;max-width:560px!important;margin-top:8px!important;text-align:left!important;font-size:11px!important;line-height:1.45!important;color:#8a929a!important;letter-spacing:.01em!important}
  #authScreen .auth-panel{align-items:start!important;place-items:start stretch!important;padding:0!important;background:transparent!important}
  #authScreen .auth-box{width:100%!important}
  #authScreen .welcome-pane{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #authScreen .landing-dashboard{width:min(100%,1020px)!important;height:clamp(820px,calc(100vh - 74px),930px)!important;min-height:820px!important;margin-top:104px!important;justify-self:start!important;grid-template-columns:205px minmax(0,1fr)!important}
  #authScreen .preview-sidebar{width:205px!important;padding:34px 22px!important}
  #authScreen .preview-sidebar nav{gap:8px!important}
  #authScreen .preview-sidebar nav span{padding:11px 11px!important;font-size:13px!important}
  #authScreen .preview-brand{margin-bottom:30px!important}
  #authScreen .preview-brand .brand-mark{width:44px!important;height:44px!important}
  #authScreen .preview-brand strong{font-size:24px!important}
  #authScreen .preview-main{padding:48px 32px 34px!important;overflow:hidden!important}
  #authScreen .preview-header{margin-bottom:30px!important}
  #authScreen .preview-header h2{font-size:31px!important}
  #authScreen .preview-header p{font-size:15px!important}
  #authScreen .preview-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:24px!important}
  #authScreen .preview-kpis article{min-height:124px!important;padding:15px!important;overflow:hidden!important}
  #authScreen .preview-kpis span{font-size:20px!important}
  #authScreen .preview-kpis strong{font-size:28px!important;white-space:normal!important;word-break:normal!important}
  #authScreen .preview-kpis article:nth-child(4) strong{font-size:22px!important;line-height:1.15!important}
  #authScreen .preview-kpis small,#authScreen .preview-kpis em{font-size:12px!important}
  #authScreen .preview-content{grid-template-columns:minmax(300px,1fr) 205px!important;gap:16px!important;overflow:hidden!important}
  #authScreen .preview-calendar{width:205px!important;min-width:0!important;max-width:205px!important;overflow:hidden!important;padding:18px 16px!important}
  #authScreen .preview-calendar>div{gap:6px!important;margin-bottom:12px!important}
  #authScreen .preview-calendar>div span{font-size:12px!important;white-space:nowrap!important}
  #authScreen .preview-calendar ol{width:100%!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px 6px!important}
  #authScreen .preview-calendar li{min-width:0!important;font-size:11px!important;line-height:1.1!important}
  #authScreen .preview-calendar li:nth-child(-n+7){font-size:8px!important}
  #authScreen .preview-calendar h3{font-size:16px!important;white-space:nowrap!important}
  #authScreen .preview-appointments{min-width:0!important}
  #authScreen .preview-appointments>div{display:grid!important;grid-template-columns:1fr auto!important;gap:14px!important;align-items:start!important}
  #authScreen .preview-appointments h3{font-size:20px!important;line-height:1.15!important}
  #authScreen .preview-appointments a{white-space:nowrap!important;font-size:12px!important;padding-top:4px!important}
  #authScreen .preview-appointments p{grid-template-columns:54px minmax(0,1fr) auto!important;gap:10px!important}
  #authScreen .preview-appointments p:nth-of-type(3){display:grid!important}
  #authScreen .preview-appointments strong{font-size:16px!important;line-height:1.2!important}
  #authScreen .preview-appointments small{font-size:13px!important}
  #authScreen .preview-appointments b{font-size:12px!important;padding:7px 9px!important}
  #authScreen .preview-quick{margin-top:28px!important}
  #authScreen .preview-quick span{min-height:94px!important;font-size:26px!important}
  #authScreen .preview-quick small{font-size:12px!important}

  /* O tamanho do painel demonstrativo não deve reduzir os formulários reais. */
  #authScreen:has(#loginPane.active) #loginPane,
  #authScreen:has(#registerPane.active) #registerPane,
  #authScreen:has(#forgotPane.active) #forgotPane,
  #authScreen:has(#resetPane.active) #resetPane{width:min(630px,100%)!important;padding:46px!important;border-radius:28px!important}
  #authScreen:has(#loginPane.active) .auth-panel,
  #authScreen:has(#registerPane.active) .auth-panel,
  #authScreen:has(#forgotPane.active) .auth-panel,
  #authScreen:has(#resetPane.active) .auth-panel{display:grid!important;place-items:center!important;align-items:center!important;min-height:calc(100vh - 96px)!important;margin-top:48px!important;perspective:1200px!important}
  #authScreen:has(#loginPane.active) .auth-pane h2,
  #authScreen:has(#registerPane.active) .auth-pane h2,
  #authScreen:has(#forgotPane.active) .auth-pane h2,
  #authScreen:has(#resetPane.active) .auth-pane h2{font-size:43px!important}
  #authScreen:has(#loginPane.active) .auth-form input,
  #authScreen:has(#registerPane.active) .auth-form input,
  #authScreen:has(#forgotPane.active) .auth-form input,
  #authScreen:has(#resetPane.active) .auth-form input{height:59px!important;font-size:16px!important}
  #authScreen:has(#loginPane.active) .auth-submit,
  #authScreen:has(#registerPane.active) .auth-submit,
  #authScreen:has(#forgotPane.active) .auth-submit,
  #authScreen:has(#resetPane.active) .auth-submit{height:59px!important;font-size:17px!important}
  #authScreen:has(#loginPane.active) #loginPane{transform-origin:50% 16%;animation:loginCard3D .72s cubic-bezier(.16,1,.3,1) both!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}
}

@keyframes loginCard3D{
  0%{opacity:0;transform:translate3d(34px,34px,-150px) rotateX(-9deg) rotateY(8deg) scale(.93);filter:blur(5px)}
  62%{opacity:1;transform:translate3d(-4px,-3px,18px) rotateX(1.5deg) rotateY(-1.5deg) scale(1.01);filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1);filter:blur(0)}
}
@media(prefers-reduced-motion:reduce){#authScreen:has(#loginPane.active) #loginPane{animation:none!important}}

/* Cadastro Google integrado ao visual da Agenda awê somente no mobile. */
@media(max-width:700px){
  #registerGoogleButton:has(>div){position:relative!important;width:100%!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;background:linear-gradient(180deg,#15181c,#0b0d10)!important;color:#f5f6f7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
  #registerGoogleButton:has(>div):before{content:"G";font-size:19px!important;font-weight:900!important;line-height:1!important;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 44%,#fbbc05 0 66%,#ea4335 0 82%,#4285f4 0)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
  #registerGoogleButton:has(>div):after{content:"Cadastrar com Google";font-size:14px!important;font-weight:700!important;color:#f5f6f7!important}
  #registerGoogleButton:has(>div)>div{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;max-width:none!important;height:52px!important;opacity:.001!important}
  #registerGoogleButton:has(>div) iframe{width:100%!important;max-width:none!important;height:52px!important}
}

/* Botão Google escuro, mais confiável e alinhado ao visual premium */
.google-button{display:flex!important;justify-content:center!important;width:100%!important}.google-button>div{max-width:100%!important;border-radius:7px!important;overflow:hidden!important}.google-button iframe{max-width:100%!important;border-radius:7px!important}.google-placeholder,.mobile-google-switch,#authScreen .mobile-google-switch{width:100%!important;height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;background:#0b0d10!important;color:#f5f7f8!important;font-size:13px!important;font-weight:650!important;letter-spacing:-.01em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.google-placeholder:hover,.mobile-google-switch:hover,#authScreen .mobile-google-switch:hover{border-color:rgba(255,255,255,.32)!important;background:#111419!important}.google-g{font-weight:900!important;font-size:15px!important;line-height:1!important;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 44%,#fbbc05 0 66%,#ea4335 0 82%,#4285f4 0)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* Correções de estado: nada com hidden deve reaparecer por causa de estilos finais */
[hidden],.google-placeholder[hidden],#googleUnavailable[hidden],#registerGoogleUnavailable[hidden],#mobileLogoutButton[hidden]{display:none!important}
#authScreen:has(#loginPane.active) .landing-top-actions,#authScreen:has(#registerPane.active) .landing-top-actions,#authScreen:has(#forgotPane.active) .landing-top-actions,#authScreen:has(#resetPane.active) .landing-top-actions{display:none!important}

.report-heading-actions,.report-bottom-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#toggleReportFilters{display:none}
.report-bottom-actions{justify-content:center;margin:22px 0 4px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(232,239,0,.035))}
.report-bottom-actions .button{min-width:190px}
@media(max-width:700px){
  #toggleReportFilters{display:inline-flex}
  #reportsView:not(.filters-open) .report-filters{display:none}
  #reportsView.filters-open .report-filters{display:grid}
  #reportsView .section-heading.report-heading{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
  #reportsView .report-heading-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}
  #reportsView .report-heading-actions .button{width:100%;height:44px;padding-inline:10px}
  #reportsView .report-filters{grid-template-columns:1fr 1fr!important;gap:9px!important;padding:13px!important;border-radius:17px}
  #reportsView .report-filters label{gap:5px}
  #reportsView .report-filters label:nth-of-type(n+3){grid-column:1/-1}
  #reportsView .report-filters label span{font-size:8px;letter-spacing:.08em}
  #reportsView .report-filters input,#reportsView .report-filters select{height:38px!important;padding:0 10px!important;border-radius:9px!important;font-size:12px!important}
  #reportsView .report-filter-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  #reportsView .report-filter-actions .button{min-height:38px!important;height:38px!important;padding:0 10px!important;font-size:12px!important;border-radius:10px!important}
  #reportsView .report-filters .form-message{grid-column:1/-1!important;font-size:11px}
  #reportsView .report-period{padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);line-height:1.4}
  #reportsView .report-bottom-actions{position:relative;display:grid;grid-template-columns:1fr;gap:9px;margin:18px 0 0;padding:14px;border-radius:16px}
  #reportsView .report-bottom-actions .button{width:100%;min-width:0}
}

@media(max-width:700px){
  .event-dialog{width:calc(100% - 16px)!important;max-height:88vh!important;border-radius:20px!important}
  .event-dialog form{padding:15px!important}
  .event-dialog .dialog-head{position:sticky;top:0;z-index:2;margin:-15px -15px 12px!important;padding:14px 15px 12px!important;background:rgba(18,21,25,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .event-dialog .dialog-head h2{font-size:22px!important;letter-spacing:-.035em}
  .event-dialog .dialog-head .eyebrow{font-size:9px}
  .event-dialog .close-button{width:32px;height:32px;font-size:17px}
  .event-dialog .form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .event-dialog .form-grid label{gap:4px!important}
  .event-dialog .form-grid label>span{font-size:8px!important;letter-spacing:.075em!important}
  .event-dialog .form-grid input,.event-dialog .form-grid select,.event-dialog .form-grid textarea{min-height:38px!important;padding:8px 10px!important;border-radius:9px!important;font-size:12px!important}
  .event-dialog .form-grid textarea{min-height:62px!important}
  .event-dialog #client,.event-dialog #whatsapp,.event-dialog #type,.event-dialog #eventStatus,.event-dialog #deliveryStatus,.event-dialog #place,.event-dialog #costDescription,.event-dialog #notes{grid-column:1/-1}
  .event-dialog .form-grid label.full{grid-column:1/-1!important}
  .event-dialog .split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .event-dialog .split label{min-width:0}
  .event-dialog #formMessage{font-size:11px;margin:8px 0 0;min-height:16px}
  .event-dialog .dialog-actions{position:sticky;bottom:-15px;z-index:2;display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:8px!important;margin:12px -15px -15px!important;padding:12px 15px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(18,21,25,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .event-dialog .dialog-actions .button{height:40px!important;min-height:40px!important;padding:0 10px!important;border-radius:11px!important;font-size:12px!important}
}

@media print{
  body:has(#adminReportDialog[open]) *{visibility:hidden!important}
  body:has(#adminReportDialog[open]) #adminReportDialog,
  body:has(#adminReportDialog[open]) #adminReportDialog *{visibility:visible!important}
  body:has(#adminReportDialog[open]) #adminReportDialog{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:white!important;color:#111!important;box-shadow:none!important}
  body:has(#adminReportDialog[open]) #adminReportDialog::backdrop{display:none!important}
  body:has(#adminReportDialog[open]) .dialog-actions,
  body:has(#adminReportDialog[open]) .close-button{display:none!important}
  body:has(#adminReportDialog[open]) .report-preview{max-height:none!important;overflow:visible!important}
  body:has(#adminReportDialog[open]) .dialog-card,
  body:has(#adminReportDialog[open]) .admin-report-dialog .dialog-card{border:0!important;box-shadow:none!important;background:white!important;color:#111!important}
  .report-heading-actions,.report-bottom-actions{display:none!important}
}

/* Modais desktop com aparência de sistema: sem barra branca externa, com rolagem interna discreta */
@media(min-width:701px){
  dialog{overflow:hidden!important;scrollbar-width:thin;scrollbar-color:#3b424b #11151a}
  dialog::-webkit-scrollbar{width:10px;height:10px}
  dialog::-webkit-scrollbar-track{background:#11151a;border-radius:999px}
  dialog::-webkit-scrollbar-thumb{background:#3b424b;border:2px solid #11151a;border-radius:999px}
  dialog::-webkit-scrollbar-thumb:hover{background:#59616b}
  dialog form{max-height:86vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:0!important}
  dialog form>.dialog-head{position:sticky;top:0;z-index:3;margin:0!important;padding:24px 30px 20px!important;background:linear-gradient(180deg,rgba(18,21,25,.98),rgba(18,21,25,.94));border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
  dialog form>.form-grid{min-height:0;overflow:auto;padding:24px 30px 8px;scrollbar-width:thin;scrollbar-color:#3b424b #11151a}
  dialog form>.form-grid::-webkit-scrollbar{width:10px;height:10px}
  dialog form>.form-grid::-webkit-scrollbar-track{background:#11151a;border-radius:999px}
  dialog form>.form-grid::-webkit-scrollbar-thumb{background:#3b424b;border:2px solid #11151a;border-radius:999px}
  dialog form>.form-grid::-webkit-scrollbar-thumb:hover{background:#59616b}
  dialog form>.form-message{margin:0 30px;min-height:18px}
  dialog form>.dialog-actions{position:sticky;bottom:0;z-index:3;margin:0!important;padding:18px 30px!important;background:linear-gradient(180deg,rgba(18,21,25,.92),rgba(18,21,25,.99));border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
  .event-dialog{width:min(1040px,calc(100% - 84px))!important;max-height:86vh!important;border-radius:26px!important;background:linear-gradient(145deg,#111419,#171b20)!important;box-shadow:0 34px 120px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.05)!important}
  .event-dialog .dialog-head h2{font-size:31px;letter-spacing:-.045em}
  .event-dialog .close-button{width:42px;height:42px;background:#20262d;border-color:rgba(255,255,255,.1)}
  .event-dialog .event-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
  .event-dialog .event-form-group{display:grid!important;grid-template-columns:1fr 1fr;gap:13px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
  .event-dialog .event-group-title{grid-column:1/-1;display:flex!important;align-items:center;gap:8px;margin:0 0 2px!important;color:var(--accent);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
  .event-dialog .event-group-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px rgba(216,255,62,.38)}
  .event-dialog .event-form-client label:first-of-type,
  .event-dialog .event-form-production label:first-of-type,
  .event-dialog .event-form-when label.full,
  .event-dialog .event-form-notes label{grid-column:1/-1}
  .event-dialog .event-form-notes{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .event-dialog .event-form-grid label>span{color:#cdd5df;font-size:9px;letter-spacing:.08em}
  .event-dialog .event-form-grid input,
  .event-dialog .event-form-grid select,
  .event-dialog .event-form-grid textarea{min-height:44px;border-radius:12px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.11);font-size:14px}
  .event-dialog .event-form-grid textarea{min-height:78px}
  .event-dialog .split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .event-dialog .dialog-actions .button{min-width:170px}
}

.onboarding-panel{display:grid;grid-template-columns:minmax(220px,.75fr) 1.7fr;gap:18px;align-items:stretch;margin:0 0 22px;padding:18px;background:linear-gradient(135deg,rgba(216,255,62,.12),rgba(20,23,28,.96) 44%,rgba(255,255,255,.035));border-color:rgba(216,255,62,.25)}
.onboarding-panel[hidden]{display:none!important}
.onboarding-copy h2{margin:4px 0 8px;font-size:25px;letter-spacing:-.035em}
.onboarding-copy span,.onboarding-steps article span,.onboarding-foot{color:var(--muted);font-size:13px;line-height:1.45}
.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.onboarding-steps article{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}
.onboarding-steps small{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:rgba(216,255,62,.13);color:var(--accent);font-weight:900}
.onboarding-steps strong{font-size:15px}
.onboarding-steps article.done{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.onboarding-steps article.done small{background:rgba(34,197,94,.18);color:#47f476}
.onboarding-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.onboarding-foot span{font-weight:800;color:var(--text)}
.onboarding-foot .icon-action{color:var(--muted)}
.smart-alerts{display:grid;grid-template-columns:minmax(190px,.45fr) 1fr;gap:14px;align-items:stretch;margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(216,255,62,.055))}
.smart-alerts[hidden]{display:none!important}
.smart-alerts h2{margin:4px 0 0;font-size:22px;letter-spacing:-.035em}
.smart-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.smart-alert{cursor:pointer;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:13px;background:rgba(12,14,17,.72);color:var(--text);transition:.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.smart-alert:hover{transform:translateY(-2px);border-color:rgba(216,255,62,.35);background:rgba(216,255,62,.08)}
.smart-alert small{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
.smart-alert strong{display:block;font-size:18px;line-height:1.1}
.smart-alert span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}
.smart-alert.money small,.smart-alert.expired small{color:#ffcd4a}
.smart-alert.editing small{color:#7dd3fc}
.smart-alert.proposal small{color:#c4ff3e}
.table-sub.warning{color:#ffcd4a;font-weight:800}
.proposal-status.expired{border-color:rgba(255,205,74,.45)!important;color:#ffcd4a!important}
.pricing-plan .launch-plan{background:#252b31!important;color:var(--accent)!important;border:1px solid rgba(216,255,62,.28)}
@media(max-width:900px){
  .onboarding-panel{grid-template-columns:1fr}
  .onboarding-steps{grid-template-columns:1fr}
  .smart-alerts{grid-template-columns:1fr}
}
@media(max-width:700px){
  .onboarding-panel{margin:0 0 14px;padding:14px;border-radius:18px}
  .onboarding-copy h2{font-size:20px}
  .onboarding-copy span{font-size:12px}
  .onboarding-steps{gap:8px}
  .onboarding-steps article{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;padding:11px;border-radius:14px}
  .onboarding-steps article small{grid-row:1/3;width:24px;height:24px;font-size:11px}
  .onboarding-steps article strong{font-size:13px}
  .onboarding-steps article span{font-size:11px}
  .onboarding-steps article .icon-action{grid-row:1/3;grid-column:3;padding:8px 9px;font-size:11px;white-space:nowrap}
  .onboarding-foot{font-size:11px;gap:10px}
  .smart-alerts{padding:13px;border-radius:18px;margin-bottom:14px}
  .smart-alerts h2{font-size:18px}
  .smart-alert-grid{grid-template-columns:1fr 1fr;gap:8px}
  .smart-alert{padding:11px;border-radius:14px}
  .smart-alert strong{font-size:15px}
  .smart-alert span{font-size:11px}
}

/* Detalhes do agendamento no desktop: mais organizado, sem parecer apertado */
@media(min-width:701px){
  .details-dialog{
    width:min(780px,calc(100% - 72px))!important;
    max-height:84vh!important;
    overflow:hidden!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#101418,#171b20)!important;
    box-shadow:0 34px 110px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .details-dialog .details-inner{
    max-height:84vh;
    min-height:auto;
    overflow:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0 24px 0!important;
    scrollbar-width:thin;
    scrollbar-color:#3b424b #11151a;
  }
  .details-dialog .details-inner::-webkit-scrollbar{width:10px;height:10px}
  .details-dialog .details-inner::-webkit-scrollbar-track{background:#11151a;border-radius:999px}
  .details-dialog .details-inner::-webkit-scrollbar-thumb{background:#3b424b;border:2px solid #11151a;border-radius:999px}
  .details-dialog .details-inner::-webkit-scrollbar-thumb:hover{background:#59616b}
  .details-dialog .details-title{
    grid-column:1/-1;
    position:sticky;
    top:0;
    z-index:3;
    margin:0 -24px 8px!important;
    padding:24px 24px 18px!important;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(16,20,24,.98),rgba(16,20,24,.94));
    backdrop-filter:blur(14px);
  }
  .details-dialog .details-title h2{
    margin:5px 0 2px!important;
    font-size:30px;
    letter-spacing:-.055em;
    line-height:1;
  }
  .details-dialog .details-title small{
    color:#d5dce3;
    font-size:13px;
    font-weight:750;
  }
  .details-dialog .details-title .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 0 7px;
    padding:5px 10px;
    border:1px solid rgba(216,255,62,.22);
    border-radius:999px;
    background:rgba(216,255,62,.08);
    color:var(--accent);
    letter-spacing:.14em;
  }
  .details-dialog .details-title .eyebrow:before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 0 14px rgba(216,255,62,.45);
  }
  .details-dialog .close-button{
    width:40px;
    height:40px;
    background:#20262d;
    border-color:rgba(255,255,255,.1);
    transition:transform .18s ease,border-color .18s ease,background .18s ease;
  }
  .details-dialog .close-button:hover{
    transform:rotate(8deg) scale(1.03);
    border-color:rgba(216,255,62,.38);
    background:#262d35;
  }
  .details-dialog .detail-row{
    min-height:70px;
    display:grid;
    align-content:center;
    gap:6px;
    padding:13px 14px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:18px;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
    font-size:13px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .details-dialog .detail-row span{
    color:#aeb6bf;
    font-size:9px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .details-dialog .detail-row strong{
    text-align:left!important;
    color:#f7f7f2;
    font-size:14px;
    line-height:1.35;
  }
  .details-dialog .details-inner>.detail-row:nth-child(7),
  .details-dialog .details-inner>.detail-row:nth-child(10),
  .details-dialog .details-inner>.detail-row:nth-child(11){
    grid-column:1/-1;
  }
  .details-dialog .payment-history{
    grid-column:1/-1;
    margin:0!important;
    padding:14px!important;
    border-radius:17px!important;
    background:linear-gradient(145deg,rgba(216,255,62,.07),rgba(255,255,255,.025))!important;
    border-color:rgba(216,255,62,.18)!important;
  }
  .details-dialog .payment-history>strong{
    margin-bottom:8px!important;
    font-size:13px!important;
    letter-spacing:-.01em;
  }
  .details-dialog .payment-row{
    font-size:13px!important;
    padding:8px 0!important;
  }
  .details-dialog .delivery-badge{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:max-content;
  }
  .details-dialog .detail-actions{
    grid-column:1/-1;
    position:sticky;
    bottom:0;
    z-index:3;
    margin:8px -24px 0!important;
    padding:14px 24px!important;
    border-top:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg,rgba(16,20,24,.9),rgba(16,20,24,.99));
    backdrop-filter:blur(14px);
  }
  .details-dialog .detail-actions .button{
    min-width:118px;
    min-height:40px;
  }
}

/* Proposta no desktop: compacto, largo e sem sensação de formulário espremido */
@media(min-width:701px){
  .proposal-dialog{
    width:min(1060px,calc(100% - 88px))!important;
    max-height:86vh!important;
    overflow:hidden!important;
    border-radius:24px!important;
    background:linear-gradient(145deg,#101418,#171b20)!important;
  }
  .proposal-dialog form{
    max-height:86vh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    padding:0!important;
  }
  .proposal-dialog .dialog-head{
    margin:0!important;
    padding:18px 26px 15px!important;
  }
  .proposal-dialog .dialog-head h2{
    font-size:27px!important;
    letter-spacing:-.045em;
  }
  .proposal-dialog .dialog-head .eyebrow{
    margin-bottom:4px;
    font-size:9px;
  }
  .proposal-dialog .close-button{
    width:38px!important;
    height:38px!important;
  }
  .proposal-dialog form>.form-grid{
    display:grid!important;
    grid-template-columns:1.15fr 1.15fr .72fr .72fr!important;
    gap:10px 12px!important;
    overflow:auto!important;
    padding:18px 26px 10px!important;
    scrollbar-width:thin;
    scrollbar-color:#3b424b #11151a;
  }
  .proposal-dialog form>.form-grid::-webkit-scrollbar{width:9px;height:9px}
  .proposal-dialog form>.form-grid::-webkit-scrollbar-track{background:#11151a;border-radius:999px}
  .proposal-dialog form>.form-grid::-webkit-scrollbar-thumb{background:#3b424b;border:2px solid #11151a;border-radius:999px}
  .proposal-dialog form>.form-grid>label,
  .proposal-dialog form>.form-grid>.split{
    min-width:0;
  }
  .proposal-dialog form>.form-grid label{
    gap:4px!important;
  }
  .proposal-dialog form>.form-grid label>span{
    font-size:8.5px!important;
    line-height:1.2;
    letter-spacing:.07em;
  }
  .proposal-dialog form>.form-grid input,
  .proposal-dialog form>.form-grid select,
  .proposal-dialog form>.form-grid textarea{
    min-height:38px!important;
    height:38px;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .proposal-dialog form>.form-grid textarea{
    height:auto!important;
    min-height:58px!important;
    resize:vertical;
  }
  .proposal-dialog .consumer-fields{
    grid-column:1/-1!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:14px!important;
    background:rgba(216,255,62,.04)!important;
  }
  .proposal-dialog .consumer-fields input{
    min-height:36px!important;
    height:36px!important;
  }
  .proposal-dialog .split{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .proposal-dialog label.full{
    grid-column:1/-1!important;
  }
  .proposal-dialog label:has(#proposalClient){grid-column:span 2!important}
  .proposal-dialog label:has(#proposalTitle){grid-column:span 2!important}
  .proposal-dialog label:has(#proposalService){grid-column:span 2!important}
  .proposal-dialog label:has(#proposalAmount){grid-column:span 1!important}
  .proposal-dialog label:has(#proposalEventDate){grid-column:span 1!important}
  .proposal-dialog .split{grid-column:span 2!important}
  .proposal-dialog label:has(#proposalValidUntil){grid-column:span 2!important}
  .proposal-dialog #proposalDescription,
  .proposal-dialog #proposalNotes{
    min-height:50px!important;
  }
  .proposal-dialog #proposalAmount{
    text-align:right;
  }
  .proposal-dialog #proposalMessage{
    margin:0 26px!important;
    min-height:14px!important;
    font-size:11px!important;
  }
  .proposal-dialog .dialog-note{
    margin:0 26px!important;
    padding:0 0 8px;
    font-size:11px;
  }
  .proposal-dialog .dialog-actions{
    margin:0!important;
    padding:14px 26px!important;
  }
  .proposal-dialog .dialog-actions .button{
    min-width:150px;
    min-height:40px;
    padding:9px 14px;
  }
}

/* Ordem definitiva do Resumo — última regra do arquivo para vencer o legado */
body[data-view="agenda"] .summary-dashboard{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) minmax(320px,1.05fr) minmax(360px,1.15fr)!important;
  grid-template-areas:
    "upcoming finance category"
    "projects calendar tasks"
    "quick quick quick"!important;
  align-items:stretch!important;
}
body[data-view="agenda"] .summary-dashboard .upcoming-card{grid-area:upcoming!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .finance-dashboard-card{grid-area:finance!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .category-dashboard-card{grid-area:category!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .projects-dashboard-card{grid-area:projects!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .calendar-card{grid-area:calendar!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .tasks-dashboard-card{grid-area:tasks!important;grid-column:auto!important;grid-row:auto!important}
body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{
  grid-area:quick!important;
  grid-column:1 / -1!important;
  grid-row:3!important;
  width:100%!important;
}
body[data-view="agenda"] .summary-dashboard .quick-dashboard-card .dashboard-quick-actions{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  width:100%!important;
}
@media(max-width:1050px){
  body[data-view="agenda"] .summary-dashboard{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "upcoming finance"
      "category category"
      "projects calendar"
      "tasks tasks"
      "quick quick"!important;
  }
  body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{
    grid-column:1 / -1!important;
    grid-row:auto!important;
  }
}
@media(max-width:700px){
  body[data-view="agenda"] .summary-dashboard{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "upcoming"
      "finance"
      "category"
      "projects"
      "calendar"
      "tasks"
      "quick"!important;
  }
  body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{
    grid-column:1!important;
    grid-row:auto!important;
  }
  body[data-view="agenda"] .summary-dashboard .quick-dashboard-card .dashboard-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* Meu estúdio — painel profissional */
body[data-view="profile"] .topbar{display:none!important}
body[data-view="profile"] main{padding-top:26px;background:radial-gradient(circle at 70% 0,rgba(232,239,0,.08),transparent 34%),#050708}
.studio-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.studio-page-head h2{margin:0;font-size:32px;letter-spacing:-.05em}.studio-page-head p{margin:6px 0 0;color:#d5dae0}.studio-page-actions{display:flex;gap:12px;align-items:center}.studio-page-actions .button,.studio-editor-head .button{height:44px;border-radius:10px}.studio-overview[hidden],.studio-editor[hidden]{display:none!important}.studio-hero-card{display:grid;grid-template-columns:330px minmax(0,1fr) 360px;gap:24px;align-items:stretch;padding:20px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(18,23,27,.96),rgba(8,11,13,.98))!important}.studio-cover{min-height:210px;border-radius:12px;background:linear-gradient(135deg,rgba(232,239,0,.16),rgba(0,0,0,.2)),url('/img/camera-bg-desktop.png?v=111') center/cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.studio-hero-main{display:flex;gap:22px;align-items:center}.studio-hero-logo,.studio-preview-logo{width:112px;height:112px;flex:0 0 112px;border-radius:999px;display:grid;place-items:center;background:#050607;border:2px solid rgba(255,255,255,.18);overflow:hidden}.studio-hero-logo img,.studio-preview-logo img{width:100%;height:100%;object-fit:cover}.studio-title-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.studio-title-row h3{margin:0;font-size:28px}.studio-title-row span{padding:5px 10px;border-radius:999px;background:rgba(103,220,40,.14);color:#67dc28;font-weight:900;font-size:11px}.studio-hero-main p{margin:8px 0 18px;color:#d8dde3}.studio-meta-line{display:flex;gap:18px;flex-wrap:wrap;color:#cbd2d8;font-size:13px}.studio-hero-side{padding:18px;border-left:1px solid rgba(255,255,255,.08)}.studio-hero-side h4{margin:0 0 16px}.studio-hero-side p{display:flex;justify-content:space-between;gap:12px;margin:14px 0;color:#cfd5dc}.studio-hero-side p span{color:#aeb6bf}.studio-next-booking{margin-top:18px;padding:16px;border:1px solid rgba(232,239,0,.35);border-radius:12px;background:rgba(232,239,0,.055)}.studio-next-booking small{display:block;color:var(--accent);font-weight:900}.studio-next-booking strong{display:block;margin-top:5px;color:#fff}.studio-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.studio-kpi{min-height:118px;padding:20px!important;display:grid;grid-template-columns:48px 1fr;gap:8px 16px;align-items:center}.studio-kpi>span{grid-row:1/4;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(232,239,0,.12);color:var(--accent);font-weight:900}.studio-kpi small{color:#c9d1d8}.studio-kpi strong{font-size:26px}.studio-kpi em{font-style:normal;color:#67dc28;font-size:12px}.studio-overview-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:start}.studio-equipment-list,.studio-bookings-list{display:grid;gap:12px}.studio-equipment-list p,.studio-bookings-list p,.studio-info-card p{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.studio-equipment-list p:last-child,.studio-bookings-list p:last-child,.studio-info-card p:last-child{border-bottom:0}.studio-equipment-list span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06)}.studio-equipment-list strong,.studio-bookings-list strong{font-size:13px}.studio-equipment-list small,.studio-bookings-list em{padding:5px 9px;border-radius:999px;background:rgba(103,220,40,.12);color:#67dc28;font-size:10px;font-weight:900;font-style:normal}.studio-bookings-list span{width:54px;color:var(--accent);font-weight:900}.studio-bookings-list small{color:#aeb6bf}.studio-info-card p{grid-template-columns:90px 1fr}.studio-info-card span{color:#aeb6bf}.studio-actions-card{display:grid;gap:10px}.studio-actions-card button{height:42px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);color:#fff;text-align:left;padding:0 14px;font-weight:800}.studio-actions-card button:hover{border-color:rgba(232,239,0,.35);color:var(--accent)}.studio-editor .studio-profile-grid{grid-template-columns:minmax(0,1fr) 360px}.studio-editor .studio-profile-card,.studio-editor .studio-profile-side .card{border-radius:16px!important;background:linear-gradient(145deg,rgba(18,23,27,.96),rgba(8,11,13,.98))!important}.studio-editor .studio-form-section{padding:22px}.studio-editor .studio-form-section+.studio-form-section{border-top:1px solid rgba(255,255,255,.07)}.studio-editor .studio-save-row{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(15,18,21,.86),#101418);padding:16px 22px;margin:0 -22px -22px;z-index:3}.studio-editor .studio-save-row .button{min-width:150px}.studio-editor .studio-logo-upload{grid-template-columns:110px minmax(0,1fr)}.studio-editor .studio-logo-upload img{width:96px;height:96px;border-radius:50%}
@media(max-width:1150px){.studio-hero-card{grid-template-columns:1fr}.studio-hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.studio-kpi-grid{grid-template-columns:1fr 1fr}.studio-overview-grid{grid-template-columns:1fr 1fr}.studio-editor .studio-profile-grid{grid-template-columns:1fr}.studio-editor .studio-profile-side{position:static}}
@media(max-width:700px){.studio-page-head{display:grid}.studio-page-actions{display:grid;grid-template-columns:1fr}.studio-page-actions .button{width:100%}.studio-hero-card{padding:14px!important}.studio-cover{min-height:150px}.studio-hero-main{align-items:flex-start}.studio-hero-logo{width:72px;height:72px;flex-basis:72px}.studio-title-row h3{font-size:22px}.studio-kpi-grid,.studio-overview-grid{grid-template-columns:1fr}.studio-editor .studio-form-section{padding:16px}.studio-editor .studio-save-row{display:grid;grid-template-columns:1fr;gap:10px;margin:0 -16px -16px;padding:14px 16px}.studio-editor .studio-logo-upload{grid-template-columns:1fr}.studio-editor .studio-logo-upload img{margin:auto}}

/* Ajustes finos do Meu Estúdio: menos espaços vazios e cards mais profissionais */
#profileView .studio-overview .card:not(.studio-hero-card){
  padding:18px!important;
}
#profileView .studio-hero-card{
  min-height:0!important;
}
#profileView .studio-cover{
  min-height:190px;
}
#profileView .studio-kpi-grid{
  gap:12px;
  margin:12px 0 14px;
}
#profileView .studio-kpi{
  min-height:104px!important;
  padding:18px!important;
}
#profileView .studio-overview-grid{
  grid-template-columns:minmax(320px,.95fr) minmax(420px,1.35fr);
  gap:14px;
  align-items:stretch;
}
#profileView .studio-equipment-card,
#profileView .studio-bookings-card,
#profileView .studio-info-card,
#profileView .studio-actions-card{
  min-height:auto!important;
}
#profileView .studio-bookings-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
#profileView .studio-bookings-list{
  min-height:142px;
  align-content:center;
}
#profileView .studio-bookings-list .empty-state{
  padding:28px 10px!important;
}
#profileView .studio-equipment-list p{
  padding:10px 0;
}
#profileView .studio-info-card,
#profileView .studio-actions-card{
  align-self:start;
}
#profileView .studio-actions-card{
  gap:9px;
}
#profileView .studio-actions-card h3{
  margin:0 0 2px;
}
.studio-equipment-editor{
  display:grid;
  gap:10px;
}
.studio-equipment-edit-row{
  display:grid;
  grid-template-columns:170px minmax(180px,1fr) 150px 94px;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.studio-equipment-edit-row input,
.studio-equipment-edit-row select{
  width:100%;
  height:42px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  background:#151a1f;
  color:#fff;
  padding:0 12px;
  font-weight:800;
}
.studio-equipment-edit-row button{
  width:100%;
  height:42px;
  border:1px solid rgba(255,96,77,.25);
  border-radius:11px;
  background:rgba(255,96,77,.08);
  color:#ff8274;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.studio-equipment-add{
  margin-top:12px;
  width:100%;
}
.studio-equipment-list small.warning{
  background:rgba(255,189,0,.13);
  color:#ffbd00;
}
@media(max-width:1200px){
  #profileView .studio-overview-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:700px){
  #profileView .studio-overview .card:not(.studio-hero-card){
    padding:14px!important;
  }
  #profileView .studio-cover{
    min-height:150px;
  }
  #profileView .studio-kpi{
    min-height:auto!important;
  }
  #profileView .studio-overview-grid{
    grid-template-columns:1fr;
  }
  .studio-equipment-edit-row{
    grid-template-columns:1fr;
  }
  .studio-equipment-edit-row button{
    width:100%;
  }
}

/* Correção mobile final — telas de sistema sem estouro lateral.
   Foco inicial: Propostas, onde os cards e a barra superior estavam herdando largura de desktop. */
@media(max-width:700px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden!important;
  }

  .app-shell,
  main,
  .view,
  .view.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }

  main{
    padding:18px 14px calc(92px + env(safe-area-inset-bottom))!important;
  }

  body[data-view="proposals"] .topbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:0 0 14px!important;
    padding-right:54px!important;
  }

  body[data-view="proposals"] .topbar h1{
    font-size:28px!important;
    line-height:1.02!important;
    margin:0!important;
  }

  body[data-view="proposals"] .topbar .eyebrow{
    max-width:260px!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  body[data-view="proposals"] .top-actions{
    position:absolute!important;
    top:18px!important;
    right:14px!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    z-index:4!important;
  }

  body[data-view="proposals"] #notificationButton{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(232,239,0,.35)!important;
    border-radius:13px!important;
    background:rgba(18,22,25,.9)!important;
    color:var(--accent)!important;
    box-shadow:none!important;
  }

  body[data-view="proposals"] .user-menu,
  body[data-view="proposals"] .top-actions .profile,
  body[data-view="proposals"] .top-actions .avatar,
  body[data-view="proposals"] .top-actions [data-user-menu]{
    max-width:44px!important;
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .proposals-page-shell{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    gap:13px!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .proposals-toolbar{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .proposals-search,
  body[data-view="proposals"] .proposals-filter-button{
    display:none!important;
  }

  body[data-view="proposals"] .proposals-new-button{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    justify-content:center!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  body[data-view="proposals"] .trial-banner:not([hidden]){
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:12px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .trial-banner span{
    min-width:0!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  body[data-view="proposals"] .subscription-banner-actions{
    width:100%!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }

  body[data-view="proposals"] .subscription-banner-actions .button{
    width:auto!important;
    min-width:0!important;
    padding:8px 12px!important;
    font-size:11px!important;
  }

  body[data-view="proposals"] .proposals-stats-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
  }

  body[data-view="proposals"] .proposal-stat-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:108px!important;
    padding:14px!important;
    gap:10px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .proposal-stat-card>span{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    font-size:17px!important;
  }

  body[data-view="proposals"] .proposal-stat-card small,
  body[data-view="proposals"] .proposal-stat-card em{
    font-size:10px!important;
    line-height:1.25!important;
  }

  body[data-view="proposals"] .proposal-stat-card strong{
    margin:6px 0 4px!important;
    font-size:24px!important;
    line-height:1!important;
  }

  body[data-view="proposals"] .proposals-workspace,
  body[data-view="proposals"] .proposals-side-panel{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .proposals-list-card,
  body[data-view="proposals"] .proposals-side-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  body[data-view="proposals"] .proposals-list-head{
    height:auto!important;
    padding:12px!important;
    display:grid!important;
    gap:10px!important;
  }

  body[data-view="proposals"] .proposals-tabs{
    width:100%!important;
    overflow-x:auto!important;
    gap:14px!important;
    padding-bottom:2px!important;
  }

  body[data-view="proposals"] .proposals-tabs button{
    height:34px!important;
    flex:0 0 auto!important;
    font-size:13px!important;
  }

  body[data-view="proposals"] .proposals-sort{
    display:none!important;
  }

  body[data-view="proposals"] .proposals-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }

  body[data-view="proposals"] .proposals-data-table{
    min-width:760px!important;
  }

  body[data-view="proposals"] .proposal-status-donut{
    width:150px!important;
    height:150px!important;
  }

  body[data-view="proposals"] .proposal-status-donut strong{
    width:76px!important;
    height:76px!important;
    font-size:12px!important;
  }
}

@media(max-width:380px){
  body[data-view="proposals"] .proposals-stats-grid{
    gap:10px!important;
  }

  body[data-view="proposals"] .proposal-stat-card{
    padding:12px!important;
  }

  body[data-view="proposals"] .proposal-stat-card>span{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
}

/* Ajuste final da estrutura da tela Projetos.
   Mantém o aviso do plano, busca, filtros e botão em faixas separadas para não sobrepor conteúdo. */
body[data-view="projects"] .trial-banner:not([hidden]){
  margin:0 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:64px!important;
  padding:14px 18px!important;
  border-radius:14px!important;
}
body[data-view="projects"] .trial-banner span{
  min-width:0!important;
  line-height:1.45!important;
}
body[data-view="projects"] .subscription-banner-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
body[data-view="projects"] .projects-page-shell{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body[data-view="projects"] .projects-page-toolbar{
  width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(280px,420px) auto!important;
  justify-content:end!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
body[data-view="projects"] .projects-new-button{
  min-width:156px!important;
}
body[data-view="projects"] .projects-search{
  width:100%!important;
  min-width:0!important;
}
body[data-view="projects"] .projects-filter-button{
  min-width:104px!important;
}
body[data-view="projects"] .projects-content-grid{
  width:100%!important;
  min-width:0!important;
}
body[data-view="projects"] .projects-list-card,
body[data-view="projects"] .projects-side-card,
body[data-view="projects"] .projects-side-panel{
  min-width:0!important;
}
body[data-view="projects"] .projects-side-card .card-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body[data-view="projects"] .projects-side-card .summary-link{
  flex:0 0 auto!important;
  max-width:130px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1180px){
  body[data-view="projects"] .projects-page-toolbar{
    grid-template-columns:auto minmax(220px,1fr) auto!important;
    justify-content:stretch!important;
  }
}
@media(max-width:700px){
  body[data-view="projects"] .trial-banner:not([hidden]){
    min-height:0!important;
    padding:12px!important;
    border-radius:12px!important;
  }
  body[data-view="projects"] .projects-page-toolbar{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body[data-view="projects"] .projects-filter-button,
  body[data-view="projects"] .projects-search{
    display:none!important;
  }
  body[data-view="projects"] .projects-new-button{
    width:100%!important;
    min-width:0!important;
  }
}

/* Ajuste final mobile do Resumo: valores cabem nos cards sem estourar */
@media(max-width:700px){
  body[data-view="agenda"] #statsCards.stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat{
    min-width:0!important;
    min-height:112px!important;
    padding:13px 11px!important;
    overflow:hidden!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat-icon{
    margin-bottom:10px!important;
    font-size:18px!important;
    line-height:1!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat small{
    font-size:10.5px!important;
    line-height:1.18!important;
    max-width:100%!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat strong{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(18px,5.7vw,23px)!important;
    line-height:.98!important;
    letter-spacing:-.07em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat em{
    font-size:10px!important;
    line-height:1.2!important;
    margin-top:5px!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat b{
    right:8px!important;
    bottom:8px!important;
    max-width:58px!important;
    padding:6px 7px!important;
    font-size:9px!important;
    line-height:1.05!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat:after{
    width:48px!important;
    height:48px!important;
    right:8px!important;
    bottom:7px!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-eye{
    width:24px!important;
    height:24px!important;
    right:8px!important;
    top:8px!important;
  }
}

@media(max-width:380px){
  body[data-view="agenda"] #statsCards.stats .dashboard-stat{
    min-height:108px!important;
    padding:12px 9px!important;
  }

  body[data-view="agenda"] #statsCards.stats .dashboard-stat strong{
    font-size:20px!important;
  }
}

/* Ajuste cirúrgico da tela Produções.
   Mantém as funções atuais, mas separa assinatura, ações, cards e kanban para não sobrepor. */
body[data-view="events"] .trial-banner:not([hidden]){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:64px!important;
  margin:0 0 18px!important;
  padding:14px 18px!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

body[data-view="events"] .trial-banner span{
  min-width:0!important;
  line-height:1.42!important;
}

body[data-view="events"] .subscription-banner-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
}

body[data-view="events"] .productions-page-shell{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  gap:18px!important;
  overflow:hidden!important;
}

body[data-view="events"] .productions-toolbar{
  width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(280px,420px) auto!important;
  justify-content:end!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
}

body[data-view="events"] .productions-new-button{
  min-width:164px!important;
  white-space:nowrap!important;
}

body[data-view="events"] .productions-search{
  width:100%!important;
  min-width:0!important;
}

body[data-view="events"] .productions-filter-button{
  min-width:104px!important;
  white-space:nowrap!important;
}

body[data-view="events"] .productions-stats-grid{
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:14px!important;
}

body[data-view="events"] .production-stat-card{
  min-width:0!important;
}

body[data-view="events"] .productions-workspace{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,310px)!important;
  align-items:start!important;
  gap:16px!important;
  overflow:hidden!important;
}

body[data-view="events"] .productions-board-card,
body[data-view="events"] .productions-side-panel,
body[data-view="events"] .productions-side-card{
  min-width:0!important;
}

body[data-view="events"] .productions-board-card{
  max-width:100%!important;
  overflow:hidden!important;
}

body[data-view="events"] .productions-board-head{
  gap:12px!important;
}

body[data-view="events"] .productions-tabs{
  min-width:0!important;
}

body[data-view="events"] .productions-sort{
  flex:0 0 auto!important;
}

body[data-view="events"] .productions-kanban{
  max-width:100%!important;
  grid-template-columns:repeat(4,minmax(190px,1fr))!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}

body[data-view="events"] .production-column{
  min-width:168px!important;
  min-height:520px!important;
}

body[data-view="events"] .production-card{
  grid-template-columns:56px minmax(0,1fr)!important;
  min-width:0!important;
}

body[data-view="events"] .production-thumb{
  width:56px!important;
  height:76px!important;
}

body[data-view="events"] .production-card strong,
body[data-view="events"] .production-card span,
body[data-view="events"] .production-card small{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

body[data-view="events"] .productions-side-card .card-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body[data-view="events"] .productions-side-card .summary-link{
  flex:0 0 auto!important;
  max-width:118px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:1320px){
  body[data-view="events"] .productions-stats-grid{
    grid-template-columns:repeat(3,minmax(160px,1fr))!important;
  }

  body[data-view="events"] .productions-workspace{
    grid-template-columns:1fr!important;
  }

  body[data-view="events"] .productions-side-panel{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

@media(max-width:980px){
  body[data-view="events"] .productions-toolbar{
    grid-template-columns:1fr auto!important;
    justify-content:stretch!important;
  }

  body[data-view="events"] .productions-new-button{
    grid-column:1/-1!important;
    width:100%!important;
  }

  body[data-view="events"] .productions-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body[data-view="events"] .productions-kanban{
    grid-template-columns:repeat(4,236px)!important;
  }

  body[data-view="events"] .productions-side-panel{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  body[data-view="events"] .trial-banner:not([hidden]){
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  body[data-view="events"] .subscription-banner-actions{
    width:100%!important;
    margin-left:0!important;
  }

  body[data-view="events"] .subscription-banner-actions .button{
    width:100%!important;
  }

  body[data-view="events"] .productions-toolbar{
    grid-template-columns:1fr!important;
  }

  body[data-view="events"] .productions-filter-button{
    width:100%!important;
  }
}

/* ==========================================================
   UX MOBILE — camada final de proteção
   Objetivo: impedir que telas desktop fiquem espremidas no celular.
   Mantém as funções existentes e reorganiza apenas apresentação.
   ========================================================== */
@media(max-width:700px){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  main{
    width:100%!important;
    max-width:100vw!important;
    padding:18px 12px 86px!important;
    overflow-x:hidden!important;
  }

  .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:16px!important;
  }

  .topbar h1{
    font-size:clamp(27px,9vw,38px)!important;
    line-height:.98!important;
    max-width:100%!important;
  }

  .topbar p,
  .topbar .eyebrow{
    max-width:100%!important;
  }

  .top-actions{
    display:grid!important;
    grid-template-columns:1fr 44px 44px!important;
    gap:9px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .top-actions .button{
    min-width:0!important;
    width:100%!important;
    height:44px!important;
    padding:0 12px!important;
    font-size:13px!important;
    border-radius:12px!important;
  }

  .top-actions .search{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }

  .notification-button,
  #notificationButton{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }

  .stats,
  .proposals-stats-grid,
  .projects-stats-grid,
  .productions-stats-grid,
  .finance-stats-grid,
  .admin-kpi-grid,
  .studio-kpi-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .stat,
  .dashboard-stat,
  .proposal-stat-card,
  .project-stat-card,
  .production-stat-card,
  .finance-stat-card,
  .admin-kpi,
  .studio-kpi{
    min-width:0!important;
    min-height:104px!important;
    padding:13px 12px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }

  .stat strong,
  .dashboard-stat strong,
  .proposal-stat-card strong,
  .project-stat-card strong,
  .production-stat-card strong,
  .finance-stat-card strong,
  .admin-kpi strong,
  .studio-kpi strong{
    font-size:clamp(20px,6vw,27px)!important;
    line-height:1.02!important;
    white-space:nowrap!important;
  }

  .stat small,
  .dashboard-stat small,
  .proposal-stat-card small,
  .project-stat-card small,
  .production-stat-card small,
  .finance-stat-card small{
    font-size:10px!important;
    line-height:1.2!important;
  }

  .card,
  .proposals-list-card,
  .proposals-side-card,
  .projects-list-card,
  .projects-side-card,
  .productions-board-card,
  .productions-side-card,
  .finance-card,
  .report-card,
  .studio-profile-card{
    max-width:100%!important;
    min-width:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .table-wrap,
  .proposals-table-wrap,
  .projects-table-wrap,
  .clients-table-wrap,
  .transactions-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .data-table,
  .proposals-data-table,
  .projects-data-table{
    min-width:720px!important;
  }

  /* Modais e formulários: mobile como app, não desktop espremido */
  dialog{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    height:auto!important;
    max-height:calc(100dvh - 14px)!important;
    margin:auto!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  dialog form{
    max-height:calc(100dvh - 14px)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    padding:0!important;
    overflow:hidden!important;
  }

  dialog form>.dialog-head,
  .proposal-dialog .dialog-head,
  .event-dialog .dialog-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    align-items:start!important;
    margin:0!important;
    padding:18px 16px 14px!important;
    background:linear-gradient(180deg,rgba(18,21,25,.98),rgba(18,21,25,.94))!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(14px)!important;
  }

  dialog form>.dialog-head h2,
  .proposal-dialog .dialog-head h2,
  .event-dialog .dialog-head h2{
    font-size:28px!important;
    line-height:1.05!important;
    margin:4px 0 0!important;
  }

  dialog form>.dialog-head p,
  .proposal-dialog .dialog-head p,
  .event-dialog .dialog-head p{
    font-size:13px!important;
    line-height:1.35!important;
    max-width:100%!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }

  dialog .close-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }

  dialog form>.form-grid,
  .proposal-dialog form>.form-grid,
  .event-dialog form>.form-grid,
  .task-form-grid,
  .client-form-grid,
  .project-form-grid,
  .studio-profile-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .form-grid label,
  .form-grid .split,
  .form-grid .full,
  .proposal-dialog label,
  .proposal-dialog .split,
  .proposal-dialog .consumer-fields,
  .event-dialog .event-form-group,
  .event-dialog .split,
  .studio-profile-grid>*{
    grid-column:1/-1!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  .split,
  .proposal-dialog .split,
  .event-dialog .split,
  .consumer-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .form-grid input,
  .form-grid select,
  .form-grid textarea,
  .proposal-dialog input,
  .proposal-dialog select,
  .proposal-dialog textarea,
  .event-dialog input,
  .event-dialog select,
  .event-dialog textarea{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:44px!important;
    font-size:14px!important;
    border-radius:12px!important;
  }

  .form-grid textarea,
  .proposal-dialog textarea,
  .event-dialog textarea{
    min-height:92px!important;
  }

  .proposal-dialog .consumer-fields{
    padding:12px!important;
    border-radius:16px!important;
  }

  .proposal-dialog .dialog-actions,
  .event-dialog .dialog-actions,
  dialog form>.dialog-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:6!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:0!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(18,21,25,.9),#101418)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(14px)!important;
  }

  .proposal-dialog .dialog-actions .button,
  .event-dialog .dialog-actions .button,
  dialog form>.dialog-actions .button{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }

  /* Painéis laterais viram conteúdo abaixo/oculto no mobile para não esmagar o formulário */
  .proposal-preview-panel,
  .proposal-side,
  .proposal-summary-panel,
  .project-side-panel,
  .task-side-panel,
  .studio-profile-side{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .proposal-dialog .proposal-preview-panel,
  .proposal-dialog .proposal-side,
  .proposal-dialog .proposal-summary-panel{
    display:none!important;
  }

  /* Barras internas de páginas no mobile */
  .proposals-toolbar,
  .projects-toolbar,
  .productions-toolbar,
  .finance-toolbar,
  .reports-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .proposals-toolbar .button,
  .projects-toolbar .button,
  .productions-toolbar .button,
  .finance-toolbar .button,
  .reports-toolbar .button,
  .proposals-search,
  .projects-search,
  .productions-search{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:390px){
  .stats,
  .proposals-stats-grid,
  .projects-stats-grid,
  .productions-stats-grid,
  .finance-stats-grid,
  .admin-kpi-grid,
  .studio-kpi-grid{
    gap:8px!important;
  }

  .stat,
  .dashboard-stat,
  .proposal-stat-card,
  .project-stat-card,
  .production-stat-card,
  .finance-stat-card{
    min-height:96px!important;
    padding:11px 10px!important;
  }

  .stat strong,
  .dashboard-stat strong,
  .proposal-stat-card strong,
  .project-stat-card strong,
  .production-stat-card strong,
  .finance-stat-card strong{
    font-size:20px!important;
  }
}

/* Correção cirúrgica final: proposta no mobile/tablet sem corte lateral */
@media(max-width:900px){
  body #proposalDialog.proposal-builder-dialog,
  body dialog#proposalDialog.proposal-builder-dialog{
    position:fixed!important;
    inset:8px!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:0!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body #proposalDialog *,
  body #proposalDialog *::before,
  body #proposalDialog *::after{
    box-sizing:border-box!important;
  }

  body #proposalDialog .proposal-builder-form{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:0!important;
  }

  body #proposalDialog .proposal-builder-top{
    flex:0 0 auto!important;
    position:relative!important;
    z-index:8!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:10px!important;
    width:100%!important;
    padding:15px!important;
    background:linear-gradient(180deg,rgba(17,21,25,.98),rgba(17,21,25,.94))!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }

  body #proposalDialog .proposal-builder-top>div:first-child{
    min-width:0!important;
  }

  body #proposalDialog .proposal-builder-top h2{
    font-size:26px!important;
    line-height:1.05!important;
    margin:4px 0 8px!important;
  }

  body #proposalDialog .proposal-builder-top p:not(.proposal-breadcrumb){
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
  }

  body #proposalDialog .proposal-builder-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin-top:4px!important;
    padding-right:44px!important;
  }

  body #proposalDialog .proposal-builder-actions .button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    padding:0 10px!important;
    font-size:12px!important;
    border-radius:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #proposalDialog .proposal-builder-actions .button-primary{
    grid-column:1/-1!important;
  }

  body #proposalDialog .proposal-builder-actions .close-button{
    position:absolute!important;
    right:14px!important;
    top:16px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    z-index:20!important;
  }

  body #proposalDialog .proposal-builder-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:12px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body #proposalDialog .proposal-builder-main,
  body #proposalDialog .proposal-form-section,
  body #proposalDialog .proposal-form-grid,
  body #proposalDialog .proposal-contact-strip,
  body #proposalDialog .proposal-item-row{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body #proposalDialog .proposal-form-section{
    padding:14px!important;
    margin-bottom:12px!important;
    border-radius:16px!important;
  }

  body #proposalDialog .proposal-form-grid,
  body #proposalDialog .proposal-form-grid.values,
  body #proposalDialog .proposal-contact-strip,
  body #proposalDialog .proposal-item-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body #proposalDialog .proposal-item-head,
  body #proposalDialog .proposal-preview-panel{
    display:none!important;
  }

  body #proposalDialog label,
  body #proposalDialog .proposal-total-box,
  body #proposalDialog .proposal-add-line,
  body #proposalDialog .proposal-attachment-drop{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-column:1/-1!important;
  }

  body #proposalDialog input,
  body #proposalDialog select,
  body #proposalDialog textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    font-size:14px!important;
  }

  body #proposalDialog .proposal-contact-strip{
    padding:12px!important;
    margin-top:12px!important;
    overflow:hidden!important;
  }
}

/* Perfil no mobile: o menu com Configurações / Atualizar senha / Sair não pode ser cortado pela barra superior */
@media(max-width:700px){
  body .topbar,
  body .top-actions,
  body .top-profile-menu-wrap{
    overflow:visible!important;
  }

  body .top-profile-menu-wrap{
    position:relative!important;
    z-index:9990!important;
  }

  body #topProfileButton.top-profile-button{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
  }

  body #topProfileButton .top-profile-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  body #topProfileButton .top-profile-arrow{
    position:absolute!important;
    right:-10px!important;
    bottom:4px!important;
    font-size:10px!important;
    color:#fff!important;
  }

  body #topProfileMenu.top-profile-menu{
    position:fixed!important;
    top:calc(env(safe-area-inset-top, 0px) + 92px)!important;
    right:12px!important;
    left:auto!important;
    width:min(260px, calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    padding:8px!important;
    z-index:9999!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#171c21,#090b0d)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.62)!important;
  }

  body #topProfileMenu.top-profile-menu[hidden]{
    display:none!important;
  }

  body #topProfileMenu.top-profile-menu:before{
    display:none!important;
  }

  body #topProfileMenu.top-profile-menu button{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:44px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#f4f6f8!important;
    background:transparent!important;
  }

  body #topProfileMenu.top-profile-menu button:hover{
    background:rgba(232,239,0,.1)!important;
    color:var(--accent)!important;
  }

body #topProfileMenu.top-profile-menu button[data-profile-action="logout"]{
    color:#ff7d7d!important;
  }
}

/* Produções no mobile: cabeçalho do Kanban sem embolar e colunas usáveis */
@media(max-width:700px){
  body[data-view="events"] .productions-board-card{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }

  body[data-view="events"] .productions-board-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:stretch!important;
    padding:14px 12px!important;
    overflow:visible!important;
  }

  body[data-view="events"] .productions-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  body[data-view="events"] .productions-tabs button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 6px!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-view="events"] .productions-tabs button.active{
    background:rgba(232,239,0,.11)!important;
    color:var(--accent)!important;
  }

  body[data-view="events"] .productions-tabs button.active:after{
    display:none!important;
  }

  body[data-view="events"] .productions-sort{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px 38px!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }

  body[data-view="events"] .productions-sort button{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-view="events"] .productions-sort span{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    font-size:13px!important;
  }

  body[data-view="events"] .productions-kanban{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(238px,78vw)!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    padding:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body[data-view="events"] .production-column{
    min-width:0!important;
    width:100%!important;
    min-height:420px!important;
    max-height:62vh!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
  }

  body[data-view="events"] .production-column header{
    min-width:0!important;
    gap:7px!important;
    padding:10px 10px 6px!important;
  }

  body[data-view="events"] .production-column header strong{
    min-width:0!important;
    font-size:13px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-view="events"] .production-column-list{
    max-height:calc(62vh - 42px)!important;
    overflow-y:auto!important;
    padding:0 8px 10px!important;
  }

  body[data-view="events"] .production-card{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px!important;
  }

  body[data-view="events"] .production-thumb{
    width:54px!important;
    height:64px!important;
    min-width:54px!important;
    font-size:18px!important;
  }

  body[data-view="events"] .production-info,
  body[data-view="events"] .production-info strong,
  body[data-view="events"] .production-info small,
  body[data-view="events"] .production-info em{
    min-width:0!important;
    max-width:100%!important;
  }

  body[data-view="events"] .production-info strong{
    font-size:12px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }

  body[data-view="events"] .production-card-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    align-items:start!important;
  }

  body[data-view="events"] .production-card-footer span,
  body[data-view="events"] .production-card-footer mark{
    width:max-content!important;
    max-width:100%!important;
  }
}



.subscription-expiry-dialog{
  width:min(540px,calc(100% - 28px));
  border-color:rgba(216,255,62,.28);
  background:#0f1418;
}
.subscription-expiry-content{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:14px;
  padding:28px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(216,255,62,.16),transparent 34%),
    linear-gradient(145deg,rgba(20,25,30,.98),rgba(10,13,16,.99));
}
.subscription-expiry-content:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--accent),rgba(216,255,62,.18));
}
.subscription-expiry-content h2{
  margin:2px 0 0;
  font-size:clamp(28px,4vw,38px);
  line-height:1;
  letter-spacing:-.05em;
}
.subscription-expiry-content p:not(.eyebrow){
  margin:0;
  max-width:440px;
  color:#c9d0d7;
  line-height:1.55;
}
.subscription-expiry-content strong{
  color:var(--accent);
}
.subscription-expiry-actions{
  margin-top:8px!important;
}
@media(max-width:700px){
  .subscription-expiry-content{
    padding:22px!important;
  }
  .subscription-expiry-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

/* Ajuste cirúrgico do modal de atualizar/assinar plano:
   mantém os botões sempre visíveis e evita corte no rodapé. */
#subscriptionDialog.subscription-dialog{
  width:min(920px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
#subscriptionDialog .subscription-content{
  box-sizing:border-box!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:30px 30px 0!important;
  scrollbar-gutter:stable;
}
#subscriptionDialog .subscription-head{
  margin-bottom:20px!important;
}
#subscriptionDialog .subscription-value{
  margin:0 0 18px!important;
}
#subscriptionDialog .pricing-plans{
  align-items:stretch!important;
}
#subscriptionDialog .pricing-plan{
  min-height:150px!important;
}
#subscriptionDialog .dialog-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:8!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:18px -30px 0!important;
  padding:18px 30px calc(18px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(14,17,20,.88),rgba(14,17,20,.99) 38%)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px)!important;
}
#subscriptionDialog .dialog-actions .button{
  min-height:46px!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  #subscriptionDialog.subscription-dialog{
    width:calc(100vw - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
  }
  #subscriptionDialog .subscription-content{
    max-height:calc(100dvh - 18px)!important;
    padding:22px 18px 0!important;
  }
  #subscriptionDialog .dialog-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin:16px -18px 0!important;
    padding:14px 18px calc(14px + env(safe-area-inset-bottom))!important;
  }
  #subscriptionDialog .subscription-head{
    align-items:center!important;
  }
}

/* Correção final do cadastro de cliente no mobile:
   a regra genérica de modais era aplicada depois e deixava os blocos espremidos. */
@media(max-width:700px){
  #clientDialog .client-system-form{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }
  #clientDialog .client-form-top{
    padding:18px 16px 14px!important;
    gap:10px!important;
  }
  #clientDialog .client-form-top h2{
    font-size:24px!important;
    line-height:1.05!important;
  }
  #clientDialog .client-form-top p{
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  #clientDialog .client-form-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #clientDialog .client-form-main{
    order:1!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    border-radius:16px!important;
  }
  #clientDialog .client-form-aside{
    order:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
  }
  #clientDialog .client-form-section,
  #clientDialog .client-form-side-card{
    padding:16px!important;
    border-radius:16px!important;
    min-width:0!important;
    width:100%!important;
  }
  #clientDialog .client-form-section-head{
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }
  #clientDialog .client-form-section-head h3,
  #clientDialog .client-form-side-card h3{
    font-size:15px!important;
    line-height:1.2!important;
  }
  #clientDialog .client-form-grid,
  #clientDialog .client-form-grid.extra,
  #clientDialog .client-form-grid.preferences{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:0!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
  }
  #clientDialog .client-form-grid label,
  #clientDialog .client-form-grid label.wide,
  #clientDialog .client-form-side-card label{
    grid-column:auto!important;
    min-width:0!important;
    width:100%!important;
  }
  #clientDialog .client-form-grid input,
  #clientDialog .client-form-grid select,
  #clientDialog .client-form-grid textarea,
  #clientDialog .client-form-side-card input,
  #clientDialog .client-form-side-card select,
  #clientDialog .client-form-side-card textarea{
    min-height:44px!important;
    height:auto!important;
    font-size:13px!important;
    border-radius:12px!important;
  }
  #clientDialog .client-form-grid textarea,
  #clientDialog .client-form-side-card textarea{
    min-height:82px!important;
  }
  #clientDialog .client-live-summary{
    display:grid!important;
    grid-template-columns:54px 1fr!important;
    align-items:center!important;
    gap:12px!important;
    padding:14px!important;
  }
  #clientDialog .client-live-avatar{
    width:54px!important;
    height:54px!important;
    font-size:18px!important;
    margin:0!important;
  }
  #clientDialog .client-live-summary h4{
    font-size:16px!important;
    margin:0 0 4px!important;
  }
  #clientDialog .client-live-summary small,
  #clientDialog .client-live-summary span{
    font-size:12px!important;
  }
  #clientDialog .client-form-section.tags div{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #clientDialog .client-form-section.tags button{
    min-width:0!important;
    width:100%!important;
    justify-content:center!important;
    font-size:11px!important;
    padding:10px 8px!important;
  }
  #clientDialog .client-form-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
  }
  #clientDialog .client-form-actions .button{
    width:100%!important;
    min-height:44px!important;
    font-size:13px!important;
  }
}

/* Refinamento mobile do cadastro de cliente
   Mantém a lógica existente, mas remove a sensação de formulário espremido. */
@media(max-width:700px){
  #clientDialog{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    margin:0!important;
  }
  #clientDialog .client-system-form{
    background:
      radial-gradient(circle at 92% 0%,rgba(213,255,0,.10),transparent 30%),
      linear-gradient(180deg,#10151a 0%,#090d10 100%)!important;
  }
  #clientDialog .client-form-top{
    display:block!important;
    position:relative!important;
    padding:18px 16px 16px 64px!important;
    min-height:96px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  #clientDialog .client-form-title{
    display:block!important;
    min-width:0!important;
  }
  #clientDialog .client-form-title .icon-action{
    position:absolute!important;
    left:16px!important;
    top:18px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.06)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#e8eef6!important;
    font-size:18px!important;
  }
  #clientDialog .client-form-title h2{
    margin:0!important;
    font-size:25px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  #clientDialog .client-form-title p{
    margin:7px 0 0!important;
    max-width:250px!important;
    font-size:13px!important;
    line-height:1.35!important;
    color:#d6dde6!important;
  }
  #clientDialog .client-form-top > .client-form-actions{
    display:none!important;
  }
  #clientDialog .client-form-layout{
    padding:14px 12px 18px!important;
    gap:12px!important;
  }
  #clientDialog .client-form-section,
  #clientDialog .client-form-side-card{
    padding:16px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025))!important;
    border:1px solid rgba(255,255,255,.095)!important;
    box-shadow:0 14px 35px rgba(0,0,0,.18)!important;
  }
  #clientDialog .client-form-section h3,
  #clientDialog .client-form-side-card h3{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 16px!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  #clientDialog .client-form-section h3 span{
    width:32px!important;
    height:32px!important;
    display:inline-grid!important;
    place-items:center!important;
    border-radius:10px!important;
    background:rgba(148,72,255,.20)!important;
    color:#cda8ff!important;
    flex:0 0 auto!important;
  }
  #clientDialog .client-form-grid{
    gap:13px!important;
  }
  #clientDialog .client-form-grid label span,
  #clientDialog .client-form-side-card label span{
    font-size:10px!important;
    letter-spacing:.06em!important;
    color:#c9d4e2!important;
    margin-bottom:6px!important;
  }
  #clientDialog .client-form-grid input,
  #clientDialog .client-form-grid select,
  #clientDialog .client-form-grid textarea,
  #clientDialog .client-form-side-card input,
  #clientDialog .client-form-side-card select,
  #clientDialog .client-form-side-card textarea{
    min-height:46px!important;
    padding:12px 13px!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:13px!important;
  }
  #clientDialog .client-form-footer{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(10,14,17,.78),rgba(8,11,13,.98))!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    backdrop-filter:blur(16px)!important;
  }
  #clientDialog .client-form-bottom-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  #clientDialog .client-form-bottom-actions .button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }
}

/* Correção final — Clientes no mobile
   Mantém a tela limpa, sem elementos flutuando e sem valores cortados. */
@media(max-width:700px){
  body[data-view="clients"] main{
    padding:18px 12px 112px!important;
    overflow-x:hidden!important;
  }

  body[data-view="clients"] .topbar{
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    align-items:start!important;
    gap:10px!important;
    margin:0 0 12px!important;
    padding:0!important;
  }

  body[data-view="clients"] .topbar h1{
    grid-column:1/2!important;
    order:1!important;
    margin:0!important;
    font-size:30px!important;
    line-height:.95!important;
    letter-spacing:-.04em!important;
  }

  body[data-view="clients"] .topbar .eyebrow{
    grid-column:1/-1!important;
    order:2!important;
    max-width:290px!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#d8dde2!important;
  }

  body[data-view="clients"] .top-actions{
    grid-column:2/4!important;
    order:1!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
    min-width:0!important;
  }

  body[data-view="clients"] .top-actions .search,
  body[data-view="clients"] #quickProposalButton,
  body[data-view="clients"] #newEventButton{
    display:none!important;
  }

  body[data-view="clients"] .notification-button,
  body[data-view="clients"] .profile-menu{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }

  body[data-view="clients"] .profile-menu .profile-email,
  body[data-view="clients"] .profile-menu .profile-role{
    display:none!important;
  }

  #clientsView{
    padding:0 0 12px!important;
    overflow-x:hidden!important;
  }

  #clientsView>.section-heading{
    position:static!important;
    display:block!important;
    margin:0 0 12px!important;
  }

  #clientsView>.section-heading>div{
    display:none!important;
  }

  #clientsView #newClientButton{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    border-radius:12px!important;
    margin:0!important;
  }

  .clients-page-shell{
    gap:12px!important;
    overflow:hidden!important;
  }

  .clients-page-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;
    align-items:center!important;
    margin:0!important;
  }

  .clients-search{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:12px!important;
  }

  .clients-search input{
    min-width:0!important;
    font-size:14px!important;
  }

  .clients-filter-button{
    height:44px!important;
    padding:0 12px!important;
    white-space:nowrap!important;
    border-radius:12px!important;
  }

  .clients-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .client-stat-card{
    min-width:0!important;
    min-height:106px!important;
    padding:13px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:9px!important;
    overflow:hidden!important;
    align-items:center!important;
  }

  .client-stat-card>span{
    width:30px!important;
    height:30px!important;
    font-size:16px!important;
  }

  .client-stat-card small{
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.18!important;
    overflow:hidden!important;
  }

  .client-stat-card strong{
    max-width:100%!important;
    font-size:21px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .client-stat-card.yellow strong{
    font-size:16px!important;
    letter-spacing:-.04em!important;
  }

  .client-stat-card em{
    font-size:11px!important;
    line-height:1.22!important;
  }

  .clients-content-grid{
    display:block!important;
  }

  .clients-list-card{
    overflow:hidden!important;
    border-radius:18px!important;
  }

  .clients-table-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
  }

  .clients-data-table{
    min-width:620px!important;
  }

  .client-details-panel{
    display:none!important;
  }
}

@media(max-width:390px){
  body[data-view="clients"] .topbar h1{
    font-size:28px!important;
  }

  .client-stat-card{
    min-height:100px!important;
    padding:12px!important;
  }

  .client-stat-card strong{
    font-size:20px!important;
  }

  .client-stat-card.yellow strong{
    font-size:15px!important;
  }
}

@media(max-width:370px){
  .client-stat-card.yellow{
    grid-column:1/-1!important;
  }

  .client-stat-card.yellow strong{
    font-size:20px!important;
  }
}

/* Ajuste definitivo — Clientes mobile sem vazamento horizontal */
@media(max-width:700px){
  body[data-view="clients"]{
    overflow-x:hidden!important;
  }

  body[data-view="clients"] main,
  body[data-view="clients"] #clientsView,
  body[data-view="clients"] .clients-page-shell,
  body[data-view="clients"] .clients-content-grid,
  body[data-view="clients"] .clients-list-card{
    max-width:100%!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body[data-view="clients"] .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  body[data-view="clients"] .top-actions{
    grid-column:2/3!important;
  }

  body[data-view="clients"] .profile-menu{
    flex:0 0 44px!important;
  }

  #clientsView #newClientButton{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }

  .clients-page-toolbar{
    grid-template-columns:1fr!important;
  }

  .clients-filter-button{
    width:100%!important;
    justify-content:center!important;
  }

  .clients-stats-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .client-stat-card{
    min-height:82px!important;
    padding:12px 14px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
  }

  .client-stat-card small{
    font-size:12px!important;
  }

  .client-stat-card strong,
  .client-stat-card.yellow strong{
    font-size:22px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .clients-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .clients-data-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  .clients-data-table th,
  .clients-data-table td{
    padding:11px 8px!important;
    white-space:normal!important;
    word-break:break-word!important;
  }

  .clients-data-table th:nth-child(2),
  .clients-data-table td:nth-child(2),
  .clients-data-table th:nth-child(4),
  .clients-data-table td:nth-child(4),
  .clients-data-table th:nth-child(5),
  .clients-data-table td:nth-child(5),
  .clients-data-table th:nth-child(7),
  .clients-data-table td:nth-child(7){
    display:none!important;
  }

  .clients-data-table th:nth-child(1),
  .clients-data-table td:nth-child(1){
    width:48%!important;
  }

  .clients-data-table th:nth-child(3),
  .clients-data-table td:nth-child(3){
    width:32%!important;
    font-size:12px!important;
  }

  .clients-data-table th:nth-child(6),
  .clients-data-table td:nth-child(6){
    width:20%!important;
    text-align:right!important;
  }

  .client-name-cell{
    gap:8px!important;
  }

  .client-avatar-sm{
    width:34px!important;
    height:34px!important;
    font-size:12px!important;
    flex:0 0 34px!important;
  }

  .client-name-cell strong{
    font-size:13px!important;
    line-height:1.15!important;
  }

  .client-name-cell small{
    font-size:10px!important;
  }

  .clients-data-table .status-badge{
    padding:7px 8px!important;
    font-size:10px!important;
    border-radius:10px!important;
  }
}

/* Refinamento final — Clientes mobile com cara de app */
@media(max-width:700px){
  body[data-view="clients"]{
    overflow-x:hidden!important;
  }

  body[data-view="clients"] main{
    padding:14px 12px 98px!important;
    overflow-x:hidden!important;
  }

  body[data-view="clients"] .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "copy actions"
      "title actions"!important;
    align-items:start!important;
    column-gap:10px!important;
    row-gap:2px!important;
    min-height:auto!important;
    margin:0 0 14px!important;
  }

  body[data-view="clients"] .topbar .eyebrow{
    grid-area:copy!important;
    max-width:225px!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.28!important;
  }

  body[data-view="clients"] .topbar h1{
    grid-area:title!important;
    margin:0!important;
    font-size:32px!important;
    line-height:.95!important;
    letter-spacing:-.05em!important;
  }

  body[data-view="clients"] .top-actions{
    grid-area:actions!important;
    position:static!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
    transform:none!important;
  }

  body[data-view="clients"] .top-actions .search,
  body[data-view="clients"] #quickProposalButton,
  body[data-view="clients"] #newEventButton{
    display:none!important;
  }

  body[data-view="clients"] .notification-button,
  body[data-view="clients"] .profile-menu{
    position:static!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  body[data-view="clients"] .profile-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
  }

  body[data-view="clients"] .profile-avatar,
  body[data-view="clients"] .avatar-ring{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
  }

  body[data-view="clients"] .profile-menu .profile-copy,
  body[data-view="clients"] .profile-menu .profile-email,
  body[data-view="clients"] .profile-menu .profile-role,
  body[data-view="clients"] .profile-menu .chevron,
  body[data-view="clients"] .profile-menu svg:last-child{
    display:none!important;
  }

  #clientsView{
    padding-top:0!important;
  }

  #clientsView>.section-heading{
    display:block!important;
    margin:0 0 10px!important;
  }

  #clientsView>.section-heading>div{
    display:none!important;
  }

  #clientsView #newClientButton{
    width:100%!important;
    height:48px!important;
    margin:0!important;
    border-radius:14px!important;
    font-size:13px!important;
  }

  .clients-page-shell{
    gap:12px!important;
  }

  .clients-page-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:8px!important;
    margin:0!important;
  }

  .clients-search,
  .clients-filter-button{
    height:46px!important;
    border-radius:14px!important;
  }

  .clients-search{
    padding:0 12px!important;
  }

  .clients-search input{
    font-size:14px!important;
  }

  .clients-filter-button{
    width:auto!important;
    padding:0 12px!important;
    justify-content:center!important;
    font-size:13px!important;
  }

  .clients-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .client-stat-card{
    min-height:114px!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
  }

  .client-stat-card>span{
    width:34px!important;
    height:34px!important;
    font-size:15px!important;
  }

  .client-stat-card small{
    font-size:12px!important;
    line-height:1.2!important;
  }

  .client-stat-card strong,
  .client-stat-card.yellow strong{
    font-size:22px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    letter-spacing:-.03em!important;
  }

  .client-stat-card em{
    font-size:12px!important;
    line-height:1.2!important;
  }

  .clients-content-grid,
  .clients-list-card,
  .clients-table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .clients-data-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  .clients-data-table th,
  .clients-data-table td{
    padding:10px 8px!important;
    white-space:normal!important;
    word-break:break-word!important;
  }

  .clients-data-table th:nth-child(2),
  .clients-data-table td:nth-child(2),
  .clients-data-table th:nth-child(3),
  .clients-data-table td:nth-child(3),
  .clients-data-table th:nth-child(4),
  .clients-data-table td:nth-child(4),
  .clients-data-table th:nth-child(5),
  .clients-data-table td:nth-child(5),
  .clients-data-table th:nth-child(7),
  .clients-data-table td:nth-child(7){
    display:none!important;
  }

  .clients-data-table th:nth-child(1),
  .clients-data-table td:nth-child(1){
    width:68%!important;
  }

  .clients-data-table th:nth-child(6),
  .clients-data-table td:nth-child(6){
    width:32%!important;
    text-align:right!important;
  }

  .client-name-cell{
    gap:8px!important;
  }

  .client-avatar-sm{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:12px!important;
  }

  .client-name-cell strong{
    font-size:13px!important;
    line-height:1.15!important;
  }

  .client-name-cell small{
    font-size:10px!important;
  }
}

/* Agenda mobile compacta — evita o calendário estourar a tela */
@media(max-width:700px){
  body[data-view="calendar"]{
    overflow-x:hidden!important;
  }

  body[data-view="calendar"] .main-content,
  body[data-view="calendar"] .calendar-system-shell,
  body[data-view="calendar"] .calendar-system-main,
  body[data-view="calendar"] .agenda-week-card,
  body[data-view="calendar"] .agenda-week-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body[data-view="calendar"] .topbar{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    margin-bottom:12px!important;
  }

  body[data-view="calendar"] .topbar h1{
    font-size:38px!important;
    line-height:.98!important;
  }

  body[data-view="calendar"] .topbar .eyebrow{
    max-width:210px!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  body[data-view="calendar"] .calendar-system-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0 0 12px!important;
    width:100%!important;
  }

  body[data-view="calendar"] .calendar-new-button,
  body[data-view="calendar"] .agenda-week-switcher,
  body[data-view="calendar"] .agenda-view-tabs{
    width:100%!important;
    min-width:0!important;
    grid-column:auto!important;
  }

  body[data-view="calendar"] .calendar-new-button{
    height:48px!important;
    font-size:15px!important;
    border-radius:13px!important;
  }

  body[data-view="calendar"] .agenda-week-switcher{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
  }

  body[data-view="calendar"] .agenda-week-switcher .agenda-month-jump-button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 8px!important;
  }

  body[data-view="calendar"] .agenda-week-switcher strong{
    min-width:0!important;
    padding:0!important;
    font-size:15px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-view="calendar"] .agenda-month-jump-button small{
    display:none!important;
  }

  body[data-view="calendar"] .agenda-view-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  body[data-view="calendar"] .agenda-view-tabs button{
    min-width:0!important;
    height:46px!important;
    padding:0 4px!important;
    font-size:14px!important;
  }

  body[data-view="calendar"] .agenda-week-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  body[data-view="calendar"] .agenda-month-view{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:3px!important;
    padding:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body[data-view="calendar"] .agenda-month-head{
    min-width:0!important;
    padding:6px 0!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.02em!important;
  }

  body[data-view="calendar"] .agenda-month-day{
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    max-height:72px!important;
    padding:6px 4px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  body[data-view="calendar"] .agenda-month-day strong{
    font-size:14px!important;
    line-height:1!important;
  }

  body[data-view="calendar"] .agenda-month-day small{
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-view="calendar"] .agenda-month-day span{
    display:none!important;
  }

  body[data-view="calendar"] .agenda-month-day.today strong{
    width:24px!important;
    height:24px!important;
    font-size:12px!important;
  }

  body[data-view="calendar"] .agenda-side-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:12px!important;
  }

  body[data-view="calendar"] .agenda-mini-card{
    display:none!important;
  }
}

@media(max-width:380px){
  body[data-view="clients"] .topbar .eyebrow{
    max-width:205px!important;
    font-size:11.5px!important;
  }

  body[data-view="clients"] .topbar h1{
    font-size:30px!important;
  }

  .client-stat-card{
    min-height:106px!important;
    padding:12px!important;
  }

  .client-stat-card strong,
  .client-stat-card.yellow strong{
    font-size:20px!important;
  }
}

/* Produções: controles funcionais, lista e calendário */
body[data-view="events"] .production-filters-panel[hidden]{
  display:none!important;
}

body[data-view="events"] .production-filters-panel{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:end!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
}

body[data-view="events"] .production-filters-panel label,
body[data-view="events"] .production-sort-select{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

body[data-view="events"] .production-filters-panel span,
body[data-view="events"] .production-sort-select span{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  color:#aeb6bf!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

body[data-view="events"] .production-filters-panel select,
body[data-view="events"] .production-sort-select select{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:8px!important;
  background:#0b0f12!important;
  color:#f4f7fa!important;
  padding:0 10px!important;
  outline:0!important;
}

body[data-view="events"] .productions-filter-button.active{
  border-color:rgba(232,239,0,.45)!important;
  color:var(--accent)!important;
}

body[data-view="events"] .production-chip.waiting{
  background:rgba(154,163,173,.14)!important;
  color:#c8d0d8!important;
}

body[data-view="events"] .production-chip.cancelled{
  background:rgba(255,96,77,.14)!important;
  color:#ff7d71!important;
}

body[data-view="events"] .productions-sort{
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
}

body[data-view="events"] .production-sort-select{
  width:190px!important;
}

body[data-view="events"] .productions-sort>button{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}

body[data-view="events"] .productions-sort>button.active{
  border-color:rgba(232,239,0,.45)!important;
  background:rgba(232,239,0,.1)!important;
  color:var(--accent)!important;
}

body[data-view="events"] #productionsKanban.production-kanban-view{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:8px!important;
  padding:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

body[data-view="events"] #productionsKanban.production-kanban-view .production-column{
  min-height:0!important;
  max-height:clamp(360px,calc(100vh - 260px),720px)!important;
}

body[data-view="events"] #productionsKanban.production-kanban-view .production-column-list{
  max-height:clamp(280px,calc(100vh - 338px),640px)!important;
  overflow-y:auto!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
}

body[data-view="events"] #productionsKanban.production-kanban-view .production-column-list::-webkit-scrollbar{
  width:8px!important;
}

body[data-view="events"] #productionsKanban.production-kanban-view .production-column-list::-webkit-scrollbar-track{
  background:transparent!important;
}

body[data-view="events"] #productionsKanban.production-kanban-view .production-column-list::-webkit-scrollbar-thumb{
  background:#333b43!important;
  border-radius:999px!important;
}

body[data-view="events"] .production-column-more,
body[data-view="events"] .production-history-link{
  width:100%!important;
  min-height:38px!important;
  border:1px solid rgba(232,239,0,.2)!important;
  border-radius:9px!important;
  background:rgba(232,239,0,.065)!important;
  color:var(--accent)!important;
  font-size:11px!important;
  font-weight:900!important;
}

body[data-view="events"] .production-history-link{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.025)!important;
  color:#dce3ea!important;
}

body[data-view="events"] #productionsKanban.production-list-view,
body[data-view="events"] #productionsKanban.production-calendar-view{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}

body[data-view="events"] .production-list-table{
  display:grid!important;
  min-width:0!important;
}

body[data-view="events"] .production-list-head,
body[data-view="events"] .production-list-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1.35fr) minmax(130px,.9fr) minmax(120px,.8fr) minmax(140px,.85fr) minmax(120px,.75fr)!important;
  gap:12px!important;
  align-items:center!important;
}

body[data-view="events"] .production-list-head{
  padding:13px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#9fa8b2!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

body[data-view="events"] .production-list-row{
  width:100%!important;
  min-height:72px!important;
  padding:14px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
  color:#eef3f7!important;
  text-align:left!important;
  cursor:pointer!important;
}

body[data-view="events"] .production-list-row:hover{
  background:rgba(232,239,0,.045)!important;
}

body[data-view="events"] .production-list-row span{
  min-width:0!important;
}

body[data-view="events"] .production-list-row strong,
body[data-view="events"] .production-list-row small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body[data-view="events"] .production-list-row strong{
  color:#fff!important;
  font-size:13px!important;
}

body[data-view="events"] .production-list-row small{
  margin-top:4px!important;
  color:#aeb6bf!important;
  font-size:11px!important;
}

body[data-view="events"] .production-list-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 16px!important;
  color:#aeb6bf!important;
  font-size:12px!important;
}

body[data-view="events"] .production-list-pagination>div{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}

body[data-view="events"] .production-list-pagination button{
  min-width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:#eef3f7!important;
}

body[data-view="events"] .production-list-pagination button.active{
  border-color:rgba(232,239,0,.5)!important;
  background:rgba(232,239,0,.1)!important;
  color:var(--accent)!important;
}

body[data-view="events"] .production-list-pagination button:disabled{
  opacity:.35!important;
  cursor:not-allowed!important;
}

body[data-view="events"] .production-calendar-shell{
  display:grid!important;
  gap:0!important;
  min-width:0!important;
}

body[data-view="events"] .production-calendar-head{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:10px!important;
  padding:14px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

body[data-view="events"] .production-calendar-head strong{
  color:#fff!important;
  text-align:center!important;
  text-transform:capitalize!important;
}

body[data-view="events"] .production-calendar-head button{
  width:42px!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  color:#fff!important;
}

body[data-view="events"] .production-calendar-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:1px!important;
  background:rgba(255,255,255,.06)!important;
  padding:1px!important;
}

body[data-view="events"] .production-calendar-grid>span{
  min-width:0!important;
  padding:9px 6px!important;
  background:#0a0e11!important;
  color:#9fa8b2!important;
  font-size:10px!important;
  font-weight:900!important;
  text-align:center!important;
}

body[data-view="events"] .production-calendar-day{
  min-height:118px!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  gap:8px!important;
  padding:10px!important;
  background:#0b0f12!important;
  overflow:hidden!important;
}

body[data-view="events"] .production-calendar-day.muted{
  background:#080b0d!important;
}

body[data-view="events"] .production-calendar-day.today strong{
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--accent)!important;
  color:#050607!important;
}

body[data-view="events"] .production-calendar-day>div{
  display:grid!important;
  align-content:start!important;
  gap:5px!important;
  min-width:0!important;
}

body[data-view="events"] .production-calendar-day button{
  width:100%!important;
  min-width:0!important;
  display:block!important;
  padding:6px 7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-left:3px solid var(--accent)!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.035)!important;
  color:#eef3f7!important;
  font-size:10px!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body[data-view="events"] .production-calendar-day button.waiting{border-left-color:#9aa3ad!important}
body[data-view="events"] .production-calendar-day button.editing{border-left-color:#ff8a00!important}
body[data-view="events"] .production-calendar-day button.done{border-left-color:#67dc28!important}
body[data-view="events"] .production-calendar-day button.cancelled{border-left-color:#ff604d!important}

body[data-view="events"] .production-calendar-day button span{
  display:inline!important;
  margin-right:5px!important;
  color:#aeb6bf!important;
  font-weight:900!important;
}

body[data-view="events"] .production-calendar-day small{
  color:#aeb6bf!important;
  font-size:10px!important;
}

@media(max-width:900px){
  body[data-view="events"] .production-filters-panel{
    grid-template-columns:1fr!important;
  }

  body[data-view="events"] .production-sort-select{
    width:100%!important;
  }

  body[data-view="events"] .production-list-head{
    display:none!important;
  }

  body[data-view="events"] .production-list-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
  }

  body[data-view="events"] .production-list-pagination{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body[data-view="events"] .production-list-pagination>div{
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
}

@media(max-width:700px){
  body[data-view="events"] .productions-sort{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px 38px!important;
    gap:8px!important;
    width:100%!important;
  }

  body[data-view="events"] #productionsKanban.production-list-view,
  body[data-view="events"] #productionsKanban.production-calendar-view{
    display:grid!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-template-columns:1fr!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
  }

  body[data-view="events"] .production-calendar-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }

  body[data-view="events"] .production-calendar-day{
    min-height:78px!important;
    padding:6px 4px!important;
  }

  body[data-view="events"] .production-calendar-day button{
    padding:5px!important;
    font-size:9px!important;
  }
}

/* Financeiro: leitura mais clara e transações compactas */
body[data-view="finance"] .topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:start!important;
  margin-bottom:18px!important;
}

body[data-view="finance"] .topbar>div:first-child{
  min-width:0!important;
}

body[data-view="finance"] .topbar h1{
  max-width:100%!important;
  line-height:.96!important;
}

body[data-view="finance"] .top-actions{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-width:0!important;
}

body[data-view="finance"] .finance-page-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:start!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:0!important;
  margin-bottom:22px!important;
  padding-right:0!important;
}

body[data-view="finance"] .finance-period-control{
  flex:1 1 360px!important;
  min-width:0!important;
  max-width:560px!important;
}

body[data-view="finance"] .finance-period-control input{
  min-width:0!important;
}

body[data-view="finance"] .finance-filter-button.active{
  border-color:rgba(232,239,0,.38)!important;
  background:rgba(232,239,0,.1)!important;
  color:var(--accent)!important;
}

body[data-view="finance"] .finance-filters-panel{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(130px,1fr)) auto!important;
  gap:10px!important;
  align-items:end!important;
  margin:-8px 0 22px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(17,20,23,.96),rgba(8,10,12,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body[data-view="finance"] .finance-filters-panel[hidden]{
  display:none!important;
}

body[data-view="finance"] .finance-filters-panel label{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

body[data-view="finance"] .finance-filters-panel label span{
  color:#aeb8c2!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

body[data-view="finance"] .finance-filters-panel input,
body[data-view="finance"] .finance-filters-panel select{
  width:100%!important;
  height:42px!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:11px!important;
  background:#101317!important;
  color:#f4f7fa!important;
  padding:0 12px!important;
  outline:0!important;
  color-scheme:dark!important;
}

body[data-view="finance"] .finance-filters-panel input:focus,
body[data-view="finance"] .finance-filters-panel select:focus{
  border-color:rgba(232,239,0,.48)!important;
  box-shadow:0 0 0 3px rgba(232,239,0,.08)!important;
}

body[data-view="finance"] .finance-filters-panel .button{
  height:42px!important;
  white-space:nowrap!important;
}

body[data-view="finance"] .finance-expense-button{
  min-width:158px!important;
  border-color:rgba(255,189,89,.28)!important;
  background:rgba(255,189,89,.08)!important;
  color:#ffd18a!important;
}

body[data-view="finance"] .finance-metric-card{
  background:linear-gradient(145deg,rgba(16,20,24,.98),rgba(10,13,16,.98))!important;
  border-color:rgba(255,255,255,.1)!important;
}

body[data-view="finance"] .finance-metric-card>span{
  background:rgba(124,183,255,.12)!important;
  color:#9dccff!important;
}

body[data-view="finance"] .finance-metric-card.green>span{background:rgba(108,227,141,.12)!important;color:#8ef0aa!important}
body[data-view="finance"] .finance-metric-card.red>span{background:rgba(255,138,101,.12)!important;color:#ffab91!important}
body[data-view="finance"] .finance-metric-card.blue>span{background:rgba(124,183,255,.12)!important;color:#9dccff!important}
body[data-view="finance"] .finance-metric-card.orange>span{background:rgba(255,207,102,.13)!important;color:#ffd978!important}
body[data-view="finance"] .finance-metric-card.purple>span{background:rgba(177,140,255,.13)!important;color:#c8adff!important}

body[data-view="finance"] .finance-metric-card small,
body[data-view="finance"] .finance-metric-card em{
  color:#aeb8c2!important;
}

body[data-view="finance"] .finance-metric-card strong{
  color:#f5f8fb!important;
  letter-spacing:0!important;
}

body[data-view="finance"] .finance-cashflow-chart{
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))!important;
}

body[data-view="finance"] .finance-cashflow-chart polyline.revenue{stroke:#8ef0aa!important}
body[data-view="finance"] .finance-cashflow-chart polyline.expense{stroke:#ffab91!important}
body[data-view="finance"] .finance-cashflow-chart polyline.profit{stroke:#9dccff!important}
body[data-view="finance"] .finance-chart-legend .revenue:before{background:#8ef0aa!important}
body[data-view="finance"] .finance-chart-legend .expense:before{background:#ffab91!important}
body[data-view="finance"] .finance-chart-legend .profit:before{background:#9dccff!important}

body[data-view="finance"] .finance-side-card .positive,
body[data-view="finance"] .finance-type.revenue,
body[data-view="finance"] .positive{color:#8ef0aa!important}
body[data-view="finance"] .finance-side-card .danger,
body[data-view="finance"] .finance-type.expense,
body[data-view="finance"] .danger{color:#ffab91!important}
body[data-view="finance"] .finance-side-card .warning,
body[data-view="finance"] .finance-type.pending,
body[data-view="finance"] .warning{color:#ffd978!important}

body[data-view="finance"] .finance-transactions-table{
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

body[data-view="finance"] .finance-data-table{
  min-width:980px!important;
}

body[data-view="finance"] .finance-data-table tr{
  background:transparent!important;
}

body[data-view="finance"] .finance-data-table tbody tr:nth-child(odd){
  background:rgba(255,255,255,.018)!important;
}

body[data-view="finance"] .finance-data-table tbody tr:hover{
  background:rgba(124,183,255,.055)!important;
}

body[data-view="finance"] .finance-data-table th,
body[data-view="finance"] .finance-data-table td{
  border-color:rgba(255,255,255,.07)!important;
  color:#dbe3eb!important;
}

body[data-view="finance"] .finance-data-table td strong{
  color:#f4f7fa!important;
}

body[data-view="finance"] .finance-category{
  background:rgba(124,183,255,.11)!important;
  color:#b8d8ff!important;
}

body[data-view="finance"] .finance-category.expense{
  background:rgba(255,171,145,.12)!important;
  color:#ffc2ad!important;
}

body[data-view="finance"] .finance-category.revenue{
  background:rgba(142,240,170,.12)!important;
  color:#b7f7c9!important;
}

body[data-view="finance"] .finance-category.pending{
  background:rgba(255,217,120,.12)!important;
  color:#ffe49f!important;
}

body[data-view="finance"] .finance-status{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  background:rgba(142,240,170,.1)!important;
  color:#b7f7c9!important;
}

body[data-view="finance"] .finance-status.expense{
  background:rgba(255,255,255,.07)!important;
  color:#dbe3eb!important;
}

body[data-view="finance"] .finance-status.pending{
  background:rgba(255,217,120,.12)!important;
  color:#ffe49f!important;
}

body[data-view="finance"] .finance-row-expense .icon-action.danger{
  border-color:rgba(255,171,145,.28)!important;
  color:#ffab91!important;
}

body[data-view="finance"] .finance-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#aeb8c2!important;
  font-size:12px!important;
}

body[data-view="finance"] .finance-pagination>div{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}

body[data-view="finance"] .finance-pagination button{
  min-width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.03)!important;
  color:#e8eef4!important;
}

body[data-view="finance"] .finance-pagination button.active{
  border-color:rgba(124,183,255,.45)!important;
  background:rgba(124,183,255,.14)!important;
  color:#b8d8ff!important;
}

body[data-view="finance"] .finance-pagination button:disabled{
  opacity:.35!important;
  cursor:not-allowed!important;
}

@media(max-width:760px){
  body[data-view="finance"] .topbar{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body[data-view="finance"] .top-actions{
    justify-content:flex-start!important;
    width:100%!important;
  }

  body[data-view="finance"] .finance-page-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body[data-view="finance"] .finance-period-control{
    width:100%!important;
    max-width:none!important;
    justify-content:space-between!important;
  }

  body[data-view="finance"] .finance-filters-panel{
    grid-template-columns:1fr!important;
    margin-top:-4px!important;
  }

  body[data-view="finance"] .finance-new-button,
  body[data-view="finance"] .finance-expense-button,
  body[data-view="finance"] .finance-filter-button{
    width:100%!important;
  }

  body[data-view="finance"] .finance-pagination{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body[data-view="finance"] .finance-pagination>div{
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
}

/* Propostas: filtros reais, contraste e construtor legível */
body[data-view="proposals"] .proposals-toolbar{
  flex-wrap:wrap!important;
}

body[data-view="proposals"] .proposals-filter-button.active{
  border-color:rgba(232,239,0,.42)!important;
  background:rgba(232,239,0,.1)!important;
  color:var(--accent)!important;
}

body[data-view="proposals"] .proposal-filters-panel{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(140px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
  margin:-4px 0 16px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(17,20,23,.96),rgba(8,10,12,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body[data-view="proposals"] .proposal-filters-panel[hidden]{
  display:none!important;
}

body[data-view="proposals"] .proposal-filters-panel label,
body[data-view="proposals"] .proposal-sort-select{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

body[data-view="proposals"] .proposal-filters-panel label span,
body[data-view="proposals"] .proposal-sort-select span{
  color:#aeb8c2!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

body[data-view="proposals"] .proposal-filters-panel input,
body[data-view="proposals"] .proposal-filters-panel select,
body[data-view="proposals"] .proposal-sort-select select{
  width:100%!important;
  height:42px!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:11px!important;
  background:#101317!important;
  color:#f4f7fa!important;
  padding:0 12px!important;
  outline:0!important;
  color-scheme:dark!important;
}

body[data-view="proposals"] .proposal-filters-panel input:focus,
body[data-view="proposals"] .proposal-filters-panel select:focus,
body[data-view="proposals"] .proposal-sort-select select:focus{
  border-color:rgba(232,239,0,.48)!important;
  box-shadow:0 0 0 3px rgba(232,239,0,.08)!important;
}

body[data-view="proposals"] .proposal-filters-panel .button{
  height:42px!important;
  white-space:nowrap!important;
}

body[data-view="proposals"] .proposals-sort{
  align-items:end!important;
}

body[data-view="proposals"] .proposal-sort-select{
  width:190px!important;
}

body[data-view="proposals"] .proposals-data-table tbody tr:nth-child(odd){
  background:rgba(255,255,255,.018)!important;
}

body[data-view="proposals"] .proposals-data-table tbody tr:hover{
  background:rgba(157,204,255,.055)!important;
}

body[data-view="proposals"] .proposals-data-table th,
body[data-view="proposals"] .proposals-data-table td{
  border-color:rgba(255,255,255,.075)!important;
  color:#dfe7ee!important;
}

body[data-view="proposals"] .proposal-status{
  display:inline-flex!important;
  align-items:center!important;
  min-width:108px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  color:#f4f7fa!important;
}

body[data-view="proposals"] .proposal-status.sent{
  border-color:rgba(157,204,255,.28)!important;
  background:rgba(157,204,255,.12)!important;
  color:#b8d8ff!important;
}

body[data-view="proposals"] .proposal-status.accepted{
  border-color:rgba(142,240,170,.3)!important;
  background:rgba(142,240,170,.12)!important;
  color:#b7f7c9!important;
}

body[data-view="proposals"] .proposal-status.draft{
  border-color:rgba(255,217,120,.32)!important;
  background:rgba(255,217,120,.12)!important;
  color:#ffe49f!important;
}

body[data-view="proposals"] .proposal-status.rejected,
body[data-view="proposals"] .proposal-status.expired{
  border-color:rgba(255,171,145,.3)!important;
  background:rgba(255,171,145,.12)!important;
  color:#ffc2ad!important;
}

body[data-view="proposals"] .proposal-status-caption{
  display:block!important;
  margin-top:5px!important;
  color:#aeb8c2!important;
  font-size:10px!important;
  font-weight:800!important;
}

body[data-view="proposals"] .proposal-status-caption.expired,
body[data-view="proposals"] .proposal-status-caption.rejected{
  color:#ffab91!important;
}

body[data-view="proposals"] .proposal-value-chart span{
  background:linear-gradient(180deg,rgba(157,204,255,.74),rgba(157,204,255,.1))!important;
}

body[data-view="proposals"] .proposal-value-chart i{
  background:#9dccff!important;
}

body[data-view="proposals"] .proposals-pagination button:disabled{
  opacity:.35!important;
  cursor:not-allowed!important;
}

body #proposalDialog .proposal-item-row{
  grid-template-columns:minmax(210px,.85fr) minmax(380px,1.45fr) 76px 140px 130px!important;
  align-items:start!important;
}

body #proposalDialog label:has(#proposalDescription){
  min-width:0!important;
}

body #proposalDialog #proposalDescription{
  min-height:112px!important;
  line-height:1.45!important;
  resize:vertical!important;
}

body #proposalDialog #proposalNotes{
  min-height:86px!important;
  line-height:1.45!important;
}

body #proposalDialog .proposal-item-row strong#proposalItemTotal{
  align-self:end!important;
  padding-bottom:10px!important;
}

@media(max-width:1180px){
  body[data-view="proposals"] .proposal-filters-panel{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body #proposalDialog .proposal-item-row{
    grid-template-columns:1fr 1fr!important;
  }

  body #proposalDialog .proposal-item-row label:has(#proposalDescription){
    grid-column:1/-1!important;
  }
}

@media(max-width:700px){
  body[data-view="proposals"] .proposals-search,
  body[data-view="proposals"] .proposals-filter-button{
    display:flex!important;
    width:100%!important;
  }

  body[data-view="proposals"] .proposal-filters-panel{
    grid-template-columns:1fr!important;
    margin-top:0!important;
  }

  body[data-view="proposals"] .proposals-sort{
    display:grid!important;
    width:100%!important;
  }

  body[data-view="proposals"] .proposal-sort-select{
    width:100%!important;
  }

  body[data-view="proposals"] .proposals-pagination{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  body[data-view="proposals"] .proposals-pagination span:last-child{
    justify-content:center!important;
    flex-wrap:wrap!important;
  }

body #proposalDialog #proposalDescription{
  min-height:130px!important;
  }
}

/* Nova proposta: área de serviço em formato de sistema, sem anexos */
body #proposalDialog.proposal-builder-dialog{
  background:#0b0f12!important;
}

body #proposalDialog .proposal-builder-top{
  background:linear-gradient(180deg,rgba(18,22,26,.98),rgba(12,16,19,.98))!important;
}

body #proposalDialog .proposal-form-section{
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(18,22,26,.96),rgba(11,15,18,.98))!important;
  border-color:rgba(255,255,255,.1)!important;
}

body #proposalDialog .proposal-section-title{
  padding-bottom:12px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

body #proposalDialog .proposal-section-title span{
  border-radius:9px!important;
}

body #proposalDialog .proposal-item-system-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,.85fr) minmax(420px,1.35fr)!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}

body #proposalDialog .proposal-item-system-grid label,
body #proposalDialog .proposal-compact-fields label,
body #proposalDialog .proposal-line-total{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
}

body #proposalDialog .proposal-item-system-grid label span,
body #proposalDialog .proposal-compact-fields label span,
body #proposalDialog .proposal-line-total span{
  color:#bfc7cf!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body #proposalDialog .proposal-item-system-grid input,
body #proposalDialog .proposal-item-system-grid textarea,
body #proposalDialog .proposal-compact-fields input{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
  background:#151a1f!important;
  color:#f4f7fa!important;
  padding:0 14px!important;
  outline:0!important;
}

body #proposalDialog .proposal-item-system-grid input:focus,
body #proposalDialog .proposal-item-system-grid textarea:focus,
body #proposalDialog .proposal-compact-fields input:focus{
  border-color:rgba(232,239,0,.48)!important;
  box-shadow:0 0 0 3px rgba(232,239,0,.08)!important;
}

body #proposalDialog .proposal-description-field{
  grid-row:span 2!important;
}

body #proposalDialog #proposalDescription{
  min-height:164px!important;
  height:164px!important;
  padding:14px!important;
  line-height:1.45!important;
  resize:vertical!important;
}

body #proposalDialog .proposal-compact-fields{
  grid-column:1/2!important;
  display:grid!important;
  grid-template-columns:88px minmax(150px,1fr)!important;
  gap:12px!important;
  align-items:end!important;
}

body #proposalDialog .proposal-line-total{
  grid-column:1/-1!important;
  min-height:70px!important;
  align-content:center!important;
  padding:14px!important;
  border:1px solid rgba(232,239,0,.22)!important;
  border-radius:10px!important;
  background:rgba(232,239,0,.055)!important;
}

body #proposalDialog .proposal-line-total strong{
  color:var(--accent)!important;
  font-size:24px!important;
  line-height:1!important;
}

body #proposalDialog .proposal-form-grid.values{
  align-items:end!important;
}

body #proposalDialog .proposal-attachment-drop{
  display:none!important;
}

@media(max-width:1180px){
  body #proposalDialog .proposal-item-system-grid{
    grid-template-columns:1fr!important;
  }

  body #proposalDialog .proposal-description-field{
    grid-row:auto!important;
  }

  body #proposalDialog .proposal-compact-fields{
    grid-column:auto!important;
    grid-template-columns:90px minmax(150px,1fr)!important;
  }
}

@media(max-width:700px){
  body #proposalDialog .proposal-item-system-grid,
  body #proposalDialog .proposal-compact-fields{
    grid-template-columns:1fr!important;
  }

  body #proposalDialog #proposalDescription{
    min-height:170px!important;
    height:170px!important;
  }
}

/* Nova proposta: ajuste compacto definitivo */
body #proposalDialog.proposal-builder-dialog{
  width:min(1180px,calc(100vw - 42px))!important;
}

body #proposalDialog .proposal-builder-grid{
  gap:14px!important;
  padding:14px!important;
}

body #proposalDialog .proposal-builder-main{
  gap:12px!important;
}

body #proposalDialog .proposal-form-section{
  padding:14px!important;
}

body #proposalDialog .proposal-section-title{
  margin-bottom:12px!important;
  padding-bottom:10px!important;
}

body #proposalDialog .proposal-section-title h3{
  font-size:16px!important;
}

body #proposalDialog .proposal-form-grid,
body #proposalDialog .proposal-form-grid.values{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

body #proposalDialog.proposal-builder-dialog label:has(#proposalClient),
body #proposalDialog.proposal-builder-dialog label:has(#proposalService),
body #proposalDialog.proposal-builder-dialog label:has(#proposalAmount),
body #proposalDialog.proposal-builder-dialog label:has(#proposalEventDate),
body #proposalDialog.proposal-builder-dialog label:has(#proposalValidUntil){
  grid-column:auto!important;
}

body #proposalDialog.proposal-builder-dialog label:has(#proposalTitle){
  grid-column:span 2!important;
}

body #proposalDialog .proposal-form-grid.values .wide{
  grid-column:span 2!important;
}

body #proposalDialog .proposal-form-grid input,
body #proposalDialog .proposal-form-grid select,
body #proposalDialog .proposal-form-grid textarea,
body #proposalDialog .proposal-contact-strip input,
body #proposalDialog .proposal-item-system-grid input,
body #proposalDialog .proposal-item-system-grid textarea,
body #proposalDialog .proposal-compact-fields input{
  min-height:42px!important;
  height:42px!important;
  border-radius:9px!important;
  font-size:14px!important;
  padding:0 12px!important;
}

body #proposalDialog .proposal-contact-strip{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:12px!important;
  padding:12px!important;
}

body #proposalDialog .proposal-item-system-grid{
  grid-template-columns:minmax(0,1fr) minmax(310px,380px)!important;
  gap:12px!important;
  align-items:end!important;
}

body #proposalDialog .proposal-service-field{
  grid-column:1/2!important;
  grid-row:1!important;
}

body #proposalDialog .proposal-compact-fields{
  grid-column:2/3!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:70px minmax(130px,1fr) minmax(150px,1fr)!important;
  gap:10px!important;
  align-items:end!important;
}

body #proposalDialog .proposal-description-field{
  grid-column:1/-1!important;
  grid-row:2!important;
}

body #proposalDialog #proposalDescription{
  min-height:96px!important;
  height:96px!important;
  padding:12px!important;
  line-height:1.4!important;
}

body #proposalDialog #proposalNotes{
  min-height:72px!important;
  height:72px!important;
  padding:12px!important;
}

body #proposalDialog .proposal-line-total{
  grid-column:auto!important;
  min-height:42px!important;
  height:42px!important;
  align-content:center!important;
  padding:7px 10px!important;
  min-width:0!important;
  overflow:hidden!important;
}

body #proposalDialog .proposal-line-total strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(15px,1.25vw,18px)!important;
  letter-spacing:0!important;
  line-height:1.05!important;
}

body #proposalDialog .proposal-total-box{
  min-height:42px!important;
  min-width:0!important;
  overflow:hidden!important;
}

body #proposalDialog .proposal-total-box strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(18px,1.8vw,22px)!important;
  letter-spacing:0!important;
}

body #proposalDialog #proposalSubtotalPreview,
body #proposalDialog #proposalDiscount,
body #proposalDialog #proposalExtraFee{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}

body #proposalDialog #proposalDiscount,
body #proposalDialog #proposalExtraFee{
  border-color:rgba(232,239,0,.2)!important;
  background:rgba(232,239,0,.035)!important;
}

body #proposalDialog .proposal-form-grid.values{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

@media(max-width:1180px){
  body #proposalDialog .proposal-builder-grid{
    grid-template-columns:1fr!important;
  }

  body #proposalDialog .proposal-preview-panel{
    display:none!important;
  }
}

@media(max-width:860px){
  body #proposalDialog .proposal-form-grid,
  body #proposalDialog .proposal-form-grid.values,
  body #proposalDialog .proposal-contact-strip,
  body #proposalDialog .proposal-item-system-grid{
    grid-template-columns:1fr!important;
  }

  body #proposalDialog.proposal-builder-dialog label:has(#proposalTitle),
  body #proposalDialog .proposal-form-grid.values .wide,
  body #proposalDialog .proposal-service-field,
  body #proposalDialog .proposal-description-field,
  body #proposalDialog .proposal-compact-fields{
    grid-column:1/-1!important;
  }

  body #proposalDialog .proposal-compact-fields{
    grid-template-columns:1fr 1fr!important;
  }

  body #proposalDialog .proposal-service-field{
    grid-row:1!important;
  }

  body #proposalDialog .proposal-compact-fields{
    grid-row:2!important;
  }

  body #proposalDialog .proposal-description-field{
    grid-row:3!important;
  }

  body #proposalDialog .proposal-item-system-grid.extra .proposal-item-extra-header{
    grid-row:1!important;
  }

  body #proposalDialog .proposal-item-system-grid.extra .proposal-service-field{
    grid-row:2!important;
  }

  body #proposalDialog .proposal-item-system-grid.extra .proposal-compact-fields{
    grid-row:3!important;
  }

  body #proposalDialog .proposal-item-system-grid.extra .proposal-description-field{
    grid-row:4!important;
  }

  body #proposalDialog .proposal-line-total{
    grid-column:1/-1!important;
  }
}

/* Propostas: alinhamento final da tela principal */
body[data-view="proposals"] .proposals-page-shell{
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

body[data-view="proposals"] .proposals-toolbar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto auto!important;
  gap:12px!important;
  align-items:center!important;
  justify-content:stretch!important;
  overflow:visible!important;
}

body[data-view="proposals"] .proposals-search,
body[data-view="proposals"] .proposals-filter-button,
body[data-view="proposals"] .proposals-new-button{
  height:46px!important;
  min-height:46px!important;
  border-radius:10px!important;
}

body[data-view="proposals"] .proposals-search{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(18,22,26,.9)!important;
}

body[data-view="proposals"] .proposals-filter-button,
body[data-view="proposals"] .proposals-new-button{
  min-width:124px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

body[data-view="proposals"] .proposals-new-button{
  min-width:188px!important;
}

body[data-view="proposals"] .proposal-filters-panel{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
  padding:16px!important;
  border-radius:14px!important;
  background:#12161a!important;
}

body[data-view="proposals"] .proposal-filters-panel input,
body[data-view="proposals"] .proposal-filters-panel select,
body[data-view="proposals"] .proposal-filters-panel .button{
  height:44px!important;
  border-radius:10px!important;
}

body[data-view="proposals"] .proposals-stats-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

body[data-view="proposals"] .proposal-stat-card,
body[data-view="proposals"] .proposal-stat-card.blue,
body[data-view="proposals"] .proposal-stat-card.green,
body[data-view="proposals"] .proposal-stat-card.orange,
body[data-view="proposals"] .proposal-stat-card.purple,
body[data-view="proposals"] .proposal-stat-card.red{
  --proposal-tone:#9dccff;
  min-height:124px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-left:3px solid var(--proposal-tone)!important;
  background:linear-gradient(145deg,rgba(20,24,28,.96),rgba(9,12,15,.98))!important;
  color:#eef3f7!important;
  box-shadow:none!important;
}

body[data-view="proposals"] .proposal-stat-card.green{--proposal-tone:#8ef0aa}
body[data-view="proposals"] .proposal-stat-card.orange{--proposal-tone:#ffd978}
body[data-view="proposals"] .proposal-stat-card.purple{--proposal-tone:#c79cff}
body[data-view="proposals"] .proposal-stat-card.red{--proposal-tone:#ffab91}

body[data-view="proposals"] .proposal-stat-card>span{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:10px!important;
  background:rgba(157,204,255,.14)!important;
  color:var(--proposal-tone)!important;
}

body[data-view="proposals"] .proposal-stat-card.green>span{background:rgba(142,240,170,.14)!important}
body[data-view="proposals"] .proposal-stat-card.orange>span{background:rgba(255,217,120,.15)!important}
body[data-view="proposals"] .proposal-stat-card.purple>span{background:rgba(199,156,255,.15)!important}
body[data-view="proposals"] .proposal-stat-card.red>span{background:rgba(255,171,145,.14)!important}

body[data-view="proposals"] .proposal-stat-card small,
body[data-view="proposals"] .proposal-stat-card em{
  color:#b9c3cc!important;
}

body[data-view="proposals"] .proposal-stat-card strong{
  color:#fff!important;
  letter-spacing:0!important;
}

body[data-view="proposals"] .proposals-workspace{
  grid-template-columns:minmax(0,1fr) minmax(320px,360px)!important;
  gap:18px!important;
  align-items:start!important;
}

body[data-view="proposals"] .proposals-list-card,
body[data-view="proposals"] .proposals-side-card{
  border:1px solid rgba(255,255,255,.1)!important;
  background:linear-gradient(145deg,rgba(19,23,27,.96),rgba(9,12,15,.98))!important;
  box-shadow:none!important;
}

body[data-view="proposals"] .proposals-list-head{
  min-height:72px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 236px!important;
  gap:16px!important;
  align-items:center!important;
  padding:14px 18px!important;
}

body[data-view="proposals"] .proposals-tabs{
  min-width:0!important;
  gap:20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

body[data-view="proposals"] .proposals-tabs button{
  flex:0 0 auto!important;
  height:44px!important;
}

body[data-view="proposals"] .proposals-sort{
  width:100%!important;
  min-width:0!important;
  display:block!important;
  justify-self:end!important;
}

body[data-view="proposals"] .proposal-sort-select{
  width:100%!important;
}

body[data-view="proposals"] .proposal-sort-select select{
  height:44px!important;
}

body[data-view="proposals"] .proposals-side-card .card-heading{
  align-items:center!important;
}

@media(max-width:1180px){
  body[data-view="proposals"] .proposals-stats-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body[data-view="proposals"] .proposals-workspace{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:900px){
  body[data-view="proposals"] .proposals-toolbar,
  body[data-view="proposals"] .proposal-filters-panel,
  body[data-view="proposals"] .proposals-list-head{
    grid-template-columns:1fr!important;
  }

  body[data-view="proposals"] .proposals-filter-button,
  body[data-view="proposals"] .proposals-new-button{
    width:100%!important;
  }

  body[data-view="proposals"] .proposals-stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){
  body[data-view="proposals"] .proposals-stats-grid{
    grid-template-columns:1fr!important;
  }
}

/* Nova proposta: total do serviço visível */
body #proposalDialog .proposal-line-total{
  min-height:52px!important;
  height:52px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:4px!important;
  padding:8px 12px!important;
  overflow:visible!important;
}

body #proposalDialog .proposal-line-total span{
  display:block!important;
  line-height:1!important;
}

body #proposalDialog .proposal-line-total strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  color:var(--accent)!important;
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body #proposalDialog .proposal-items-list{
  display:grid!important;
  gap:12px!important;
}

body #proposalDialog .proposal-item-system-grid.extra{
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

body #proposalDialog .proposal-item-extra-header{
  grid-column:1/-1!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:34px!important;
  margin-bottom:2px!important;
}

body #proposalDialog .proposal-item-extra-header span{
  color:#cfd6dd!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}

body #proposalDialog .proposal-item-system-grid.extra .proposal-service-field,
body #proposalDialog .proposal-item-system-grid.extra .proposal-compact-fields{
  grid-row:2!important;
}

body #proposalDialog .proposal-item-system-grid.extra .proposal-description-field{
  grid-row:3!important;
}

body #proposalDialog .proposal-compact-fields{
  grid-template-columns:70px minmax(130px,1fr) minmax(150px,1fr)!important;
}

body #proposalDialog .proposal-remove-service-button{
  height:32px!important;
  align-self:center!important;
  padding:0 14px!important;
  border:1px solid rgba(255,96,77,.28)!important;
  border-radius:10px!important;
  background:rgba(255,96,77,.08)!important;
  color:#ffab91!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

@media(max-width:860px){
  body #proposalDialog .proposal-compact-fields{
    grid-template-columns:1fr 1fr!important;
  }

  body #proposalDialog .proposal-remove-service-button{
    width:auto!important;
  }
}

/* Nova proposta: cabeçalho dos serviços */
body #proposalDialog .proposal-services-title{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}

body #proposalDialog .proposal-services-title h3{
  min-width:0!important;
  line-height:1.2!important;
}

body #proposalDialog .proposal-add-service-button{
  justify-self:end!important;
  align-self:center!important;
  width:auto!important;
  min-width:168px!important;
  height:38px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(232,239,0,.28)!important;
  border-radius:10px!important;
  background:rgba(232,239,0,.045)!important;
  color:var(--accent)!important;
  box-shadow:none!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media(max-width:700px){
  body #proposalDialog .proposal-services-title{
    grid-template-columns:40px minmax(0,1fr)!important;
  }

body #proposalDialog .proposal-add-service-button{
  grid-column:1/-1!important;
  justify-self:stretch!important;
  width:100%!important;
}
}

/* Cadastros */
.section-actions{display:flex;align-items:center;gap:8px}
.refresh-action{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:11px;color:var(--accent);font-size:18px;font-weight:950;line-height:1;background:#20242a;border-color:rgba(216,255,62,.22)}
.refresh-action:hover{border-color:rgba(216,255,62,.46);background:rgba(216,255,62,.08)}
.refresh-action.loading{animation:refreshSpin .75s linear infinite;pointer-events:none;opacity:.8}
@keyframes refreshSpin{to{transform:rotate(360deg)}}
.registrations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.registration-card{display:grid;gap:10px;min-height:168px;padding:22px;text-align:left;color:var(--text);background:linear-gradient(145deg,#15191e,#101317);box-shadow:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.registration-card:hover{border-color:rgba(216,255,62,.4);background:linear-gradient(145deg,#181d22,#11170f);transform:translateY(-2px)}
.registration-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(216,255,62,.12);color:var(--accent);font-weight:950;font-size:18px}
.registration-card strong{font-size:20px;letter-spacing:-.03em}
.registration-card small{max-width:280px;color:#aeb6bf;font-size:13px;line-height:1.45}
.payment-plans-table-wrap{border-radius:14px;overflow:auto}
.payment-plans-data-table td small{display:block;margin-top:3px;color:#8f98a2;font-size:11px}
.payment-plans-data-table tr.inactive{opacity:.72}
.payment-plan-name-cell strong,.payment-plan-name-cell small{display:block}
.payment-plan-name-cell small{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-plan-method{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(124,183,255,.1);color:#9dccff;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.payment-plan-method.bonus{background:rgba(255,196,0,.12);color:#ffc400}
.payment-plan-card{display:grid;gap:18px;min-height:230px;padding:20px;background:linear-gradient(145deg,#15191e,#101317);box-shadow:none}
.payment-plan-card.inactive{opacity:.72}
.payment-plan-card h3{margin:8px 0 6px;font-size:20px;letter-spacing:-.04em}
.payment-plan-card small{display:block;color:#aeb6bf;line-height:1.45}
.payment-plan-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payment-plan-meta p{margin:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.payment-plan-meta span,.payment-plan-meta strong{display:block}
.payment-plan-meta span{color:#9ba3ad;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.payment-plan-meta strong{margin-top:4px;font-size:14px;color:#fff}
.payment-plan-pix-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:14px;border:1px solid rgba(216,255,62,.18);border-radius:12px;background:rgba(216,255,62,.045)}
.payment-plan-pix-fields[hidden]{display:none!important}
.payment-plan-pix-list{display:grid;gap:8px}
.payment-plan-pix-list p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}
.payment-plan-pix-list span{color:#aeb6bf;font-size:11px}
.payment-plan-pix-list strong{color:#f4f7fa;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.proposal-payment-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(216,255,62,.18);border-radius:10px;background:rgba(216,255,62,.045)}
body #proposalDialog .proposal-payment-summary.wide{grid-column:1/-1!important}
.proposal-payment-summary[hidden]{display:none!important}
.proposal-payment-summary p{display:flex;align-items:center;gap:6px;margin:0;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.12);min-width:0}
.proposal-payment-summary span{color:#aeb6bf;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.proposal-payment-summary strong{color:#f4f7fa;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
body #proposalDialog .proposal-notes-field{grid-column:1/-1!important}
@media(max-width:900px){.registrations-grid{grid-template-columns:1fr}.registration-card{min-height:auto}.payment-plan-meta{grid-template-columns:1fr}}
@media(max-width:700px){.section-actions{width:100%;justify-content:flex-end}.section-actions .button{flex:1}.refresh-action{flex:0 0 42px}.payment-plan-pix-fields{grid-template-columns:1fr}.proposal-payment-summary{display:grid;grid-template-columns:1fr}.proposal-payment-summary p{justify-content:space-between}.proposal-payment-summary strong{max-width:100%;white-space:normal;text-align:right}}
@media(max-width:760px){.payment-plans-data-table th:nth-child(3),.payment-plans-data-table td:nth-child(3),.payment-plans-data-table th:nth-child(4),.payment-plans-data-table td:nth-child(4){display:none}.payment-plan-name-cell small{max-width:220px}}
@media(max-width:700px){.sidebar .nav-item[data-view="clients"],.sidebar .nav-item[data-view="reports"]{display:none!important}.sidebar .nav-item[data-view="registrations"],.sidebar .nav-item[data-view="finance"]{display:grid!important;justify-items:center;align-content:center;gap:3px}}

.mobile-quick-button,
.mobile-client-button{display:none!important}
.mobile-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mobile-quick-actions button,.mobile-more-link{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:64px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#fff;text-align:left}
.mobile-quick-actions button span,.mobile-more-link span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(232,239,0,.12);color:var(--accent);font-size:18px;font-weight:950}
.mobile-quick-actions button strong,.mobile-quick-actions button small,.mobile-more-link strong{display:block;min-width:0}
.mobile-quick-actions button strong,.mobile-more-link strong{font-size:13px;line-height:1.15}
.mobile-quick-actions button small{margin-top:3px;color:#aeb6bf;font-size:10px;line-height:1.25}
.mobile-more-link{grid-template-columns:36px minmax(0,1fr);margin-top:10px;background:rgba(232,239,0,.08);border-color:rgba(232,239,0,.24)}
@media(max-width:700px){
  .sidebar{height:80px!important;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))!important}
  .sidebar nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important}
  .sidebar .nav-item,.sidebar .nav-item:not(.active){display:none!important}
  .sidebar .nav-item[data-view="agenda"],
  .sidebar .nav-item[data-view="calendar"],
  .sidebar .mobile-quick-button,
  .sidebar .mobile-client-button,
  .sidebar .nav-item[data-view="finance"]{display:grid!important;justify-items:center;align-content:center;gap:3px;min-width:0!important;flex:initial!important;width:100%;height:60px;padding:5px 2px;border-radius:14px;font-size:0!important;line-height:1.1}
  .sidebar .nav-item[data-mobile-label]::after{content:attr(data-mobile-label);font-size:9px;font-weight:850;color:currentColor}
  .sidebar .nav-item span{font-size:18px!important;line-height:1!important}
  .sidebar .mobile-quick-button{align-self:start;justify-self:center;width:58px!important;height:58px!important;margin-top:-20px;padding:0!important;border-radius:20px!important;background:linear-gradient(135deg,var(--accent),#cfd500)!important;color:#050607!important;border-color:transparent!important;box-shadow:0 18px 44px rgba(232,239,0,.22),0 0 0 6px rgba(232,239,0,.08)!important}
  .sidebar .mobile-quick-button span{font-size:30px!important;font-weight:950!important;color:#050607!important}
  .sidebar .mobile-quick-button::after{font-size:9px!important;color:#050607!important;margin-top:-3px}
  .sidebar .mobile-more-button,
  .sidebar .nav-item[data-view="registrations"],
  .sidebar .nav-item[data-view="events"],
  .sidebar .nav-item[data-view="proposals"],
  .sidebar .nav-item[data-view="reports"]{display:none!important}
  main{padding-bottom:112px!important}
  .topbar{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:start;margin-bottom:18px!important}
  .topbar h1{font-size:28px!important;line-height:1.02!important}
  .topbar .eyebrow{font-size:8px!important;letter-spacing:.12em}
  .top-actions{display:flex!important;justify-content:flex-end;gap:8px;margin-top:0!important}
  .top-actions .search,
  .top-actions #quickProposalButton,
  .top-actions #newEventButton{display:none!important}
  .notification-button,.top-profile-button{width:38px!important;height:38px!important}
  .mobile-more-panel{padding:16px max(14px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important}
  .mobile-more-options,.mobile-quick-actions{grid-template-columns:1fr 1fr}
  .mobile-more-options button{min-height:54px;padding:11px}
  body[data-view="agenda"] .summary-dashboard{grid-template-columns:1fr!important;grid-template-areas:"finance" "upcoming" "tasks"!important;gap:12px!important}
  body[data-view="agenda"] .summary-dashboard .category-dashboard-card,
  body[data-view="agenda"] .summary-dashboard .projects-dashboard-card,
  body[data-view="agenda"] .summary-dashboard .calendar-card,
  body[data-view="agenda"] .summary-dashboard .quick-dashboard-card{display:none!important}
  body[data-view="agenda"] .summary-dashboard .finance-dashboard-card,
  body[data-view="agenda"] .summary-dashboard .upcoming-card,
  body[data-view="agenda"] .summary-dashboard .tasks-dashboard-card{grid-column:1!important;grid-row:auto!important;height:auto!important;min-height:0!important;border-radius:16px!important;padding:16px!important}
  body[data-view="agenda"] .event-list,
  body[data-view="agenda"] .task-list{max-height:260px;overflow:auto}
}
@media(max-width:420px){
  .mobile-quick-actions{grid-template-columns:1fr}
}

/* Mobile completo: todos os menus ficam na barra inferior com rolagem horizontal */
@media(max-width:700px){
  .sidebar{height:84px!important;padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))!important}
  .sidebar nav{display:flex!important;grid-template-columns:none!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding:0 2px!important}
  .sidebar nav::-webkit-scrollbar{display:none!important}
  .sidebar .nav-item,
  .sidebar .nav-item:not(.active),
  .sidebar .mobile-client-button,
  .sidebar .mobile-quick-button,
  .sidebar .nav-item[data-view="agenda"],
  .sidebar .nav-item[data-view="calendar"],
  .sidebar .nav-item[data-view="registrations"],
  .sidebar .nav-item[data-view="events"],
  .sidebar .nav-item[data-view="finance"],
  .sidebar .nav-item[data-view="proposals"],
  .sidebar .nav-item[data-view="reports"],
  .sidebar .nav-item[data-view="profile"],
  .sidebar .nav-item[data-view="settings"],
  .sidebar .nav-item[data-view="admin"]{
    display:grid!important;
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    height:62px!important;
    justify-items:center!important;
    align-content:center!important;
    gap:3px!important;
    padding:6px 4px!important;
    border-radius:14px!important;
    font-size:8px!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .sidebar .nav-item[hidden]{display:none!important}
  .sidebar .mobile-more-button{display:none!important}
  .sidebar .mobile-quick-button{
    margin-top:0!important;
    border-color:rgba(232,239,0,.38)!important;
    background:linear-gradient(145deg,rgba(232,239,0,.16),rgba(255,255,255,.035))!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .sidebar .mobile-quick-button span{
    color:var(--accent)!important;
    font-size:20px!important;
  }
  .sidebar .mobile-quick-button::after{display:none!important}
  .sidebar .nav-item[data-mobile-label]::after{display:none!important}
  .sidebar .nav-item span{font-size:17px!important;line-height:1!important}
  .sidebar .nav-item.active{border-color:rgba(232,239,0,.38)!important;background:rgba(232,239,0,.12)!important;color:#fff!important}
  main{padding-bottom:116px!important}
}

/* Rodapé mobile enxuto: apenas Resumo, Agenda, + Ações, Clientes e Cadastros */
@media(max-width:700px){
  .sidebar{
    height:84px!important;
    padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))!important;
  }
  .sidebar nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .sidebar .nav-item,
  .sidebar .nav-item:not(.active),
  .sidebar .mobile-more-button{
    display:none!important;
  }
  .sidebar .nav-item[data-view="agenda"],
  .sidebar .nav-item[data-view="calendar"],
  .sidebar .mobile-quick-button,
  .sidebar .mobile-client-button,
  .sidebar .nav-item[data-view="registrations"]{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    height:62px!important;
    flex:initial!important;
    justify-items:center!important;
    align-content:center!important;
    gap:3px!important;
    padding:6px 3px!important;
    border-radius:14px!important;
    font-size:8px!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .sidebar .nav-item[data-mobile-label]::after{
    content:attr(data-mobile-label)!important;
    display:block!important;
    font-size:9px!important;
    font-weight:850!important;
    color:currentColor!important;
  }
  .sidebar .nav-item span{
    font-size:17px!important;
    line-height:1!important;
  }
  .sidebar .mobile-quick-button{
    margin-top:0!important;
    border-color:rgba(232,239,0,.38)!important;
    background:linear-gradient(145deg,rgba(232,239,0,.16),rgba(255,255,255,.035))!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .sidebar .mobile-quick-button span{
    color:var(--accent)!important;
    font-size:20px!important;
    font-weight:950!important;
  }
  .sidebar .nav-item.active{
    border-color:rgba(232,239,0,.38)!important;
    background:rgba(232,239,0,.12)!important;
    color:#fff!important;
  }
  main{
    padding-bottom:116px!important;
  }
}

/* Ações rápidas mobile: cards compactos e texto usando a largura toda */
@media(max-width:700px){
  .mobile-quick-sheet .mobile-more-panel{max-height:min(78vh,640px);overflow:auto}
  .mobile-quick-actions{grid-template-columns:1fr!important;gap:8px!important}
  .mobile-quick-actions button,
  .mobile-more-link{
    min-height:64px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:12px!important;
    align-items:center!important;
    padding:11px 12px!important;
    border-radius:12px!important;
  }
  .mobile-quick-actions button span,
  .mobile-more-link span{
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  .mobile-quick-actions button span{
    grid-column:1!important;
    grid-row:1/3!important;
    align-self:start!important;
  }
  .mobile-more-link span{
    grid-column:1!important;
    grid-row:1!important;
  }
  .mobile-quick-actions button strong,
  .mobile-more-link strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-quick-actions button small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin-top:4px!important;
    display:block!important;
    max-width:100%!important;
    color:#aeb6bf!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
}

/* Correção mobile do modal Nova pendência: cabeçalho, título e conteúdo sem sobreposição */
@media(max-width:700px){
  .task-dialog{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  .task-dialog form{
    height:100dvh!important;
    max-height:100dvh!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .task-dialog-head{
    position:static!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    background:rgba(13,18,22,.98)!important;
  }
  .task-back-button{
    height:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.035)!important;
    color:#fff!important;
    font-size:11px!important;
  }
  .task-dialog-actions{
    grid-column:2/4!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    min-width:0!important;
  }
  .task-dialog-actions .button{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:11px!important;
    line-height:1.12!important;
    white-space:normal!important;
  }
  .task-dialog-title{
    position:static!important;
    padding:12px 16px 14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    background:#0d1216!important;
  }
  .task-dialog-title h2{
    margin:0!important;
    font-size:25px!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
  }
  .task-dialog-title p{
    margin:5px 0 0!important;
    max-width:100%!important;
    color:#cbd2d8!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  .task-form-layout{
    min-height:0!important;
    display:block!important;
    grid-template-columns:1fr!important;
    overflow:auto!important;
    padding:14px 16px calc(96px + env(safe-area-inset-bottom))!important;
    scrollbar-width:thin!important;
  }
  .task-form-main{
    display:grid!important;
    gap:10px!important;
  }
  .task-form-side{
    display:none!important;
  }
  .task-form-section{
    padding:14px!important;
    border-radius:14px!important;
  }
  .task-form-section h3{
    align-items:flex-start!important;
    gap:8px!important;
    margin-bottom:12px!important;
    font-size:15px!important;
    line-height:1.18!important;
  }
  .task-form-section h3 span{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
  .task-form-grid,
  .task-form-grid.two,
  .task-form-grid.three,
  .task-form-grid.four{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .task-dialog label span,
  .task-checklist-box>span{
    font-size:10px!important;
  }
  .task-dialog input,
  .task-dialog select,
  .task-dialog textarea{
    min-height:42px!important;
    padding:10px 12px!important;
    font-size:13px!important;
  }
  .task-dialog textarea{
    min-height:108px!important;
  }
  .task-checklist-box label{
    min-height:46px!important;
    padding:10px 12px!important;
    font-size:12px!important;
  }
}

@page{size:A4;margin:12mm}
@media print{
  body.printing-report{background:#fff!important;color:#111!important}
  body.printing-report #authScreen,
  body.printing-report .sidebar,
  body.printing-report .topbar,
  body.printing-report .reports-page-actions,
  body.printing-report .report-dashboard-filters,
  body.printing-report .report-bottom-actions,
  body.printing-report .mobile-more-sheet,
  body.printing-report .toast,
  body.printing-report dialog{display:none!important;visibility:hidden!important}
  body.printing-report #appShell{display:block!important;min-height:0!important;background:#fff!important}
  body.printing-report main{display:block!important;width:100%!important;padding:0!important;background:#fff!important}
  body.printing-report .view{display:none!important}
  body.printing-report #reportsView{display:block!important;color:#111!important}
  body.printing-report .reports-page-head{display:block!important;margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid #d9dde3!important}
  body.printing-report .reports-page-head h2{color:#111!important;font-size:26px!important;letter-spacing:0!important}
  body.printing-report .reports-page-head p,
  body.printing-report .report-period{color:#4f5963!important;font-size:11px!important}
  body.printing-report .report-tabs{display:none!important}
  body.printing-report .report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
  body.printing-report .report-kpi-card,
  body.printing-report .report-panel{break-inside:avoid!important;page-break-inside:avoid!important;border:1px solid #d9dde3!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#111!important}
  body.printing-report .report-kpi-card{min-height:0!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
  body.printing-report .report-kpi-card>span{width:28px!important;height:28px!important;background:#eef2f5!important;color:#111!important}
  body.printing-report .report-kpi-card small,
  body.printing-report .report-kpi-card em{color:#5f6b76!important;font-size:10px!important}
  body.printing-report .report-kpi-card strong{color:#111!important;font-size:18px!important;margin-top:3px!important}
  body.printing-report .reports-dashboard-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"line line" "category finance" "month top" "activity activity" "clients clients"!important;gap:9px!important}
  body.printing-report .report-panel{padding:12px!important}
  body.printing-report .report-panel h3{color:#111!important;font-size:15px!important}
  body.printing-report .report-panel .card-heading{margin-bottom:9px!important}
  body.printing-report .report-panel-badge,
  body.printing-report .report-panel .card-heading button{border-color:#d9dde3!important;background:#f4f6f8!important;color:#4f5963!important}
  body.printing-report .report-line-chart{min-height:170px!important}
  body.printing-report .report-line-chart svg{height:125px!important}
  body.printing-report .report-line-legend,
  body.printing-report .report-line-axis,
  body.printing-report .report-bar-chart small,
  body.printing-report .report-category-visual span{color:#5f6b76!important}
  body.printing-report .report-donut:after{background:#fff!important}
  body.printing-report .report-donut strong,
  body.printing-report .report-category-line strong,
  body.printing-report .report-ranking b,
  body.printing-report .report-ranking strong,
  body.printing-report .financial-row strong{color:#111!important}
  body.printing-report .report-category-line,
  body.printing-report .report-ranking p,
  body.printing-report .financial-row,
  body.printing-report .report-activity-table td{border-color:#e4e7eb!important}
  body.printing-report .report-category-line{background:#f8fafb!important}
  body.printing-report .report-category-line span,
  body.printing-report .report-category-line em,
  body.printing-report .report-ranking small,
  body.printing-report .financial-row span,
  body.printing-report .report-activity-table th,
  body.printing-report .report-activity-table td{color:#4f5963!important}
  body.printing-report .report-activity-table table{font-size:11px!important}
  body.printing-report .report-activity-table th,
  body.printing-report .report-activity-table td{padding:7px 6px!important}
}

/* Serviços em lista */
.services-page-shell{display:grid;gap:18px}
.services-page-toolbar{display:flex;align-items:center;gap:12px}
.services-search{flex:1}
.services-clear-button{height:44px}
.services-data-table td small{display:block;margin-top:3px;color:#8f98a2;font-size:11px}
.service-name-cell small{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-details-head .client-avatar-large{background:rgba(216,255,62,.12);color:var(--accent)}
.service-stat-card strong{font-size:clamp(18px,2vw,26px)}
@media(max-width:760px){
  .services-page-toolbar{display:grid;grid-template-columns:1fr}
  .services-clear-button{width:100%}
  .services-data-table th:nth-child(2),
  .services-data-table td:nth-child(2),
  .services-data-table th:nth-child(3),
  .services-data-table td:nth-child(3){display:none}
}

/* Admin mobile: painel compacto e operacional */
@media(max-width:700px){
  .mobile-admin-quick[hidden]{
    display:none!important;
  }
  body[data-view="admin"]{
    overflow-x:hidden!important;
  }
  body[data-view="admin"] main{
    padding:14px 12px 104px!important;
    overflow-x:hidden!important;
  }
  body[data-view="admin"] .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:start!important;
    margin:0 0 14px!important;
  }
  body[data-view="admin"] .topbar .eyebrow{
    margin:0!important;
    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  body[data-view="admin"] .topbar h1{
    margin:2px 0 0!important;
    font-size:31px!important;
    line-height:.96!important;
    letter-spacing:-.05em!important;
  }
  body[data-view="admin"] .top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
  }
  body[data-view="admin"] .top-actions .search,
  body[data-view="admin"] #quickProposalButton,
  body[data-view="admin"] #newEventButton{
    display:none!important;
  }
  #adminView{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding-bottom:0!important;
  }
  #adminView .admin-platform-head{
    display:grid!important;
    gap:12px!important;
    margin:0 0 12px!important;
  }
  #adminView .admin-platform-head h2{
    margin:0!important;
    font-size:23px!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  #adminView .admin-platform-head p{
    margin:4px 0 0!important;
    color:#cbd3db!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  #adminView .admin-platform-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #adminView .admin-platform-actions .button{
    width:100%!important;
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
    white-space:normal!important;
  }
  #adminView .admin-platform-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-bottom:12px!important;
  }
  #adminView .admin-platform-stat{
    min-height:108px!important;
    padding:12px!important;
    border-radius:15px!important;
  }
  #adminView .admin-platform-stat>span{
    width:31px!important;
    height:31px!important;
    margin-bottom:7px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  #adminView .admin-platform-stat small{
    font-size:10px!important;
    line-height:1.15!important;
  }
  #adminView .admin-platform-stat strong{
    margin-top:2px!important;
    font-size:21px!important;
    line-height:1.05!important;
  }
  #adminView .admin-platform-stat em{
    font-size:10px!important;
    line-height:1.2!important;
  }
  #adminView .admin-platform-stat b{
    display:none!important;
  }
  #adminView .admin-platform-grid,
  #adminView .admin-management-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 10px!important;
  }
  #adminView .admin-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:14px!important;
    border-radius:16px!important;
  }
  #adminView .admin-card .card-heading{
    align-items:flex-start!important;
    gap:10px!important;
    margin-bottom:12px!important;
  }
  #adminView .admin-card .card-heading h2{
    font-size:18px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  #adminView .admin-card .eyebrow{
    font-size:9px!important;
  }
  #adminView .admin-range-pill,
  #adminView .link-button{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  #adminView .admin-line-chart{
    min-height:168px!important;
  }
  #adminView .admin-line-chart svg{
    height:145px!important;
  }
  #adminView .admin-chart-legend{
    gap:9px!important;
    margin:6px 0!important;
    font-size:10px!important;
  }
  #adminView .admin-distribution-panel{
    overflow:hidden!important;
    min-height:0!important;
    align-self:start!important;
  }
  #adminView .admin-distribution-panel .card-heading{
    margin-bottom:14px!important;
  }
  #adminView .admin-distribution-panel .card-heading h2{
    font-size:20px!important;
    line-height:1.05!important;
    max-width:220px!important;
  }
  #adminView .admin-distribution,
  #adminView .admin-distribution-panel .admin-distribution{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    justify-items:center!important;
    align-items:center!important;
  }
  #adminView .admin-donut,
  #adminView .admin-distribution-panel .admin-donut{
    width:112px!important;
    height:112px!important;
    max-width:100%!important;
  }
  #adminView .admin-donut:after,
  #adminView .admin-distribution-panel .admin-donut:after{
    inset:27px!important;
  }
  #adminView .admin-donut strong{
    font-size:22px!important;
  }
  #adminView .admin-distribution-list{
    width:min(230px,100%)!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  #adminView .admin-distribution-list p{
    max-width:100%!important;
    grid-template-columns:9px minmax(0,1fr) minmax(14px,auto)!important;
    gap:6px!important;
    font-size:11px!important;
  }
  #adminView .admin-distribution-list p span:nth-child(2){
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #adminView .admin-distribution-list b{
    min-width:14px!important;
    font-size:11px!important;
    text-align:right!important;
  }
  #adminView .admin-action-list{
    gap:8px!important;
  }
  #adminView .admin-action-list button{
    min-height:43px!important;
    height:auto!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  #adminView .admin-mini-table,
  #adminView .admin-mini-table thead,
  #adminView .admin-mini-table tbody,
  #adminView .admin-mini-table tr,
  #adminView .admin-mini-table td{
    display:block!important;
    width:100%!important;
  }
  #adminView .admin-mini-table thead{
    display:none!important;
  }
  #adminView .admin-mini-table tr{
    padding:11px 0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  #adminView .admin-mini-table tr:last-child{
    border-bottom:0!important;
  }
  #adminView .admin-mini-table td{
    padding:3px 0!important;
    border:0!important;
    font-size:12px!important;
  }
  #adminView .admin-finance-top{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  #adminView .admin-activity-list p{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
  }
  #adminView .admin-activity-list em{
    grid-column:2!important;
  }
  #adminView .admin-collapse{
    margin-bottom:10px!important;
  }
  #adminView .admin-collapse>.card-heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    margin-bottom:0!important;
  }
  #adminView .admin-collapse.mobile-expanded>.card-heading{
    margin-bottom:12px!important;
  }
  #adminView .admin-collapse-toggle{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
  }
  #adminView .admin-customers>.card-heading{
    grid-template-columns:minmax(0,1fr) 38px!important;
  }
  #adminView .admin-customers #exportCustomersButton{
    grid-column:1/-1!important;
    order:3!important;
    width:100%!important;
    min-height:40px!important;
    margin-top:8px!important;
    border-radius:12px!important;
  }
  #adminView .admin-customer-filters{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:11px!important;
    margin:0 0 10px!important;
    border-radius:14px!important;
  }
  #adminView .admin-customer-filters input,
  #adminView .admin-customer-filters select,
  #adminView .admin-customer-filters .button{
    height:42px!important;
    border-radius:11px!important;
  }
  #adminView .admin-filter-summary{
    margin-bottom:9px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  #adminView .admin-customers-scroll{
    max-height:none!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
  }
  #adminView .admin-customers-scroll .data-table,
  #adminView .admin-customers-scroll .data-table thead,
  #adminView .admin-customers-scroll .data-table tbody,
  #adminView .admin-customers-scroll .data-table tr,
  #adminView .admin-customers-scroll .data-table td{
    display:block!important;
    width:100%!important;
  }
  #adminView .admin-customers-scroll .data-table thead{
    display:none!important;
  }
  #adminView .admin-customers-scroll .data-table tr{
    margin-bottom:10px!important;
    padding:13px!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  }
  #adminView .admin-customers-scroll .data-table td{
    padding:5px 0!important;
    border:0!important;
    white-space:normal!important;
  }
  #adminView .admin-support-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding-top:8px!important;
  }
  #adminView .admin-support-actions .icon-action{
    width:100%!important;
    min-height:38px!important;
    justify-content:center!important;
    padding:8px!important;
    font-size:11px!important;
  }
  #adminView .admin-customers-pagination{
    display:grid!important;
    gap:9px!important;
    padding:12px 0 0!important;
    background:transparent!important;
  }
  #adminView .admin-customers-pages{
    justify-content:flex-start!important;
    gap:6px!important;
  }
  #adminView .admin-customers-pages button{
    min-width:38px!important;
    height:36px!important;
  }
}

@media(max-width:380px){
  #adminView .admin-distribution,
  #adminView .admin-distribution-panel .admin-distribution{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  #adminView .admin-distribution-list{
    width:100%!important;
  }
}

/* Regra final do rodapé mobile: vence estilos antigos de Mais/Financeiro/Clientes. */
@media(max-width:700px){
  body .sidebar{
    height:84px!important;
    padding:8px max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom))!important;
  }
  body .sidebar nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body .sidebar nav>.nav-item,
  body .sidebar nav>.nav-item:not(.active),
  body .sidebar nav>.mobile-more-button,
  body .sidebar nav>.mobile-more-button.active,
  body .sidebar nav>.nav-item[data-view="finance"],
  body .sidebar nav>.nav-item[data-view="events"],
  body .sidebar nav>.nav-item[data-view="proposals"],
  body .sidebar nav>.nav-item[data-view="reports"],
  body .sidebar nav>.nav-item[data-view="profile"],
  body .sidebar nav>.nav-item[data-view="settings"],
  body .sidebar nav>.nav-item[data-view="admin"]{
    display:none!important;
  }
  body .sidebar nav>.nav-item[data-view="agenda"],
  body .sidebar nav>.nav-item[data-view="calendar"],
  body .sidebar nav>button.nav-item.mobile-quick-button,
  body .sidebar nav>button.nav-item.mobile-quick-button:not(.active),
  body .sidebar nav>.nav-item.mobile-client-button[data-view="clients"],
  body .sidebar nav>.nav-item[data-view="registrations"]{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    height:62px!important;
    flex:initial!important;
    justify-items:center!important;
    align-content:center!important;
    gap:3px!important;
    padding:6px 3px!important;
    border-radius:14px!important;
    font-size:8px!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  body .sidebar nav>button.nav-item[data-view="agenda"],
  body .sidebar nav>button.nav-item[data-view="calendar"],
  body .sidebar nav>button.nav-item.mobile-client-button[data-view="clients"],
  body .sidebar nav>button.nav-item[data-view="registrations"]{
    font-size:0!important;
  }
  body .sidebar nav>button.nav-item.mobile-quick-button,
  body .sidebar nav>button.nav-item.mobile-quick-button:not(.active){
    font-size:0!important;
  }
  body .sidebar nav>.nav-item[data-mobile-label]::after{
    content:attr(data-mobile-label)!important;
    display:block!important;
    font-size:9px!important;
    font-weight:850!important;
    color:currentColor!important;
  }
  body .sidebar nav>.nav-item span{
    font-size:17px!important;
    line-height:1!important;
  }
  body .sidebar nav>.mobile-quick-button{
    margin-top:0!important;
    border-color:rgba(232,239,0,.38)!important;
    background:linear-gradient(145deg,rgba(232,239,0,.16),rgba(255,255,255,.035))!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  body .sidebar nav>.mobile-quick-button span{
    color:var(--accent)!important;
    font-size:20px!important;
    font-weight:950!important;
  }
  body .sidebar nav>.nav-item.active{
    border-color:rgba(232,239,0,.38)!important;
    background:rgba(232,239,0,.12)!important;
    color:#fff!important;
  }
}

/* Regra final: o card de distribuicao do Admin nao deve esticar com os outros cards. */
.admin-platform-grid .admin-distribution-panel{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  overflow:hidden!important;
  container-type:inline-size;
}
.admin-platform-grid .admin-distribution-panel .card-heading{
  margin-bottom:14px!important;
}
.admin-platform-grid .admin-distribution-panel .card-heading h2{
  font-size:clamp(18px,1.4vw,22px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  overflow-wrap:normal!important;
}
.admin-platform-grid .admin-distribution-panel .admin-distribution{
  display:grid!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(82px,96px) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
.admin-platform-grid .admin-distribution-panel .admin-donut{
  width:96px!important;
  height:96px!important;
  max-width:100%!important;
}
.admin-platform-grid .admin-distribution-panel .admin-donut:after{
  inset:23px!important;
}
.admin-platform-grid .admin-distribution-panel .admin-distribution-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.admin-platform-grid .admin-distribution-panel .admin-distribution-list p{
  max-width:100%!important;
  grid-template-columns:9px minmax(0,1fr) minmax(14px,auto)!important;
  gap:6px!important;
  font-size:12px!important;
}
.admin-platform-grid .admin-distribution-panel .admin-distribution-list p span:nth-child(2){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.admin-platform-grid .admin-distribution-panel .admin-distribution-list b{
  min-width:14px!important;
  text-align:right!important;
}
@container (max-width: 330px){
  .admin-platform-grid .admin-distribution-panel .admin-distribution{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .admin-platform-grid .admin-distribution-panel .admin-distribution-list{
    width:min(230px,100%)!important;
  }
}
@media(max-width:700px){
  .admin-platform-grid .admin-distribution-panel{
    padding:14px!important;
  }
  .admin-platform-grid .admin-distribution-panel .card-heading h2{
    font-size:20px!important;
    max-width:220px!important;
  }
  .admin-platform-grid .admin-distribution-panel .admin-distribution{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .admin-platform-grid .admin-distribution-panel .admin-donut{
    width:112px!important;
    height:112px!important;
  }
  .admin-platform-grid .admin-distribution-panel .admin-donut:after{
    inset:27px!important;
  }
  .admin-platform-grid .admin-distribution-panel .admin-distribution-list{
    width:min(230px,100%)!important;
  }
}

/* Distribuicao de estudios em faixa propria, fora do grid alto do painel. */
.admin-distribution-strip{
  display:grid!important;
  grid-template-columns:minmax(220px,280px) minmax(0,560px)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:24px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 14px!important;
  padding:18px 24px!important;
  overflow:hidden!important;
}
.admin-distribution-strip .card-heading{
  margin:0!important;
}
.admin-distribution-strip .card-heading h2{
  max-width:none!important;
  font-size:24px!important;
  line-height:1.04!important;
  letter-spacing:0!important;
  overflow-wrap:normal!important;
}
.admin-distribution-strip .admin-distribution{
  justify-self:start!important;
  display:grid!important;
  width:min(560px,100%)!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.admin-distribution-strip .admin-donut{
  width:96px!important;
  height:96px!important;
}
.admin-distribution-strip .admin-donut:after{
  inset:23px!important;
}
.admin-distribution-strip .admin-donut strong{
  font-size:21px!important;
}
.admin-distribution-strip .admin-donut small{
  font-size:9px!important;
  margin-top:25px!important;
}
.admin-distribution-strip .admin-distribution-list{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 16px!important;
}
.admin-distribution-strip .admin-distribution-list p{
  display:grid!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:9px minmax(0,1fr) minmax(16px,auto)!important;
  gap:7px!important;
  align-items:center!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.admin-distribution-strip .admin-distribution-list p span:nth-child(2){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.admin-distribution-strip .admin-distribution-list b{
  min-width:16px!important;
  text-align:right!important;
  font-size:13px!important;
}
@media(max-width:1000px){
  .admin-distribution-strip{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .admin-distribution-strip .admin-distribution{
    justify-self:start!important;
    width:min(560px,100%)!important;
  }
}
@media(max-width:700px){
  .admin-distribution-strip{
    padding:14px!important;
    margin-bottom:10px!important;
  }
  .admin-distribution-strip .card-heading h2{
    font-size:20px!important;
    max-width:100%!important;
  }
  .admin-distribution-strip .admin-distribution{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
  }
  .admin-distribution-strip .admin-donut{
    width:88px!important;
    height:88px!important;
  }
  .admin-distribution-strip .admin-donut:after{
    inset:21px!important;
  }
  .admin-distribution-strip .admin-distribution-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}
@media(max-width:520px){
  .admin-distribution-strip .admin-distribution-list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:380px){
  .admin-distribution-strip .admin-distribution{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
  .admin-distribution-strip .admin-distribution-list{
    width:100%!important;
  }
}

/* Centro real do donut: o total nao pode ser deslocado pelo rotulo. */
.admin-donut{
  display:block!important;
}
.admin-donut strong{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  line-height:1!important;
  text-align:center!important;
}
.admin-donut small{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:13px!important;
  z-index:2!important;
  display:block!important;
  margin:0!important;
  line-height:1!important;
  text-align:center!important;
}

.install-guide-dialog{
  width:min(460px,calc(100% - 28px));
}
.install-guide-dialog.fallback-open{
  position:fixed;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  z-index:9999;
  border:1px solid var(--line);
  border-radius:18px;
  background:#11161b;
  color:var(--text);
  box-shadow:0 24px 70px rgba(0,0,0,.55);
}
.install-guide-dialog::backdrop{
  background:rgba(0,0,0,.62);
  backdrop-filter:blur(4px);
}
.install-guide-content{
  padding:24px;
}
.install-guide-body{
  display:grid;
  gap:14px;
  color:#dce3ea;
}
.install-guide-body p{
  margin:0;
  color:#c7d0d8;
  line-height:1.5;
}
.install-guide-body ol{
  display:grid;
  gap:10px;
  margin:0;
  padding-left:20px;
}
.install-guide-body li{
  line-height:1.45;
}
.install-guide-body small{
  display:block;
  padding:11px 12px;
  border:1px solid rgba(216,255,62,.18);
  border-radius:12px;
  background:rgba(216,255,62,.06);
  color:#dce7a7;
  line-height:1.45;
}
.install-ios-flow{
  display:grid;
  grid-template-columns:42px 1fr 42px 1fr;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.install-ios-flow span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--accent);
  color:var(--accent-ink);
  font-size:21px;
  font-weight:950;
}
.install-ios-flow b{
  font-size:13px;
  line-height:1.25;
}
.install-copy-link{
  width:100%;
  min-height:48px;
}
.install-open-link{
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  color:#e9eef4;
  text-decoration:none;
  font-weight:850;
}
.install-open-link:hover{
  border-color:rgba(216,255,62,.42);
  background:rgba(216,255,62,.06);
}
.mobile-login-install{
  margin-top:12px;
  justify-content:flex-start;
}
@media(max-width:700px){
  .mobile-login-install{
    min-height:52px;
    padding:11px 12px;
    border-radius:14px;
  }
  .install-guide-content{
    padding:20px;
  }
  .install-ios-flow{
    grid-template-columns:38px 1fr;
  }
  .install-ios-flow span{
    width:38px;
    height:38px;
  }
}

/* Tema claro apenas para a plataforma logada. A tela de login permanece no tema escuro. */
body.app-theme-light{
  --bg:#f6f8fb;
  --surface:#ffffff;
  --surface-2:#f1f5f9;
  --line:#dfe6ee;
  --text:#101828;
  --muted:#667085;
  --accent:#65b814;
  --accent-ink:#ffffff;
  --blue:#2f80ed;
  --danger:#dc3f3f;
  --shadow:0 14px 36px rgba(15,23,42,.08);
  color-scheme:light;
  background:#f6f8fb!important;
  color:#101828!important;
}
body.app-theme-light .app-shell{
  background:linear-gradient(180deg,#fff 0,#f7fafc 180px,#f6f8fb 100%)!important;
  color:#101828!important;
}
body.app-theme-light main{
  background:transparent!important;
}
body.app-theme-light .sidebar{
  background:rgba(255,255,255,.96)!important;
  border-color:#e2e8f0!important;
  box-shadow:1px 0 0 rgba(15,23,42,.03),12px 0 36px rgba(15,23,42,.05)!important;
}
body.app-theme-light .brand,
body.app-theme-light .profile,
body.app-theme-light .nav-item,
body.app-theme-light .topbar h1,
body.app-theme-light .section-heading h2,
body.app-theme-light .card-heading h2{
  color:#101828!important;
}
body.app-theme-light .brand small,
body.app-theme-light .profile small,
body.app-theme-light .auth-subtitle,
body.app-theme-light .topbar p,
body.app-theme-light .section-heading p,
body.app-theme-light .card-heading p,
body.app-theme-light .financial-row span,
body.app-theme-light .event-info small,
body.app-theme-light .client-cell small,
body.app-theme-light .table-sub,
body.app-theme-light .empty-state,
body.app-theme-light .count{
  color:#667085!important;
}
body.app-theme-light .eyebrow,
body.app-theme-light .profile-role,
body.app-theme-light .link-button,
body.app-theme-light .nav-item.active span{
  color:#65b814!important;
}
body.app-theme-light .brand-mark{
  background:#65b814!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(101,184,20,.22)!important;
}
body.app-theme-light .nav-item{
  background:transparent!important;
  border:1px solid transparent!important;
}
body.app-theme-light .nav-item:hover,
body.app-theme-light .nav-item.active{
  background:#eef8e9!important;
  border-color:#d7efc9!important;
  color:#2a5d08!important;
}
body.app-theme-light .sidebar-card,
body.app-theme-light #appShell .card,
body.app-theme-light #appShell .stat:not(.accent),
body.app-theme-light #appShell .table-wrap,
body.app-theme-light #appShell .calendar-card,
body.app-theme-light #appShell .upcoming-card,
body.app-theme-light #appShell .profile-card,
body.app-theme-light #appShell .report-card,
body.app-theme-light #appShell .support-card,
body.app-theme-light #appShell .admin-card,
body.app-theme-light #appShell .admin-platform-stat,
body.app-theme-light #appShell .report-panel,
body.app-theme-light #appShell .report-kpi-card,
body.app-theme-light #appShell .summary-card,
body.app-theme-light #appShell .proposal-card,
body.app-theme-light #appShell .payment-plan-card,
body.app-theme-light #appShell .service-card,
body.app-theme-light #appShell .client-card,
body.app-theme-light #appShell .kanban-column,
body.app-theme-light #appShell .finance-card,
body.app-theme-light #appShell .finance-dashboard-card,
body.app-theme-light #appShell .projects-dashboard-card,
body.app-theme-light #appShell .category-dashboard-card,
body.app-theme-light #appShell .quick-dashboard-card,
body.app-theme-light #appShell .tasks-dashboard-card,
body.app-theme-light #appShell .action-empty{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light #appShell .admin-platform-grid .admin-card,
body.app-theme-light #appShell .admin-platform-stat,
body.app-theme-light #appShell .report-highlight,
body.app-theme-light #appShell .day-choice,
body.app-theme-light #appShell .admin-finance-top article,
body.app-theme-light #appShell .admin-action-list button,
body.app-theme-light #appShell .mobile-summary-card,
body.app-theme-light #appShell .mobile-today-card{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light .admin-action-result{
  background:#f6fbf2!important;
  border-color:#bfe5ac!important;
  color:#101828!important;
}
body.app-theme-light .admin-action-result span,
body.app-theme-light .admin-action-result small{
  color:#52627a!important;
}
body.app-theme-light .admin-action-result strong{
  color:#3f7e10!important;
}
body.app-theme-light #appShell .stat.accent,
body.app-theme-light #appShell .button-primary,
body.app-theme-light dialog .button-primary,
body.app-theme-light .toast{
  background:#65b814!important;
  color:#fff!important;
  border-color:#65b814!important;
}
body.app-theme-light #appShell .button-muted,
body.app-theme-light #appShell .button-ghost,
body.app-theme-light #appShell .icon-action,
body.app-theme-light #appShell .month-switcher button,
body.app-theme-light #appShell .close-button,
body.app-theme-light dialog .button-muted,
body.app-theme-light dialog .close-button{
  background:#fff!important;
  color:#101828!important;
  border-color:#d9e2ec!important;
  box-shadow:0 6px 16px rgba(15,23,42,.05)!important;
}
body.app-theme-light #appShell .button-muted:hover,
body.app-theme-light #appShell .button-ghost:hover,
body.app-theme-light #appShell .icon-action:hover,
body.app-theme-light #appShell .month-switcher button:hover{
  background:#f4f8fb!important;
  border-color:#b8dca4!important;
  color:#315f0c!important;
}
body.app-theme-light #appShell .search,
body.app-theme-light #appShell .calendar-jump label,
body.app-theme-light #appShell .admin-customer-filters,
body.app-theme-light #appShell .report-dashboard-filters,
body.app-theme-light #appShell .proposal-filters,
body.app-theme-light #appShell .financial-filters,
body.app-theme-light #appShell .filters-panel{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
}
body.app-theme-light input:not([type="checkbox"]):not([type="radio"]),
body.app-theme-light select,
body.app-theme-light textarea,
body.app-theme-light #appShell .form-grid input,
body.app-theme-light #appShell .form-grid select,
body.app-theme-light #appShell .form-grid textarea,
body.app-theme-light #appShell .admin-customer-filters input,
body.app-theme-light #appShell .admin-customer-filters select{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}
body.app-theme-light input::placeholder,
body.app-theme-light textarea::placeholder{
  color:#98a2b3!important;
}
body.app-theme-light input:focus,
body.app-theme-light select:focus,
body.app-theme-light textarea:focus{
  border-color:#65b814!important;
  box-shadow:0 0 0 3px rgba(101,184,20,.13)!important;
  outline:0!important;
}
body.app-theme-light #appShell .data-table th,
body.app-theme-light #appShell .data-table td,
body.app-theme-light #appShell .financial-row,
body.app-theme-light #appShell .event-item,
body.app-theme-light #appShell .detail-row,
body.app-theme-light #appShell .admin-mini-table th,
body.app-theme-light #appShell .admin-mini-table td,
body.app-theme-light #appShell .report-activity-table th,
body.app-theme-light #appShell .report-activity-table td{
  border-color:#e5ebf2!important;
}
body.app-theme-light #appShell .data-table th,
body.app-theme-light #appShell .admin-mini-table th,
body.app-theme-light #appShell .report-activity-table th{
  color:#667085!important;
  background:#f8fafc!important;
}
body.app-theme-light #appShell .data-table td,
body.app-theme-light #appShell .admin-mini-table td,
body.app-theme-light #appShell .report-activity-table td,
body.app-theme-light #appShell .client-cell strong,
body.app-theme-light #appShell .event-info strong,
body.app-theme-light #appShell .financial-row strong,
body.app-theme-light #appShell .admin-platform-stat strong,
body.app-theme-light #appShell .admin-distribution-list b,
body.app-theme-light #appShell .report-kpi-card strong,
body.app-theme-light #appShell .report-ranking strong,
body.app-theme-light #appShell .report-ranking b{
  color:#101828!important;
}
body.app-theme-light #appShell .data-table tbody tr:hover,
body.app-theme-light #appShell #customersTable .data-table tbody tr:hover{
  background:#f1f8ec!important;
  box-shadow:inset 4px 0 0 #65b814!important;
}
body.app-theme-light #appShell .calendar-toolbar,
body.app-theme-light #appShell .weekdays span,
body.app-theme-light #appShell .day,
body.app-theme-light #appShell .card-heading,
body.app-theme-light #appShell .section-heading{
  border-color:#e5ebf2!important;
}
body.app-theme-light #appShell .calendar-jump input,
body.app-theme-light #appShell .calendar-event,
body.app-theme-light #appShell .date-chip,
body.app-theme-light #appShell .count,
body.app-theme-light #appShell .status-badge,
body.app-theme-light #appShell .admin-range-pill,
body.app-theme-light #appShell .report-panel-badge{
  background:#f3f7fb!important;
  border-color:#dfe6ee!important;
  color:#344054!important;
}
body.app-theme-light #appShell .calendar-event{
  background:#ecf8e8!important;
  color:#2a5d08!important;
  border-left-color:#65b814!important;
}
body.app-theme-light #appShell .calendar-event.video{
  background:#eaf3ff!important;
  color:#1d5fbf!important;
  border-left-color:#2f80ed!important;
}
body.app-theme-light #appShell .day.today .day-number{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light #appShell .day-free:hover{
  background:#f1f8ec!important;
  box-shadow:inset 0 0 0 1px #cce9be!important;
}
body.app-theme-light #appShell .day-free-label,
body.app-theme-light #appShell .availability-summary{
  background:#f1f8ec!important;
  border-color:#cce9be!important;
  color:#3f7e10!important;
}
body.app-theme-light #appShell .admin-platform-stat>span,
body.app-theme-light #appShell .admin-activity-list span,
body.app-theme-light #appShell .day-choice span,
body.app-theme-light #appShell .value-visibility-button{
  background:#eaf7e4!important;
  color:#65b814!important;
  border-color:#cce9be!important;
}
body.app-theme-light #appShell .avatar{
  background-color:#eaf7e4!important;
  color:#65b814!important;
  border-color:#cce9be!important;
}
body.app-theme-light #appShell .chart-track,
body.app-theme-light #appShell .admin-plan-bars i{
  background:#e8eef5!important;
}
body.app-theme-light #appShell .admin-line-chart .grid line{
  stroke:#e1e7ef!important;
}
body.app-theme-light #appShell .admin-line-chart text,
body.app-theme-light #appShell .report-line-axis,
body.app-theme-light #appShell .report-bar-chart small,
body.app-theme-light #appShell .report-category-visual span,
body.app-theme-light #appShell .report-ranking small,
body.app-theme-light #appShell .admin-platform-stat em,
body.app-theme-light #appShell .admin-platform-stat small,
body.app-theme-light #appShell .admin-activity-list small,
body.app-theme-light #appShell .admin-activity-list em,
body.app-theme-light #appShell .admin-finance-top small{
  color:#667085!important;
  fill:#667085!important;
}
body.app-theme-light #appShell .admin-donut:after,
body.app-theme-light #appShell .report-donut:after{
  background:#fff!important;
}
body.app-theme-light #appShell .admin-distribution-list p,
body.app-theme-light #appShell .admin-chart-legend,
body.app-theme-light #appShell .admin-plan-bars p,
body.app-theme-light #appShell .report-category-line,
body.app-theme-light #appShell .report-ranking p,
body.app-theme-light #appShell .financial-row{
  color:#344054!important;
  background:#fff!important;
}
body.app-theme-light #appShell .admin-customers-scroll,
body.app-theme-light #appShell .admin-customers-pagination,
body.app-theme-light #appShell .admin-referrals .table-wrap,
body.app-theme-light #appShell .admin-tickets .table-wrap{
  background:#fff!important;
  border-color:#e1e7ef!important;
}
body.app-theme-light #appShell .admin-customers-scroll .data-table thead th{
  background:#f8fafc!important;
}
body.app-theme-light #appShell .admin-customers-pagination{
  background:#fff!important;
  border-top:1px solid #e5ebf2!important;
  color:#344054!important;
}
body.app-theme-light #appShell .admin-customers-pagination>span{
  color:#475467!important;
  font-weight:800!important;
  opacity:1!important;
}
body.app-theme-light #appShell .admin-customers-pages button{
  min-width:38px!important;
  height:38px!important;
  padding:0 13px!important;
  border:1px solid #cbd5e1!important;
  background:#fff!important;
  color:#101828!important;
  border-radius:10px!important;
  box-shadow:0 6px 14px rgba(15,23,42,.05)!important;
  opacity:1!important;
}
body.app-theme-light #appShell .admin-customers-pages button:hover:not(:disabled){
  background:#eef8e9!important;
  border-color:#9fdc7a!important;
  color:#2f6f0b!important;
}
body.app-theme-light #appShell .admin-customers-pages button.active,
body.app-theme-light #appShell .admin-customers-pages button.active:disabled{
  background:#9fdc7a!important;
  border-color:#9fdc7a!important;
  color:#244b08!important;
  opacity:1!important;
  cursor:default!important;
}
body.app-theme-light #appShell .admin-customers-pages button:disabled:not(.active){
  background:#f8fafc!important;
  border-color:#e5ebf2!important;
  color:#98a2b3!important;
  opacity:1!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
body.app-theme-light #appShell .admin-page-dots{
  color:#667085!important;
  opacity:1!important;
}
body.app-theme-light #appShell .status-badge.active,
body.app-theme-light #appShell .admin-mini-table em.active{
  background:#eaf7e4!important;
  color:#3f7e10!important;
}
body.app-theme-light #appShell .status-badge.trial,
body.app-theme-light #appShell .admin-mini-table em.trial{
  background:#eaf3ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light #appShell .status-badge.expired,
body.app-theme-light #appShell .status-badge.rejected,
body.app-theme-light #appShell .admin-mini-table em.expired{
  background:#fff0ee!important;
  color:#b42318!important;
}
body.app-theme-light dialog,
body.app-theme-light .mobile-more-panel,
body.app-theme-light .mobile-quick-sheet .mobile-more-panel,
body.app-theme-light .install-guide-dialog.fallback-open{
  background:#fff!important;
  color:#101828!important;
  border-color:#dfe6ee!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
}
body.app-theme-light dialog::backdrop,
body.app-theme-light .mobile-more-sheet{
  background:rgba(15,23,42,.34)!important;
}
body.app-theme-light dialog .dialog-head,
body.app-theme-light dialog .subscription-head{
  border-color:#e5ebf2!important;
}
body.app-theme-light dialog h2,
body.app-theme-light dialog strong,
body.app-theme-light dialog label>span{
  color:#101828!important;
}
body.app-theme-light dialog p,
body.app-theme-light dialog small,
body.app-theme-light .install-guide-body,
body.app-theme-light .install-guide-body p,
body.app-theme-light .install-guide-body li{
  color:#667085!important;
}
body.app-theme-light .mobile-quick-actions button,
body.app-theme-light .mobile-more-link,
body.app-theme-light .mobile-more-options button{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
}
body.app-theme-light .mobile-quick-actions button span,
body.app-theme-light .mobile-more-link span,
body.app-theme-light .mobile-more-options button span{
  background:#eaf7e4!important;
  color:#65b814!important;
}
body.app-theme-light .mobile-quick-actions button small,
body.app-theme-light .mobile-more-link small{
  color:#667085!important;
}
@media(max-width:700px){
  body.app-theme-light .app-shell{
    background:#f6f8fb!important;
  }
  body.app-theme-light .sidebar{
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dfe6ee!important;
    box-shadow:0 -10px 34px rgba(15,23,42,.12)!important;
  }
  body.app-theme-light .sidebar nav>.nav-item,
  body.app-theme-light .sidebar nav>.nav-item:not(.active),
  body.app-theme-light .sidebar nav>.mobile-more-button{
    color:#667085!important;
    background:transparent!important;
    border-color:transparent!important;
  }
  body.app-theme-light .sidebar nav>.nav-item.active{
    background:#eaf7e4!important;
    border-color:#bfe7a9!important;
    color:#3f7e10!important;
  }
  body.app-theme-light .sidebar nav>.mobile-quick-button{
    background:#65b814!important;
    border-color:#65b814!important;
    color:#fff!important;
    box-shadow:0 14px 30px rgba(101,184,20,.24)!important;
  }
  body.app-theme-light .sidebar nav>.mobile-quick-button span{
    color:#fff!important;
  }
  body.app-theme-light main{
    background:#f6f8fb!important;
  }
  body.app-theme-light .topbar{
    color:#101828!important;
  }
  body.app-theme-light #appShell .admin-customers-scroll .data-table tr{
    background:#fff!important;
    border-color:#e1e7ef!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
  }
}

/* Reforco do tema claro: corrige componentes que tinham cores escuras fixas. */
body.app-theme-light #appShell,
body.app-theme-light #appShell main,
body.app-theme-light #appShell .view,
body.app-theme-light #appShell .card,
body.app-theme-light #appShell .dashboard-card,
body.app-theme-light #appShell .stat{
  color:#101828!important;
}
body.app-theme-light #appShell .topbar p:not(.eyebrow),
body.app-theme-light #appShell .studio-command span,
body.app-theme-light #appShell .sidebar-card small,
body.app-theme-light #appShell .stat span,
body.app-theme-light #appShell .stat em,
body.app-theme-light #appShell .dashboard-card span:not(.dashboard-stat-icon):not(.status-dot):not(.dot):not(.count),
body.app-theme-light #appShell .dashboard-card small,
body.app-theme-light #appShell .dashboard-card em,
body.app-theme-light #appShell .project-item small,
body.app-theme-light #appShell .project-item em,
body.app-theme-light #appShell .task-item small,
body.app-theme-light #appShell .finance-dashboard-hint,
body.app-theme-light #appShell .finance-axis,
body.app-theme-light #appShell .finance-axis span{
  color:#667085!important;
  fill:#667085!important;
}
body.app-theme-light #appShell .sidebar-card strong,
body.app-theme-light #appShell .stat strong,
body.app-theme-light #appShell .dashboard-card h2,
body.app-theme-light #appShell .dashboard-card h3,
body.app-theme-light #appShell .dashboard-card strong,
body.app-theme-light #appShell .dashboard-quick-actions strong,
body.app-theme-light #appShell .project-item strong,
body.app-theme-light #appShell .task-item strong,
body.app-theme-light #appShell .category-row span,
body.app-theme-light #appShell .category-row strong{
  color:#101828!important;
}
body.app-theme-light #appShell .sidebar-card>span,
body.app-theme-light #appShell .summary-link,
body.app-theme-light #appShell .finance-dashboard-hint strong{
  color:#4caf12!important;
}
body.app-theme-light #appShell .dashboard-stat,
body.app-theme-light #appShell #statsCards .dashboard-stat{
  background:#fff!important;
  border:1px solid #e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light #appShell .dashboard-stat:after,
body.app-theme-light #appShell #statsCards .dashboard-stat:after{
  border-color:#101828!important;
  opacity:.07!important;
}
body.app-theme-light #appShell .dashboard-stat small,
body.app-theme-light #appShell #statsCards .dashboard-stat small{
  color:#475467!important;
  opacity:1!important;
  font-weight:800!important;
}
body.app-theme-light #appShell .dashboard-stat strong,
body.app-theme-light #appShell #statsCards .dashboard-stat strong{
  color:#101828!important;
  opacity:1!important;
}
body.app-theme-light #appShell .dashboard-stat em,
body.app-theme-light #appShell #statsCards .dashboard-stat em{
  color:#667085!important;
  opacity:1!important;
}
body.app-theme-light #appShell .dashboard-stat b,
body.app-theme-light #appShell #statsCards .dashboard-stat b{
  background:#eaf7e4!important;
  border:1px solid #cce9be!important;
  border-radius:999px!important;
  color:#2f8f0f!important;
  padding:5px 8px!important;
  opacity:1!important;
}
body.app-theme-light #appShell .dashboard-stat-icon,
body.app-theme-light #appShell #statsCards .dashboard-stat-icon,
body.app-theme-light #appShell .dashboard-stat.yellow .dashboard-stat-icon,
body.app-theme-light #appShell .dashboard-stat.yellow b{
  color:#65b814!important;
}
body.app-theme-light #appShell .dashboard-stat.green .dashboard-stat-icon,
body.app-theme-light #appShell .dashboard-stat.green b{
  color:#4caf12!important;
}
body.app-theme-light #appShell .dashboard-stat.red .dashboard-stat-icon,
body.app-theme-light #appShell .dashboard-stat.red b{
  color:#e5483f!important;
}
body.app-theme-light #appShell .dashboard-stat .dashboard-eye{
  background:#eef8e9!important;
  border-color:#cce9be!important;
  color:#3f7e10!important;
}
body.app-theme-light #appShell .finance-dashboard-value{
  color:#4caf12!important;
}
body.app-theme-light #appShell .finance-mini-chart{
  border-color:#e5ebf2!important;
}
body.app-theme-light #appShell .finance-mini-chart small{
  color:#667085!important;
}
body.app-theme-light #appShell .category-row{
  color:#101828!important;
}
body.app-theme-light #appShell .category-row small{
  color:#667085!important;
}
body.app-theme-light #appShell .category-row b,
body.app-theme-light #appShell .project-item b{
  background:#e8eef5!important;
}
body.app-theme-light #appShell .category-donut:after{
  background:#fff!important;
}
body.app-theme-light #appShell .task-item{
  background:#fff!important;
  border-color:#e5ebf2!important;
  color:#101828!important;
}
body.app-theme-light #appShell .task-item span{
  border-color:#d0d8e2!important;
}
body.app-theme-light #appShell .task-item:first-child small{
  color:#e5483f!important;
}
body.app-theme-light #appShell .dashboard-quick-actions button{
  background:#fff!important;
  border-color:#e5ebf2!important;
  color:#101828!important;
}
body.app-theme-light #appShell .dashboard-quick-actions span{
  color:#65b814!important;
}
body.app-theme-light #appShell .studio-command,
body.app-theme-light #appShell .smart-alerts,
body.app-theme-light #appShell .onboarding-panel{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light #appShell .smart-alert{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
body.app-theme-light #appShell .smart-alert strong{
  color:#101828!important;
}
body.app-theme-light #appShell .smart-alert span{
  color:#667085!important;
}
body.app-theme-light #appShell .top-profile-chevron{
  color:#98a2b3!important;
}
body.app-theme-light #appShell .notification-button,
body.app-theme-light #appShell .top-profile-button{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
}

/* Auditoria de contraste do tema claro: telas internas e modais. */
body.app-theme-light #appShell :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label),
body.app-theme-light dialog :where(h1,h2,h3,h4,h5,h6,strong,b,label){
  color:#101828!important;
}
body.app-theme-light #appShell :where(p,small,em,li),
body.app-theme-light dialog :where(p,small,em,li){
  color:#667085!important;
}
body.app-theme-light #appShell :where(.eyebrow,.summary-link,.link-button,.positive,.whatsapp),
body.app-theme-light dialog :where(.eyebrow,.summary-link,.link-button,.positive){
  color:#4caf12!important;
}
body.app-theme-light #appShell :where(.danger,.logout-danger,.icon-action.danger),
body.app-theme-light dialog :where(.danger,.icon-action.danger){
  color:#d92d20!important;
}
body.app-theme-light #appShell :where(.warning,.table-sub.warning){
  color:#b54708!important;
}
body.app-theme-light #appShell :where(.top-profile-menu,.mobile-more-panel,.mobile-quick-sheet .mobile-more-panel),
body.app-theme-light dialog :where(form>.dialog-head,form>.dialog-actions,.details-title,.detail-actions){
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
}
body.app-theme-light #appShell .top-profile-menu{
  box-shadow:0 18px 50px rgba(15,23,42,.16)!important;
}
body.app-theme-light #appShell .top-profile-menu button{
  color:#101828!important;
}
body.app-theme-light #appShell .top-profile-menu button:hover{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light #appShell .top-profile-menu button[data-profile-action="logout"]{
  color:#d92d20!important;
}

body.app-theme-light #appShell :where(.production-filters-panel,.finance-filters-panel,.proposal-filters-panel,.report-dashboard-filters,.admin-customer-filters),
body.app-theme-light #appShell :where(.productions-board-card,.production-column,.finance-metric-card,.finance-panel,.finance-side-card,.proposal-stat-card,.proposals-list-card,.proposals-side-card,.registration-card,.payment-plan-card,.studio-hero-card,.studio-profile-card,.studio-actions-card,.studio-info-card,.studio-kpi,.support-card),
body.app-theme-light dialog :where(.proposal-form-section,.proposal-builder-top,.proposal-contact-strip,.proposal-payment-summary,.payment-history,.subscription-content,.pricing-plan,.subscription-value){
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light #appShell :where(.production-filters-panel span,.production-sort-select span,.finance-filters-panel label span,.proposal-filters-panel label span,.proposal-sort-select span,.studio-page-head p,.studio-hero-main p,.studio-meta-line,.studio-hero-side p,.studio-hero-side p span,.studio-kpi small,.studio-bookings-list small,.studio-info-card span,.registration-card small,.payment-plan-card small,.payment-plan-meta span,.payment-plan-pix-list span,.proposal-status-caption),
body.app-theme-light dialog :where(.proposal-item-system-grid label span,.proposal-compact-fields label span,.proposal-line-total span,.proposal-payment-summary span,.payment-row small,.subscription-head p,.subscription-value span,.pricing-plan small,.demo-notice){
  color:#667085!important;
}
body.app-theme-light #appShell :where(.production-filters-panel select,.production-sort-select select,.finance-filters-panel input,.finance-filters-panel select,.proposal-filters-panel input,.proposal-filters-panel select,.proposal-sort-select select,.studio-equipment-edit-row input,.studio-equipment-edit-row select),
body.app-theme-light dialog :where(.proposal-item-system-grid input,.proposal-item-system-grid textarea,.proposal-compact-fields input){
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}

body.app-theme-light[data-view="events"] :where(.production-list-head,.production-list-row,.production-calendar-head,.production-list-pagination,.production-calendar-grid,.production-calendar-day,.production-calendar-grid>span){
  background:#fff!important;
  border-color:#e5ebf2!important;
  color:#101828!important;
}
body.app-theme-light[data-view="events"] :where(.production-list-head,.production-list-row small,.production-list-pagination,.production-calendar-grid>span,.production-filters-panel span){
  color:#667085!important;
}
body.app-theme-light[data-view="events"] :where(.production-list-row strong,.production-calendar-head strong,.production-calendar-day strong){
  color:#101828!important;
}
body.app-theme-light[data-view="events"] :where(.production-list-row:hover,.production-calendar-day.muted){
  background:#f8fafc!important;
}
body.app-theme-light[data-view="events"] :where(.production-list-pagination button,.production-calendar-head button,.production-calendar-day button,.production-history-link,.productions-tabs button){
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
}
body.app-theme-light[data-view="events"] :where(.production-list-pagination button.active,.productions-tabs button.active){
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="events"] .production-calendar-day.today strong{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light[data-view="events"] .production-chip.waiting{
  background:#eef2f6!important;
  color:#475467!important;
}

body.app-theme-light[data-view="finance"] :where(.finance-filters-panel,.finance-metric-card,.finance-cashflow-chart,.finance-data-table tbody tr,.finance-pagination){
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
}
body.app-theme-light[data-view="finance"] :where(.finance-metric-card strong,.finance-data-table td strong){
  color:#101828!important;
}
body.app-theme-light[data-view="finance"] :where(.finance-metric-card small,.finance-metric-card em,.finance-filters-panel label span,.finance-data-table th,.finance-data-table td,.finance-pagination){
  color:#667085!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="finance"] .finance-data-table tbody tr:nth-child(odd){
  background:#f8fafc!important;
}
body.app-theme-light[data-view="finance"] .finance-data-table tbody tr:hover{
  background:#eef8e9!important;
}
body.app-theme-light[data-view="finance"] :where(.finance-pagination button,.finance-status.expense){
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
}
body.app-theme-light[data-view="finance"] .finance-pagination button.active{
  background:#eaf3ff!important;
  border-color:#b7d6ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light[data-view="finance"] :where(.finance-category.revenue,.finance-status){
  background:#eaf7e4!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="finance"] :where(.finance-category.expense,.finance-row-expense .icon-action.danger){
  background:#fff0ee!important;
  color:#b42318!important;
}
body.app-theme-light[data-view="finance"] :where(.finance-category.pending,.finance-status.pending,.finance-expense-button){
  background:#fff7e6!important;
  color:#b54708!important;
}

body.app-theme-light[data-view="proposals"] :where(.proposals-search,.proposal-filters-panel,.proposal-stat-card,.proposals-list-card,.proposals-side-card,.proposals-data-table tbody tr){
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
}
body.app-theme-light[data-view="proposals"] :where(.proposal-stat-card strong,.proposals-data-table td strong){
  color:#101828!important;
}
body.app-theme-light[data-view="proposals"] :where(.proposal-stat-card small,.proposal-stat-card em,.proposal-filters-panel label span,.proposal-sort-select span,.proposal-status-caption,.proposals-data-table th,.proposals-data-table td){
  color:#667085!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="proposals"] .proposals-data-table tbody tr:nth-child(odd){
  background:#f8fafc!important;
}
body.app-theme-light[data-view="proposals"] .proposals-data-table tbody tr:hover{
  background:#eef8e9!important;
}
body.app-theme-light[data-view="proposals"] .proposal-status{
  background:#f8fafc!important;
  border-color:#d9e2ec!important;
  color:#344054!important;
}
body.app-theme-light[data-view="proposals"] .proposal-status.sent{
  background:#eaf3ff!important;
  border-color:#b7d6ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light[data-view="proposals"] .proposal-status.accepted{
  background:#eaf7e4!important;
  border-color:#bfe7a9!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="proposals"] .proposal-status.draft{
  background:#fff7e6!important;
  border-color:#fedf89!important;
  color:#b54708!important;
}
body.app-theme-light[data-view="proposals"] :where(.proposal-status.rejected,.proposal-status.expired){
  background:#fff0ee!important;
  border-color:#fecdca!important;
  color:#b42318!important;
}

body.app-theme-light #appShell :where(.registration-card,.payment-plan-card){
  background:#fff!important;
  color:#101828!important;
}
body.app-theme-light #appShell .registration-card:hover{
  background:#eef8e9!important;
}
body.app-theme-light #appShell :where(.payment-plan-meta p,.payment-plan-pix-list p,.proposal-payment-summary p){
  background:#f8fafc!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light #appShell :where(.payment-plan-meta strong,.payment-plan-pix-list strong,.proposal-payment-summary strong){
  color:#101828!important;
}
body.app-theme-light #appShell .payment-plan-method{
  background:#eaf3ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light #appShell .payment-plan-method.bonus{
  background:#fff7e6!important;
  color:#b54708!important;
}

body.app-theme-light[data-view="profile"] :where(.studio-page-head p,.studio-hero-main p,.studio-meta-line,.studio-hero-side p,.studio-kpi small,.studio-bookings-list small,.studio-info-card span){
  color:#667085!important;
}
body.app-theme-light[data-view="profile"] :where(.studio-next-booking,.studio-equipment-edit-row,.studio-editor .studio-save-row){
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
}
body.app-theme-light[data-view="profile"] :where(.studio-hero-side,.studio-form-section+.studio-form-section,.studio-equipment-list p,.studio-bookings-list p,.studio-info-card p){
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="profile"] .studio-actions-card button{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
}
body.app-theme-light[data-view="profile"] .studio-actions-card button:hover{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="profile"] .studio-hero-logo,
body.app-theme-light[data-view="profile"] .studio-preview-logo{
  background:#f3f7fb!important;
  border-color:#d9e2ec!important;
}

body.app-theme-light #proposalDialog :where(.proposal-builder-top,.proposal-form-section){
  background:#fff!important;
  border-color:#e1e7ef!important;
}
body.app-theme-light #proposalDialog :where(.proposal-section-title){
  border-color:#e5ebf2!important;
}
body.app-theme-light #proposalDialog :where(.proposal-item-system-grid label span,.proposal-compact-fields label span,.proposal-line-total span){
  color:#667085!important;
}
body.app-theme-light #proposalDialog :where(.proposal-item-system-grid input,.proposal-item-system-grid textarea,.proposal-compact-fields input){
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
}
body.app-theme-light #proposalDialog :where(.proposal-payment-summary p){
  background:#f8fafc!important;
  border-color:#e5ebf2!important;
}

body.app-theme-light dialog.details-dialog :where(.details-inner,.details-title,.detail-actions),
body.app-theme-light dialog.details-dialog .detail-row{
  background:#fff!important;
  border-color:#e5ebf2!important;
  color:#101828!important;
}
body.app-theme-light dialog.details-dialog .detail-row span{
  color:#667085!important;
}
body.app-theme-light dialog.details-dialog .detail-row strong{
  color:#101828!important;
}

/* Tema claro da Agenda: calendario principal, mini calendario e listas laterais. */
body.app-theme-light[data-view="calendar"] .agenda-week-card,
body.app-theme-light[data-view="calendar"] .agenda-side-panel .card{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light[data-view="calendar"] .agenda-week-grid{
  background:
    linear-gradient(90deg,rgba(15,23,42,.06) 1px,transparent 1px) 74px 0/14.285% 100%,
    linear-gradient(180deg,rgba(15,23,42,.06) 1px,transparent 1px) 0 54px/100% 58px,
    #fff!important;
}
body.app-theme-light[data-view="calendar"] .agenda-week-grid::-webkit-scrollbar-thumb{
  background:#cbd5e1!important;
}
body.app-theme-light[data-view="calendar"] .agenda-week-head{
  background:#f8fafc!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-time-head,.agenda-day-head,.agenda-time-column,.agenda-day-column){
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="calendar"] .agenda-time-column{
  background:#f8fafc!important;
}
body.app-theme-light[data-view="calendar"] .agenda-time-column span{
  color:#667085!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="calendar"] .agenda-day-column{
  background:repeating-linear-gradient(to bottom,rgba(15,23,42,.06) 0 1px,transparent 1px 58px),#fff!important;
}
body.app-theme-light[data-view="calendar"] .agenda-day-column.free:hover{
  background:linear-gradient(rgba(101,184,20,.06),rgba(101,184,20,.06)),repeating-linear-gradient(to bottom,rgba(15,23,42,.06) 0 1px,transparent 1px 58px),#fff!important;
}
body.app-theme-light[data-view="calendar"] .agenda-day-head span,
body.app-theme-light[data-view="calendar"] .agenda-month-head,
body.app-theme-light[data-view="calendar"] .agenda-mini-calendar span,
body.app-theme-light[data-view="calendar"] .agenda-list-item span,
body.app-theme-light[data-view="calendar"] .agenda-list-item small,
body.app-theme-light[data-view="calendar"] .agenda-hours-body small,
body.app-theme-light[data-view="calendar"] .agenda-hours-form label span{
  color:#667085!important;
}
body.app-theme-light[data-view="calendar"] .agenda-day-head strong,
body.app-theme-light[data-view="calendar"] .agenda-side-heading strong,
body.app-theme-light[data-view="calendar"] .agenda-list-item strong,
body.app-theme-light[data-view="calendar"] .agenda-hours-body strong{
  color:#101828!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-day-head.today strong,.agenda-side-heading .summary-link){
  color:#4caf12!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-switcher,.agenda-view-tabs){
  background:#fff!important;
  border-color:#d9e2ec!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-switcher button,.agenda-view-tabs button,.agenda-side-heading button){
  background:#fff!important;
  border-color:#e5ebf2!important;
  color:#344054!important;
}
body.app-theme-light[data-view="calendar"] .agenda-view-tabs button.active{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="calendar"] .agenda-week-switcher strong{
  color:#101828!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-jump-button small{
  color:#667085!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-jump-button:hover,
body.app-theme-light[data-view="calendar"] .agenda-month-jump-button:focus-visible{
  background:#eef8e9!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-view{
  background:#f8fafc!important;
  gap:6px!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day,
body.app-theme-light[data-view="calendar"] .agenda-list-item{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-month-day:hover:not(.muted),.agenda-list-item:hover){
  border-color:#bfe7a9!important;
  box-shadow:0 10px 24px rgba(101,184,20,.12)!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day.muted{
  background:#f1f5f9!important;
  border-style:dashed!important;
  opacity:1!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day.muted :where(strong,small){
  color:#b6c2d1!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day strong{
  color:#101828!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day small{
  color:#667085!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day.free small{
  color:#4caf12!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day.today strong{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light[data-view="calendar"] .agenda-month-day.selected{
  border-color:#65b814!important;
  box-shadow:0 0 0 1px rgba(101,184,20,.24),0 10px 24px rgba(101,184,20,.10)!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event,.agenda-month-day span){
  box-shadow:none!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event time,.agenda-week-event strong){
  color:currentColor!important;
}
body.app-theme-light[data-view="calendar"] .agenda-week-event :where(span,small){
  color:#475467!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event.yellow,.agenda-month-day span.yellow){
  background:#fff8d6!important;
  border-color:#f6d365!important;
  color:#806000!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event.green,.agenda-month-day span.green){
  background:#eaf7e4!important;
  border-color:#bfe7a9!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event.purple,.agenda-month-day span.purple){
  background:#f2e9ff!important;
  border-color:#d8c2ff!important;
  color:#6c35b8!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event.blue,.agenda-month-day span.blue){
  background:#eaf3ff!important;
  border-color:#b7d6ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light[data-view="calendar"] :where(.agenda-week-event.orange,.agenda-month-day span.orange){
  background:#fff3df!important;
  border-color:#ffd49a!important;
  color:#b54708!important;
}
body.app-theme-light[data-view="calendar"] .agenda-mini-calendar button{
  background:transparent!important;
  color:#101828!important;
}
body.app-theme-light[data-view="calendar"] .agenda-mini-calendar button:not(.muted):hover{
  background:#eef8e9!important;
}
body.app-theme-light[data-view="calendar"] .agenda-mini-calendar button.muted{
  color:#cbd5e1!important;
  opacity:1!important;
}
body.app-theme-light[data-view="calendar"] .agenda-mini-calendar button.selected,
body.app-theme-light[data-view="calendar"] .agenda-mini-calendar button.today{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light[data-view="calendar"] .agenda-side-upcoming button{
  background:#fff!important;
  border:1px solid #eef2f6!important;
  border-radius:12px!important;
  color:#101828!important;
  padding:9px 8px!important;
}
body.app-theme-light[data-view="calendar"] .agenda-side-upcoming button:hover{
  background:#f8fafc!important;
  border-color:#dfe6ee!important;
}
body.app-theme-light[data-view="calendar"] .agenda-side-upcoming span{
  color:#98a2b3!important;
}
body.app-theme-light[data-view="calendar"] .agenda-side-upcoming strong,
body.app-theme-light[data-view="calendar"] .agenda-side-upcoming b{
  color:#101828!important;
}
body.app-theme-light[data-view="calendar"] .agenda-side-upcoming small{
  color:#667085!important;
}
body.app-theme-light[data-view="calendar"] .agenda-calendar-filters label{
  color:#344054!important;
}
body.app-theme-light[data-view="calendar"] .agenda-hours-body>span{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#4caf12!important;
}
body.app-theme-light[data-view="calendar"] .agenda-hours-form input{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}
body.app-theme-light[data-view="calendar"] #appShell .agenda-month-day.today strong,
body.app-theme-light[data-view="calendar"] #appShell .agenda-mini-calendar button.selected,
body.app-theme-light[data-view="calendar"] #appShell .agenda-mini-calendar button.today{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light[data-view="calendar"] #appShell .agenda-day-head.today strong,
body.app-theme-light[data-view="calendar"] #appShell .agenda-month-day.free small,
body.app-theme-light[data-view="calendar"] #appShell .agenda-side-heading .summary-link{
  color:#4caf12!important;
}
body.app-theme-light[data-view="calendar"] #appShell .agenda-week-event :where(time,strong),
body.app-theme-light[data-view="calendar"] #appShell .agenda-month-day span{
  color:currentColor!important;
}
body.app-theme-light[data-view="calendar"] #appShell .agenda-month-day.muted :where(strong,small){
  color:#b6c2d1!important;
}

/* Menu lateral no tema claro: mantem os icones visiveis em todos os itens. */
@media(min-width:701px){
  body.app-theme-light #appShell .sidebar nav>.nav-item{
    justify-content:flex-start!important;
    text-align:left!important;
  }
  body.app-theme-light #appShell .sidebar nav>.nav-item span{
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#f1f8ed!important;
    color:#4caf12!important;
    font-size:15px!important;
    line-height:1!important;
    opacity:1!important;
  }
  body.app-theme-light #appShell .sidebar nav>.nav-item:hover span,
  body.app-theme-light #appShell .sidebar nav>.nav-item.active span{
    background:#dcf2d2!important;
    color:#2f7c0c!important;
  }
}
@media(max-width:700px){
  body.app-theme-light #appShell .sidebar nav>.nav-item span{
    color:#4caf12!important;
    opacity:1!important;
  }
  body.app-theme-light #appShell .sidebar nav>.nav-item.active span{
    color:#3f7e10!important;
  }
}

/* Tema claro da tela Producoes: Kanban, cards e resumo lateral. */
body.app-theme-light[data-view="events"] #appShell .productions-board-card,
body.app-theme-light[data-view="events"] #appShell .productions-side-card{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-board-head{
  background:#fff!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-tabs button{
  background:transparent!important;
  border:0!important;
  color:#101828!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-tabs button.active{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-tabs button.active:after{
  background:#65b814!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-sort{
  color:#667085!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-sort select,
body.app-theme-light[data-view="events"] #appShell .productions-sort button,
body.app-theme-light[data-view="events"] #appShell .productions-sort span{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
}
body.app-theme-light[data-view="events"] #appShell .productions-kanban{
  background:#f8fafc!important;
}
body.app-theme-light[data-view="events"] #appShell .production-column{
  background:#fff!important;
  border-color:#dfe6ee!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
body.app-theme-light[data-view="events"] #appShell .production-column header{
  color:#101828!important;
  border-bottom:1px solid #eef2f6!important;
}
body.app-theme-light[data-view="events"] #appShell .production-column header strong{
  color:#101828!important;
}
body.app-theme-light[data-view="events"] #appShell .production-column header small{
  color:#667085!important;
}
body.app-theme-light[data-view="events"] #appShell .production-card{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 10px 22px rgba(15,23,42,.07)!important;
}
body.app-theme-light[data-view="events"] #appShell .production-card:hover{
  border-color:#bfe7a9!important;
  box-shadow:0 14px 28px rgba(101,184,20,.12)!important;
}
body.app-theme-light[data-view="events"] #appShell .production-thumb{
  background:#eef8e9!important;
  color:#4caf12!important;
}
body.app-theme-light[data-view="events"] #appShell .production-info strong,
body.app-theme-light[data-view="events"] #appShell .production-card-footer span{
  color:#101828!important;
}
body.app-theme-light[data-view="events"] #appShell .production-info small,
body.app-theme-light[data-view="events"] #appShell .production-info em,
body.app-theme-light[data-view="events"] #appShell .production-empty,
body.app-theme-light[data-view="events"] #appShell .production-side-list small{
  color:#667085!important;
}
body.app-theme-light[data-view="events"] #appShell .production-chip{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="events"] #appShell .production-chip.waiting{
  background:#eef2f6!important;
  color:#475467!important;
}
body.app-theme-light[data-view="events"] #appShell .production-chip.editing{
  background:#fff3df!important;
  color:#b54708!important;
}
body.app-theme-light[data-view="events"] #appShell .production-chip.done,
body.app-theme-light[data-view="events"] #appShell .production-chip.production{
  background:#eaf7e4!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="events"] #appShell .production-chip.cancelled{
  background:#fff0ee!important;
  color:#b42318!important;
}
body.app-theme-light[data-view="events"] #appShell .production-card-footer mark{
  background:#fff7e6!important;
  color:#b54708!important;
}
body.app-theme-light[data-view="events"] #appShell .production-card-footer mark.ok{
  background:#eaf7e4!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="events"] #appShell .production-add-card{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#98a2b3!important;
}
body.app-theme-light[data-view="events"] #appShell .production-add-card:hover{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="events"] #appShell .production-column-more,
body.app-theme-light[data-view="events"] #appShell .production-history-link{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}
body.app-theme-light[data-view="events"] #appShell #productionsKanban.production-kanban-view .production-column-list::-webkit-scrollbar-thumb{
  background:#cbd5e1!important;
}
body.app-theme-light[data-view="events"] #appShell .production-donut strong{
  background:#fff!important;
  color:#101828!important;
}
body.app-theme-light[data-view="events"] #appShell .production-donut small,
body.app-theme-light[data-view="events"] #appShell .production-legend p,
body.app-theme-light[data-view="events"] #appShell .production-side-list p,
body.app-theme-light[data-view="events"] #appShell .production-side-row{
  color:#667085!important;
}
body.app-theme-light[data-view="events"] #appShell .production-legend strong,
body.app-theme-light[data-view="events"] #appShell .production-side-list strong,
body.app-theme-light[data-view="events"] #appShell .production-side-row strong{
  color:#101828!important;
}
body.app-theme-light[data-view="events"] #appShell .production-side-row:hover{
  background:#eef8e9!important;
}
body.app-theme-light[data-view="events"] #appShell .production-side-row small{
  color:#475467!important;
}

/* Tema claro das Pendencias: resumo, abas, lista e calendario. */
body.app-theme-light #tasksView .finance-section-switch,
body.app-theme-light #tasksView .tasks-main-tabs,
body.app-theme-light #tasksView .tasks-filter-panel,
body.app-theme-light #tasksView .tasks-board-card,
body.app-theme-light #tasksView .tasks-side-card,
body.app-theme-light #tasksView .task-stat{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light #tasksView .finance-section-switch{
  padding:5px!important;
  border-radius:12px!important;
}
body.app-theme-light #tasksView .finance-section-switch button{
  background:transparent!important;
  color:#667085!important;
}
body.app-theme-light #tasksView .finance-section-switch button.active,
body.app-theme-light #tasksView .finance-section-switch button:hover{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light #tasksView .tasks-page-head h2,
body.app-theme-light #tasksView .tasks-board-head h3,
body.app-theme-light #tasksView .tasks-side-card h3,
body.app-theme-light #tasksView .task-stat strong,
body.app-theme-light #tasksView .task-board-item strong,
body.app-theme-light #tasksView .task-card-item strong,
body.app-theme-light #tasksView .tasks-mini-month strong,
body.app-theme-light #tasksView .tasks-progress-card p b,
body.app-theme-light #tasksView .tasks-priority-list strong,
body.app-theme-light #tasksView .tasks-quick-summary strong{
  color:#101828!important;
}
body.app-theme-light #tasksView .tasks-page-head p,
body.app-theme-light #tasksView .task-stat small,
body.app-theme-light #tasksView .task-stat em,
body.app-theme-light #tasksView .tasks-table-head,
body.app-theme-light #tasksView .task-board-item,
body.app-theme-light #tasksView .task-board-item small,
body.app-theme-light #tasksView .task-card-item small,
body.app-theme-light #tasksView .task-card-item p,
body.app-theme-light #tasksView .tasks-mini-week b,
body.app-theme-light #tasksView .tasks-progress-card p,
body.app-theme-light #tasksView .tasks-priority-list small,
body.app-theme-light #tasksView .tasks-quick-summary span{
  color:#667085!important;
}
body.app-theme-light #tasksView .tasks-main-tabs{
  background:#fff!important;
}
body.app-theme-light #tasksView .tasks-main-tabs button{
  color:#101828!important;
}
body.app-theme-light #tasksView .tasks-main-tabs button.active{
  background:#eef8e9!important;
  color:#3f7e10!important;
}
body.app-theme-light #tasksView .tasks-main-tabs button.active::after{
  background:#65b814!important;
}
body.app-theme-light #tasksView .tasks-board-head,
body.app-theme-light #tasksView .tasks-table-head,
body.app-theme-light #tasksView .task-board-item,
body.app-theme-light #tasksView .task-summary-card p{
  border-color:#e5ebf2!important;
}
body.app-theme-light #tasksView .tasks-board-tools label,
body.app-theme-light #tasksView .tasks-board-tools select,
body.app-theme-light #tasksView .tasks-board-tools button,
body.app-theme-light #tasksView .tasks-filter-panel select{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  box-shadow:none!important;
}
body.app-theme-light #tasksView .tasks-board-tools input{
  color:#101828!important;
}
body.app-theme-light #tasksView .tasks-board-tools input::placeholder{
  color:#98a2b3!important;
}
body.app-theme-light #tasksView .tasks-board-tools button.active{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}
body.app-theme-light #tasksView .task-stat>span{
  background:#eaf7e4!important;
  color:#4caf12!important;
}
body.app-theme-light #tasksView .task-stat.cyan>span{
  background:#e7f8f7!important;
  color:#008c87!important;
}
body.app-theme-light #tasksView .task-stat.orange>span{
  background:#fff3df!important;
  color:#b54708!important;
}
body.app-theme-light #tasksView .task-stat.blue>span{
  background:#eaf3ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light #tasksView .task-stat.green>span{
  background:#eaf7e4!important;
  color:#2f8f0f!important;
}
body.app-theme-light #tasksView .task-stat.red>span{
  background:#fff0ee!important;
  color:#b42318!important;
}
body.app-theme-light #tasksView .task-card-item{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
}
body.app-theme-light #tasksView .task-card-item:hover,
body.app-theme-light #tasksView .task-board-item:hover{
  background:#f8fafc!important;
}
body.app-theme-light #tasksView .task-board-item .task-check-dot,
body.app-theme-light #tasksView .task-card-item .task-check-dot{
  border-color:#cbd5e1!important;
  background:#fff!important;
}
body.app-theme-light #tasksView :where(.task-board-item b.alta,.task-card-item b.alta,.task-board-item b.urgente,.task-card-item b.urgente){
  background:#ffe7e3!important;
  color:#b42318!important;
}
body.app-theme-light #tasksView :where(.task-board-item b.media,.task-card-item b.media,.task-board-item b.média,.task-card-item b.média){
  background:#fff7e6!important;
  color:#b54708!important;
}
body.app-theme-light #tasksView :where(.task-board-item b.baixa,.task-card-item b.baixa){
  background:#eaf7e4!important;
  color:#2f8f0f!important;
}
body.app-theme-light #tasksView :where(.task-board-item em,.task-card-item em,.tasks-priority-list p b){
  background:#eaf3ff!important;
  color:#1d5fbf!important;
}
body.app-theme-light #tasksView .tasks-mini-month button{
  color:#667085!important;
}
body.app-theme-light #tasksView .tasks-mini-days span,
body.app-theme-light #tasksView .tasks-mini-days button{
  color:#101828!important;
}
body.app-theme-light #tasksView .tasks-mini-days .muted{
  color:#cbd5e1!important;
  opacity:1!important;
}
body.app-theme-light #tasksView .tasks-mini-days button:hover{
  background:#eef8e9!important;
}
body.app-theme-light #tasksView .tasks-mini-days .today{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light #tasksView .tasks-mini-days .selected{
  color:#3f7e10!important;
  box-shadow:0 0 0 1px #65b814!important;
}
body.app-theme-light #tasksView .tasks-mini-days .today.selected{
  color:#fff!important;
  box-shadow:0 0 0 2px rgba(101,184,20,.24)!important;
}
body.app-theme-light #tasksView .tasks-progress-donut::before{
  background:#fff!important;
}
body.app-theme-light #tasksView .tasks-progress-donut strong{
  color:#101828!important;
}
body.app-theme-light #tasksView .tasks-progress-donut span{
  color:#667085!important;
}
body.app-theme-light #tasksView .summary-link{
  color:#4caf12!important;
}

/* Tema claro do card financeiro: despesas por categoria. */
body.app-theme-light #financeView .finance-expense-donut:after{
  background:#fff!important;
  box-shadow:inset 0 0 0 1px #e5ebf2!important;
}
body.app-theme-light #financeView .finance-expense-donut.is-empty:after{
  background:#fff!important;
}
body.app-theme-light #financeView .finance-expense-donut strong{
  color:#101828!important;
}
body.app-theme-light #financeView .finance-expense-donut small{
  color:#667085!important;
}
body.app-theme-light #financeView #financeExpensePanel{
  color:#667085!important;
}
body.app-theme-light #financeView #financeExpensePanel p{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#667085!important;
}
body.app-theme-light #financeView #financeExpensePanel p span{
  min-width:0;
  color:#667085!important;
}
body.app-theme-light #financeView #financeExpensePanel p strong{
  color:#101828!important;
}
body.app-theme-light #financeView #financeExpensePanel p small{
  color:#667085!important;
}
body.app-theme-light #financeView #financeExpensePanel .empty-state{
  color:#667085!important;
}

/* Tema claro da tela Propostas: resumo lateral e acoes da tabela. */
body.app-theme-light[data-view="proposals"] #appShell .proposals-list-card,
body.app-theme-light[data-view="proposals"] #appShell .proposals-side-card{
  background:#fff!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposals-list-head{
  background:#fff!important;
  border-color:#e5ebf2!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposals-data-table tbody tr{
  background:#fff!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposals-data-table tbody tr:nth-child(odd){
  background:#f8fafc!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposals-data-table tbody tr:hover{
  background:#eef8e9!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposals-data-table th,
body.app-theme-light[data-view="proposals"] #appShell .proposals-data-table td{
  border-color:#e5ebf2!important;
  color:#101828!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-name-cell strong,
body.app-theme-light[data-view="proposals"] #appShell .proposal-client-cell strong,
body.app-theme-light[data-view="proposals"] #appShell .proposal-status-legend strong,
body.app-theme-light[data-view="proposals"] #appShell .proposal-activities strong,
body.app-theme-light[data-view="proposals"] #appShell .proposal-value-total{
  color:#101828!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-name-cell small,
body.app-theme-light[data-view="proposals"] #appShell .proposal-client-cell small,
body.app-theme-light[data-view="proposals"] #appShell .proposal-status-legend p,
body.app-theme-light[data-view="proposals"] #appShell .proposal-status-legend span,
body.app-theme-light[data-view="proposals"] #appShell .proposal-activities p,
body.app-theme-light[data-view="proposals"] #appShell .proposal-activities small,
body.app-theme-light[data-view="proposals"] #appShell .proposal-value-chart small{
  color:#667085!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-status-donut strong{
  background:#fff!important;
  color:#101828!important;
  box-shadow:inset 0 0 0 1px #e5ebf2!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-status-donut small{
  color:#667085!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-status-donut.is-empty{
  background:conic-gradient(#e8eef5 0 100%)!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-row-actions{
  gap:7px!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#344054!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action:hover{
  background:#f4f8fb!important;
  border-color:#b8dca4!important;
  color:#315f0c!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action.ghost{
  color:#475467!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action.primary{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action.whatsapp{
  background:#eaf7e4!important;
  border-color:#bfe7a9!important;
  color:#168b3f!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action.success{
  background:#eaf7e4!important;
  border-color:#bfe7a9!important;
  color:#2f8f0f!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action.danger{
  background:#fff0ee!important;
  border-color:#fecdca!important;
  color:#b42318!important;
}
body.app-theme-light[data-view="proposals"] #appShell .proposal-action:disabled{
  background:#f8fafc!important;
  border-color:#e5ebf2!important;
  color:#98a2b3!important;
  opacity:.75!important;
}

/* Tema claro do modal de assinatura. */
body.app-theme-light #subscriptionDialog.subscription-dialog{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 28px 80px rgba(15,23,42,.22)!important;
}
body.app-theme-light #subscriptionDialog .subscription-content{
  background:#fff!important;
  color:#101828!important;
}
body.app-theme-light #subscriptionDialog .subscription-content:before{
  background:#65b814!important;
}
body.app-theme-light #subscriptionDialog .subscription-head img{
  background:#65b814!important;
  box-shadow:0 14px 34px rgba(101,184,20,.18)!important;
}
body.app-theme-light #subscriptionDialog .subscription-head h2,
body.app-theme-light #subscriptionDialog .subscription-value strong,
body.app-theme-light #subscriptionDialog .pricing-plan h3,
body.app-theme-light #subscriptionDialog .pricing-plan .price,
body.app-theme-light #subscriptionDialog .payment-methods label,
body.app-theme-light #subscriptionDialog .payment-methods span{
  color:#101828!important;
}
body.app-theme-light #subscriptionDialog .subscription-head p:last-child,
body.app-theme-light #subscriptionDialog .pricing-plan>small,
body.app-theme-light #subscriptionDialog .pricing-plan .price small,
body.app-theme-light #subscriptionDialog .demo-notice{
  color:#667085!important;
}
body.app-theme-light #subscriptionDialog .subscription-value{
  background:#fff!important;
  border-color:#dfe6ee!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}
body.app-theme-light #subscriptionDialog .subscription-value span{
  background:#eef2f6!important;
  color:#667085!important;
}
body.app-theme-light #subscriptionDialog .pricing-plan{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}
body.app-theme-light #subscriptionDialog .pricing-plan.selected{
  background:#f8fff5!important;
  border-color:#65b814!important;
  box-shadow:0 0 0 2px rgba(101,184,20,.12),0 12px 28px rgba(101,184,20,.10)!important;
}
body.app-theme-light #subscriptionDialog .pricing-plan .popular{
  background:#65b814!important;
  color:#fff!important;
}
body.app-theme-light #subscriptionDialog .pricing-plan .launch-plan{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}
body.app-theme-light #subscriptionDialog .payment-methods>label{
  background:#fff!important;
  border-color:#d9e2ec!important;
}
body.app-theme-light #subscriptionDialog .payment-methods>label:has(input:checked){
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
}
body.app-theme-light #subscriptionDialog .demo-notice{
  background:#f8fafc!important;
  border:1px solid #e5ebf2!important;
}
body.app-theme-light #subscriptionDialog .dialog-actions{
  background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 38%)!important;
  border-top:1px solid #e5ebf2!important;
  box-shadow:0 -12px 32px rgba(15,23,42,.08)!important;
}
body.app-theme-light #subscriptionDialog .dialog-actions .button-muted{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
}

/* Light theme: proposal builder modal. */
body.app-theme-light #proposalDialog.proposal-builder-dialog,
body.app-theme-light dialog#proposalDialog.proposal-builder-dialog{
  background:#f6f8fb!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 28px 80px rgba(15,23,42,.28)!important;
}

body.app-theme-light #proposalDialog .proposal-builder-form{
  background:#f6f8fb!important;
  color:#101828!important;
}

body.app-theme-light #proposalDialog .proposal-builder-top{
  background:#fff!important;
  border-color:#e5ebf2!important;
  color:#101828!important;
}

body.app-theme-light #proposalDialog .proposal-builder-top h2,
body.app-theme-light #proposalDialog .proposal-section-title h3,
body.app-theme-light #proposalDialog .proposal-preview-card h3,
body.app-theme-light #proposalDialog .proposal-preview-card h4{
  color:#101828!important;
}

body.app-theme-light #proposalDialog .proposal-builder-top p,
body.app-theme-light #proposalDialog .proposal-breadcrumb{
  color:#667085!important;
}

body.app-theme-light #proposalDialog .proposal-builder-grid{
  background:#f6f8fb!important;
}

body.app-theme-light #proposalDialog .proposal-form-section,
body.app-theme-light #proposalDialog .proposal-contact-strip,
body.app-theme-light #proposalDialog .proposal-item-system-grid,
body.app-theme-light #proposalDialog .proposal-preview-card{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}

body.app-theme-light #proposalDialog .proposal-preview-panel{
  background:#f6f8fb!important;
  color:#101828!important;
}

body.app-theme-light #proposalDialog .proposal-section-title{
  border-color:#e5ebf2!important;
}

body.app-theme-light #proposalDialog .proposal-section-title span{
  background:#eef8e9!important;
  color:#4caf12!important;
}

body.app-theme-light #proposalDialog .proposal-form-grid label span,
body.app-theme-light #proposalDialog .proposal-contact-strip label span,
body.app-theme-light #proposalDialog .proposal-item-system-grid label span,
body.app-theme-light #proposalDialog .proposal-compact-fields label span,
body.app-theme-light #proposalDialog .proposal-line-total span{
  color:#475467!important;
}

body.app-theme-light #proposalDialog .proposal-form-grid input,
body.app-theme-light #proposalDialog .proposal-form-grid select,
body.app-theme-light #proposalDialog .proposal-form-grid textarea,
body.app-theme-light #proposalDialog .proposal-contact-strip input,
body.app-theme-light #proposalDialog .proposal-item-system-grid input,
body.app-theme-light #proposalDialog .proposal-item-system-grid textarea,
body.app-theme-light #proposalDialog .proposal-compact-fields input{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}

body.app-theme-light #proposalDialog .proposal-form-grid input:disabled,
body.app-theme-light #proposalDialog .proposal-form-grid select:disabled,
body.app-theme-light #proposalDialog .proposal-form-grid textarea:disabled{
  background:#f4f7fb!important;
  color:#475467!important;
}

body.app-theme-light #proposalDialog .proposal-form-grid input::placeholder,
body.app-theme-light #proposalDialog .proposal-form-grid textarea::placeholder,
body.app-theme-light #proposalDialog .proposal-contact-strip input::placeholder,
body.app-theme-light #proposalDialog .proposal-item-system-grid input::placeholder,
body.app-theme-light #proposalDialog .proposal-item-system-grid textarea::placeholder{
  color:#98a2b3!important;
}

body.app-theme-light #proposalDialog .proposal-form-grid input:focus,
body.app-theme-light #proposalDialog .proposal-form-grid select:focus,
body.app-theme-light #proposalDialog .proposal-form-grid textarea:focus,
body.app-theme-light #proposalDialog .proposal-contact-strip input:focus,
body.app-theme-light #proposalDialog .proposal-item-system-grid input:focus,
body.app-theme-light #proposalDialog .proposal-item-system-grid textarea:focus,
body.app-theme-light #proposalDialog .proposal-compact-fields input:focus{
  border-color:#65b814!important;
  box-shadow:0 0 0 3px rgba(101,184,20,.13)!important;
}

body.app-theme-light #proposalDialog #proposalDiscount,
body.app-theme-light #proposalDialog #proposalExtraFee{
  background:#fff!important;
  border-color:#d9e2ec!important;
}

body.app-theme-light #proposalDialog .proposal-line-total,
body.app-theme-light #proposalDialog .proposal-total-box{
  background:#f8fff5!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}

body.app-theme-light #proposalDialog .proposal-line-total strong,
body.app-theme-light #proposalDialog .proposal-total-box strong{
  color:#4caf12!important;
}

body.app-theme-light #proposalDialog .proposal-add-service-button{
  background:#fff!important;
  border-color:#bfe7a9!important;
  color:#4caf12!important;
}

body.app-theme-light #proposalDialog .proposal-add-service-button:hover{
  background:#eef8e9!important;
  border-color:#65b814!important;
}

body.app-theme-light #proposalDialog .proposal-remove-service-button{
  background:#fff0ee!important;
  border-color:#fecdca!important;
  color:#b42318!important;
}

body.app-theme-light #proposalDialog .proposal-preview-card .card-heading span{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}

body.app-theme-light #proposalDialog .proposal-preview-total,
body.app-theme-light #proposalDialog .proposal-preview-card p b,
body.app-theme-light #proposalDialog .proposal-preview-card strong{
  color:#101828!important;
}

body.app-theme-light #proposalDialog .proposal-preview-card small,
body.app-theme-light #proposalDialog .proposal-preview-card p,
body.app-theme-light #proposalDialog .proposal-preview-card p span,
body.app-theme-light #proposalDialog .proposal-preview-card li,
body.app-theme-light #proposalDialog .proposal-preview-card li span,
body.app-theme-light #proposalDialog .proposal-client-preview small{
  color:#667085!important;
}

body.app-theme-light #proposalDialog .proposal-preview-card hr{
  border-color:#e5ebf2!important;
}

body.app-theme-light #proposalDialog .proposal-preview-card li::marker{
  color:#4caf12!important;
}

body.app-theme-light #proposalDialog .proposal-client-preview>span{
  background:#eef8e9!important;
  color:#3f7e10!important;
}

body.app-theme-light #proposalDialog .proposal-payment-summary{
  background:#f8fff5!important;
  border-color:#bfe7a9!important;
}

body.app-theme-light #proposalDialog .proposal-payment-summary p{
  background:#fff!important;
  border-color:#e5ebf2!important;
}

body.app-theme-light #proposalDialog .proposal-payment-summary span{
  color:#667085!important;
}

body.app-theme-light #proposalDialog .proposal-payment-summary strong{
  color:#101828!important;
}

/* Light theme: chart legends need stronger contrast on white cards. */
body.app-theme-light #appShell .finance-chart-legend,
body.app-theme-light #appShell .finance-chart-legend span,
body.app-theme-light #appShell .report-line-legend,
body.app-theme-light #appShell .report-line-legend span{
  color:#475467!important;
  font-weight:750!important;
}

body.app-theme-light #appShell .finance-chart-axis,
body.app-theme-light #appShell .finance-chart-axis span,
body.app-theme-light #appShell .report-line-axis,
body.app-theme-light #appShell .report-line-axis span{
  color:#667085!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-chart-legend .revenue:before{
  background:#74d99a!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-chart-legend .expense:before{
  background:#ff9f8a!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-chart-legend .profit:before{
  background:#8fc6f6!important;
}

/* Light theme: finance transaction chips and tabs. */
body.app-theme-light[data-view="finance"] #appShell .finance-tabs{
  border-color:#e5ebf2!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-tabs button{
  color:#475467!important;
  font-weight:850!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-tabs button:hover{
  background:#f1f8ec!important;
  color:#315f0c!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-tabs button.active{
  background:#eef8e9!important;
  color:#2f8f0f!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-category{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:220px!important;
  border:1px solid #d9e2ec!important;
  background:#eef2f6!important;
  color:#344054!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-category.revenue{
  background:#dcfce7!important;
  border-color:#86efac!important;
  color:#166534!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-category.expense{
  background:#fff1f0!important;
  border-color:#fda29b!important;
  color:#b42318!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-category.pending{
  background:#fff7e0!important;
  border-color:#f6c453!important;
  color:#8a4b00!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-type{
  color:#344054!important;
  font-weight:900!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-type.revenue,
body.app-theme-light[data-view="finance"] #appShell .positive{
  color:#16703a!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-type.expense,
body.app-theme-light[data-view="finance"] #appShell .danger{
  color:#b42318!important;
}

body.app-theme-light[data-view="finance"] #appShell .finance-type.pending,
body.app-theme-light[data-view="finance"] #appShell .warning{
  color:#8a4b00!important;
}

/* Light theme: reports need high-contrast labels on white cards. */
body.app-theme-light[data-view="reports"] #reportsView{
  color:#101828!important;
}

body.app-theme-light[data-view="reports"] #reportsView .reports-page-head h2,
body.app-theme-light[data-view="reports"] #reportsView .report-panel h3,
body.app-theme-light[data-view="reports"] #reportsView .report-line-legend span,
body.app-theme-light[data-view="reports"] #reportsView .report-category-line span,
body.app-theme-light[data-view="reports"] #reportsView .report-category-line strong,
body.app-theme-light[data-view="reports"] #reportsView .report-category-head span,
body.app-theme-light[data-view="reports"] #reportsView .report-category-head strong,
body.app-theme-light[data-view="reports"] #reportsView .report-category-head em,
body.app-theme-light[data-view="reports"] #reportsView .report-bar-chart strong,
body.app-theme-light[data-view="reports"] #reportsView .report-ranking b,
body.app-theme-light[data-view="reports"] #reportsView .report-ranking strong,
body.app-theme-light[data-view="reports"] #reportsView .financial-row strong{
  color:#101828!important;
}

body.app-theme-light[data-view="reports"] #reportsView .reports-page-head p,
body.app-theme-light[data-view="reports"] #reportsView .report-period,
body.app-theme-light[data-view="reports"] #reportsView .report-line-axis,
body.app-theme-light[data-view="reports"] #reportsView .report-line-axis span,
body.app-theme-light[data-view="reports"] #reportsView .report-donut small,
body.app-theme-light[data-view="reports"] #reportsView .report-donut-legend em,
body.app-theme-light[data-view="reports"] #reportsView .report-category-visual span,
body.app-theme-light[data-view="reports"] #reportsView .report-category-line em,
body.app-theme-light[data-view="reports"] #reportsView .report-bar-chart small,
body.app-theme-light[data-view="reports"] #reportsView .report-ranking small,
body.app-theme-light[data-view="reports"] #reportsView .financial-row span{
  color:#475467!important;
  opacity:1!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-panel .card-heading button,
body.app-theme-light[data-view="reports"] #reportsView .report-panel-badge{
  background:#f8fafc!important;
  border-color:#d9e2ec!important;
  color:#344054!important;
  opacity:1!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-line-chart svg{
  border-bottom-color:#d9e2ec!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-line-chart .grid line{
  stroke:#e5ebf2!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-donut:after{
  background:#fff!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-category-panel .report-donut:after{
  background:#fff!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-donut strong{
  color:#101828!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-category-line,
body.app-theme-light[data-view="reports"] #reportsView .report-ranking p,
body.app-theme-light[data-view="reports"] #reportsView .financial-row{
  background:#fff!important;
  border-color:#e5ebf2!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-ranking p>span{
  background:#f1f5f9!important;
  color:#667085!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-finance-panel .positive{
  color:#16703a!important;
}

body.app-theme-light[data-view="reports"] #reportsView .report-finance-panel .danger{
  color:#b42318!important;
}

/* Light theme: initials/avatars in lists need readable contrast. */
body.app-theme-light #appShell .client-name-cell>span,
body.app-theme-light #appShell .client-avatar-large,
body.app-theme-light #appShell .client-avatar-sm,
body.app-theme-light #appShell .client-live-avatar,
body.app-theme-light #appShell .profile-avatar,
body.app-theme-light #appShell .avatar-ring,
body.app-theme-light #appShell .project-name-cell>span,
body.app-theme-light #appShell .finance-receivables-panel button>span{
  background:#eaf7e4!important;
  border:1px solid #9fdc7a!important;
  color:#2f6f0b!important;
  box-shadow:0 8px 18px rgba(101,184,20,.12)!important;
  opacity:1!important;
}

body.app-theme-light #appShell .clients-data-table tr.selected .client-name-cell>span,
body.app-theme-light #appShell .clients-data-table tbody tr:hover .client-name-cell>span,
body.app-theme-light #appShell .services-data-table tr.selected .client-name-cell>span,
body.app-theme-light #appShell .services-data-table tbody tr:hover .client-name-cell>span{
  background:#65b814!important;
  border-color:#65b814!important;
  color:#fff!important;
}

body.app-theme-light #appShell .client-name-cell small,
body.app-theme-light #appShell .clients-data-table td small,
body.app-theme-light #appShell .services-data-table td small,
body.app-theme-light #appShell .service-name-cell small{
  color:#475467!important;
  opacity:1!important;
}

/* Resumo: moldura dos clientes nos proximos compromissos. */
body[data-view="agenda"] #upcomingList .dashboard-event-item{
  grid-template-columns:62px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}

body[data-view="agenda"] #upcomingList .dashboard-client-frame,
body[data-view="agenda"] #upcomingList .dashboard-event-item .date-chip.dashboard-client-frame{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  border-radius:17px!important;
  border:1px solid rgba(216,255,62,.38)!important;
  background:linear-gradient(145deg,rgba(216,255,62,.18),rgba(216,255,62,.055))!important;
  color:var(--accent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.16)!important;
}

body[data-view="agenda"] #upcomingList .dashboard-client-frame strong,
body[data-view="agenda"] #upcomingList .dashboard-client-frame small{
  display:block!important;
  color:inherit!important;
  line-height:1!important;
  text-align:center!important;
}

body[data-view="agenda"] #upcomingList .dashboard-client-frame strong{
  font-size:15px!important;
  font-weight:950!important;
}

body[data-view="agenda"] #upcomingList .dashboard-client-frame small{
  margin-top:3px!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  opacity:.85!important;
}

body.app-theme-light[data-view="agenda"] #upcomingList .dashboard-client-frame,
body.app-theme-light[data-view="agenda"] #upcomingList .dashboard-event-item .date-chip.dashboard-client-frame{
  background:#eaf7e4!important;
  border-color:#9fdc7a!important;
  color:#2f6f0b!important;
  box-shadow:0 8px 18px rgba(101,184,20,.12)!important;
}

body[data-view="agenda"] .summary-dashboard .upcoming-card{
  height:auto!important;
  min-height:330px!important;
  overflow:visible!important;
}

body[data-view="agenda"] #upcomingList.event-list{
  max-height:none!important;
  overflow:visible!important;
}

body[data-view="agenda"] #upcomingList .dashboard-event-item{
  min-height:72px!important;
  padding:10px 0!important;
}

body[data-view="agenda"] #upcomingList .event-info strong,
body[data-view="agenda"] #upcomingList .event-info small,
body[data-view="agenda"] .project-item strong,
body[data-view="agenda"] .project-item small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body[data-view="agenda"] #upcomingList .event-info strong,
body[data-view="agenda"] .project-item strong{
  line-height:1.18!important;
}

body[data-view="agenda"] #upcomingList .event-info small,
body[data-view="agenda"] .project-item small{
  line-height:1.25!important;
}

body[data-view="agenda"] .summary-dashboard .upcoming-card{
  height:330px!important;
  min-height:330px!important;
  overflow:hidden!important;
}

body[data-view="agenda"] #upcomingList.event-list{
  max-height:232px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  scrollbar-width:thin!important;
}

body[data-view="agenda"] #upcomingList.event-list::-webkit-scrollbar,
body[data-view="agenda"] .category-breakdown::-webkit-scrollbar{
  width:8px!important;
}

body[data-view="agenda"] #upcomingList.event-list::-webkit-scrollbar-thumb,
body[data-view="agenda"] .category-breakdown::-webkit-scrollbar-thumb{
  background:#cbd5e1!important;
  border-radius:999px!important;
}

body[data-view="agenda"] #upcomingList .dashboard-event-item{
  min-height:78px!important;
}

body[data-view="agenda"] .category-dashboard-card{
  height:330px!important;
  min-height:330px!important;
  overflow:hidden!important;
}

body[data-view="agenda"] .category-dashboard-body{
  height:235px!important;
  overflow:hidden!important;
}

body[data-view="agenda"] .category-breakdown{
  max-height:224px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
}

/* Resumo: keep money values and trend badges inside the cards. */
body[data-view="agenda"] #statsCards.stats{
  align-items:stretch!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat{
  display:block!important;
  position:relative!important;
  min-width:0!important;
  min-height:136px!important;
  padding:16px 18px 42px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat>*:not(.dashboard-eye){
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat:after{
  z-index:0!important;
  pointer-events:none!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat small,
body[data-view="agenda"] #statsCards .dashboard-stat em{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(21px,1.55vw,27px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  font-variant-numeric:tabular-nums!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat b{
  position:absolute!important;
  left:auto!important;
  right:16px!important;
  bottom:14px!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:calc(100% - 34px)!important;
  min-height:24px!important;
  margin:0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat:has(b) em{
  max-width:calc(100% - 98px)!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat .dashboard-eye{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:3!important;
}

body[data-view="agenda"] #statsCards .dashboard-stat:has(.dashboard-eye) .dashboard-stat-icon{
  padding-right:34px!important;
}

body[data-view="agenda"] .finance-dashboard-value{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(28px,2.6vw,40px)!important;
  line-height:1.02!important;
  font-variant-numeric:tabular-nums!important;
}

@media(max-width:700px){
  body[data-view="agenda"] #statsCards .dashboard-stat b{
    display:none!important;
  }

  body[data-view="agenda"] #statsCards .dashboard-stat{
    min-height:108px!important;
    padding:13px 11px!important;
  }

  body[data-view="agenda"] #statsCards .dashboard-stat strong{
    font-size:clamp(18px,5.2vw,22px)!important;
  }
}

/* Resumo: final card rhythm independent from the active body view name. */
#statsCards .dashboard-stat{
  display:grid!important;
  grid-template-rows:auto auto auto auto minmax(8px,1fr) auto!important;
  align-content:stretch!important;
  min-width:0!important;
  min-height:148px!important;
  padding:16px 18px 14px!important;
  overflow:hidden!important;
}

#statsCards .dashboard-stat .dashboard-eye{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:3!important;
}

#statsCards .dashboard-stat .dashboard-stat-icon,
#statsCards .dashboard-stat small,
#statsCards .dashboard-stat strong,
#statsCards .dashboard-stat em,
#statsCards .dashboard-stat b{
  min-width:0!important;
  max-width:100%!important;
}

#statsCards .dashboard-stat strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(21px,1.55vw,27px)!important;
  line-height:1.04!important;
  font-variant-numeric:tabular-nums!important;
}

#statsCards .dashboard-stat em{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:6px 0 0!important;
}

#statsCards .dashboard-stat b{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  justify-self:start!important;
  align-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:24px!important;
  margin:0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}

#statsCards .dashboard-stat:has(.dashboard-eye) .dashboard-stat-icon{
  padding-right:34px!important;
}

@media(max-width:700px){
  #statsCards .dashboard-stat{
    min-height:108px!important;
    padding:13px 11px!important;
  }

  #statsCards .dashboard-stat b{
    display:none!important;
  }
}

/* Resumo: footer real para detalhe + selo, sem regras antigas de <b>. */
body #appShell #statsCards.stats .dashboard-stat{
  display:block!important;
  min-height:136px!important;
  padding:16px 18px!important;
}

body #appShell #statsCards.stats .dashboard-stat strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(21px,1.55vw,27px)!important;
  line-height:1.04!important;
  font-variant-numeric:tabular-nums!important;
}

body #appShell #statsCards.stats .dashboard-stat-footer{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:8px!important;
  padding:0!important;
}

body #appShell #statsCards.stats .dashboard-stat-footer em{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-style:normal!important;
}

body #appShell #statsCards.stats .dashboard-stat-trend{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}

body.app-theme-light #appShell #statsCards.stats .dashboard-stat-trend{
  background:#eaf7e4!important;
  border:1px solid #cce9be!important;
  color:#2f8f0f!important;
}

body.app-theme-light #appShell #statsCards.stats .dashboard-stat.red .dashboard-stat-trend{
  background:#fff1f0!important;
  border-color:#fda29b!important;
  color:#b42318!important;
}

body #appShell #statsCards.stats .dashboard-stat:has(.dashboard-stat-trend):after{
  display:none!important;
}

@media(max-width:700px){
  body #appShell #statsCards.stats .dashboard-stat{
    min-height:108px!important;
    padding:13px 11px!important;
  }

  body #appShell #statsCards.stats .dashboard-stat-footer{
    grid-template-columns:1fr!important;
    margin-top:5px!important;
  }

  body #appShell #statsCards.stats .dashboard-stat-trend{
    display:none!important;
  }
}

/* Tema claro: modal de data livre da agenda. */
body.app-theme-light #calendarDayDialog.calendar-day-dialog .day-choice{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}

body.app-theme-light #calendarDayDialog.calendar-day-dialog .day-choice:hover{
  background:#f8fff5!important;
  border-color:#bfe7a9!important;
  transform:translateY(-1px);
}

body.app-theme-light #calendarDayDialog.calendar-day-dialog .day-choice span{
  background:#eaf7e4!important;
  border:1px solid #cce9be!important;
  color:#4caf12!important;
}

body.app-theme-light #calendarDayDialog.calendar-day-dialog .day-choice strong{
  color:#101828!important;
}

body.app-theme-light #calendarDayDialog.calendar-day-dialog .day-choice small,
body.app-theme-light #calendarDayDialog.calendar-day-dialog #calendarDaySubtitle{
  color:#667085!important;
}

/* Tema claro: modal Minha conta / seguranca de acesso. */
body.app-theme-light #accountDialog{
  width:min(720px,calc(100vw - 32px))!important;
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
}

body.app-theme-light #accountDialog .dialog-head{
  padding:26px 32px 22px!important;
  border-bottom:1px solid #e5ebf2!important;
}

body.app-theme-light #accountDialog .dialog-head h2{
  color:#101828!important;
}

body.app-theme-light #accountDialog .account-form{
  display:grid!important;
  gap:16px!important;
  margin:24px 32px 12px!important;
}

body.app-theme-light #accountDialog .account-form label{
  display:grid!important;
  gap:8px!important;
}

body.app-theme-light #accountDialog .account-form label>span{
  color:#344054!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

body.app-theme-light #accountDialog .account-form input{
  height:48px!important;
  border:1px solid #d9e2ec!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#101828!important;
  padding:0 14px!important;
  font-size:15px!important;
  box-shadow:none!important;
}

body.app-theme-light #accountDialog .account-form input:disabled{
  background:#f8fafc!important;
  color:#667085!important;
  opacity:1!important;
}

body.app-theme-light #accountDialog .account-form input:focus{
  border-color:#65b814!important;
  box-shadow:0 0 0 3px rgba(101,184,20,.13)!important;
}

body.app-theme-light #accountDialog .password-field{
  width:100%!important;
}

body.app-theme-light #accountDialog .password-field input{
  padding-right:52px!important;
}

body.app-theme-light #accountDialog .password-toggle{
  right:7px!important;
  width:38px!important;
  height:38px!important;
  color:#667085!important;
  opacity:1!important;
}

body.app-theme-light #accountDialog .password-toggle:hover,
body.app-theme-light #accountDialog .password-toggle.visible{
  background:#eef8e9!important;
  color:#3f7e10!important;
}

body.app-theme-light #accountDialog>.password-hint,
body.app-theme-light #accountDialog #accountMessage{
  display:block!important;
  margin:8px 32px 0!important;
  color:#667085!important;
  font-size:13px!important;
}

body.app-theme-light #accountDialog .dialog-actions{
  margin-top:24px!important;
  padding:20px 32px 24px!important;
  border-top:1px solid #e5ebf2!important;
}

body.app-theme-light #accountDialog .dialog-actions .button{
  min-width:198px!important;
  min-height:48px!important;
  border-radius:10px!important;
}

/* Tema claro: legibilidade da tela Configuracoes. */
body.app-theme-light #settingsView.settings-view{
  color:#101828!important;
}

body.app-theme-light #settingsView .settings-page-head h2,
body.app-theme-light #settingsView .settings-panel h3,
body.app-theme-light #settingsView .settings-side-card h3,
body.app-theme-light #settingsView .settings-big-action strong,
body.app-theme-light #settingsView .settings-action-grid button strong,
body.app-theme-light #settingsView .settings-plan-box h4,
body.app-theme-light #settingsView .settings-plan-box strong{
  color:#101828!important;
}

body.app-theme-light #settingsView .settings-page-head p,
body.app-theme-light #settingsView .settings-panel>p,
body.app-theme-light #settingsView .settings-side-card>p,
body.app-theme-light #settingsView .settings-plan-box p,
body.app-theme-light #settingsView .settings-empty-module span{
  color:#667085!important;
  opacity:1!important;
}

body.app-theme-light #settingsView .settings-panel,
body.app-theme-light #settingsView .settings-side-card,
body.app-theme-light #settingsView .settings-plan-box,
body.app-theme-light #settingsView .settings-big-action,
body.app-theme-light #settingsView .settings-empty-module,
body.app-theme-light #settingsView .settings-action-grid button{
  background:#fff!important;
  border-color:#dfe6ee!important;
  color:#101828!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}

body.app-theme-light #settingsView .settings-tabs{
  background:#fff!important;
  border-color:#dfe6ee!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
}

body.app-theme-light #settingsView .settings-tabs button{
  color:#475467!important;
  font-weight:850!important;
}

body.app-theme-light #settingsView .settings-tabs button.active,
body.app-theme-light #settingsView .settings-tabs button:hover{
  color:#3f7e10!important;
}

body.app-theme-light #settingsView label,
body.app-theme-light #settingsView .settings-plan-box div:not(:first-child){
  color:#344054!important;
}

body.app-theme-light #settingsView label span,
body.app-theme-light #settingsView .settings-photo-box>span,
body.app-theme-light #settingsView .settings-plan-box div span,
body.app-theme-light #settingsView .settings-side-card label>span{
  color:#475467!important;
  font-size:13px!important;
  font-weight:850!important;
  opacity:1!important;
}

body.app-theme-light #settingsView input,
body.app-theme-light #settingsView select{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}

body.app-theme-light #settingsView input::placeholder{
  color:#98a2b3!important;
}

body.app-theme-light #settingsView input:focus,
body.app-theme-light #settingsView select:focus{
  border-color:#65b814!important;
  box-shadow:0 0 0 3px rgba(101,184,20,.14)!important;
}

body.app-theme-light #settingsView small,
body.app-theme-light #settingsView .settings-avatar-row small,
body.app-theme-light #settingsView .settings-action-grid button small,
body.app-theme-light #settingsView .settings-big-action small,
body.app-theme-light #settingsView #settingsDateTime{
  color:#667085!important;
  opacity:1!important;
}

body.app-theme-light #settingsView .settings-avatar{
  background-color:#eaf7e4!important;
  border-color:#cce9be!important;
  color:#3f7e10!important;
}

body.app-theme-light #settingsView .settings-action-grid button span{
  background:#eaf7e4!important;
  color:#4caf12!important;
}

/* Tema claro: filtros e abas da tela de clientes. */
body.app-theme-light #appShell .clients-filter-panel{
  background:#fff!important;
  border-color:#dfe6ee!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}

body.app-theme-light #appShell .clients-filter-panel label span{
  color:#475467!important;
}

body.app-theme-light #appShell .clients-filter-panel select{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}

body.app-theme-light #appShell .clients-filter-button.active{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#3f7e10!important;
}

body.app-theme-light #appShell .client-detail-tabs{
  border-bottom-color:#e5ebf2!important;
}

body.app-theme-light #appShell .client-detail-tabs button{
  color:#667085!important;
}

body.app-theme-light #appShell .client-detail-tabs button:hover{
  background:#eef8e9!important;
  color:#2f6f0b!important;
}

body.app-theme-light #appShell .client-detail-tabs .active{
  color:#3f7e10!important;
  border-bottom-color:#65b814!important;
}

body.app-theme-light[data-view="events"] #appShell #productionsKanban.production-calendar-view{
  background:#fff!important;
  border:1px solid #dfe6ee!important;
  border-radius:14px!important;
  overflow:hidden!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-shell{
  background:#fff!important;
  color:#101828!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-head{
  background:#fff!important;
  border-bottom:1px solid #e5ebf2!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-head strong{
  color:#101828!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-head button{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-grid{
  background:#e5ebf2!important;
  gap:1px!important;
  padding:1px!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-grid>span{
  background:#f8fafc!important;
  color:#475467!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day{
  background:#fff!important;
  color:#101828!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day.muted{
  background:#f8fafc!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day strong{
  color:#101828!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day.today strong{
  background:#65b814!important;
  color:#fff!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day button{
  background:#f8fafc!important;
  border-color:#d9e2ec!important;
  color:#101828!important;
  box-shadow:none!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day button:hover{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
}

body.app-theme-light[data-view="events"] #appShell .production-calendar-day button span,
body.app-theme-light[data-view="events"] #appShell .production-calendar-day small{
  color:#475467!important;
}

/* Pendencias em lista: tabela compacta e alinhada, mantendo os cards intactos. */
#tasksView:not(.task-cards-mode) .tasks-board-head{
  gap:14px!important;
}

#tasksView:not(.task-cards-mode) .tasks-board-head h3{
  min-width:160px!important;
  font-size:18px!important;
  line-height:1.15!important;
}

#tasksView:not(.task-cards-mode) .tasks-board-tools{
  flex:1 1 auto!important;
  min-width:0!important;
}

#tasksView:not(.task-cards-mode) .tasks-board-tools label{
  min-width:220px!important;
}

#tasksView:not(.task-cards-mode) .tasks-table-head,
#tasksView:not(.task-cards-mode) .task-board-item{
  grid-template-columns:minmax(260px,1.35fr) minmax(130px,.75fr) minmax(110px,.62fr) 120px 96px 112px!important;
  gap:14px!important;
}

#tasksView:not(.task-cards-mode) .tasks-table-head{
  padding:12px 20px!important;
  font-size:11px!important;
}

#tasksView:not(.task-cards-mode) .tasks-table-head span:last-child,
#tasksView:not(.task-cards-mode) .task-board-item i{
  display:none!important;
}

#tasksView:not(.task-cards-mode) .task-board-item{
  min-height:76px!important;
  padding:12px 20px!important;
  align-items:center!important;
}

#tasksView:not(.task-cards-mode) .task-title-cell{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}

#tasksView:not(.task-cards-mode) .task-title-cell .task-check-dot{
  grid-row:1/3!important;
  align-self:center!important;
}

#tasksView:not(.task-cards-mode) .task-title-cell strong{
  grid-column:2!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  font-size:14px!important;
  line-height:1.24!important;
}

#tasksView:not(.task-cards-mode) .task-title-cell small{
  grid-column:2!important;
  margin-top:1px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
}

#tasksView:not(.task-cards-mode) .task-board-item>div:not(.task-title-cell){
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13px!important;
}

#tasksView:not(.task-cards-mode) .task-board-item b,
#tasksView:not(.task-cards-mode) .task-board-item em{
  min-width:0!important;
  justify-self:start!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item{
  background:#fff!important;
  color:#475467!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item:nth-child(even){
  background:#fbfdff!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item:hover{
  background:#f4faef!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .tasks-table-head{
  background:#f8fafc!important;
  color:#475467!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item>div:not(.task-title-cell){
  color:#475467!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-title-cell small{
  color:#667085!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item em{
  background:#eaf3ff!important;
  color:#175cd3!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item em.pending{
  background:#fff7e6!important;
  color:#b54708!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item em.overdue{
  background:#ffe7e3!important;
  color:#b42318!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item em.done{
  background:#eaf7e4!important;
  color:#2f8f0f!important;
}

body.app-theme-light #tasksView:not(.task-cards-mode) .task-board-item em.progress{
  background:#eaf3ff!important;
  color:#175cd3!important;
}

/* Propostas: linha de sistema com data pretendida e dados alinhados. */
body[data-view="proposals"] .proposals-data-table{
  table-layout:fixed!important;
}

body[data-view="proposals"] .proposals-data-table th:nth-child(1),
body[data-view="proposals"] .proposals-data-table td:nth-child(1){
  width:31%!important;
}

body[data-view="proposals"] .proposals-data-table th:nth-child(2),
body[data-view="proposals"] .proposals-data-table td:nth-child(2){
  width:18%!important;
}

body[data-view="proposals"] .proposals-data-table th:nth-child(3),
body[data-view="proposals"] .proposals-data-table td:nth-child(3){
  width:15%!important;
}

body[data-view="proposals"] .proposals-data-table th:nth-child(4),
body[data-view="proposals"] .proposals-data-table td:nth-child(4){
  width:14%!important;
}

body[data-view="proposals"] .proposals-data-table th:nth-child(5),
body[data-view="proposals"] .proposals-data-table td:nth-child(5){
  width:10%!important;
}

body[data-view="proposals"] .proposals-data-table th:nth-child(6),
body[data-view="proposals"] .proposals-data-table td:nth-child(6){
  width:12%!important;
}

body[data-view="proposals"] .proposal-date-cell,
body[data-view="proposals"] .proposal-service-cell,
body[data-view="proposals"] .proposal-money-cell{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  align-content:center!important;
}

body[data-view="proposals"] .proposal-date-cell strong,
body[data-view="proposals"] .proposal-service-cell strong,
body[data-view="proposals"] .proposal-money-cell strong{
  color:#eef2f4!important;
  font-size:13px!important;
  line-height:1.2!important;
}

body[data-view="proposals"] .proposal-date-cell small,
body[data-view="proposals"] .proposal-service-cell small,
body[data-view="proposals"] .proposal-money-cell small{
  min-width:0!important;
  overflow:hidden!important;
  color:#aeb6bf!important;
  font-size:11px!important;
  line-height:1.25!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body[data-view="proposals"] .proposal-money-cell small.positive{
  color:#67dc28!important;
}

body[data-view="proposals"] .proposal-money-cell small.warning{
  color:#ffbd59!important;
}

body[data-view="proposals"] .proposal-name-actions .proposal-row-actions{
  margin-top:8px!important;
}

@media(max-width:700px){
  body[data-view="proposals"] .proposals-data-table{
    min-width:920px!important;
  }
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-date-cell strong,
body.app-theme-light[data-view="proposals"] #appShell .proposal-service-cell strong,
body.app-theme-light[data-view="proposals"] #appShell .proposal-money-cell strong{
  color:#101828!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-date-cell small,
body.app-theme-light[data-view="proposals"] #appShell .proposal-service-cell small,
body.app-theme-light[data-view="proposals"] #appShell .proposal-money-cell small{
  color:#667085!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-money-cell small.positive{
  color:#2f8f0f!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-money-cell small.warning{
  color:#b54708!important;
}

/* Propostas: ajuste compacto depois de mover as acoes para menu. */
@media(min-width:701px){
  body[data-view="proposals"] .proposals-list-card,
  body[data-view="proposals"] .proposals-table-wrap{
    overflow:visible!important;
  }

  body[data-view="proposals"] .proposals-data-table th,
  body[data-view="proposals"] .proposals-data-table td{
    padding:10px 12px!important;
    vertical-align:middle!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(1),
  body[data-view="proposals"] .proposals-data-table td:nth-child(1){
    width:25%!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(2),
  body[data-view="proposals"] .proposals-data-table td:nth-child(2){
    width:16%!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(3),
  body[data-view="proposals"] .proposals-data-table td:nth-child(3){
    width:14%!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(4),
  body[data-view="proposals"] .proposals-data-table td:nth-child(4){
    width:12%!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(5),
  body[data-view="proposals"] .proposals-data-table td:nth-child(5){
    width:10%!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(6),
  body[data-view="proposals"] .proposals-data-table td:nth-child(6){
    width:13%!important;
  }

  body[data-view="proposals"] .proposals-data-table th:nth-child(7),
  body[data-view="proposals"] .proposals-data-table td:nth-child(7){
    width:10%!important;
    text-align:right!important;
  }

  body[data-view="proposals"] .proposal-thumb{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    border-radius:9px!important;
  }

  body[data-view="proposals"] .proposal-name-cell,
  body[data-view="proposals"] .proposal-client-cell{
    gap:10px!important;
  }

  body[data-view="proposals"] .proposal-client-cell>span{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    font-size:12px!important;
  }

  body[data-view="proposals"] .proposal-name-cell strong,
  body[data-view="proposals"] .proposal-client-cell strong,
  body[data-view="proposals"] .proposal-date-cell strong,
  body[data-view="proposals"] .proposal-service-cell strong,
  body[data-view="proposals"] .proposal-money-cell strong{
    font-size:13px!important;
    line-height:1.18!important;
  }

  body[data-view="proposals"] .proposal-name-cell small,
  body[data-view="proposals"] .proposal-client-cell small,
  body[data-view="proposals"] .proposal-date-cell small,
  body[data-view="proposals"] .proposal-service-cell small,
  body[data-view="proposals"] .proposal-money-cell small{
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  body[data-view="proposals"] .proposal-status{
    min-width:96px!important;
    height:32px!important;
    font-size:12px!important;
  }

  body[data-view="proposals"] .proposal-status-caption{
    margin-top:4px!important;
    font-size:10px!important;
  }

  body[data-view="proposals"] .proposal-actions-menu{
    position:relative!important;
    display:inline-block!important;
    text-align:left!important;
  }

  body[data-view="proposals"] .proposal-actions-menu summary{
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.045)!important;
    color:#eef2f4!important;
    font-size:11px!important;
    font-weight:900!important;
    cursor:pointer!important;
    list-style:none!important;
  }

  body[data-view="proposals"] .proposal-actions-menu summary::-webkit-details-marker{
    display:none!important;
  }

  body[data-view="proposals"] .proposal-actions-menu summary:after{
    content:"▾";
    margin-left:6px;
    font-size:10px;
  }

  body[data-view="proposals"] .proposal-actions-menu[open] summary{
    border-color:rgba(232,239,0,.45)!important;
    color:var(--accent)!important;
  }

  body[data-view="proposals"] .proposal-actions-menu>div{
    position:absolute!important;
    right:0!important;
    top:calc(100% + 6px)!important;
    z-index:30!important;
    width:164px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:10px!important;
    background:#11161a!important;
    box-shadow:0 18px 42px rgba(0,0,0,.35)!important;
  }

  body[data-view="proposals"] .proposal-actions-menu .proposal-action{
    width:100%!important;
    height:27px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:10px!important;
  }
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-actions-menu summary{
  background:#fff!important;
  border-color:#d9e2ec!important;
  color:#344054!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-actions-menu[open] summary{
  background:#eef8e9!important;
  border-color:#bfe7a9!important;
  color:#2f8f0f!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-actions-menu>div{
  background:#fff!important;
  border-color:#d9e2ec!important;
  box-shadow:0 18px 42px rgba(15,23,42,.14)!important;
}

/* Propostas: tabela definitiva mais legivel, com evento e servico juntos. */
@media(min-width:701px){
  body[data-view="proposals"] .proposals-data-table-compact{
    table-layout:fixed!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th,
  body[data-view="proposals"] .proposals-data-table-compact td{
    padding:10px 12px!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:first-child,
  body[data-view="proposals"] .proposals-data-table-compact td:first-child{
    min-width:0!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:nth-child(1),
  body[data-view="proposals"] .proposals-data-table-compact td:nth-child(1){
    width:23%!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:nth-child(2),
  body[data-view="proposals"] .proposals-data-table-compact td:nth-child(2){
    width:17%!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:nth-child(3),
  body[data-view="proposals"] .proposals-data-table-compact td:nth-child(3){
    width:24%!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:nth-child(4),
  body[data-view="proposals"] .proposals-data-table-compact td:nth-child(4){
    width:12%!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:nth-child(5),
  body[data-view="proposals"] .proposals-data-table-compact td:nth-child(5){
    width:14%!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact th:nth-child(6),
  body[data-view="proposals"] .proposals-data-table-compact td:nth-child(6){
    width:10%!important;
    text-align:right!important;
    padding-left:6px!important;
    padding-right:10px!important;
  }

  body[data-view="proposals"] .proposal-event-cell{
    display:grid!important;
    gap:4px!important;
    min-width:0!important;
    align-content:center!important;
  }

  body[data-view="proposals"] .proposal-event-cell strong{
    color:#eef2f4!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  body[data-view="proposals"] .proposal-event-cell small{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#aeb6bf!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact .proposal-name-cell>div,
  body[data-view="proposals"] .proposals-data-table-compact .proposal-client-cell>div{
    min-width:0!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact .proposal-money-cell small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact .proposal-status{
    width:100%!important;
    min-width:0!important;
    max-width:126px!important;
    height:34px!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact .proposal-status-caption{
    display:none!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact .proposal-actions-menu summary{
    width:72px!important;
    max-width:100%!important;
    height:34px!important;
    box-sizing:border-box!important;
  }

  body[data-view="proposals"] .proposals-data-table-compact .proposal-actions-menu{
    width:100%!important;
    display:flex!important;
    justify-content:flex-end!important;
  }

  body[data-view="proposals"] .proposals-pagination.single-page{
    justify-content:flex-start!important;
    padding:12px 14px!important;
  }
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-event-cell strong{
  color:#101828!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-event-cell small{
  color:#667085!important;
}

body.app-theme-light[data-view="proposals"] #appShell .proposal-period-select.summary-link{
  background:#eef8e9!important;
  border-color:#c7eab6!important;
  color:#2f8f0f!important;
}

/* Modal de notificacoes no tema claro. */
#notificationDialog{
  width:min(760px,calc(100vw - 34px))!important;
  border-radius:24px!important;
  overflow:auto!important;
}

#notificationDialog #notificationForm{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr)!important;
  gap:18px 16px!important;
  padding:0!important;
}

#notificationDialog .dialog-head{
  grid-column:1/-1!important;
  margin:0!important;
  padding:30px 36px 28px!important;
}

#notificationDialog .dialog-head h2{
  font-size:28px!important;
  line-height:1.08!important;
}

#notificationDialog .dialog-head .auth-subtitle{
  max-width:520px!important;
  margin-top:8px!important;
}

#notificationDialog .notification-toggle{
  grid-column:1/2!important;
  min-height:118px!important;
  margin:0 0 0 36px!important;
  padding:20px!important;
  border-radius:18px!important;
  align-items:center!important;
}

#notificationDialog .notification-toggle input{
  width:22px!important;
  height:22px!important;
}

#notificationDialog .notification-toggle strong{
  font-size:16px!important;
  line-height:1.25!important;
}

#notificationDialog .notification-toggle small{
  margin-top:7px!important;
  font-size:13px!important;
  line-height:1.4!important;
}

#notificationDialog .notification-lead{
  grid-column:2/3!important;
  align-self:stretch!important;
  margin:0 36px 0 0!important;
  padding:20px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:#171a1f!important;
}

#notificationDialog .notification-lead>span{
  margin-bottom:2px!important;
}

#notificationDialog .notification-lead select{
  height:54px!important;
  border-radius:13px!important;
}

#notificationDialog .notification-help,
#notificationDialog #notificationMessage{
  grid-column:1/-1!important;
  margin-left:36px!important;
  margin-right:36px!important;
}

#notificationDialog .notification-help{
  margin-top:0!important;
  padding:16px 18px!important;
  border:1px solid rgba(216,255,62,.18)!important;
  border-left-width:4px!important;
  border-radius:14px!important;
}

#notificationDialog .notification-help strong{
  font-size:13px!important;
}

#notificationDialog .notification-help span{
  font-size:12px!important;
}

#notificationDialog .dialog-actions{
  grid-column:1/-1!important;
  margin:0!important;
  padding:20px 36px 24px!important;
}

#notificationDialog .dialog-actions .button{
  min-width:150px!important;
  min-height:48px!important;
}

body.app-theme-light #notificationDialog form{
  background:#fff!important;
  color:#101828!important;
}

body.app-theme-light #notificationDialog .notification-toggle{
  background:#f8fbf5!important;
  border-color:#cdeebd!important;
  box-shadow:inset 4px 0 0 #55bd10!important;
}

body.app-theme-light #notificationDialog .notification-toggle strong{
  color:#101828!important;
}

body.app-theme-light #notificationDialog .notification-toggle small{
  color:#667085!important;
}

body.app-theme-light #notificationDialog .notification-toggle input{
  accent-color:#55bd10!important;
}

body.app-theme-light #notificationDialog .notification-lead>span{
  color:#344054!important;
}

body.app-theme-light #notificationDialog .notification-lead{
  background:#fff!important;
  border-color:#d7e2ec!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}

body.app-theme-light #notificationDialog .notification-lead select{
  background:#fff!important;
  border-color:#d7e2ec!important;
  color:#101828!important;
}

body.app-theme-light #notificationDialog .notification-help{
  background:#fbfff4!important;
  border-color:#dff2d3!important;
  border-left-color:#55bd10!important;
}

body.app-theme-light #notificationDialog .notification-help strong{
  color:#101828!important;
}

body.app-theme-light #notificationDialog .notification-help span,
body.app-theme-light #notificationDialog #notificationMessage{
  color:#667085!important;
}

@media(max-width:700px){
  #notificationDialog{
    width:min(100vw - 18px,720px)!important;
    border-radius:20px!important;
  }

  #notificationDialog #notificationForm{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  #notificationDialog .dialog-head{
    padding:24px 22px 22px!important;
  }

  #notificationDialog .notification-toggle,
  #notificationDialog .notification-lead,
  #notificationDialog .notification-help,
  #notificationDialog #notificationMessage{
    grid-column:1/-1!important;
    margin-left:22px!important;
    margin-right:22px!important;
  }

  #notificationDialog .notification-toggle{
    min-height:0!important;
  }

  #notificationDialog .dialog-actions{
    padding:18px 22px 22px!important;
  }
}

@media(min-width:701px){
  #clientsView .clients-list-card{
    overflow:hidden!important;
  }

  #clientsView .clients-table-wrap{
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }

  #clientsView .clients-data-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  #clientsView .clients-data-table th,
  #clientsView .clients-data-table td{
    white-space:normal!important;
  }

  #clientsView .clients-data-table th:nth-child(1),
  #clientsView .clients-data-table td:nth-child(1){
    width:20%;
  }

  #clientsView .clients-data-table th:nth-child(2),
  #clientsView .clients-data-table td:nth-child(2){
    width:14%;
  }

  #clientsView .clients-data-table th:nth-child(3),
  #clientsView .clients-data-table td:nth-child(3){
    width:14%;
  }

  #clientsView .clients-data-table th:nth-child(4),
  #clientsView .clients-data-table td:nth-child(4){
    width:18%;
  }

  #clientsView .clients-data-table th:nth-child(5),
  #clientsView .clients-data-table td:nth-child(5){
    width:14%;
  }

  #clientsView .clients-data-table th:nth-child(6),
  #clientsView .clients-data-table td:nth-child(6){
    width:10%;
  }

  #clientsView .clients-data-table th:nth-child(7),
  #clientsView .clients-data-table td:nth-child(7){
    width:10%;
  }
}

@media(max-width:700px){
  body.app-theme-light #eventDialog.event-dialog{
    width:calc(100vw - 18px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 22px)!important;
    border-radius:20px!important;
    background:#fff!important;
    color:#101828!important;
    overflow:hidden!important;
  }

  body.app-theme-light #eventDialog.event-dialog form{
    display:grid!important;
    grid-template-rows:auto 1fr auto auto!important;
    width:100%!important;
    max-height:calc(100dvh - 22px)!important;
    padding:0!important;
    background:#fff!important;
    color:#101828!important;
    overflow:hidden!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-head{
    position:relative!important;
    top:auto!important;
    z-index:4!important;
    margin:0!important;
    padding:18px 16px 15px!important;
    background:#fff!important;
    border-bottom:1px solid #e1e7ef!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
    backdrop-filter:none!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-head .eyebrow{
    color:#46a80f!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-head h2{
    color:#101828!important;
    font-size:25px!important;
    line-height:1.08!important;
  }

  body.app-theme-light #eventDialog.event-dialog .close-button{
    width:38px!important;
    height:38px!important;
    background:#fff!important;
    border-color:#d7e2ec!important;
    color:#101828!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-height:0!important;
    padding:16px 16px 8px!important;
    background:#fff!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-group{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-group-title{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:8px 0 0!important;
    padding:0!important;
    border:0!important;
    color:#46a80f!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-group-title:before{
    background:#55bd10!important;
    box-shadow:none!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid label,
  body.app-theme-light #eventDialog.event-dialog .event-form-grid .split{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid .split{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid label>span{
    color:#667085!important;
    font-size:10px!important;
    line-height:1.3!important;
    letter-spacing:.06em!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid input,
  body.app-theme-light #eventDialog.event-dialog .event-form-grid select,
  body.app-theme-light #eventDialog.event-dialog .event-form-grid textarea{
    min-height:44px!important;
    height:auto!important;
    padding:10px 12px!important;
    border:1px solid #d7e2ec!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#101828!important;
    font-size:14px!important;
    box-shadow:none!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid textarea{
    min-height:86px!important;
    resize:vertical!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid input::placeholder,
  body.app-theme-light #eventDialog.event-dialog .event-form-grid textarea::placeholder{
    color:#98a2b3!important;
  }

  body.app-theme-light #eventDialog.event-dialog .event-form-grid select option{
    background:#fff!important;
    color:#101828!important;
  }

  body.app-theme-light #eventDialog.event-dialog #formMessage{
    margin:0 16px!important;
    min-height:16px!important;
    color:#667085!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-actions{
    position:relative!important;
    bottom:auto!important;
    z-index:5!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:0!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,.92),#fff 34%)!important;
    border-top:1px solid #e1e7ef!important;
    box-shadow:0 -10px 24px rgba(15,23,42,.08)!important;
    backdrop-filter:none!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-actions .button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-actions .button-primary{
    background:#55bd10!important;
    color:#fff!important;
    border-color:#55bd10!important;
  }

  body.app-theme-light #eventDialog.event-dialog .dialog-actions .button-muted{
    background:#fff!important;
    color:#101828!important;
    border-color:#d7e2ec!important;
  }
}

@media(max-width:380px){
  body.app-theme-light #eventDialog.event-dialog .dialog-actions{
    grid-template-columns:1fr!important;
  }
}

body.app-theme-light[data-view="support"] #supportView .section-heading h2,
body.app-theme-light[data-view="support"] #supportView .support-card h3,
body.app-theme-light[data-view="support"] #supportView .support-card label span{
  color:#101828!important;
}

body.app-theme-light[data-view="support"] #supportView .support-card>p,
body.app-theme-light[data-view="support"] #supportView .support-faq p{
  color:#52627a!important;
}

body.app-theme-light[data-view="support"] #supportView .support-faq{
  background:linear-gradient(145deg,#fff,#fbfff7)!important;
  border-color:#dcebd3!important;
}

body.app-theme-light[data-view="support"] #supportView .support-faq details{
  background:#fff!important;
  border-color:#d9e2ec!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}

body.app-theme-light[data-view="support"] #supportView .support-faq details[open]{
  background:#f8fbf5!important;
  border-color:#bfe7a9!important;
}

body.app-theme-light[data-view="support"] #supportView .support-faq summary{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#101828!important;
  list-style:none!important;
}

body.app-theme-light[data-view="support"] #supportView .support-faq summary::-webkit-details-marker{
  display:none!important;
}

body.app-theme-light[data-view="support"] #supportView .support-faq summary:before{
  content:"?";
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 24px;
  border-radius:8px;
  background:#eef8e9;
  color:#4caf12;
  font-weight:950;
}

body.app-theme-light[data-view="support"] #supportView .support-faq details[open] summary:before{
  content:"✓";
  background:#55bd10;
  color:#fff;
}

body.app-theme-light[data-view="support"] #supportView #supportForm input,
body.app-theme-light[data-view="support"] #supportView #supportForm select,
body.app-theme-light[data-view="support"] #supportView #supportForm textarea{
  background:#fff!important;
  border-color:#d7e2ec!important;
  color:#101828!important;
  color-scheme:light!important;
}

body.app-theme-light[data-view="support"] #supportView #supportForm input::placeholder,
body.app-theme-light[data-view="support"] #supportView #supportForm textarea::placeholder{
  color:#98a2b3!important;
}

body.app-theme-light[data-view="support"] #supportView #supportMessageBox{
  color:#52627a!important;
}

.admin-ticket-original{
  display:block!important;
  margin:0 30px 24px!important;
  padding:0!important;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.035);
  min-height:0;
  overflow:hidden!important;
}

.admin-ticket-original-head{
  display:grid!important;
  gap:5px;
  padding:14px 16px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.admin-ticket-original-head strong{
  display:block;
  min-width:0;
  font-size:15px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.admin-ticket-original-head span{
  display:block;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.admin-ticket-original-message{
  display:block!important;
  position:static!important;
  width:100%;
  box-sizing:border-box;
  margin:0!important;
  padding:12px 16px 14px!important;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  max-height:120px;
  overflow:auto;
}

#adminTicketReplyDialog .form-grid{
  margin-top:0!important;
  padding-top:0!important;
  overflow:visible!important;
  max-height:none!important;
}

#adminTicketReplyDialog .form-grid label{
  min-width:0!important;
}

.admin-ticket-actions{
  min-width:170px;
}

body.app-theme-light .admin-ticket-original{
  background:#f8fafc!important;
  border-color:#e1e7ef!important;
  color:#101828!important;
}

body.app-theme-light .admin-ticket-original-head{
  border-bottom-color:#e1e7ef!important;
}

body.app-theme-light .admin-ticket-original-head span,
body.app-theme-light .admin-ticket-original-message{
  color:#52627a!important;
}

body.app-theme-light .admin-ticket-original-head strong{
  color:#101828!important;
}

@media(max-width:700px){
  body.app-theme-light[data-view="support"] #supportView .support-layout{
    gap:14px!important;
  }

  body.app-theme-light[data-view="support"] #supportView .support-card{
    padding:20px!important;
    border-radius:18px!important;
  }

  body.app-theme-light[data-view="support"] #supportView .support-card h3{
    font-size:20px!important;
    line-height:1.18!important;
  }

  body.app-theme-light[data-view="support"] #supportView .support-card>p{
    margin-bottom:16px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }

  body.app-theme-light[data-view="support"] #supportView .support-faq summary{
    min-height:48px!important;
    padding:12px!important;
    font-size:13px!important;
  }

  body.app-theme-light[data-view="support"] #supportView .support-faq p{
    padding:0 12px 13px 46px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  body.app-theme-light[data-view="support"] #supportView #supportForm{
    gap:12px!important;
  }

  body.app-theme-light[data-view="support"] #supportView #supportForm label,
  body.app-theme-light[data-view="support"] #supportView #supportForm .full{
    grid-column:1/-1!important;
  }

  body.app-theme-light[data-view="support"] #supportView #supportForm input,
  body.app-theme-light[data-view="support"] #supportView #supportForm select{
    min-height:46px!important;
    font-size:14px!important;
  }

  body.app-theme-light[data-view="support"] #supportView #supportForm textarea{
    min-height:132px!important;
    font-size:14px!important;
  }

  .admin-ticket-original{
    margin:0 18px 20px!important;
  }

  .admin-ticket-original-head{
    padding:13px 14px 9px!important;
  }

  .admin-ticket-original-message{
    padding:11px 14px 13px!important;
    max-height:96px!important;
  }

  .admin-ticket-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-width:0!important;
  }
}

/* Tema claro definitivo: cadastro de cliente em padrão de sistema. */
body.app-theme-light #clientDialog{
  width:min(1220px,96vw)!important;
  height:min(820px,92vh)!important;
  max-height:92vh!important;
  border:1px solid #dbe5ef!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:0 28px 90px rgba(15,23,42,.28)!important;
  overflow:hidden!important;
}

body.app-theme-light #clientDialog::backdrop{
  background:rgba(15,23,42,.38)!important;
  backdrop-filter:blur(8px)!important;
}

body.app-theme-light #clientDialog .client-system-form{
  background:#f6f8fb!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

body.app-theme-light #clientDialog .client-form-top{
  min-height:auto!important;
  padding:24px 30px!important;
  background:#fff!important;
  border-bottom:1px solid #e1e7ef!important;
}

body.app-theme-light #clientDialog .client-form-title{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}

body.app-theme-light #clientDialog .client-form-title .icon-action{
  position:static!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border:1px solid #d7e2ec!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#101828!important;
  box-shadow:none!important;
}

body.app-theme-light #clientDialog .client-form-title h2{
  margin:0!important;
  color:#101828!important;
  font-size:30px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}

body.app-theme-light #clientDialog .client-form-title p{
  margin:7px 0 0!important;
  max-width:none!important;
  color:#667085!important;
  font-size:15px!important;
  line-height:1.45!important;
}

body.app-theme-light #clientDialog .client-form-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

body.app-theme-light #clientDialog .client-form-actions .button,
body.app-theme-light #clientDialog .client-form-bottom-actions .button{
  min-width:150px!important;
  height:52px!important;
  border-radius:10px!important;
  font-size:16px!important;
  font-weight:900!important;
}

body.app-theme-light #clientDialog .client-form-layout{
  min-height:0!important;
  padding:20px 22px!important;
  gap:20px!important;
  background:#f6f8fb!important;
  align-items:start!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding-bottom:36px!important;
}

body.app-theme-light #clientDialog .client-form-main,
body.app-theme-light #clientDialog .client-form-section,
body.app-theme-light #clientDialog .client-form-side-card{
  background:#fff!important;
  border-color:#dfe7f0!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
}

body.app-theme-light #clientDialog .client-form-main{
  border-radius:18px!important;
  align-self:start!important;
  overflow:visible!important;
}

body.app-theme-light #clientDialog .client-form-aside{
  align-self:start!important;
}

body.app-theme-light #clientDialog .client-form-section{
  padding:22px 24px!important;
  border-bottom:1px solid #e1e7ef!important;
}

body.app-theme-light #clientDialog .client-form-section:last-child{
  border-bottom:0!important;
}

body.app-theme-light #clientDialog .client-form-section h3,
body.app-theme-light #clientDialog .client-form-side-card h3{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 20px!important;
  color:#101828!important;
  font-size:18px!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
}

body.app-theme-light #clientDialog .client-form-section h3 span,
body.app-theme-light #clientDialog .client-form-side-card h3 span{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  background:#eaf7e4!important;
  color:#48a60d!important;
}

body.app-theme-light #clientDialog .client-form-grid{
  gap:16px!important;
}

body.app-theme-light #clientDialog .client-form-grid label,
body.app-theme-light #clientDialog .client-form-side-card label{
  gap:7px!important;
  min-width:0!important;
}

body.app-theme-light #clientDialog .client-form-grid label>span,
body.app-theme-light #clientDialog .client-form-side-card label>span{
  color:#475467!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

body.app-theme-light #clientDialog .client-form-grid input,
body.app-theme-light #clientDialog .client-form-grid select,
body.app-theme-light #clientDialog .client-form-grid textarea,
body.app-theme-light #clientDialog .client-form-side-card input,
body.app-theme-light #clientDialog .client-form-side-card select,
body.app-theme-light #clientDialog .client-form-side-card textarea{
  min-height:48px!important;
  padding:12px 14px!important;
  border:1px solid #ccd8e5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#101828!important;
  box-shadow:none!important;
}

body.app-theme-light #clientDialog .client-form-grid input::placeholder,
body.app-theme-light #clientDialog .client-form-grid textarea::placeholder{
  color:#98a2b3!important;
}

body.app-theme-light #clientDialog .client-form-grid input:focus,
body.app-theme-light #clientDialog .client-form-grid select:focus,
body.app-theme-light #clientDialog .client-form-grid textarea:focus,
body.app-theme-light #clientDialog .client-form-side-card input:focus,
body.app-theme-light #clientDialog .client-form-side-card select:focus{
  border-color:#65b814!important;
  box-shadow:0 0 0 3px rgba(101,184,20,.14)!important;
}

body.app-theme-light #clientDialog .client-form-section.tags p,
body.app-theme-light #clientDialog .client-form-side-card p,
body.app-theme-light #clientDialog .client-live-summary small{
  color:#667085!important;
}

body.app-theme-light #clientDialog .client-form-section.tags button{
  border-color:#bfe7a9!important;
  background:#f3faef!important;
  color:#3f7e10!important;
}

body.app-theme-light #clientDialog .client-form-aside{
  gap:18px!important;
}

body.app-theme-light #clientDialog .client-form-side-card{
  padding:20px!important;
  border-radius:18px!important;
}

body.app-theme-light #clientDialog .client-live-avatar{
  background:linear-gradient(145deg,#65b814,#2f7d0c)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(101,184,20,.22)!important;
}

body.app-theme-light #clientDialog .client-live-summary strong,
body.app-theme-light #clientDialog .client-form-side-card p strong{
  color:#101828!important;
}

body.app-theme-light #clientDialog .client-form-footer{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.app-theme-light #clientDialog .client-form-footer .form-message{
  min-height:0!important;
  margin:0!important;
  padding:0 30px 18px!important;
}

body.app-theme-light #clientDialog .client-form-footer .form-message:empty,
body.app-theme-light #clientDialog .client-form-bottom-actions{
  display:none!important;
}

@media(max-width:700px){
  body.app-theme-light #clientDialog{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
  }

  body.app-theme-light #clientDialog .client-form-top{
    display:block!important;
    position:relative!important;
    padding:18px 16px 16px 64px!important;
    min-height:98px!important;
  }

  body.app-theme-light #clientDialog .client-form-title{
    display:block!important;
  }

  body.app-theme-light #clientDialog .client-form-title .icon-action{
    position:absolute!important;
    left:16px!important;
    top:18px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }

  body.app-theme-light #clientDialog .client-form-title h2{
    font-size:25px!important;
  }

  body.app-theme-light #clientDialog .client-form-title p{
    max-width:250px!important;
    font-size:13px!important;
  }

  body.app-theme-light #clientDialog .client-form-top>.client-form-actions{
    display:none!important;
  }

  body.app-theme-light #clientDialog .client-form-layout{
    display:flex!important;
    flex-direction:column!important;
    padding:12px!important;
    gap:12px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  body.app-theme-light #clientDialog .client-form-section,
  body.app-theme-light #clientDialog .client-form-side-card{
    padding:16px!important;
    border-radius:16px!important;
  }

  body.app-theme-light #clientDialog .client-form-grid,
  body.app-theme-light #clientDialog .client-form-grid.extra,
  body.app-theme-light #clientDialog .client-form-grid.preferences{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  body.app-theme-light #clientDialog .client-form-grid label.wide{
    grid-column:auto!important;
  }

  body.app-theme-light #clientDialog .client-form-footer{
    position:sticky!important;
    bottom:0!important;
    z-index:20!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    border-top:1px solid #e1e7ef!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(16px)!important;
  }

  body.app-theme-light #clientDialog .client-form-bottom-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  body.app-theme-light #clientDialog .client-form-bottom-actions .button{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    font-size:13px!important;
  }

  body.app-theme-light #clientDialog .client-form-footer .form-message{
    padding:0!important;
    margin:0 0 8px!important;
  }
}

/* Clientes: evita que os botões de ação cubram o status. */
@media(min-width:701px){
  #clientsView .clients-table-wrap{
    overflow-x:hidden!important;
  }

  #clientsView .clients-data-table{
    table-layout:auto!important;
    width:100%!important;
  }

  #clientsView .clients-data-table th,
  #clientsView .clients-data-table td{
    vertical-align:middle!important;
  }

  #clientsView .clients-data-table th:nth-child(1),
  #clientsView .clients-data-table td:nth-child(1){
    width:22%!important;
  }

  #clientsView .clients-data-table th:nth-child(2),
  #clientsView .clients-data-table td:nth-child(2){
    width:13%!important;
  }

  #clientsView .clients-data-table th:nth-child(3),
  #clientsView .clients-data-table td:nth-child(3){
    width:12%!important;
  }

  #clientsView .clients-data-table th:nth-child(4),
  #clientsView .clients-data-table td:nth-child(4){
    width:18%!important;
  }

  #clientsView .clients-data-table th:nth-child(5),
  #clientsView .clients-data-table td:nth-child(5){
    width:12%!important;
  }

  #clientsView .clients-data-table th:nth-child(6),
  #clientsView .clients-data-table td:nth-child(6){
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    padding-right:8px!important;
  }

  #clientsView .clients-data-table th:nth-child(7),
  #clientsView .clients-data-table td:nth-child(7){
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    padding-left:8px!important;
  }

  #clientsView .client-status{
    min-width:64px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  #clientsView .client-row-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:152px!important;
  }

  #clientsView .client-row-actions .icon-action{
    min-width:68px!important;
    height:42px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
}
