:root{--bg:#F7F8FC;--surface:#fff;--surface-2:#F1F4FB;--ink:#182033;--muted:#8994A6;--line:#E4E9F2;--primary:#173F46;--primary-rgb:23,63,70;--primary-2:#789B8C;--primary-soft:#EDF3F0;--deep:#172B30;--success:#32B67A;--warning:#C08A26;--danger:#D35C68;--shadow:0 18px 60px rgba(33,55,100,.10)} *{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important} .ambient{position:absolute;border-radius:50%;filter:blur(55px);opacity:.4;animation:drift 10s ease-in-out infinite alternate}.ambient-a{width:300px;height:300px;background:rgba(var(--primary-rgb),.28);left:-100px;top:-90px}.ambient-b{width:260px;height:260px;background:#9FD7FF;left:34%;bottom:-110px;animation-delay:-3s}@keyframes drift{to{transform:translate(40px,30px) scale(1.08)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} .login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(410px,560px) 1fr;background:radial-gradient(circle at 10% 10%,rgba(var(--primary-rgb),.08),transparent 34%),#F7F9FE;position:relative;overflow:hidden}.glass{background:rgba(255,255,255,.86);backdrop-filter:blur(24px)}.login-panel{padding:48px clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.brand-lockup,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-lockup{position:absolute;top:36px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{font-size:.76rem;color:var(--muted)}.brand-mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 14px 32px rgba(var(--primary-rgb),.28)}.brand-mark.small{width:38px;height:38px;border-radius:12px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-size:.69rem;font-weight:900;margin-bottom:12px}.eyebrow.light{color:#DDE6FF}.login-copy h1{font-size:clamp(2.45rem,4.3vw,4.25rem);line-height:1.01;letter-spacing:-.055em;margin:0 0 18px;max-width:500px}.login-copy p{color:var(--muted);line-height:1.7;max-width:470px}.login-form{display:grid;gap:14px;margin-top:28px}.login-form label span,.modal-form label span{display:block;font-size:.79rem;font-weight:800;margin-bottom:7px}.login-form input,.modal-form input,.modal-form textarea,.modal-form select,.search-input,.clients-toolbar select{width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:#fff;outline:0}.login-form input:focus,.modal-form input:focus,.modal-form textarea:focus,.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)} .btn{border:0;border-radius:14px;padding:14px 18px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 14px 30px rgba(var(--primary-rgb),.22)}.btn-white{background:#fff;color:var(--deep)}.btn-glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff}.btn-soft{background:var(--primary-soft);color:var(--primary);width:100%;margin-top:16px}.btn-danger{background:var(--danger);color:#fff}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:-60%;left:-45%;width:34%;height:220%;background:rgba(255,255,255,.25);transform:rotate(18deg);animation:shine 3.8s infinite}@keyframes shine{45%,100%{left:130%}} .demo-switcher{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#FAFBFE}.demo-switcher strong,.demo-switcher span{display:block}.demo-switcher span{font-size:.72rem;color:var(--muted);margin-top:2px}.demo-buttons{display:flex;gap:8px;margin-top:12px}.demo-btn{flex:1;border:1px solid var(--line);background:#fff;padding:10px;border-radius:12px;color:#66748A;font-weight:800;font-size:.75rem}.demo-btn.active{background:var(--primary-soft);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}.powered{margin-top:20px;color:var(--muted);font-size:.75rem}.powered strong{color:var(--ink)} .login-showcase{position:relative;display:grid;place-items:center;padding:48px;background:linear-gradient(145deg,#ECF1FF 0%,#F9FBFF 46%,#E9F0FF 100%);overflow:hidden}.showcase-copy{position:absolute;left:9%;top:10%;max-width:420px}.showcase-copy h2{font-size:2rem;margin:0 0 8px}.showcase-copy p{color:var(--muted);margin:0}.preview-card{width:min(560px,85%);padding:28px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.94);box-shadow:0 32px 90px rgba(25,50,100,.18)}.floating{animation:float 5.4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(.3deg)}}.preview-top{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.preview-top small,.preview-top strong{display:block}.preview-top small{font-size:.72rem;color:var(--muted)}.clinic-avatar,.clinic-logo,.avatar{display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900}.clinic-avatar{width:50px;height:50px;border-radius:16px}.clinic-logo{width:38px;height:38px;border-radius:12px;font-size:.74rem}.live-pill{font-size:.67rem;color:var(--success);font-weight:800;background:#EAF8F1;padding:7px 9px;border-radius:999px}.preview-hero{padding:22px 0}.preview-hero span,.preview-hero strong{display:block}.preview-hero span{font-size:.72rem;color:var(--muted)}.preview-hero strong{font-size:1.8rem}.sparkline{height:95px;display:flex;align-items:end;gap:7px;margin-top:14px}.sparkline i{flex:1;height:var(--h);border-radius:7px;background:linear-gradient(180deg,var(--primary-2),var(--primary));transition:.25s}.sparkline i:hover{transform:translateY(-4px)}.preview-list>div{display:grid;grid-template-columns:54px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.preview-list time{color:var(--primary);font-weight:900}.preview-list b{font-size:.67rem;color:var(--success)} .app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:rgba(255,255,255,.96);border-right:1px solid var(--line);padding:22px 15px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{padding:0 8px 26px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{font-size:.64rem;color:var(--muted)}.sidebar-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#6D788B;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:760;font-size:.85rem;transition:.2s}.nav-item:hover:not(.disabled){background:var(--surface-2);color:var(--ink);transform:translateX(2px)}.nav-item.active{background:var(--primary-soft);color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.nav-item em{margin-left:auto;font-style:normal;font-size:.56rem;color:#A1AABA}.nav-item.disabled{opacity:.55;cursor:not-allowed}.sidebar-card{margin-top:auto;padding:15px;border-radius:16px;background:var(--primary-soft)}.sidebar-card small,.sidebar-card strong,.sidebar-card span{display:block}.sidebar-card small{font-size:.64rem;color:var(--muted)}.sidebar-card strong{font-size:.82rem;margin:3px 0}.sidebar-card span{font-size:.65rem;color:var(--primary)} .main{min-width:0}.topbar{height:76px;background:rgba(255,255,255,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.clinic-lockup{display:flex;gap:11px;align-items:center}.clinic-lockup small,.clinic-lockup strong{display:block}.clinic-lockup small{font-size:.66rem;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--primary);transition:.2s}.icon-btn:hover{transform:rotate(8deg) scale(1.04)}.profile-btn{display:flex;align-items:center;gap:9px;border:0;background:transparent;font-weight:800}.profile-btn i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-style:normal}.menu-btn{display:none;border:0;background:transparent;font-size:1.2rem}.content{padding:30px}.page{display:none;animation:pageIn .25s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}} .welcome-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--primary));border-radius:28px;padding:34px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;box-shadow:0 24px 70px rgba(30,45,85,.18);margin-bottom:18px}.welcome-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.1);right:-90px;top:-130px;filter:blur(10px)}.welcome-copy,.welcome-stat{position:relative}.welcome-copy h2{font-size:2.45rem;letter-spacing:-.045em;margin:0 0 8px}.welcome-copy p{color:#D4DDF2;margin:0}.hero-actions{display:flex;gap:10px;margin-top:22px}.welcome-stat{min-width:220px;padding:20px;border-radius:20px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)}.welcome-stat small,.welcome-stat strong,.welcome-stat span{display:block}.welcome-stat strong{font-size:2rem;margin:6px 0}.welcome-stat span{font-size:.7rem;color:#CBEFE0} .smart-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 36px rgba(41,63,110,.045)}.lift{transition:.2s}.lift:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(41,63,110,.09)}.metric-card{padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.metric-icon{width:42px;height:42px;border-radius:13px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary)}.metric-card small,.metric-card strong,.metric-card span{display:block}.metric-card small{color:var(--muted);font-size:.68rem}.metric-card strong{font-size:1.25rem}.metric-card span{font-size:.66rem;color:#7B8799}.trend{font-size:.7rem;color:var(--success);font-weight:900;background:#E9F8F1;padding:6px 8px;border-radius:999px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-head small{display:block;color:var(--muted);font-size:.68rem}.panel-head h3{margin:3px 0 0;font-size:1.05rem}.text-btn{border:0;background:transparent;color:var(--primary);font-weight:850;font-size:.72rem}.pill-positive{font-size:.67rem;color:var(--success);background:#E9F8F1;padding:6px 9px;border-radius:999px;font-weight:900} .timeline-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:54px 24px 1fr;gap:8px;min-height:86px;text-align:left;color:inherit}.timeline-row time{font-weight:900;color:var(--primary);font-size:.77rem;padding-top:17px}.line{position:relative;display:flex;justify-content:center}.line:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.line i{position:relative;z-index:1;width:11px;height:11px;border-radius:50%;background:#fff;border:3px solid var(--primary);margin-top:19px;box-shadow:0 0 0 5px var(--primary-soft)}.timeline-card{align-self:start;display:flex;justify-content:space-between;gap:16px;padding:14px 15px;border-radius:15px;background:#FAFBFE;border:1px solid #EDF1F7;transition:.2s}.timeline-row:hover .timeline-card{transform:translateX(3px);background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.24)}.timeline-card strong,.timeline-card span{display:block}.timeline-card span{font-size:.69rem;color:var(--muted);margin-top:3px}.timeline-card b{font-size:.65rem}.confirmed{color:var(--success)}.scheduled{color:var(--warning)}.revenue-total{font-size:2.1rem;font-weight:900}.revenue-chart{height:140px;display:flex;align-items:end;gap:7px;padding:12px 0}.revenue-chart i{flex:1;height:var(--h);border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--primary-2),var(--primary));transition:.2s}.revenue-chart i:hover{transform:translateY(-4px)}.goal>div:first-child{display:flex;justify-content:space-between;font-size:.73rem}.goal-track{height:8px;border-radius:999px;background:var(--surface-2);margin-top:8px}.goal-track i{display:block;width:82%;height:100%;border-radius:999px;background:var(--primary)} .page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.page-title-row h2{font-size:2.15rem;letter-spacing:-.045em;margin:0 0 8px}.page-title-row p{color:var(--muted);margin:0}.agenda-toolbar,.clients-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.segmented{display:flex;padding:4px;background:#EEF2F8;border-radius:12px}.segmented button{border:0;background:transparent;padding:9px 15px;border-radius:9px;color:#6C7789;font-weight:800}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 4px 14px rgba(30,50,90,.08)}.agenda-toolbar .search-input{margin-left:auto;max-width:330px}.calendar-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.calendar-day-head{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.calendar-day-head span{color:var(--muted);font-size:.78rem}.schedule-grid{display:grid;grid-template-columns:80px 1fr}.hour{padding:18px 12px;color:var(--muted);font-size:.76rem;border-bottom:1px solid #EEF2F7}.slot{padding:14px 16px;margin:6px 0;border-radius:14px;min-height:58px;border:0;text-align:left}.slot.empty{border:1px dashed #CFD8E6;color:#9BA6B8;display:flex;align-items:center}.slot.blocked{background:#F4F5F8;color:#8E98A9;display:flex;align-items:center}.appointment-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--primary-soft);border-left:4px solid var(--primary);transition:.2s;color:inherit}.appointment-card:hover{transform:translateX(3px);box-shadow:0 10px 26px rgba(var(--primary-rgb),.08)}.appointment-card strong,.appointment-card span{display:block}.appointment-card span{font-size:.72rem;color:var(--muted);margin-top:3px}.appointment-card b{font-size:.67rem} .clients-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.clients-toolbar select{max-width:130px}.client-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:14px;border-radius:14px;color:var(--ink);transition:.2s}.client-row:hover,.client-row.active{background:var(--primary-soft);transform:translateX(2px)}.avatar{width:40px;height:40px;border-radius:12px;font-size:.72rem}.avatar.large{width:58px;height:58px;border-radius:18px;font-size:.9rem}.client-row strong,.client-row small{display:block}.client-row small{color:var(--muted);font-size:.69rem;margin-top:3px}.client-row b{font-size:.74rem}.client-profile{display:flex;gap:14px;align-items:center}.client-profile small{color:var(--muted);font-size:.68rem}.client-profile h3{margin:2px 0;font-size:1.15rem}.client-profile p{margin:0;color:var(--muted);font-size:.76rem}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.detail-stats div{padding:14px;border-radius:14px;background:#F8FAFD}.detail-stats span,.detail-stats strong{display:block}.detail-stats span{font-size:.67rem;color:var(--muted)}.detail-stats strong{margin-top:3px}.detail-block{padding:14px 0;border-top:1px solid var(--line)}.detail-block small,.detail-block strong,.detail-block span{display:block}.detail-block small{color:var(--muted);font-size:.67rem}.detail-block strong{font-size:.82rem;margin:4px 0}.detail-block span{font-size:.7rem;color:#7A8596} .drawer{position:fixed;top:0;right:0;width:min(430px,100vw);height:100vh;background:#fff;z-index:70;box-shadow:-20px 0 70px rgba(25,40,80,.18);padding:26px;transform:translateX(105%);transition:.28s ease;overflow:auto}.drawer.open{transform:translateX(0)}.drawer-overlay{position:fixed;inset:0;background:rgba(15,26,50,.28);backdrop-filter:blur(3px);z-index:65}.drawer-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.drawer-head h3{font-size:1.6rem;margin:0 0 5px}.drawer-head p{margin:0;color:var(--muted)}.drawer-head button{border:0;background:transparent;font-size:1.6rem;color:var(--muted)}.status-card{margin:24px 0;padding:16px;border-radius:16px;background:#F8FAFD}.status-card small,.status-card strong{display:block}.status-card small{font-size:.67rem;color:var(--muted)}.status-label{margin-top:4px;font-size:.9rem}.drawer-section{padding:14px 0;border-bottom:1px solid var(--line)}.drawer-section span,.drawer-section strong{display:block}.drawer-section span{font-size:.68rem;color:var(--muted)}.drawer-section strong{margin-top:4px}.drawer-actions{display:grid;gap:9px;margin-top:20px}.action{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px 14px;text-align:left;font-weight:800;color:var(--ink);transition:.2s}.action:hover{transform:translateX(2px);border-color:rgba(var(--primary-rgb),.28);background:var(--primary-soft)}.action.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.action.whatsapp{background:#EAF8F1;color:#1E8D60;border-color:#CFEBDD}.action.danger{color:var(--danger);border-color:#F0CDD1}.action.danger-soft{color:#A76E24;border-color:#F0DEBF}.drawer-note{margin-top:22px;padding:14px;border-radius:14px;background:#FAFBFD}.drawer-note small{color:var(--primary);font-weight:900}.drawer-note p{font-size:.7rem;color:var(--muted);margin:5px 0 0} .modal{position:fixed;inset:0;background:rgba(16,28,54,.38);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:90}.modal-card{width:min(460px,100%);background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(16,28,54,.28);animation:pop .2s ease}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head small{color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.modal-head h3{margin:4px 0 0}.modal-head button{border:0;background:transparent;font-size:1.5rem;color:var(--muted)}.modal-form{display:grid;gap:14px;margin-top:20px}.modal-form textarea{resize:vertical} .quick-menu{position:fixed;right:24px;top:92px;width:min(350px,calc(100vw - 32px));background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px rgba(25,45,90,.2);padding:16px;z-index:60;animation:pop .2s ease}.quick-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.quick-menu-head small,.quick-menu-head strong{display:block}.quick-menu-head small{font-size:.65rem;color:var(--muted)}.quick-menu-head button{border:0;background:transparent;font-size:1.4rem;color:var(--muted)}.quick-menu>button:not(#quick-close){width:100%;border:0;background:transparent;border-radius:14px;padding:12px;display:flex;gap:12px;text-align:left}.quick-menu>button:not(#quick-close):hover:not(:disabled){background:var(--primary-soft)}.quick-menu>button span{width:38px;height:38px;border-radius:11px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary)}.quick-menu>button strong,.quick-menu>button small{display:block}.quick-menu>button strong{font-size:.78rem}.quick-menu>button small{font-size:.66rem;color:var(--muted);margin-top:2px}.quick-menu .muted{opacity:.5;cursor:not-allowed} .toast{position:fixed;right:24px;bottom:24px;background:var(--deep);color:#fff;padding:12px 16px;border-radius:13px;box-shadow:var(--shadow);font-size:.76rem;z-index:100;animation:toastIn .2s ease}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}} @media(max-width:1000px){.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh}.brand-lockup{position:static;margin-bottom:48px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:238px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow)}.menu-btn{display:block}.smart-metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.clients-layout{grid-template-columns:1fr}} @media(max-width:680px){.content{padding:18px 14px}.topbar{padding:0 14px}.profile-btn span{display:none}.welcome-hero{grid-template-columns:1fr;padding:25px}.welcome-copy h2{font-size:2rem}.smart-metrics{grid-template-columns:1fr}.page-title-row{flex-direction:column}.agenda-toolbar{align-items:stretch;flex-direction:column}.agenda-toolbar .search-input{margin-left:0;max-width:none}.calendar-day-head{flex-direction:column}.schedule-grid{grid-template-columns:62px 1fr}.appointment-card{align-items:flex-start;flex-direction:column}.client-row{grid-template-columns:auto 1fr}.client-row>b{grid-column:2}.demo-buttons{flex-direction:column}.drawer{padding:20px}.quick-menu{right:16px;top:82px}} /* v0.5 — autenticação real */ .login-error{ padding:11px 13px;border-radius:12px;background:#FFF0F2;border:1px solid #F5CCD2; color:#B83E4C;font-size:.76rem;font-weight:700; } .login-form button[disabled]{opacity:.65;cursor:wait;transform:none} .account-menu{ position:fixed;right:26px;top:68px;z-index:55;width:230px;background:rgba(255,255,255,.98); border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 20px 60px rgba(24,32,51,.16); animation:pop .18s ease; } .account-menu small,.account-menu strong,.account-menu span{display:block} .account-menu small{font-size:.64rem;color:var(--muted)} .account-menu strong{margin-top:4px;font-size:.84rem} .account-menu span{margin-top:2px;font-size:.7rem;color:var(--muted)} .account-menu button{ margin-top:12px;width:100%;border:1px solid #F0CDD1;background:#FFF7F8;color:var(--danger); border-radius:11px;padding:10px;font-weight:800;text-align:left } .session-loading{opacity:.72;pointer-events:none} @media(max-width:680px){.account-menu{right:14px;top:68px}} /* ===== v0.6 refinamentos ===== */ .login-screen,.login-shell{min-height:100vh} .login-shell{display:grid;grid-template-columns:minmax(440px,1fr) minmax(420px,1fr);align-items:stretch} .login-panel{display:flex;flex-direction:column;justify-content:center;min-width:0} .login-brand,.login-copy,.login-form,.demo-switcher{position:relative;max-width:520px;width:100%;margin-left:auto;margin-right:auto} .login-copy h1{max-width:500px;line-height:.94;letter-spacing:-.055em} .login-preview{min-width:0;overflow:hidden} .module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px} .module-card{background:var(--surface,#fff);border:1px solid rgba(120,135,165,.18);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(25,40,80,.06)} .module-card strong{display:block;font-size:1.35rem;margin:8px 0} .module-card p{color:var(--muted,#7b879f);line-height:1.6;margin:0 0 22px} .module-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--primary,#5b7cfa)} button:disabled{cursor:not-allowed;opacity:.45} @media(max-width:980px){ .login-shell{grid-template-columns:1fr} .login-preview{display:none} .login-panel{padding:36px 22px} .module-grid{grid-template-columns:1fr} } @media(max-width:560px){ .login-copy h1{font-size:clamp(2.5rem,13vw,4rem)} .login-brand,.login-copy,.login-form,.demo-switcher{max-width:100%} } /* v0.6.2 — workflow de agenda */ .drawer-actions .hidden{display:none!important} .drawer-note p{transition:.2s ease} /* ===== v0.7 Profissionais e Procedimentos ===== */ .module-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px} .module-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0} .module-summary>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px} .module-summary span{display:block;color:var(--muted);font-size:.72rem}.module-summary strong{font-size:1.7rem} .management-list{display:grid;gap:12px} .management-row{display:grid;grid-template-columns:auto minmax(0,1fr) 80px auto auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px} .person-avatar{width:46px;height:46px;border-radius:15px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900} .management-main strong,.management-main span,.management-main small{display:block}.management-main span{font-size:.75rem;color:var(--muted);margin-top:2px}.management-main small{font-size:.68rem;color:var(--muted);margin-top:5px} .management-metric{text-align:center}.management-metric span{display:block;font-size:.65rem;color:var(--muted)}.management-status{background:#eaf9f1;color:#21875c;padding:7px 10px;border-radius:999px;font-size:.67rem;font-weight:800} .icon-action{border:0;background:transparent;font-weight:900;cursor:pointer} .procedure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px} .procedure-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.procedure-top,.procedure-meta{display:flex;justify-content:space-between;align-items:center}.procedure-top span{font-size:.67rem;color:var(--primary);font-weight:900;text-transform:uppercase}.procedure-top b{font-size:.64rem;color:#21875c}.procedure-card h3{margin:20px 0 18px}.procedure-meta{margin-bottom:20px}.procedure-meta span{color:var(--muted);font-size:.75rem} .management-form{display:grid;gap:15px}.management-form label span{display:block;font-size:.68rem;font-weight:800;margin-bottom:7px}.management-form input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcff}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px} @media(max-width:760px){.module-summary,.procedure-grid{grid-template-columns:1fr}.management-row{grid-template-columns:auto 1fr auto}.management-metric{display:none}.management-status{display:none}.module-heading{align-items:flex-start;flex-direction:column}.form-two{grid-template-columns:1fr}} /* v0.7.1 navigation hotfix */ .serein-module-view{animation:pageIn .25s ease} /* ===== v0.7.2 — identidade + vínculos profissionais/procedimentos + valores ===== */ .brand-lockup strong,.sidebar-brand strong{letter-spacing:-.015em} .brand-lockup span{font-weight:650} .appointment-value{display:block;margin-top:5px;color:var(--deep);font-size:.72rem;font-weight:900} .timeline-card .appointment-value{color:var(--deep)} .drawer-financial{gap:12px} .drawer-services{display:grid;gap:9px;margin-top:10px} .drawer-service-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;background:var(--surface-2);border-radius:12px} .drawer-service-row span{color:var(--ink);font-size:.76rem}.drawer-service-row strong{font-size:.78rem} .drawer-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:13px}.drawer-total span{font-size:.72rem;color:var(--muted)}.drawer-total strong{font-size:1.05rem;color:var(--deep)} .module-loading{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--muted);margin-top:24px}.module-loading.compact{margin:18px 0 0;padding:18px} .module-empty{grid-column:1/-1;background:#fff;border:1px dashed #CCD5E5;border-radius:22px;padding:34px;text-align:center}.module-empty .empty-icon{width:42px;height:42px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin:0 auto 12px;font-weight:900}.module-empty strong{display:block}.module-empty p{color:var(--muted);max-width:480px;margin:8px auto 0;line-height:1.6} .api-source{font-size:.65rem;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)} .professional-services-card{width:min(620px,100%)} .modal-subtitle{margin:5px 0 0;color:var(--muted);font-size:.76rem} .professional-services-section{margin-top:22px}.field-label{display:block;font-size:.7rem;font-weight:900;margin-bottom:10px;color:var(--ink)} .service-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:38px}.service-chip{display:inline-flex;align-items:center;gap:7px;background:var(--primary-soft);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.15);border-radius:999px;padding:8px 10px;font-size:.72rem;font-weight:850}.service-chip button{width:20px;height:20px;border:0;border-radius:50%;background:rgba(var(--primary-rgb),.12);color:var(--primary);font-weight:900;display:grid;place-items:center;padding:0} .service-picker{margin-top:18px}.service-add-toggle{width:auto;margin:0}.service-picker-list{margin-top:10px;border:1px solid var(--line);border-radius:16px;padding:7px;background:#fff;max-height:280px;overflow:auto}.service-picker-list>button{width:100%;border:0;background:transparent;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;align-items:center}.service-picker-list>button:hover{background:var(--primary-soft)}.service-picker-list>button span{font-size:.76rem;font-weight:850}.service-picker-list>button small{grid-column:1;color:var(--muted);font-size:.65rem}.service-picker-list>button b{grid-column:2;grid-row:1/3;width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.picker-empty,.permission-note{padding:12px;color:var(--muted);font-size:.72rem;line-height:1.5}.permission-note{margin-top:16px;background:#F8F9FC;border:1px solid var(--line);border-radius:13px}.muted-copy{color:var(--muted);font-size:.72rem} @media(max-width:680px){.professional-services-card{padding:18px}.service-picker-list{max-height:240px}.appointment-value{font-size:.68rem}} .serein-brand-mark{background:linear-gradient(145deg,#fff,#f7f2ef);border:1px solid rgba(201,135,114,.2);box-shadow:0 12px 30px rgba(24,37,74,.10)} .serein-brand-mark img{width:76%;height:76%;display:block}.clinic-logo.has-image{overflow:hidden;background:#fff}.clinic-logo.has-image img{width:100%;height:100%;object-fit:contain;padding:4px} /* ===== Serein v0.7.3 — Agenda real Bifrost Core ===== */ .agenda-api-state{grid-column:1/-1;min-height:180px;border:1px dashed var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted);padding:28px;background:rgba(255,255,255,.55)} .agenda-api-state strong{font-size:16px;color:var(--text)} .agenda-api-state.error{border-color:#f3b3b3;background:#fff7f7} .appointment-card.checked_in,.appointment-card.in_progress,.appointment-card.completed,.appointment-card.cancelled,.appointment-card.no_show{border-left:3px solid var(--primary)} .appointment-card.completed{opacity:.82}.appointment-card.cancelled,.appointment-card.no_show{opacity:.68} .appointment-card b.checked_in,.status-label.checked_in{background:#eef7ff;color:#235b8d}.appointment-card b.in_progress,.status-label.in_progress{background:#fff5e6;color:#a65b00}.appointment-card b.completed,.status-label.completed{background:#ecfdf3;color:#027a48}.appointment-card b.cancelled,.status-label.cancelled{background:#fef3f2;color:#b42318}.appointment-card b.no_show,.status-label.no_show{background:#f4f3ff;color:#5925dc} .drawer-service-row span{display:flex;flex-direction:column;gap:2px}.drawer-service-row span small{font-size:11px;color:var(--muted);font-weight:500} /* Serein v0.7.3 — criação real de agendamento */ .appointment-create-card{width:min(560px,100%)} .field-help{display:block;margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.45} .form-feedback{padding:11px 12px;border-radius:12px;font-size:.72rem;line-height:1.45;border:1px solid #f0bcbc;background:#fff6f6;color:#9b2c2c} .form-feedback.info{border-color:var(--line);background:#f7f9fc;color:var(--muted)} .form-feedback.hidden{display:none} .modal-form select:disabled{background:#f6f7fa;color:var(--muted);cursor:not-allowed} /* ===== Serein v0.8.0 — Operational API ===== */ .op-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.op-toolbar .search-input{min-width:220px;flex:1}.op-toolbar select,.op-toolbar input[type=date]{min-height:44px;border:1px solid var(--border,#e6e8ef);border-radius:12px;background:#fff;padding:0 12px;color:var(--text,#1f2a44)} .op-table{display:grid;gap:10px}.op-row{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(130px,.7fr) minmax(150px,.8fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid rgba(21,35,70,.08);border-radius:16px;padding:15px 16px;box-shadow:0 8px 25px rgba(24,37,74,.035)}.op-row:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(24,37,74,.07)}.op-row strong{display:block}.op-row small,.op-muted{color:#7b8499}.op-actions{display:flex;gap:8px;justify-content:flex-end}.op-icon-btn{border:1px solid rgba(21,35,70,.1);background:#fff;border-radius:10px;padding:9px 11px;cursor:pointer;color:var(--deep)}.op-icon-btn:hover{border-color:rgba(var(--primary-rgb),.35);background:var(--primary-soft)} .op-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;background:#eef7f2;color:#2d7b54}.op-badge.inactive{background:#f4f4f6;color:#777}.op-badge.warning{background:#fff6e8;color:#9a6b1d}.op-badge.danger{background:#fff0f0;color:#a54747} .op-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.op-kpi{background:#fff;border:1px solid rgba(21,35,70,.08);border-radius:18px;padding:18px}.op-kpi small{display:block;color:#7b8499;margin-bottom:8px}.op-kpi strong{font-size:24px;color:var(--deep)}.op-kpi span{font-size:12px;color:#8b93a5;display:block;margin-top:5px} .op-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.op-form-grid .full{grid-column:1/-1}.op-form label{display:grid;gap:7px}.op-form label>span{font-size:12px;font-weight:800;color:#5e6880}.op-form input,.op-form select,.op-form textarea{width:100%;border:1px solid #dfe3ec;border-radius:12px;padding:12px 13px;background:#fff;color:#1f2a44;font:inherit}.op-form input:focus,.op-form select:focus,.op-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)} .modal-card.wide{width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto}.modal-card.xwide{width:min(920px,calc(100vw - 32px));max-height:90vh;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.inline-note{padding:12px 14px;border-radius:12px;background:var(--primary-soft);color:var(--deep);font-size:13px} .schedule-editor{display:grid;gap:10px}.schedule-day{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #eef0f4}.periods{display:flex;gap:8px;flex-wrap:wrap}.period-chip{display:inline-flex;align-items:center;gap:7px;background:#f7f8fb;border:1px solid #e8ebf1;border-radius:10px;padding:8px 9px}.period-chip button{border:0;background:none;cursor:pointer}.schedule-add{display:flex;gap:7px}.schedule-add input{max-width:110px} .report-bars{display:grid;gap:10px;margin-top:14px}.report-bar{display:grid;grid-template-columns:minmax(120px,1fr) 3fr 90px;align-items:center;gap:12px;font-size:13px}.report-track{height:9px;background:#eef1f6;border-radius:999px;overflow:hidden}.report-track i{display:block;height:100%;width:var(--w,0%);background:var(--primary);border-radius:999px}.report-bar strong{text-align:right} .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{background:#fff;border:1px solid rgba(21,35,70,.08);border-radius:18px;padding:20px}.settings-card h3{margin:0 0 5px}.settings-card>p{margin:0 0 18px;color:#7b8499}.toggle-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f4}.toggle-row:last-child{border-bottom:0}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)} .gallery-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.gallery-item{position:relative;border:1px solid #e7e9ef;border-radius:14px;overflow:hidden;background:#f7f8fb;min-height:110px}.gallery-item img{width:100%;height:110px;object-fit:cover;display:block}.gallery-item button{position:absolute;right:7px;top:7px;border:0;background:rgba(20,28,45,.75);color:#fff;border-radius:8px;padding:6px 8px;cursor:pointer} .payment-row{grid-template-columns:minmax(180px,1.3fr) 130px 150px 120px auto}.money-positive{color:#277a52}.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.finance-summary>div{padding:18px;border-radius:17px;background:linear-gradient(145deg,#fff,var(--primary-soft));border:1px solid rgba(var(--primary-rgb),.12)}.finance-summary small{display:block;color:#7b8499}.finance-summary strong{font-size:24px;color:var(--deep);display:block;margin-top:7px} .v080-tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}.public-link-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:12px;background:#f7f8fb}.public-link-box code{flex:1;min-width:220px;overflow-wrap:anywhere;color:#4f596e}.multi-service-builder{display:grid;gap:10px}.multi-service-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:10px;align-items:end;border:1px solid #e9ebf1;border-radius:13px;padding:10px;background:#fafbfc} @media(max-width:900px){.op-kpis,.finance-summary,.settings-grid{grid-template-columns:1fr 1fr}.op-row,.payment-row{grid-template-columns:1fr 1fr}.op-actions{grid-column:1/-1;justify-content:flex-start}.op-form-grid{grid-template-columns:1fr}.op-form-grid .full{grid-column:auto}} @media(max-width:620px){.op-kpis,.finance-summary,.settings-grid{grid-template-columns:1fr}.op-row,.payment-row{grid-template-columns:1fr}.multi-service-row{grid-template-columns:1fr}.report-bar{grid-template-columns:1fr}.report-bar strong{text-align:left}} /* ===== v0.8.1 — refinamento visual, mobile-first e robustez ===== */ .app-shell{background:#f4f6fb} .sidebar{background:linear-gradient(180deg,#f8faff 0%,#f1f4fb 58%,#eef2fb 100%);border-right:1px solid #dfe5f0;box-shadow:8px 0 28px rgba(39,57,96,.035)} .sidebar-brand{margin:-6px -4px 12px;padding:10px 12px 20px;border-bottom:1px solid rgba(125,142,176,.14)} .sidebar-nav{gap:7px}.nav-item{min-height:44px;padding:11px 13px;color:#59677e}.nav-item.active{background:linear-gradient(90deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.07));box-shadow:inset 3px 0 0 var(--primary);color:var(--primary)} .sidebar-card{background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),rgba(var(--primary-rgb),.06));border:1px solid rgba(var(--primary-rgb),.12)} .main{background:linear-gradient(180deg,#f8f9fd 0,#f4f6fb 160px)}.topbar{background:rgba(255,255,255,.92)} .module-heading{align-items:flex-end}.module-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.compact-action{width:auto!important;margin:0!important;min-height:46px;padding:12px 18px;white-space:nowrap} .op-toolbar{align-items:center}.op-toolbar select{min-height:46px}.op-toolbar .search-input{min-height:46px} .media-managed{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px dashed rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.045);border-radius:16px}.media-managed strong,.media-managed small{display:block}.media-managed small{margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.45}.media-avatar-preview{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900} .settings-grid-controlled{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start}.settings-card-head>div{display:flex;gap:12px;align-items:flex-start}.settings-icon{width:38px;height:38px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900}.settings-primary .toggle-row{padding:16px 0}.settings-numbers{margin-top:18px}.input-suffix{position:relative}.input-suffix input{padding-right:52px!important}.input-suffix small{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.7rem}.settings-save-row{display:flex;justify-content:flex-end;margin-top:18px}.settings-save-row .btn{width:auto;min-width:160px}.managed-brand-card{background:linear-gradient(155deg,#fff 0%,rgba(var(--primary-rgb),.055) 100%);border-color:rgba(var(--primary-rgb),.15)}.managed-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.62rem;font-weight:900;letter-spacing:.08em}.managed-brand-card h3{margin-top:16px}.managed-brand-card ul{padding-left:20px;color:#66748a;line-height:1.8;font-size:.78rem}.managed-brand-company{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px;border-radius:15px;background:#fff;border:1px solid var(--line)}.managed-brand-company small,.managed-brand-company strong{display:block}.managed-brand-company small{font-size:.64rem;color:var(--muted)}.managed-preview{width:100%!important;margin-top:12px!important}.managed-help{display:block;margin-top:12px;color:var(--muted);line-height:1.5} .mobile-dock{display:none} @media(max-width:1000px){.sidebar{background:linear-gradient(180deg,#f8faff,#eef2fb);height:100%;max-height:100%;overflow:auto}.content{padding-bottom:94px}.mobile-dock{position:fixed;left:12px;right:12px;bottom:12px;z-index:48;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;border:1px solid rgba(120,136,169,.2);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(24,37,71,.16);backdrop-filter:blur(18px)}.mobile-dock-item{border:0;background:transparent;min-height:54px;border-radius:16px;color:#6d788b;display:grid;place-items:center;align-content:center;gap:2px}.mobile-dock-item span{font-size:1rem}.mobile-dock-item small{font-size:.62rem;font-weight:800}.mobile-dock-item.active{background:var(--primary-soft);color:var(--primary)}.settings-grid-controlled{grid-template-columns:1fr}} @media(max-width:760px){.module-heading{align-items:stretch}.module-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1.25fr}.compact-action{width:100%!important;white-space:normal;line-height:1.2}.op-toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.op-toolbar .search-input{grid-column:1/-1}.settings-heading{align-items:flex-start!important}.settings-save-row .btn{width:100%}.media-managed{align-items:flex-start}} @media(max-width:430px){.content{padding:16px 12px 94px}.topbar{height:68px}.clinic-lockup strong{font-size:.78rem}.module-heading-actions{grid-template-columns:1fr}.compact-action{min-height:48px}.op-toolbar{grid-template-columns:1fr}.op-toolbar .search-input{grid-column:auto}.mobile-dock{left:8px;right:8px;bottom:8px;border-radius:20px}.mobile-dock-item{min-height:52px}.settings-card{padding:18px}.settings-numbers{grid-template-columns:1fr!important}} /* ===== v0.8.2 — instalação PWA no login ===== */ .pwa-install-btn{width:100%;min-height:58px;border:1px solid rgba(var(--primary-rgb),.22);background:rgba(255,255,255,.82);color:var(--ink);border-radius:14px;padding:10px 14px;display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;transition:.2s ease;box-shadow:0 8px 24px rgba(33,55,100,.05)} .pwa-install-btn:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)} .pwa-install-btn:focus-visible{outline:3px solid rgba(var(--primary-rgb),.24);outline-offset:2px} .pwa-install-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.05rem;font-weight:900} .pwa-install-btn strong,.pwa-install-btn small{display:block}.pwa-install-btn strong{font-size:.79rem}.pwa-install-btn small{margin-top:2px;color:var(--muted);font-size:.67rem;font-weight:650} @media(max-width:560px){.pwa-install-btn{min-height:60px}} /* ===== v0.8.3 — correções pontuais validadas ===== */ #page-procedimentos .module-heading{margin-bottom:28px} #page-procedimentos .module-heading-actions{gap:12px} #page-procedimentos .op-toolbar{margin-top:0} .sidebar-scrim{display:none} @media(max-width:1000px){ .sidebar{ z-index:72; background:linear-gradient(180deg, color-mix(in srgb,var(--primary),#fff 86%) 0%, color-mix(in srgb,var(--primary),#fff 91%) 52%, color-mix(in srgb,var(--primary),#eef2fb 92%) 100%); border-right:1px solid color-mix(in srgb,var(--primary),transparent 76%); box-shadow:18px 0 44px color-mix(in srgb,var(--deep),transparent 78%); padding-bottom:18px; } .sidebar .sidebar-brand{border-bottom-color:color-mix(in srgb,var(--primary),transparent 82%)} .sidebar .nav-item{color:color-mix(in srgb,var(--deep),#63708a 30%)} .sidebar .nav-item.active{background:color-mix(in srgb,var(--primary),#fff 82%);color:var(--deep);box-shadow:inset 4px 0 0 var(--primary)} .sidebar .sidebar-card{background:color-mix(in srgb,var(--primary),#fff 84%);border-color:color-mix(in srgb,var(--primary),transparent 72%)} .sidebar-scrim{position:fixed;inset:0;z-index:66;background:rgba(13,20,35,.52);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;display:block} .sidebar-scrim.open{opacity:1;pointer-events:auto} body.sidebar-open{overflow:hidden} .mobile-dock{grid-template-columns:repeat(2,1fr);z-index:48} } /* v0.8.6 — relatório legível */ .report-readable-summary .report-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.report-summary-list>div{padding:14px;border:1px solid var(--line,#e6e8ef);border-radius:14px;background:#fafbfe}.report-summary-list span{display:block;font-size:12px;color:#78819a;margin-bottom:6px}.report-summary-list strong{font-size:21px;color:#14213d}@media(max-width:700px){.report-readable-summary .report-summary-list{grid-template-columns:1fr 1fr}} /* ===== v0.8.7 — financeiro PDF ===== */ .page-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} @media(max-width:760px){.page-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-heading-actions .btn{width:100%}} @media(max-width:430px){.page-heading-actions{grid-template-columns:1fr}} /* v0.8.8 — exportação de Relatórios */ .report-export-btn:disabled{opacity:.48;cursor:not-allowed} @media print{.sidebar,.topbar,.mobile-dock,.page-heading-actions,.op-toolbar,.btn{display:none!important}.content,.page{margin:0!important;padding:0!important;background:#fff!important}.settings-card,.op-kpi{box-shadow:none!important;border-color:#d8dbe2!important}.op-kpis{break-inside:avoid}.settings-grid{display:block!important}.settings-card{margin:0 0 14px!important;break-inside:avoid}} /* v0.8.11 — Agenda por período e refinamentos de Relatórios */ .agenda-group-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 10px 8px;margin-top:8px;border-bottom:1px solid var(--border,#e5e7eb);text-transform:none} .agenda-group-title strong{font-size:14px;text-transform:capitalize}.agenda-group-title span{font-size:12px;color:var(--muted,#7b8190)} .report-period-toolbar{align-items:center;flex-wrap:wrap}.report-period-toolbar #v0811-report-today{min-height:46px} @media(max-width:700px){.report-period-toolbar{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px}.report-period-toolbar #v080-report-run{grid-column:1/-1}.agenda-group-title{padding-left:4px;padding-right:4px}} /* ===== v0.8.13 — seletor de período dos Relatórios ===== */ .report-period-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .report-mode-switch{flex:0 0 auto} .report-period-toolbar .report-date-field{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--muted)} .report-period-toolbar .report-date-field input:disabled{background:#f4f6fa;color:#9aa4b5;cursor:not-allowed} .report-period-toolbar .report-date-field.is-disabled{opacity:.62} .report-period-toolbar .report-export-inline{margin-left:auto} @media(max-width:820px){ .report-period-toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:9px} .report-period-toolbar .report-mode-switch{grid-column:1/-1;width:max-content;max-width:100%} .report-period-toolbar .report-date-field{min-width:0} .report-period-toolbar .report-date-field input{min-width:0;width:100%} .report-period-toolbar #v080-report-run,.report-period-toolbar .report-export-inline{margin-left:0;width:100%} } @media(max-width:520px){ .report-period-toolbar{grid-template-columns:1fr} .report-period-toolbar .report-mode-switch{width:100%;display:grid;grid-template-columns:1fr 1fr} .report-period-toolbar .report-mode-switch button{width:100%} } /* v0.8.14 — refinamento de Configurações */ .settings-primary .toggle-row{align-items:flex-start;gap:24px} .toggle-copy{display:grid;gap:5px;min-width:0;padding-right:8px} .toggle-copy strong{display:block;line-height:1.25} .toggle-copy .op-muted{display:block;line-height:1.45;margin:0;color:var(--muted)} .settings-primary .toggle-row input[type=checkbox]{flex:0 0 auto;margin-top:2px} .timezone-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);gap:18px;align-items:center;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.045),#fff)} .timezone-copy{display:grid;gap:4px;min-width:0}.timezone-copy>small{font-size:.68rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.timezone-copy>strong{font-size:.92rem}.timezone-copy>span{font-size:.72rem;line-height:1.45;color:var(--muted)} .timezone-controls{display:grid;grid-template-columns:1fr;gap:9px}.timezone-controls select{width:100%;min-height:44px}.btn-detect-tz{width:100%!important;margin:0!important;min-height:42px} @media(max-width:760px){.timezone-card{grid-template-columns:1fr}.settings-primary .toggle-row{gap:16px}.toggle-copy{padding-right:0}} /* ===== v0.9.0 — Financeiro ===== */ .finance-period-v090{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.finance-period-v090 label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.finance-period-v090 input,.finance-toolbar-v090 select{min-height:44px;border:1px solid var(--border);border-radius:14px;background:#fff;padding:0 14px;font:inherit;color:var(--ink)} .finance-summary-v090{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-mini-status{display:flex!important;gap:8px;flex-wrap:wrap;font-size:13px!important}.finance-mini-status span{font-weight:700;padding:5px 8px;border-radius:999px;background:var(--soft)} .finance-toolbar-v090{grid-template-columns:minmax(240px,1fr) 190px}.finance-appointments-v090{display:grid;gap:12px}.finance-appointment-card-v090{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;display:grid;gap:16px}.finance-appt-main{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.finance-appt-main>div{display:grid;gap:4px;min-width:0}.finance-appt-main small,.finance-appt-main span{color:var(--muted)}.finance-appt-main strong{font-size:17px}.finance-appt-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.finance-appt-values div{display:grid;gap:3px}.finance-appt-values small{color:var(--muted)}.finance-appt-values strong{font-size:17px}.finance-appt-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.finance-status-v090{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.finance-status-v090.success{background:#e8f8ef;color:#14804a}.finance-status-v090.warning{background:#fff4dd;color:#9a6500}.finance-status-v090.neutral{background:#f1f3f7;color:#596273}.finance-payment-summary-v090{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:14px;background:var(--soft);color:var(--muted)}.finance-payment-summary-v090 span{display:grid;gap:3px}.finance-payment-summary-v090 strong{color:var(--ink)}.finance-detail-head-v090{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:center;margin-bottom:18px}.finance-detail-head-v090>div{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:14px}.finance-detail-head-v090 small{color:var(--muted)}.finance-history-list-v090{display:grid;gap:8px}.finance-history-list-v090 article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.finance-history-list-v090 article>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.finance-history-list-v090 article>div:first-child{display:grid;gap:3px}.finance-history-list-v090 span{color:var(--muted)}.op-icon-btn.danger{color:#a63d4b;border-color:#eed5d9} @media(max-width:760px){.finance-summary-v090{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-toolbar-v090{grid-template-columns:1fr}.finance-appt-main{gap:10px}.finance-appt-values{grid-template-columns:repeat(3,1fr)}.finance-appt-actions .btn{flex:1}.finance-payment-summary-v090,.finance-detail-head-v090{grid-template-columns:1fr}.finance-detail-head-v090>.finance-status-v090{justify-self:start}} /* ========================================================= SEREIN v0.9.3 — UI REFINEMENT Camada exclusivamente visual. Sem alteração de fluxos/API. Direção: workspace editorial premium + branding do tenant. ========================================================= */ :root{ --serein-canvas:#f6f7fb; --serein-warm:#fbfaf8; --serein-navy:#17213b; --serein-shadow:0 18px 50px rgba(25,37,67,.075); --serein-shadow-soft:0 8px 26px rgba(25,37,67,.045); } body{background: radial-gradient(circle at 82% 3%,rgba(var(--primary-rgb),.055),transparent 25rem), radial-gradient(circle at 15% 85%,rgba(var(--primary-rgb),.035),transparent 24rem), var(--serein-canvas)} .app-shell{grid-template-columns:248px 1fr;background:transparent} .sidebar{ background:linear-gradient(180deg,color-mix(in srgb,var(--primary),#fff 95%) 0%,#fafbfe 42%,color-mix(in srgb,var(--primary),#fff 96%) 100%); border-right:1px solid color-mix(in srgb,var(--primary),#dbe2ee 88%); box-shadow:12px 0 38px rgba(30,45,80,.035); padding:20px 16px 18px; } .sidebar-brand{margin:-3px 0 15px;padding:8px 8px 20px;border-bottom:1px solid color-mix(in srgb,var(--primary),transparent 86%)} .sidebar-brand .brand-mark{box-shadow:0 10px 22px rgba(22,31,53,.11)} .sidebar-brand strong{letter-spacing:.015em;font-size:.96rem}.sidebar-brand small{margin-top:2px;letter-spacing:.03em} .sidebar-nav{gap:7px}.nav-item{position:relative;min-height:48px;border-radius:15px;padding:10px 12px;color:#5f6b80;font-weight:760} .nav-item>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.62);border:1px solid rgba(73,91,126,.075);font-size:.92rem;transition:.2s} .nav-item:hover:not(.disabled){transform:none;background:rgba(255,255,255,.72);box-shadow:var(--serein-shadow-soft);color:var(--ink)} .nav-item:hover:not(.disabled)>span{transform:translateY(-1px);border-color:rgba(var(--primary-rgb),.18)} .nav-item.active{background:linear-gradient(100deg,color-mix(in srgb,var(--primary),#fff 84%),rgba(255,255,255,.82));color:color-mix(in srgb,var(--primary),var(--deep) 22%);box-shadow:0 10px 24px rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.10)} .nav-item.active:before{content:"";position:absolute;left:-16px;top:13px;bottom:13px;width:4px;border-radius:0 8px 8px 0;background:var(--primary);box-shadow:0 0 14px rgba(var(--primary-rgb),.35)} .nav-item.active>span{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 7px 16px rgba(var(--primary-rgb),.18)} .sidebar-card{padding:16px 17px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary),var(--deep) 70%),color-mix(in srgb,var(--primary),#fff 22%));border:0;box-shadow:0 14px 30px rgba(var(--primary-rgb),.14);color:#fff} .sidebar-card small{color:rgba(255,255,255,.68)}.sidebar-card strong{color:#fff;font-size:.86rem}.sidebar-card span{color:rgba(255,255,255,.72)} .topbar{height:72px;background:rgba(249,250,253,.82);backdrop-filter:blur(24px) saturate(130%);border-bottom:1px solid rgba(79,95,126,.10);padding:0 clamp(24px,3vw,42px)} .clinic-lockup{padding:7px 11px 7px 7px;border-radius:15px;background:rgba(255,255,255,.72);border:1px solid rgba(87,101,130,.08);box-shadow:0 5px 18px rgba(31,43,71,.035)} .clinic-logo{border-radius:11px}.clinic-lockup strong{font-size:.86rem}.top-actions{gap:12px}.icon-btn{border-radius:14px;background:rgba(255,255,255,.76);box-shadow:0 5px 16px rgba(30,43,76,.04)} .profile-btn{padding:5px 6px 5px 10px;border-radius:999px;background:rgba(255,255,255,.58)} .content{padding:34px clamp(26px,3.2vw,52px) 52px;max-width:1680px;margin:0 auto;width:100%} .page-title-row{margin-bottom:28px;align-items:center}.page-title-row .eyebrow{margin-bottom:9px}.page-title-row h2{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(2rem,2.6vw,2.75rem);letter-spacing:-.035em;line-height:1.05}.page-title-row p{font-size:.92rem;line-height:1.55;max-width:690px} .eyebrow{letter-spacing:.18em;font-size:.65rem} .btn{border-radius:16px;min-height:46px;padding:13px 19px;box-shadow:none}.btn-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--primary),var(--deep) 10%),var(--primary));box-shadow:0 12px 26px rgba(var(--primary-rgb),.17)}.btn-primary:hover{box-shadow:0 16px 32px rgba(var(--primary-rgb),.22)} .welcome-hero{border-radius:36px 36px 36px 14px;padding:38px 40px;background: radial-gradient(circle at 86% 18%,rgba(255,255,255,.13) 0 2px,transparent 2.5px) 0 0/25px 25px, linear-gradient(132deg,color-mix(in srgb,var(--deep),#0d1730 18%),color-mix(in srgb,var(--primary),var(--deep) 24%) 58%,var(--primary)); box-shadow:0 30px 70px rgba(24,35,68,.17);margin-bottom:22px;border:1px solid rgba(255,255,255,.08)} .welcome-hero:after{content:"";position:absolute;right:-60px;bottom:-135px;width:330px;height:330px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.022)} .welcome-glow{width:250px;height:250px;right:12%;top:-145px;background:rgba(255,255,255,.09);filter:blur(18px)} .welcome-copy{max-width:760px}.welcome-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,3.1vw,3.35rem);font-weight:700;letter-spacing:-.035em;line-height:1.02}.welcome-copy p{font-size:.93rem;max-width:650px}.hero-actions{margin-top:26px} .welcome-stat{border-radius:24px 24px 24px 8px;background:rgba(255,255,255,.105);backdrop-filter:blur(8px);min-width:240px;padding:22px}.welcome-stat strong{font-family:Georgia,"Times New Roman",serif;font-size:2.3rem;font-weight:700} .smart-metrics{gap:16px;margin-bottom:22px}.metric-card{position:relative;padding:20px 20px 20px 22px;border-radius:24px 24px 24px 10px;border:1px solid rgba(72,89,123,.09);background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(255,255,255,.68));box-shadow:var(--serein-shadow-soft);overflow:hidden}.metric-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 5px 5px 0;background:color-mix(in srgb,var(--primary),#fff 18%)}.metric-icon{border-radius:14px;background:color-mix(in srgb,var(--primary),#fff 88%);border:1px solid rgba(var(--primary-rgb),.10)}.metric-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem}.trend{background:color-mix(in srgb,var(--success),#fff 90%);border:1px solid color-mix(in srgb,var(--success),transparent 80%)} .panel,.calendar-shell,.clients-list,.client-detail,.settings-card,.finance-appointment-card-v090{border-radius:28px 28px 28px 12px;border:1px solid rgba(66,82,116,.09);box-shadow:var(--serein-shadow-soft);background:rgba(255,255,255,.91)} .panel{padding:26px}.panel-head{margin-bottom:20px}.panel-head h3{font-family:Georgia,"Times New Roman",serif;font-size:1.22rem;letter-spacing:-.015em}.panel-head small{text-transform:uppercase;letter-spacing:.11em;font-size:.59rem} .timeline-card{border-radius:18px 18px 18px 7px;background:linear-gradient(145deg,#fbfcfe,#f7f9fc);border:1px solid rgba(72,89,123,.08);padding:15px 17px}.timeline-row:hover .timeline-card{transform:translateX(2px);background:linear-gradient(145deg,color-mix(in srgb,var(--primary),#fff 91%),#fff)} .revenue-total{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:2.35rem}.revenue-chart i{border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary),#fff 24%),var(--primary))} .agenda-toolbar,.clients-toolbar,.op-toolbar,.report-period-toolbar{padding:8px;border-radius:18px;background:rgba(255,255,255,.66);border:1px solid rgba(76,92,125,.07);box-shadow:0 7px 22px rgba(31,43,70,.025)} .segmented{background:color-mix(in srgb,var(--primary),#eef2f8 93%);border:1px solid rgba(var(--primary-rgb),.07);border-radius:14px}.segmented button{border-radius:11px;padding:9px 16px}.segmented button.active{box-shadow:0 7px 16px rgba(31,45,78,.08)} .search-input,.clients-toolbar select,.modal-form input,.modal-form textarea,.modal-form select{border-radius:15px;border-color:rgba(73,89,120,.12);background:rgba(255,255,255,.92)} .calendar-shell{padding:26px}.calendar-day-head{padding:0 2px 20px}.calendar-day-head strong{font-family:Georgia,"Times New Roman",serif;font-size:1.13rem}.appointment-card{border-radius:16px 16px 16px 6px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#fff 88%),color-mix(in srgb,var(--primary),#fff 94%));border-left:3px solid var(--primary)} .client-row{border-radius:17px!important}.client-row.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#fff 88%),rgba(255,255,255,.9))!important;box-shadow:inset 3px 0 0 var(--primary)} .account-menu,.modal-card{border-radius:24px 24px 24px 10px!important;box-shadow:0 30px 80px rgba(19,30,56,.20)!important} .settings-card h3,.op-section h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.012em}.toggle-row{border-bottom-color:rgba(74,90,121,.08)} .finance-appointment-card-v090{padding:20px}.finance-appt-values{border-color:rgba(74,90,121,.08)} /* Hierarquia de módulos: separadores editoriais em vez de blocos de dashboard genéricos */ .page>.eyebrow:first-child,.page-title-row .eyebrow{position:relative;padding-left:18px}.page>.eyebrow:first-child:before,.page-title-row .eyebrow:before{content:"";position:absolute;left:0;top:50%;width:9px;height:2px;border-radius:2px;background:var(--primary);transform:translateY(-50%)} @media(max-width:1000px){ .app-shell{grid-template-columns:1fr}.content{padding:24px 18px 98px} .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--primary),#fff 90%),#f8f9fc 60%,color-mix(in srgb,var(--primary),#fff 94%))} .mobile-dock{border-radius:24px;background:rgba(255,255,255,.91);box-shadow:0 18px 48px rgba(24,37,71,.18)} .mobile-dock-item{border-radius:18px}.mobile-dock-item.active{background:linear-gradient(145deg,color-mix(in srgb,var(--primary),#fff 84%),color-mix(in srgb,var(--primary),#fff 91%));box-shadow:0 7px 18px rgba(var(--primary-rgb),.09)} .welcome-hero{padding:28px;border-radius:30px 30px 30px 12px} } @media(max-width:720px){ .content{padding:20px 14px 94px}.page-title-row{align-items:flex-start}.page-title-row h2{font-size:2rem}.page-title-row p{font-size:.86rem} .welcome-hero{padding:27px 25px;grid-template-columns:1fr;gap:22px}.welcome-copy h2{font-size:2.35rem}.welcome-stat{min-width:0;width:100%} .smart-metrics{grid-template-columns:1fr;gap:11px}.metric-card{min-height:92px;padding:16px 17px 16px 20px}.dashboard-grid{grid-template-columns:1fr} .panel,.calendar-shell,.settings-card,.finance-appointment-card-v090{border-radius:24px 24px 24px 10px}.panel{padding:20px} } @media(max-width:430px){ .topbar{padding:0 14px}.clinic-lockup{background:transparent;border:0;box-shadow:none;padding:0}.profile-btn{background:transparent;padding:3px} .welcome-copy h2{font-size:2.05rem}.welcome-copy p{font-size:.85rem}.hero-actions{gap:8px;flex-wrap:wrap}.hero-actions .btn{flex:1;min-width:145px} .metric-card strong{font-size:1.45rem}.page-title-row h2{font-size:1.9rem} } /* ========================================================= SEREIN v0.9.4 — BRAND UI PASS Identidade do cliente em primeiro plano, Serein discreto. ========================================================= */ :root{ --serein-font: "Aptos","Segoe UI Variable Text","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif; --serein-display: "Aptos Display","Segoe UI Variable Display","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif; } html,body,button,input,select,textarea{font-family:var(--serein-font)} /* Tipografia menos editorial/blog e mais produto premium */ .login-copy h1,.welcome-copy h2,.welcome-stat strong,.metric-card strong,.panel-head h3,.revenue-total, .page-title-row h2,.calendar-day-head strong,.settings-card h3,.op-section h3,.module-heading h2,.module-heading h1{ font-family:var(--serein-display)!important; font-weight:720!important; letter-spacing:-.035em!important; } .page-title-row h2{font-size:clamp(2rem,2.5vw,2.65rem)} .login-copy h1{font-weight:760!important;letter-spacing:-.06em!important;line-height:.96} /* Login: lockup estável no desktop + mais respiro */ .login-panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,250,255,.9));} .brand-lockup{gap:13px;max-width:500px;align-items:center} .brand-lockup>div:last-child{min-width:0} .brand-lockup strong{font-size:1.02rem;line-height:1.1;letter-spacing:-.01em} .brand-lockup span{font-size:.68rem;line-height:1.35;margin-top:3px;white-space:normal;max-width:280px} .login-copy .eyebrow{margin-top:18px;margin-bottom:14px} .login-copy{padding-top:16px} .login-form{margin-top:24px} .password-field{position:relative;display:block} .password-field input{padding-right:96px!important} .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#6d788c;display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;transition:.18s} .password-toggle:hover{background:var(--primary-soft);color:var(--primary)} .password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px} .password-eye{font-size:.78rem;line-height:1} /* Sidebar mais silenciosa, com hierarquia em vez de excesso de caixas */ .sidebar{width:auto;background:linear-gradient(180deg,#fbfcff 0%,color-mix(in srgb,var(--primary),#fff 97%) 54%,#f7f9fd 100%);padding:20px 14px} .sidebar-brand{margin:0 2px 14px;padding:5px 7px 19px;gap:10px} .sidebar-brand .brand-mark.small{width:36px;height:36px;border-radius:11px} .sidebar-brand strong{font-size:.9rem;letter-spacing:-.01em} .sidebar-brand small{font-size:.58rem;margin-top:2px;color:#96a0b1} .sidebar-nav{gap:4px} .nav-item{min-height:45px;padding:9px 11px;border-radius:13px;font-size:.81rem;font-weight:710;color:#69758a} .nav-item>span{width:25px;height:25px;border:0;background:transparent;border-radius:8px;font-size:.78rem;color:#8290a5} .nav-item:hover:not(.disabled){background:rgba(255,255,255,.78);box-shadow:none} .nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#fff 88%),rgba(255,255,255,.78));box-shadow:none;border-color:rgba(var(--primary-rgb),.08);color:color-mix(in srgb,var(--primary),var(--deep) 18%)} .nav-item.active>span{background:color-mix(in srgb,var(--primary),#fff 84%);color:var(--primary);box-shadow:none} .nav-item.active:before{left:-14px;top:10px;bottom:10px;width:3px} .sidebar-nav .nav-item:nth-child(5),.sidebar-nav .nav-item:nth-child(7){margin-bottom:8px} .sidebar-nav .nav-item:nth-child(6),.sidebar-nav .nav-item:nth-child(8){position:relative;margin-top:8px} .sidebar-nav .nav-item:nth-child(6):before,.sidebar-nav .nav-item:nth-child(8):before{content:"";position:absolute;left:8px;right:8px;top:-8px;height:1px;background:rgba(100,116,148,.10)} .sidebar-card{padding:11px 13px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary),#fff 86%),color-mix(in srgb,var(--primary),#fff 93%));border:1px solid color-mix(in srgb,var(--primary),transparent 83%);box-shadow:none;color:var(--ink);opacity:.88} .sidebar-card small{font-size:.56rem;color:#8995a8}.sidebar-card strong{font-size:.78rem;color:color-mix(in srgb,var(--primary),var(--deep) 28%);margin:2px 0}.sidebar-card span{font-size:.57rem;color:#8a95a8} /* Topo: empresa cliente vira o ponto de identidade contextual */ .topbar{height:78px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#fff 94%),rgba(255,255,255,.86) 42%,rgba(249,250,253,.88));border-bottom:1px solid color-mix(in srgb,var(--primary),transparent 90%)} .clinic-lockup{position:relative;overflow:hidden;min-width:210px;padding:8px 15px 8px 8px;border-radius:18px;background:linear-gradient(115deg,color-mix(in srgb,var(--primary),#fff 87%),color-mix(in srgb,var(--primary),#fff 95%));border:1px solid color-mix(in srgb,var(--primary),transparent 78%);box-shadow:0 8px 24px rgba(var(--primary-rgb),.07)} .clinic-lockup:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-45px;top:-48px;background:rgba(var(--primary-rgb),.10);pointer-events:none} .clinic-logo{position:relative;z-index:1;background:color-mix(in srgb,var(--primary),#fff 82%);color:color-mix(in srgb,var(--primary),var(--deep) 12%);border:1px solid color-mix(in srgb,var(--primary),transparent 76%)} .clinic-lockup>div:last-child{position:relative;z-index:1}.clinic-lockup small{font-size:.58rem;color:color-mix(in srgb,var(--primary),#667085 38%)}.clinic-lockup strong{font-size:.89rem;color:#20283a;letter-spacing:-.018em} /* Cabeçalhos de módulos: deixam de flutuar no vazio */ .page-title-row,.module-heading{ position:relative;overflow:hidden; padding:24px 26px; margin-bottom:22px!important; border:1px solid color-mix(in srgb,var(--primary),transparent 88%); border-radius:26px 26px 26px 11px; background: radial-gradient(circle at 88% 15%,rgba(var(--primary-rgb),.12),transparent 28%), linear-gradient(120deg,color-mix(in srgb,var(--primary),#fff 95%),rgba(255,255,255,.92) 54%,color-mix(in srgb,var(--primary),#fff 91%)); box-shadow:0 14px 36px rgba(31,44,76,.045); } .page-title-row:after,.module-heading:after{content:"";position:absolute;right:34px;bottom:-52px;width:150px;height:150px;border:1px solid rgba(var(--primary-rgb),.10);border-radius:50%;box-shadow:0 0 0 24px rgba(var(--primary-rgb),.025);pointer-events:none} .page-title-row>*,.module-heading>*{position:relative;z-index:1} .page-title-row .eyebrow,.module-heading .eyebrow{color:color-mix(in srgb,var(--primary),var(--deep) 10%)} .page-title-row p,.module-heading p{color:#77849a;max-width:720px} /* Dashboard continua distinto, porém conversa com o restante da linguagem */ .welcome-hero{border-radius:32px 32px 32px 12px;background:linear-gradient(126deg,var(--deep),color-mix(in srgb,var(--primary),var(--deep) 38%) 62%,var(--primary));} /* Controles mais silenciosos: menos cara de template */ .agenda-toolbar,.clients-toolbar,.op-toolbar,.report-period-toolbar{background:rgba(255,255,255,.74);border-color:rgba(76,92,125,.08);box-shadow:none} .panel,.calendar-shell,.clients-list,.client-detail,.settings-card,.finance-appointment-card-v090{box-shadow:0 10px 32px rgba(29,43,75,.045)} /* Mobile mantém prioridade da empresa sem exagero */ @media(max-width:1000px){ .sidebar{width:244px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary),#fff 92%),#f8f9fd 62%,color-mix(in srgb,var(--primary),#fff 96%))} .sidebar-card{margin-bottom:76px} .page-title-row,.module-heading{padding:21px 22px;border-radius:23px 23px 23px 10px} } @media(max-width:680px){ .brand-lockup{margin-bottom:34px!important}.login-copy{padding-top:0}.login-copy .eyebrow{margin-top:0} .page-title-row,.module-heading{padding:20px 18px}.page-title-row:after,.module-heading:after{display:none} .clinic-lockup{min-width:0;padding:5px 8px;background:transparent;border:0;box-shadow:none}.clinic-lockup:after{display:none} } @media(max-width:430px){ .password-toggle-text{display:none}.password-field input{padding-right:52px!important}.password-toggle{right:6px;width:38px;justify-content:center;padding:0} } /* ========================================================= SEREIN v0.9.5 — PRODUCT SIGNATURE PASS Refino visual autoral sem alteração funcional. ========================================================= */ :root{ --serein-navy:#17233D; --serein-gold:#C99A72; --serein-warm:#FBF8F4; } /* Shell: mais identidade, menos “template de dashboard”. */ .main{background: radial-gradient(circle at 82% 4%,rgba(var(--primary-rgb),.07),transparent 22%), linear-gradient(180deg,#F8F9FC 0,#F5F7FB 180px,#F7F8FB 100%)} .content{max-width:1680px;margin:0 auto;padding-top:28px} /* Sidebar com arquitetura mental discreta. */ .sidebar{padding:18px 14px 16px;border-right-color:rgba(75,91,122,.10)} .sidebar-brand{border-bottom:1px solid rgba(83,99,130,.08);margin-bottom:8px;padding-bottom:17px} .sidebar-brand:after{content:"";display:block;width:20px;height:2px;border-radius:10px;background:var(--serein-gold);margin:10px 0 -10px 46px;opacity:.8} .nav-group-label{padding:12px 12px 5px;text-transform:uppercase;letter-spacing:.16em;font-size:.49rem;font-weight:900;color:#A2ABBA;user-select:none} .nav-group-label:not(:first-child){margin-top:5px} .nav-group-label-last{margin-top:8px!important} .sidebar-nav .nav-item:nth-child(n){margin-top:0;margin-bottom:0} .sidebar-nav .nav-item:nth-child(n):before{display:none} .nav-item{position:relative;overflow:hidden} .nav-item.active:after{content:"";position:absolute;left:9px;top:50%;width:4px;height:4px;transform:translateY(-50%);border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.09)} .nav-item.active>span{margin-left:8px} .sidebar-card{padding:10px 12px;opacity:.78;border-radius:14px} .sidebar-card strong{font-size:.75rem}.sidebar-card span{font-size:.54rem} /* Topbar: a empresa cliente é o principal ponto de personalização. */ .topbar{height:82px;padding-left:28px;background:rgba(250,251,254,.9)} .clinic-lockup{min-width:250px;padding:9px 18px 9px 9px;border-radius:20px;background: linear-gradient(120deg,color-mix(in srgb,var(--primary),#fff 83%),color-mix(in srgb,var(--primary),#fff 93%) 68%,rgba(255,255,255,.94)); border-color:color-mix(in srgb,var(--primary),transparent 72%);box-shadow:0 10px 28px rgba(var(--primary-rgb),.08)} .clinic-lockup:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:var(--primary)} .clinic-logo{width:42px;height:42px;border-radius:13px;font-size:.72rem} .clinic-lockup-copy{min-width:0}.clinic-lockup-copy strong{font-size:.93rem} .clinic-context-dot{position:relative;z-index:1;margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px rgba(var(--primary-rgb),.08)} /* Cabeçalhos internos mais compactos e funcionais. */ .page-title-row,.module-heading{min-height:132px;padding:22px 26px 20px 28px;align-items:center;border-radius:25px 25px 25px 10px;background: linear-gradient(100deg,color-mix(in srgb,var(--primary),#fff 93%) 0%,rgba(255,255,255,.96) 58%,color-mix(in srgb,var(--primary),#fff 88%) 100%);box-shadow:0 12px 34px rgba(31,44,76,.04)} .page-title-row:before,.module-heading:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:4px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary),#fff 45%))} .page-title-row:after,.module-heading:after{right:46px;bottom:-76px;width:185px;height:185px;border-color:rgba(var(--primary-rgb),.08);box-shadow:0 0 0 30px rgba(var(--primary-rgb),.018)} .page-title-row h2,.module-heading h2{font-size:clamp(1.9rem,2.2vw,2.45rem)!important;line-height:1.02;margin-bottom:7px} .page-title-row p,.module-heading p{font-size:.86rem;line-height:1.55;color:#7E899C} .page-title-row .eyebrow,.module-heading .eyebrow{font-size:.62rem;letter-spacing:.18em;margin-bottom:9px} .page-title-row .btn-primary{min-height:48px;padding-inline:20px;border-radius:15px;box-shadow:0 14px 28px rgba(var(--primary-rgb),.16)} /* Dashboard: quebra deliberada da repetição de cards equivalentes. */ .smart-metrics{grid-template-columns:1.18fr .91fr .91fr;gap:12px} .metric-card{min-height:98px;border-radius:21px;padding:16px 18px;box-shadow:none} .metric-card:first-child{background:linear-gradient(130deg,color-mix(in srgb,var(--primary),#fff 90%),rgba(255,255,255,.98));border-color:rgba(var(--primary-rgb),.16);grid-template-columns:auto 1fr auto} .metric-card:first-child .metric-icon{background:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(var(--primary-rgb),.18)} .metric-card:first-child strong{font-size:1.55rem} .dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:16px} .agenda-focus{position:relative;overflow:hidden;padding-top:22px} .agenda-focus:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),transparent 85%)} .performance-focus{background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--primary),#fff 96%));box-shadow:none} .panel-head h3{font-size:1.1rem!important} .timeline-card{background:#FCFCFE;border-color:rgba(72,89,121,.09);border-radius:14px 14px 14px 6px} .timeline-row:hover .timeline-card{background:color-mix(in srgb,var(--primary),#fff 94%)} /* Agenda como módulo protagonista. */ #page-agenda .page-title-row{background: radial-gradient(circle at 78% 20%,rgba(var(--primary-rgb),.16),transparent 28%), linear-gradient(105deg,color-mix(in srgb,var(--primary),#fff 91%),rgba(255,255,255,.97) 58%,color-mix(in srgb,var(--primary),#fff 86%))} #page-agenda .calendar-shell{position:relative;overflow:hidden;border-radius:24px 24px 24px 9px;border-color:rgba(var(--primary-rgb),.12);box-shadow:0 14px 34px rgba(33,48,82,.045)} #page-agenda .calendar-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary),#fff 50%),transparent)} #page-agenda .calendar-day-head{background:linear-gradient(90deg,color-mix(in srgb,var(--primary),#fff 95%),transparent);margin:-26px -26px 10px;padding:21px 28px 18px;border-bottom-color:rgba(var(--primary-rgb),.09)} #page-agenda .calendar-day-head strong{font-family:var(--serein-display)!important;font-size:1.08rem!important;font-weight:750!important} #page-agenda .agenda-toolbar{padding:7px 8px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(77,93,124,.07)} /* Serein é a moldura; cor do cliente é o contexto. O dourado fica só como assinatura. */ .eyebrow:not(.light){color:color-mix(in srgb,var(--primary),var(--serein-navy) 15%)} .sidebar-brand strong{color:var(--serein-navy)} .powered strong{color:var(--serein-navy)} @media(max-width:1000px){ .nav-group-label{padding-left:11px}.topbar{height:72px;padding-left:14px}.clinic-lockup{min-width:0;padding:5px 8px;background:transparent;border:0;box-shadow:none}.clinic-lockup:before,.clinic-context-dot{display:none}.clinic-logo{width:38px;height:38px}.dashboard-grid{grid-template-columns:1fr}.smart-metrics{grid-template-columns:1fr 1fr}.sidebar-card{opacity:.88} } @media(max-width:720px){ .page-title-row,.module-heading{min-height:0;padding:20px 20px 19px 23px}.page-title-row:before,.module-heading:before{top:18px;bottom:18px}.smart-metrics{grid-template-columns:1fr}.metric-card:first-child strong{font-size:1.45rem}.page-title-row .btn-primary{width:100%}.nav-group-label{font-size:.47rem} } /* ========================================================= SEREIN v0.9.6 — OPERATIONAL UI REFINEMENT Agenda por status + acabamento de Financeiro e Relatórios. ========================================================= */ /* Agenda: filtros secundários compactos, úteis sem pesar o shell. */ .agenda-status-strip{display:flex;gap:8px;overflow-x:auto;padding:0 2px 12px;margin:-3px 0 5px;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity} .agenda-status-strip::-webkit-scrollbar{display:none} .agenda-status-chip{flex:0 0 auto;min-height:38px;padding:7px 11px;border:1px solid rgba(76,92,125,.10);border-radius:999px;background:rgba(255,255,255,.76);color:#727E91;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.72rem;font-weight:780;cursor:pointer;scroll-snap-align:start;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease} .agenda-status-chip b{min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#EEF2F7;color:#7A8597;font-size:.61rem;line-height:1} .agenda-status-chip.active{background:color-mix(in srgb,var(--primary),#fff 91%);border-color:rgba(var(--primary-rgb),.23);color:color-mix(in srgb,var(--primary),var(--serein-navy) 18%);box-shadow:0 7px 18px rgba(var(--primary-rgb),.07)} .agenda-status-chip.active b{background:var(--primary);color:#fff} @media(hover:hover) and (pointer:fine){.agenda-status-chip:hover{transform:translateY(-1px);border-color:rgba(var(--primary-rgb),.22)}} #page-agenda .appointment-card{position:relative;padding:15px 16px 15px 18px;border-left-width:0;background:#fff;border:1px solid rgba(76,92,125,.09);box-shadow:0 6px 18px rgba(31,44,76,.035)} #page-agenda .appointment-card:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 6px 6px 0;background:var(--primary)} #page-agenda .appointment-card.confirmed:before{background:#3EA878}#page-agenda .appointment-card.completed:before{background:#5576D8}#page-agenda .appointment-card.cancelled:before,#page-agenda .appointment-card.no_show:before{background:#C97474}#page-agenda .appointment-card.in_progress:before,#page-agenda .appointment-card.checked_in:before{background:#C8914F} #page-agenda .appointment-card-copy{min-width:0} #page-agenda .appointment-card-copy strong{font-size:.9rem;letter-spacing:-.01em} #page-agenda .appointment-card-copy span{max-width:760px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-agenda .appointment-card b{padding:6px 9px;border-radius:999px;background:#F1F4F8;color:#657186;white-space:nowrap} #page-agenda .appointment-card b.confirmed{background:#EAF7F1;color:#247A58}#page-agenda .appointment-card b.completed{background:#EDF2FF;color:#4967B2}#page-agenda .appointment-card b.in_progress,#page-agenda .appointment-card b.checked_in{background:#FFF4E6;color:#9A682C}#page-agenda .appointment-card b.cancelled,#page-agenda .appointment-card b.no_show{background:#FFF0F0;color:#A55050} /* Financeiro: leitura de caixa primeiro, controles depois, atendimentos como protagonista. */ .finance-view-v096 .page-heading{margin-bottom:16px} .finance-view-v096 .finance-period-v090{border:1px solid rgba(76,92,125,.08);background:rgba(255,255,255,.78);border-radius:17px;padding:10px 12px;box-shadow:none} .finance-view-v096 .finance-summary-v090{display:grid;grid-template-columns:1.15fr 1.15fr 1.15fr .85fr;gap:10px;margin:12px 0 14px;padding:0;background:transparent;border:0} .finance-view-v096 .finance-summary-v090>div{position:relative;overflow:hidden;min-height:106px;padding:17px 18px;border:1px solid rgba(76,92,125,.08);border-radius:19px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(29,43,75,.035)} .finance-view-v096 .finance-summary-v090>div:nth-child(2){background:linear-gradient(135deg,color-mix(in srgb,var(--primary),#fff 93%),#fff);border-color:rgba(var(--primary-rgb),.14)} .finance-view-v096 .finance-summary-v090 small{display:block;color:#8B95A5;font-size:.66rem;font-weight:820;text-transform:uppercase;letter-spacing:.08em} .finance-view-v096 .finance-summary-v090 strong{display:block;margin-top:8px;font-size:1.5rem;letter-spacing:-.035em;color:var(--serein-navy)} .finance-view-v096 .finance-summary-v090>div:nth-child(2) strong{color:color-mix(in srgb,var(--primary),var(--serein-navy) 20%)} .finance-view-v096 .finance-mini-status{display:flex!important;flex-wrap:wrap;gap:5px;font-size:.7rem!important;letter-spacing:0!important} .finance-view-v096 .finance-mini-status span{padding:5px 7px;border-radius:999px;background:#F1F4F8;color:#697487} .finance-view-v096 .finance-toolbar-v090{margin-bottom:11px;border-radius:15px} .finance-view-v096 .finance-appointments-v090{display:grid;gap:10px} .finance-view-v096 .finance-appointment-card-v090{border-radius:20px 20px 20px 8px;border-color:rgba(76,92,125,.08);background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} @media(hover:hover) and (pointer:fine){.finance-view-v096 .finance-appointment-card-v090:hover{transform:translateY(-2px);border-color:rgba(var(--primary-rgb),.16);box-shadow:0 14px 30px rgba(29,43,75,.055)}} .finance-view-v096 .finance-appt-values{background:#F8F9FC;border-radius:14px;padding:10px 12px} .finance-view-v096 .finance-appt-values>div:not(:last-child){border-right:1px solid rgba(76,92,125,.07)} /* Relatórios: linguagem analítica, silenciosa e mais densa. */ .reports-view-v096 .page-heading{margin-bottom:14px} .reports-view-v096 .report-period-toolbar{position:sticky;top:92px;z-index:8;padding:9px 10px;background:rgba(250,251,253,.92);backdrop-filter:blur(16px);border:1px solid rgba(76,92,125,.08);border-radius:17px} .reports-body-v096{display:grid;gap:13px} .reports-body-v096 .op-kpis{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:9px} .reports-body-v096 .op-kpi{min-height:94px;padding:15px 16px;border-radius:18px;background:#fff;border:1px solid rgba(76,92,125,.08);box-shadow:none} .reports-body-v096 .op-kpi:first-child{background:linear-gradient(135deg,color-mix(in srgb,var(--primary),#fff 94%),#fff);border-color:rgba(var(--primary-rgb),.14)} .reports-body-v096 .op-kpi small{font-size:.64rem;text-transform:uppercase;letter-spacing:.075em;color:#9099A8} .reports-body-v096 .op-kpi strong{font-size:1.45rem;color:var(--serein-navy)} .reports-body-v096 .op-kpi span{font-size:.7rem;color:#8590A1} .reports-body-v096 .settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:11px;align-items:start} .reports-body-v096 .settings-card{padding:18px;border-radius:19px;background:rgba(255,255,255,.91);border-color:rgba(76,92,125,.08);box-shadow:none} .reports-body-v096 .settings-card h3{font-size:1rem;letter-spacing:-.02em} .reports-body-v096 .settings-card p{font-size:.75rem;color:#8993A3;margin-bottom:14px} .reports-body-v096 .report-bars{display:grid;gap:9px} .reports-body-v096 .report-bar{grid-template-columns:minmax(110px,1fr) minmax(90px,1.1fr) auto;gap:10px;align-items:center} .reports-body-v096 .report-track{height:6px;background:#EEF1F5;border-radius:999px;overflow:hidden} .reports-body-v096 .report-track i{display:block;height:100%;width:var(--w);background:color-mix(in srgb,var(--primary),#fff 20%);border-radius:999px} .reports-body-v096 .report-summary-list>div{padding:10px 0;border-bottom:1px solid rgba(76,92,125,.07)} .reports-body-v096 .report-readable-summary{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--primary),#fff 97%))} /* Feedbacks finos e consistentes, sem animação ornamental. */ .btn,.nav-item,.op-icon-btn,.icon-btn,.timeline-row,.client-row{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease} .btn:active,.agenda-status-chip:active,.op-icon-btn:active{transform:translateY(1px) scale(.995)} @media(max-width:1000px){ .reports-view-v096 .report-period-toolbar{top:80px} .finance-view-v096 .finance-summary-v090{grid-template-columns:1fr 1fr} .reports-body-v096 .op-kpis{grid-template-columns:1fr 1fr} .reports-body-v096 .settings-grid{grid-template-columns:1fr} } @media(max-width:680px){ .agenda-status-strip{margin-left:-2px;margin-right:-2px;padding-bottom:10px} .agenda-status-chip{min-height:36px;padding:6px 10px;font-size:.69rem} #page-agenda .appointment-card{padding-right:12px;gap:9px} #page-agenda .appointment-card-copy span{max-width:56vw} #page-agenda .appointment-card b{font-size:.61rem;padding:5px 7px} .finance-view-v096 .finance-summary-v090{grid-template-columns:1fr 1fr;gap:8px} .finance-view-v096 .finance-summary-v090>div{min-height:90px;padding:14px} .finance-view-v096 .finance-summary-v090 strong{font-size:1.18rem} .reports-view-v096 .report-period-toolbar{position:static} .reports-body-v096 .op-kpis{grid-template-columns:1fr 1fr;gap:8px} .reports-body-v096 .op-kpi{min-height:82px;padding:13px} .reports-body-v096 .op-kpi strong{font-size:1.2rem} } /* ========================================================= SEREIN v0.9.7.1 — DESKTOP REFRESH BUTTON HOTFIX Corrige a largura herdada de .btn-soft e flex dos hero-actions. ========================================================= */ @media (min-width: 761px) { /* Ação Atualizar deve ser compacta no desktop, inclusive quando usa .btn-soft. */ #v080-client-refresh, #v080-prof-refresh, #v080-pay-refresh, #v090-fin-refresh, #v080-report-run { width: auto !important; min-width: 0 !important; min-height: 36px !important; height: 36px !important; margin: 0 !important; padding: 7px 12px !important; border-radius: 11px !important; font-size: .72rem !important; font-weight: 760; line-height: 1 !important; align-self: center; flex: 0 0 auto !important; white-space: nowrap; } /* Dashboard herda flex:1 de .hero-actions .btn; neutralizamos só no Atualizar. */ .hero-actions #v080-dash-refresh { width: auto !important; min-width: 0 !important; min-height: 38px !important; height: 38px !important; margin: 0 !important; padding: 8px 13px !important; border-radius: 12px !important; font-size: .73rem !important; line-height: 1 !important; flex: 0 0 auto !important; white-space: nowrap; } .reports-view-v096 .report-period-toolbar #v089-report-pdf { width: auto !important; min-height: 38px; height: 38px; margin: 0; padding: 8px 13px; border-radius: 12px; font-size: .73rem; font-weight: 760; white-space: nowrap; } .finance-view-v096 .finance-period-v090 { align-items: center; } } /* Mobile continua com alvo de toque confortável. */ @media (max-width: 760px) { #v080-client-refresh, #v080-prof-refresh, #v080-pay-refresh, #v090-fin-refresh, #v080-report-run, #v089-report-pdf { min-height: 44px; } } .btn.is-busy{cursor:progress;opacity:.76;box-shadow:none!important;transform:none!important;pointer-events:none} .btn.is-busy:after{content:"";width:12px;height:12px;margin-left:7px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;vertical-align:-2px;animation:serein-spin .72s linear infinite} @keyframes serein-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.btn.is-busy:after{animation:none;border-right-color:currentColor;opacity:.45}} .module-loading{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.70),rgba(246,248,252,.92),rgba(255,255,255,.70));border:1px solid rgba(76,92,125,.07);color:#7F8A9B} .module-loading:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.08);vertical-align:1px} @media(min-width:1001px){.op-toolbar,.report-period-toolbar{gap:8px}.reports-view-v096 .report-period-toolbar{padding:7px 9px}.finance-view-v096 .finance-period-v090{padding:8px 10px;gap:9px}} /* v0.9.8.2 — prévia x página publicada */ .managed-public-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} .managed-public-actions .btn{width:auto!important;flex:0 0 auto!important} .managed-public-actions .managed-live{border-color:color-mix(in srgb,var(--brand-primary,#173F46) 34%,#d7ddea);background:color-mix(in srgb,var(--brand-primary,#173F46) 8%,#fff);color:var(--brand-deep,#172B30)} .managed-preview-note{display:block;margin-top:9px;line-height:1.45;color:var(--muted,#6b7280)} @media(max-width:720px){.managed-public-actions{display:grid;grid-template-columns:1fr}.managed-public-actions .btn{width:100%!important}} /* ===== v0.9.9 — Professional schedule productivity ===== */ .schedule-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}.schedule-section-head>div{min-width:0}.schedule-section-head h3{margin:0 0 5px}.schedule-section-head p{margin:0;color:#7b8499}.schedule-multi-btn{width:auto!important;flex:none!important;white-space:nowrap}.schedule-copy-btn{min-width:38px}.schedule-copy-btn:disabled{opacity:.35;cursor:not-allowed;background:#f7f8fb}.schedule-replicate-panel{margin:-4px 0 16px;padding:16px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:16px;background:linear-gradient(145deg,#fff,var(--primary-soft));box-shadow:0 12px 30px rgba(24,37,74,.06)}.schedule-replicate-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.schedule-replicate-head strong,.schedule-replicate-head small{display:block}.schedule-replicate-head small{margin-top:3px;color:#7b8499}.schedule-source{display:grid;gap:6px;margin-bottom:12px}.schedule-source span{font-size:12px;font-weight:800;color:#5e6880}.schedule-source select{min-height:42px;border:1px solid #dfe3ec;border-radius:11px;background:#fff;padding:0 11px;color:#1f2a44}.schedule-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.schedule-targets label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px 11px;border:1px solid #e5e9f1;border-radius:11px;background:#fff;cursor:pointer}.schedule-targets label:has(input:checked){border-color:rgba(var(--primary-rgb),.35);background:var(--primary-soft)}.schedule-targets input{width:17px;height:17px;accent-color:var(--primary)}.schedule-targets small{grid-column:2;color:#8b93a5;font-size:10px}.schedule-replicate-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px} @media(max-width:900px){.schedule-section-head{flex-direction:column}.schedule-multi-btn{width:100%!important}.schedule-day{grid-template-columns:90px 1fr}.schedule-add{grid-column:2;flex-wrap:wrap}.schedule-targets{grid-template-columns:1fr}} /* ===== Serein v0.9.11 — Secondary surfaces refinement ===== */ .modal{padding:24px;background:rgba(13,24,48,.46);backdrop-filter:blur(8px)} .modal-card,.modal-card.wide,.modal-card.xwide{display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid rgba(101,118,151,.16);border-radius:24px!important;background:#fff;max-height:min(88vh,860px);box-shadow:0 34px 90px rgba(17,29,56,.24)!important} .modal-card.wide{width:min(720px,calc(100vw - 40px))}.modal-card.xwide{width:min(1040px,calc(100vw - 40px))} .modal-head{flex:0 0 auto;padding:21px 24px 18px;border-bottom:1px solid #edf0f5;background:linear-gradient(180deg,#fff,rgba(var(--primary-rgb),.025));align-items:center} .modal-head small{font-size:.58rem;letter-spacing:.16em;color:#7d8799}.modal-head h3{font-size:1.35rem;letter-spacing:-.025em;margin:3px 0 0}.modal-subtitle{font-size:.74rem;line-height:1.45;margin-top:4px}.modal-head button{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer}.modal-head button:hover{background:#f4f6fa;color:var(--deep)} .modal-card>.op-form,.modal-card>#v080-schedule-body,.modal-card>.op-table,.modal-card>.op-kpis,.modal-card>.detail-block,.modal-card>.inline-note,.modal-card>.payment-form,.modal-card>.settings-grid{min-height:0} .modal-card>.op-form{padding:22px 24px;overflow:auto}.modal-card>.op-table,.modal-card>.op-kpis,.modal-card>.detail-block{margin-left:24px;margin-right:24px} .modal-card>.modal-footer,.op-form>.modal-footer{position:sticky;bottom:-22px;margin:22px -24px -22px;padding:14px 24px;background:rgba(255,255,255,.96);border-top:1px solid #edf0f5;backdrop-filter:blur(10px);z-index:3} .op-form-grid{gap:16px 18px}.op-form label>span{font-size:.7rem;letter-spacing:.01em}.op-form input,.op-form select,.op-form textarea{min-height:46px;border-radius:13px} #v080-schedule .modal-card{height:min(86vh,820px)}#v080-schedule-body{height:100%;min-height:0;overflow:hidden}.schedule-workspace{height:100%;display:flex;flex-direction:column;min-height:0}.schedule-tabs{display:flex;gap:4px;padding:12px 20px 0;border-bottom:1px solid #edf0f5;background:#fbfcfe}.schedule-tabs button{border:0;background:transparent;color:#737e91;font-weight:800;padding:10px 13px 11px;border-radius:10px 10px 0 0;cursor:pointer}.schedule-tabs button.active{color:var(--primary);background:#fff;box-shadow:inset 0 -2px 0 var(--primary)}.schedule-tabs span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:999px;background:var(--primary-soft);font-size:.62rem} .schedule-pane{display:none;min-height:0;overflow:auto;padding:20px 24px 0}.schedule-pane.active{display:block}.schedule-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.schedule-pane-head h3{margin:0 0 4px;font-size:1.08rem}.schedule-pane-head p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}.schedule-multi-btn{min-height:40px!important;padding:9px 13px!important;font-size:.72rem!important} .schedule-editor{display:grid;gap:0;border-top:1px solid #edf0f5}.schedule-day{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #edf0f5}.schedule-day-name{padding-top:3px}.schedule-day-name strong,.schedule-day-name small{display:block}.schedule-day-name strong{font-size:.82rem}.schedule-day-name small{font-size:.64rem;color:#98a1b1;margin-top:3px}.schedule-day-main{min-width:0}.periods{min-height:34px;align-items:center;margin-bottom:9px}.period-chip{border-radius:11px;padding:7px 9px;background:#f7f8fb}.period-chip b{font-size:.76rem}.period-chip i{font-style:normal;color:#a2aaba;font-size:.68rem}.schedule-empty{font-size:.7rem;color:#9aa3b2}.schedule-add{display:grid;grid-template-columns:minmax(112px,150px) auto minmax(112px,150px) 40px 40px;align-items:end;gap:7px}.schedule-add label{display:grid;gap:4px}.schedule-add label span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8b95a6}.schedule-add input{max-width:none;min-width:0;width:100%;height:40px;border:1px solid #dde2eb;border-radius:10px;padding:0 10px;background:#fff}.schedule-arrow{align-self:center;color:#9aa4b5;padding-top:14px}.schedule-add .op-icon-btn{height:40px;min-width:40px;padding:0;display:grid;place-items:center}.schedule-sticky-actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:18px -24px 0;padding:13px 24px;background:rgba(255,255,255,.97);border-top:1px solid #edf0f5;backdrop-filter:blur(10px);z-index:4}.schedule-sticky-actions span{margin-right:auto;color:#8b95a7;font-size:.68rem}.schedule-sticky-actions .btn{min-height:42px;padding:10px 17px} .schedule-block-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;padding:18px;border:1px solid #e8ecf2;border-radius:18px;background:#fafbfd}.schedule-block-form label{display:grid;gap:6px}.schedule-block-form label span{font-size:.68rem;font-weight:800;color:#667187}.schedule-block-form input{width:100%;min-height:44px;border:1px solid #dfe4ec;border-radius:11px;padding:0 11px;background:#fff}.schedule-block-reason{grid-column:1/-1}.schedule-block-form .btn{grid-column:2;justify-self:end;min-height:42px}.schedule-block-list{display:grid;gap:8px;margin-top:16px;padding-bottom:22px}.schedule-block-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 14px;border:1px solid #e8ecf2;border-radius:14px}.schedule-block-row strong,.schedule-block-row small,.schedule-block-row span{display:block}.schedule-block-row small{margin-top:3px;color:#69758a}.schedule-block-row span{font-size:.68rem;color:#929bad;margin-top:3px}.schedule-empty-state{padding:28px 18px;text-align:center;border:1px dashed #dce2eb;border-radius:16px;color:#8691a4}.schedule-empty-state strong,.schedule-empty-state span{display:block}.schedule-empty-state span{margin-top:5px;font-size:.7rem} @media(max-width:700px){ .modal{padding:0;place-items:stretch}.modal-card,.modal-card.wide,.modal-card.xwide{width:100%;height:100%;max-height:none;border:0;border-radius:0!important;animation:none}.modal-head{padding:16px 18px 14px}.modal-head h3{font-size:1.22rem}.modal-subtitle{font-size:.7rem}.modal-card>.op-form{padding:18px;overflow:auto}.modal-card>.modal-footer,.op-form>.modal-footer{margin:20px -18px -18px;padding:12px 18px}.modal-footer .btn{flex:1;min-width:0}.op-form-grid{grid-template-columns:1fr!important;gap:14px}.op-form-grid .full{grid-column:auto!important} #v080-schedule .modal-card{height:100%}#v080-schedule-body{height:100%}.schedule-tabs{padding:8px 14px 0}.schedule-tabs button{flex:1;padding:11px 8px}.schedule-pane{padding:16px 18px 0}.schedule-pane-head{display:block;margin-bottom:14px}.schedule-pane-head .schedule-multi-btn{width:100%!important;margin-top:13px}.schedule-day{grid-template-columns:1fr;gap:9px;padding:16px 0}.schedule-day-name{display:flex;align-items:center;justify-content:space-between}.schedule-day-name small{margin:0}.schedule-add{grid-template-columns:1fr auto 1fr 42px 42px;gap:6px}.schedule-add label span{font-size:.55rem}.schedule-add input{height:42px}.schedule-sticky-actions{margin:16px -18px 0;padding:11px 18px;gap:8px}.schedule-sticky-actions span{display:none}.schedule-sticky-actions .btn{width:100%}.schedule-block-form{grid-template-columns:1fr;padding:14px}.schedule-block-reason,.schedule-block-form .btn{grid-column:auto}.schedule-block-form .btn{width:100%;justify-self:stretch}.schedule-replicate-panel{margin:0 0 14px;padding:14px}.schedule-targets{grid-template-columns:1fr 1fr}.schedule-replicate-actions .btn{flex:1} } @media(max-width:430px){.schedule-add{grid-template-columns:1fr auto 1fr}.schedule-add-btn,.schedule-copy-btn{grid-row:2}.schedule-add-btn{grid-column:1/2}.schedule-copy-btn{grid-column:3/4}.schedule-arrow{grid-column:2;grid-row:1}.schedule-targets{grid-template-columns:1fr}} /* ===== Serein v0.9.12 — Secondary surfaces consistency + mobile density ===== */ /* Superfícies operacionais: menos “card dentro de card”, mais hierarquia e previsibilidade. */ .secondary-surface .modal-card{background:#fff} .secondary-surface .modal-head{padding:20px 24px 17px;background:#fff} .secondary-surface .modal-head h3{margin:0;font-size:1.28rem;font-weight:850;letter-spacing:-.025em;color:var(--deep)} .secondary-surface .modal-subtitle{max-width:640px;margin:5px 0 0;color:#7d8798;line-height:1.5} .secondary-surface .modal-head button{font-size:1.18rem;color:#8b95a6} .secondary-surface .modal-card>.op-form, .secondary-surface .modal-card>.modal-form{padding:21px 24px 24px;overflow:auto;margin-top:0;min-height:0} .secondary-surface .op-form-grid{gap:15px 18px} .secondary-surface .op-form label>span, .secondary-surface .modal-form label>span{font-size:.68rem;color:#5f6b80;margin-bottom:1px} .secondary-surface .op-form input, .secondary-surface .op-form select, .secondary-surface .op-form textarea, .secondary-surface .modal-form input, .secondary-surface .modal-form select, .secondary-surface .modal-form textarea{min-height:44px;border-radius:11px;background:#fff;border-color:#dfe4ec;box-shadow:none} .secondary-surface .op-form textarea, .secondary-surface .modal-form textarea{min-height:92px} .secondary-surface .modal-footer{gap:9px} .secondary-surface .modal-footer .btn{min-height:40px;padding:9px 14px;border-radius:11px} .secondary-surface .media-managed{border-style:solid;background:#fafbfd;border-color:#e7ebf2;border-radius:14px;padding:13px 14px} .secondary-surface .media-avatar-preview{border-radius:12px} .secondary-surface .inline-note{margin:0 24px 20px;padding:11px 13px;border:1px solid #e9edf3;border-radius:12px;background:#fafbfd;color:#727e91;font-size:.7rem;line-height:1.45} /* Detalhes e KPIs dentro de sub-telas não devem parecer um dashboard inteiro. */ .secondary-surface>.modal-card>.op-kpis{gap:8px;margin-top:18px;margin-bottom:14px} .secondary-surface>.modal-card>.op-kpis .op-kpi{padding:12px 13px;border-radius:13px;box-shadow:none;background:#fbfcfe} .secondary-surface>.modal-card>.op-kpis .op-kpi small{margin-bottom:4px;font-size:.61rem;text-transform:uppercase;letter-spacing:.06em} .secondary-surface>.modal-card>.op-kpis .op-kpi strong{font-size:1rem!important;line-height:1.25;overflow-wrap:anywhere} .secondary-surface>.modal-card>.detail-block{padding:14px 0 18px} .secondary-surface>.modal-card>.detail-block p{margin:7px 0 0;line-height:1.55;color:#536074} /* Categorias e listas dentro de sub-telas. */ .secondary-surface .op-table{gap:7px} .secondary-surface .op-row{border-radius:13px;padding:12px 13px;box-shadow:none;background:#fff} .secondary-surface .op-row:hover{transform:none;box-shadow:none;border-color:rgba(var(--primary-rgb),.22)} .secondary-surface .op-icon-btn{min-height:36px;padding:7px 10px;border-radius:9px} /* Novo agendamento e pagamentos: o construtor vira uma sequência visual, não cartões repetidos. */ .secondary-surface .multi-service-builder{gap:8px} .secondary-surface .multi-service-row{border-radius:12px;padding:11px 12px;background:#fbfcfe;border-color:#e7ebf1} .secondary-surface .finance-payment-summary-v090{border:1px solid #e8ecf2;background:#fbfcfe;border-radius:12px} .secondary-surface .finance-detail-head-v090>div{border-radius:12px;background:#fbfcfe} .secondary-surface .finance-history-list-v090 article{padding:11px 2px} /* Profissionais: contexto curto, lista aparece cedo no mobile. */ .professionals-page .professionals-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0} .professionals-page .professionals-kpis .op-kpi{min-height:76px;padding:12px 14px;border-radius:15px;box-shadow:none} .professionals-page .professionals-kpis .op-kpi small{margin-bottom:4px;font-size:.62rem} .professionals-page .professionals-kpis .op-kpi strong{font-size:1.35rem} .professionals-page .professionals-toolbar{margin-bottom:12px} /* Agenda do profissional: mantém o padrão validado e refina apenas a densidade. */ #v080-schedule.secondary-surface .modal-head{background:#fff} #v080-schedule .schedule-tabs{background:#fff;padding-top:8px} #v080-schedule .schedule-tabs button{font-size:.72rem} #v080-schedule .schedule-pane-head{margin-bottom:14px} @media(max-width:700px){ .secondary-surface .modal-card{background:#fff} .secondary-surface .modal-head{padding:15px 18px 13px;position:sticky;top:0;z-index:8;background:rgba(255,255,255,.98);backdrop-filter:blur(10px)} .secondary-surface .modal-head h3{font-size:1.16rem} .secondary-surface .modal-subtitle{font-size:.68rem;line-height:1.4} .secondary-surface .modal-card>.op-form, .secondary-surface .modal-card>.modal-form{padding:16px 18px 20px} .secondary-surface .op-form-grid{gap:12px} .secondary-surface .modal-footer{position:sticky;bottom:-20px;margin:18px -18px -20px;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98)} .secondary-surface .modal-footer .btn{min-height:44px} .secondary-surface>.modal-card>.op-kpis{grid-template-columns:1fr 1fr!important;gap:7px;margin:14px 18px 12px} .secondary-surface>.modal-card>.op-kpis .op-kpi{min-height:68px;padding:10px 11px} .secondary-surface>.modal-card>.detail-block{margin-left:18px;margin-right:18px} .secondary-surface .op-table{margin-left:18px!important;margin-right:18px!important} .secondary-surface .op-row{grid-template-columns:1fr!important;gap:8px;padding:12px} .secondary-surface .op-actions{grid-column:auto;justify-content:flex-start;flex-wrap:wrap} .secondary-surface .op-actions .op-icon-btn{flex:0 0 auto} .secondary-surface .multi-service-row{grid-template-columns:1fr!important;gap:9px} .secondary-surface .multi-service-row>[data-remove-item]{justify-self:end} .secondary-surface .inline-note{margin:0 18px 16px} .secondary-surface .finance-detail-head-v090{grid-template-columns:1fr 1fr} .secondary-surface .finance-detail-head-v090>.finance-status-v090{grid-column:1/-1;justify-self:start} .professionals-page .module-heading{padding-bottom:16px} .professionals-page .module-heading p{max-width:30ch} .professionals-page .module-heading .btn-primary{min-height:43px;padding:10px 14px} .professionals-page .professionals-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px;margin:10px 0 11px} .professionals-page .professionals-kpis .op-kpi{min-height:62px;padding:9px 10px;border-radius:13px} .professionals-page .professionals-kpis .op-kpi small{font-size:.56rem;letter-spacing:.02em;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .professionals-page .professionals-kpis .op-kpi strong{font-size:1.12rem} .professionals-page .professionals-toolbar{grid-template-columns:minmax(0,1fr) 112px!important;gap:7px!important;padding:7px!important;margin-bottom:9px} .professionals-page .professionals-toolbar .search-input{grid-column:1/-1;height:43px;padding:10px 12px} .professionals-page .professionals-toolbar select{height:41px;min-width:0;padding:8px 10px} .professionals-page .professionals-toolbar #v080-prof-refresh{height:41px!important;min-height:41px!important;padding:7px 10px!important;width:auto!important;justify-self:stretch} .professionals-page #v080-prof-list .op-table{margin:0!important} } @media(max-width:420px){ .professionals-page .professionals-kpis{gap:6px} .professionals-page .professionals-kpis .op-kpi{padding:8px;min-height:58px} .professionals-page .professionals-kpis .op-kpi small{font-size:.52rem} .professionals-page .professionals-kpis .op-kpi strong{font-size:1.05rem} .secondary-surface .finance-detail-head-v090{grid-template-columns:1fr} } /* ===== v0.9.15 — QA técnico e higiene de pacote ===== */ :root{--company-mineral:color-mix(in srgb,var(--primary-2) 45%,#fff);--company-paper:color-mix(in srgb,var(--primary) 4%,#fff);--company-bronze:var(--primary-2)} html.brand-clinica-serein-demo .clinic-lockup{ background:linear-gradient(115deg,color-mix(in srgb,var(--company-paper) 92%,#fff),color-mix(in srgb,var(--company-mineral) 30%,#fff)); border-color:color-mix(in srgb,var(--primary),transparent 84%); } html.brand-clinica-serein-demo .clinic-logo{background:var(--company-paper);border-color:color-mix(in srgb,var(--primary),transparent 82%)} html.brand-clinica-serein-demo .clinic-context-dot{background:var(--company-bronze);box-shadow:0 0 0 6px color-mix(in srgb,var(--company-bronze),transparent 88%)} html.brand-clinica-serein-demo .welcome-hero{ background:linear-gradient(132deg,var(--deep) 0%,var(--primary) 58%,color-mix(in srgb,var(--primary),var(--primary-2) 46%) 100%); } html.brand-clinica-serein-demo .welcome-copy p{color:color-mix(in srgb,var(--company-paper),#fff 18%)} html.brand-clinica-serein-demo .welcome-stat{background:color-mix(in srgb,var(--company-mineral),transparent 83%);border-color:color-mix(in srgb,var(--company-paper),transparent 78%)} html.brand-clinica-serein-demo .welcome-stat span{color:color-mix(in srgb,var(--company-mineral),#fff 28%)} html.brand-clinica-serein-demo .sidebar-card{background:linear-gradient(145deg,color-mix(in srgb,var(--primary),#fff 88%),color-mix(in srgb,var(--company-mineral),#fff 91%));border-color:color-mix(in srgb,var(--primary),transparent 86%)} html.brand-clinica-serein-demo .sidebar-card strong{color:var(--primary)} html.brand-clinica-serein-demo .preview-card{border-color:color-mix(in srgb,#173F46,transparent 90%)} html.brand-clinica-serein-demo .metric-card .trend{color:var(--primary)} @media(max-width:680px){html.brand-clinica-serein-demo .clinic-lockup{background:transparent;border:0}} .demo-clinic-avatar{background:#173F46!important;overflow:hidden;padding:0!important} .demo-clinic-avatar img{width:100%;height:100%;object-fit:contain} .login-showcase .preview-card{--primary:#173F46;--primary-2:#789B8C;--primary-soft:#EDF3F0;--deep:#172B30;--company-bronze:#B18A68} .login-showcase .preview-card .sparkline i{background:linear-gradient(180deg,#789B8C,#173F46)} .login-showcase .preview-card .preview-top{border-bottom-color:#E2E9E5} .login-showcase .preview-card .live-pill{background:#EDF5F0;color:#356A55} /* ===== v0.9.16.4 — paint-safe auth boot ===== */ .auth-boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;background:var(--bg,#F7F9FE);color:var(--ink,#172B30);text-align:center;padding:28px} .auth-boot-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid var(--line,#E6EAF2);box-shadow:0 12px 34px rgba(23,43,48,.08)} .auth-boot-mark img{width:34px;height:34px;display:block} .auth-boot-copy{display:grid;gap:4px} .auth-boot-copy strong{font-size:1rem;letter-spacing:-.02em} .auth-boot-copy span{font-size:.78rem;color:var(--muted,#7A8497)} /* ===== v0.9.16.4 — paint-safe surface correction ===== */ [hidden]{display:none!important} .auth-boot{position:fixed!important;inset:0!important;z-index:10000!important;width:100%!important;min-height:100vh!important;margin:0!important} .auth-boot[hidden],#login-view[hidden],#app-view[hidden]{display:none!important} /* ===== v0.9.17 — Users & Access Integration ===== */ #password-change-view[hidden]{display:none!important} .password-change-shell{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(var(--primary-rgb),.08),transparent 34%),var(--bg,#f7f9fe)} .password-change-card{width:min(100%,500px);background:#fff;border:1px solid var(--line,#e6eaf2);border-radius:24px;padding:28px;box-shadow:0 26px 80px rgba(22,36,48,.12)} .password-change-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.password-change-brand>div:last-child{display:grid;gap:1px}.password-change-brand strong{font-size:.96rem}.password-change-brand small{font-size:.66rem;color:var(--muted)} .password-change-card h1{font-size:1.65rem;line-height:1.1;margin:8px 0 10px;letter-spacing:-.035em}.password-change-card>p{margin:0 0 22px;color:var(--muted);font-size:.84rem;line-height:1.6} .password-change-form{display:grid;gap:15px}.password-change-form label{display:grid;gap:7px}.password-change-form label>span{font-size:.72rem;font-weight:700;color:var(--ink)}.password-change-form .password-field{position:relative}.password-change-form input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:11px 88px 11px 13px;font:inherit;color:var(--ink);background:#fff}.password-change-form input:focus{outline:3px solid rgba(var(--primary-rgb),.11);border-color:var(--primary)}.password-change-form .password-toggle{position:absolute;right:6px;top:6px;bottom:6px;padding:0 10px;border:0;background:transparent;color:var(--primary);font-size:.7rem;font-weight:700}.field-help{font-size:.64rem;color:var(--muted);line-height:1.45}.password-change-form>.btn{margin-top:4px;min-height:46px}.password-change-exit{display:block;margin:17px auto 0;border:0;background:transparent;color:var(--muted);font-size:.7rem;cursor:pointer} .user-access-section{margin-top:18px}.user-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.user-access-head>div{display:flex;gap:12px;align-items:flex-start}.user-access-head h3{margin:0 0 4px;font-size:1rem}.user-access-head p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.5;max-width:65ch}.user-access-guidance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 8px}.user-access-guidance span{font-size:.68rem;color:var(--ink)}.user-access-guidance small{font-size:.64rem;color:var(--muted)} .user-access-list{display:grid;gap:8px;margin-top:8px}.user-access-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0f4}.user-access-row:first-child{border-top:0}.user-access-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--primary) 15%,#fff);color:var(--primary);font-size:.72rem;font-weight:800}.user-access-main{min-width:0;display:grid;gap:3px}.user-access-main>strong{font-size:.8rem}.user-access-main>span{font-size:.67rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-access-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.user-role-badge,.user-status-badge,.user-password-pending{font-size:.57rem;padding:3px 7px;border-radius:999px;border:1px solid var(--line);background:#f8fafc;color:#5d6879}.user-status-badge.active{background:#eff8f3;color:#356a55;border-color:#dbeee3}.user-status-badge.suspended{background:#fff7eb;color:#976421;border-color:#f3e2c5}.user-status-badge.removed,.user-status-badge.inactive{background:#f5f6f8;color:#7d8490}.user-password-pending{background:color-mix(in srgb,var(--primary) 6%,#fff);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 14%,#fff)}.user-access-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:410px}.user-protected{font-size:.62rem;color:var(--muted);padding:6px 8px}.temporary-password-box{display:grid;gap:10px;padding:20px 24px 8px}.temporary-password-box small{font-size:.6rem;letter-spacing:.08em;color:var(--muted)}.temporary-password-box code{display:block;padding:15px;border-radius:12px;background:#f4f7f8;border:1px solid #e2e8e8;color:#173f46;font:700 1rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:all}.security-note{margin-top:14px!important} @media(max-width:700px){.password-change-shell{padding:0;background:#fff}.password-change-card{width:100%;min-height:100%;border:0;border-radius:0;box-shadow:none;padding:calc(28px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.user-access-head{align-items:stretch;flex-direction:column}.user-access-head>.btn{align-self:flex-start}.user-access-guidance{align-items:flex-start;flex-direction:column}.user-access-row{grid-template-columns:40px minmax(0,1fr);align-items:start}.user-access-actions{grid-column:1/-1;justify-content:flex-start;padding-left:52px;max-width:none}.user-access-actions .op-icon-btn{min-height:38px}.temporary-password-box{padding:18px}} /* v0.9.17.1 — role-aligned read-only cues */ .role-readonly-note{display:inline-flex;align-items:center;align-self:center;padding:7px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);background:rgba(255,255,255,.62);white-space:nowrap} html[data-serein-role="staff"] .dashboard-grid{grid-template-columns:minmax(0,1fr)} html[data-serein-role="staff"] #page-dashboard>.op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:760px){.role-readonly-note{font-size:11px;padding:6px 9px}html[data-serein-role="staff"] #page-dashboard>.op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v0.9.17.2 — busca de cliente no novo agendamento */ .client-combo-label{position:relative;z-index:8}.client-combobox{position:relative}.client-combobox>[data-client-search]{padding-right:38px}.client-combobox.has-selection>[data-client-search]{border-color:color-mix(in srgb,var(--primary) 48%,#dfe3ec);background:color-mix(in srgb,var(--primary) 4%,#fff)}.client-combo-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:40;background:#fff;border:1px solid #dfe3ec;border-radius:14px;box-shadow:0 18px 42px rgba(21,34,54,.14);padding:6px;max-height:310px;overflow:auto}.client-combo-option{width:100%;border:0;background:transparent;border-radius:10px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:#1f2a44;cursor:pointer}.client-combo-option span{display:grid;gap:2px;min-width:0}.client-combo-option strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-combo-option small{font-size:.73rem;color:#7c879d}.client-combo-option i{font-style:normal;font-size:.68rem;font-weight:800;color:var(--primary);opacity:0;transition:opacity .15s ease}.client-combo-option:hover,.client-combo-option.active{background:color-mix(in srgb,var(--primary) 7%,#fff)}.client-combo-option:hover i,.client-combo-option.active i{opacity:1}.client-combo-empty{display:grid;gap:3px;padding:14px 12px;color:#5e6880}.client-combo-empty strong{font-size:.84rem;color:#26344c}.client-combo-empty span{font-size:.74rem}.client-combo-results[hidden]{display:none!important}@media(max-width:900px){.client-combo-results{max-height:240px}.client-combo-option{min-height:52px;padding:10px 12px}.client-combo-option i{display:none}} /* v0.9.18.2 — controle operacional de publicação da página pública */ .public-page-control{margin-top:18px;padding:16px;border:1px solid var(--line,#dbe3eb);border-radius:16px;background:rgba(255,255,255,.56)} .public-page-control-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .public-page-control-copy>div{display:grid;gap:5px} .public-page-control-copy strong{font-size:.96rem;color:var(--ink,#1b2638)} .public-page-control-copy small{max-width:430px;color:var(--muted,#72809a);line-height:1.45} .public-page-switch{position:relative;flex:0 0 auto;width:46px;height:26px;cursor:pointer} .public-page-switch input{position:absolute;opacity:0;pointer-events:none} .public-page-switch span{display:block;width:46px;height:26px;border-radius:999px;background:#cfd7db;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(25,48,55,.08)} .public-page-switch span:after{content:"";display:block;width:20px;height:20px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(23,43,48,.22);transition:.18s ease} .public-page-switch input:checked+span{background:var(--primary,#173f46)} .public-page-switch input:checked+span:after{transform:translateX(20px)} .public-page-switch input:focus-visible+span{outline:3px solid rgba(23,63,70,.18);outline-offset:3px} .public-page-state{display:inline-flex;align-items:center;gap:7px;margin-top:13px;font-size:.78rem;font-weight:750;letter-spacing:.01em;color:#69778c} .public-page-state>span{width:7px;height:7px;border-radius:50%;background:#98a4b2} .public-page-state.is-live{color:#315f50}.public-page-state.is-live>span{background:#5c8b79} .public-page-save{width:100%;margin-top:13px} .managed-live.is-disabled{opacity:.55;cursor:not-allowed;text-decoration:none;pointer-events:none} @media (max-width:720px){.public-page-control{padding:14px}.public-page-control-copy{gap:12px}.managed-public-actions{display:grid;grid-template-columns:1fr}.managed-public-actions .btn{width:100%;justify-content:center}} /* v0.9.18.4 — navegação temporal da Agenda */ .agenda-period-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;padding:0 8px;min-height:46px} .agenda-period-nav.hidden{display:none!important} .agenda-period-stepper{display:inline-flex;align-items:center;gap:4px;padding:4px;background:rgba(255,255,255,.78);border:1px solid rgba(76,92,125,.09);border-radius:14px} .agenda-period-arrow,.agenda-period-label,.agenda-goto-date{border:0;background:transparent;color:var(--text);font:inherit;font-weight:800;cursor:pointer;transition:.18s ease} .agenda-period-arrow{width:38px;height:36px;border-radius:10px;font-size:1.35rem;line-height:1;color:var(--primary)} .agenda-period-arrow:hover,.agenda-period-label:hover,.agenda-goto-date:hover{background:var(--primary-soft)} .agenda-period-label{min-width:176px;height:36px;padding:0 12px;border-radius:10px;text-transform:none} .agenda-goto-date{height:38px;padding:0 13px;border-radius:11px;color:var(--primary)} .agenda-native-picker{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} @media(max-width:680px){ .agenda-period-nav{padding:0;align-items:stretch;flex-direction:column;gap:8px;margin-top:-4px} .agenda-period-stepper{width:100%;display:grid;grid-template-columns:42px 1fr 42px} .agenda-period-label{min-width:0;width:100%} .agenda-goto-date{align-self:flex-end} } /* ========================================================= SEREIN v0.9.19.4 — LOGIN MATURITY PASS Superfície flutuante no desktop; mobile direto e sem hero. ========================================================= */ @media(min-width:1001px){ .login-shell{ display:block; min-height:100vh; position:relative; overflow:hidden; background: radial-gradient(circle at 72% 18%,rgba(var(--primary-rgb),.16),transparent 27%), radial-gradient(circle at 88% 78%,rgba(var(--primary-rgb),.09),transparent 30%), linear-gradient(135deg,#eef3fb 0%,#f8fafc 42%,#e8eef8 100%); isolation:isolate; } .login-panel{ position:relative; z-index:3; width:min(560px,calc(100vw - 96px)); min-height:auto; margin:clamp(42px,6vh,72px) 0 clamp(42px,6vh,72px) clamp(42px,5.2vw,88px); padding:clamp(38px,4vw,58px); border:1px solid rgba(255,255,255,.86); border-radius:34px 34px 34px 12px; background:rgba(255,255,255,.93); box-shadow:0 30px 90px rgba(28,43,72,.13),0 1px 0 rgba(255,255,255,.95) inset; backdrop-filter:blur(22px); justify-content:flex-start; } .brand-lockup{ position:static; margin:0 0 clamp(44px,7vh,74px); } .login-copy{padding-top:0;max-width:470px} .login-copy .eyebrow{margin-top:0;margin-bottom:12px;letter-spacing:.13em} .login-copy h1{ font-size:clamp(2.45rem,3.4vw,3.65rem)!important; line-height:.98!important; letter-spacing:-.055em!important; margin-bottom:15px; } .login-copy p{font-size:.94rem;line-height:1.62;max-width:445px} .login-form{margin-top:28px;max-width:470px;margin-left:0;margin-right:0} .login-form input{min-height:50px;border-radius:13px;background:rgba(255,255,255,.98)} #login-submit{min-height:48px;border-radius:13px} .demo-switcher{ max-width:470px; margin:22px 0 0; background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:18px 0 0; } .demo-btn{background:rgba(250,251,253,.9)} .powered{margin-top:18px;font-size:.68rem;letter-spacing:.01em} .login-showcase{ position:absolute; inset:0; z-index:0; display:block; padding:0; background:transparent; overflow:hidden; pointer-events:none; } .login-showcase-grid{ position:absolute; inset:0 0 0 48%; opacity:.28; background-image: linear-gradient(rgba(61,82,120,.08) 1px,transparent 1px), linear-gradient(90deg,rgba(61,82,120,.08) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%); } .login-showcase:after{ content:""; position:absolute; width:min(47vw,690px); aspect-ratio:1; right:-8vw; top:10vh; border-radius:50%; background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.78),rgba(var(--primary-rgb),.09) 34%,rgba(var(--primary-rgb),.02) 62%,transparent 70%); filter:blur(.2px); } .login-showcase-mark{ position:absolute; right:clamp(70px,10vw,170px); top:clamp(72px,11vh,130px); width:92px; height:92px; display:grid; place-items:center; border-radius:28px 28px 28px 10px; background:rgba(255,255,255,.64); border:1px solid rgba(255,255,255,.9); box-shadow:0 24px 65px rgba(32,50,82,.10); backdrop-filter:blur(16px); } .login-showcase-mark img{width:64px;height:64px;object-fit:contain} .showcase-statement{ position:absolute; right:clamp(68px,8vw,140px); bottom:clamp(110px,17vh,190px); width:min(39vw,570px); color:#17283e; } .showcase-kicker{ display:block; margin-bottom:14px; font-size:.72rem; font-weight:850; letter-spacing:.18em; text-transform:uppercase; color:var(--primary); } .showcase-statement h2{ margin:0; max-width:560px; font-family:var(--serein-display); font-size:clamp(2.5rem,4.3vw,5rem); line-height:.96; letter-spacing:-.055em; font-weight:730; } .showcase-statement p{ max-width:470px; margin:22px 0 0; font-size:.98rem; line-height:1.65; color:#627188; } .showcase-signature{ position:absolute; right:clamp(68px,8vw,140px); bottom:42px; color:#7d8999; font-size:.69rem; } .showcase-signature strong{color:#536176} .login-orbit{position:absolute;border:1px solid rgba(var(--primary-rgb),.10);border-radius:50%} .login-orbit-a{width:430px;height:430px;right:7vw;top:12vh} .login-orbit-b{width:620px;height:620px;right:-4vw;top:2vh;border-color:rgba(var(--primary-rgb),.055)} } @media(max-width:1000px){ .login-shell{background:#f8fafc!important;overflow:auto} .login-panel{ min-height:100dvh; padding:30px clamp(22px,6vw,44px) max(30px,env(safe-area-inset-bottom)); background:#fff!important; backdrop-filter:none; } .brand-lockup{margin-bottom:clamp(44px,9vh,76px)!important} .login-copy h1{font-size:clamp(2.25rem,11vw,3.5rem)!important;line-height:.98!important} .login-copy p{font-size:.92rem;line-height:1.6} .login-form{margin-top:26px} .demo-switcher{margin-top:24px;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent} .powered{margin-top:22px;padding-bottom:8px} .login-showcase{display:none!important} } @media(max-width:520px){ .brand-lockup span{max-width:230px} .login-copy .eyebrow{font-size:.64rem} .demo-buttons{flex-direction:column} .demo-btn{min-height:42px} } /* ========================================================= SEREIN v0.9.19.4 — LOGIN VIEWPORT POLISH Login inteiro no primeiro enquadramento + senha alinhada. ========================================================= */ /* O botão de visibilidade ocupa o eixo inteiro do campo, evitando desalinhamento entre engines mobile. */ #login-form .password-toggle{ top:0; bottom:0; height:auto; transform:none; right:10px; margin:auto 0; align-items:center; } @media(min-width:1001px){ .login-shell{height:100dvh;min-height:0;overflow:hidden} .login-panel{ height:calc(100dvh - 40px); max-height:920px; margin:20px 0 20px clamp(30px,4.6vw,82px); padding:clamp(28px,3.1vh,42px) clamp(34px,3.2vw,50px); overflow:hidden; justify-content:flex-start; } .brand-lockup{margin-bottom:clamp(24px,3.8vh,42px)} .brand-mark{width:42px;height:42px;border-radius:14px} .brand-lockup span{font-size:.7rem} .login-copy .eyebrow{margin-bottom:8px} .login-copy h1{ font-size:clamp(2.2rem,3vw,3.2rem)!important; margin-bottom:10px; } .login-copy p{font-size:.86rem;line-height:1.48;max-width:430px;margin:0} .login-form{margin-top:18px;gap:10px} .login-form label span{margin-bottom:5px;font-size:.74rem} .login-form input{min-height:46px;padding-top:11px;padding-bottom:11px} #login-submit{min-height:44px} .pwa-install-btn{min-height:50px;padding:7px 12px} .pwa-install-icon{width:30px;height:30px;flex-basis:30px;border-radius:10px} .pwa-install-btn strong{font-size:.75rem}.pwa-install-btn small{font-size:.62rem} .demo-switcher{margin-top:15px;padding-top:13px} .demo-switcher>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:baseline} .demo-switcher>div:first-child strong{font-size:.78rem;white-space:nowrap} .demo-switcher>div:first-child span{font-size:.64rem;margin:0} .demo-buttons{margin-top:9px} .demo-btn{padding:8px;min-height:34px;font-size:.69rem} .powered{margin-top:10px;font-size:.63rem} .showcase-statement{bottom:clamp(90px,13vh,145px)} .showcase-statement h2{font-size:clamp(2.35rem,4vw,4.6rem)} .showcase-statement p{margin-top:15px;font-size:.9rem;line-height:1.5} .showcase-signature{bottom:24px} } /* Notebooks baixos: preserva o mesmo desenho, reduzindo apenas ritmo vertical. */ @media(min-width:1001px) and (max-height:760px){ .login-panel{height:calc(100dvh - 24px);margin-top:12px;margin-bottom:12px;padding-top:24px;padding-bottom:24px} .brand-lockup{margin-bottom:20px} .login-copy h1{font-size:2.35rem!important} .login-copy p{font-size:.81rem;line-height:1.4} .login-form{margin-top:13px;gap:8px} .login-form input{min-height:42px} #login-submit{min-height:42px} .pwa-install-btn{min-height:46px} .demo-switcher{margin-top:11px;padding-top:10px} .demo-buttons{margin-top:7px}.demo-btn{min-height:31px;padding:6px} .powered{margin-top:7px} } @media(max-width:1000px){ .login-shell{min-height:100dvh;height:100dvh;overflow:hidden!important;background:#fff!important} .login-panel{ min-height:0; height:100dvh; padding:clamp(16px,2.8vh,26px) clamp(20px,5vw,34px) max(14px,env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; justify-content:flex-start; } .brand-lockup{margin:0 0 clamp(22px,4.2vh,34px)!important} .brand-mark{width:42px;height:42px;border-radius:14px} .brand-lockup span{font-size:.68rem} .login-copy .eyebrow{margin-bottom:8px;font-size:.59rem} .login-copy h1{ font-size:clamp(2rem,9.7vw,2.75rem)!important; line-height:.96!important; margin-bottom:10px; } .login-copy p{font-size:.82rem;line-height:1.42;margin:0;max-width:520px} .login-form{margin-top:18px;gap:10px} .login-form label span{font-size:.73rem;margin-bottom:5px} .login-form input{min-height:46px;padding:11px 78px 11px 13px!important;border-radius:13px} #login-form .password-field input{padding-right:92px!important} #login-form .password-toggle{ right:8px; width:auto; min-width:72px; padding:0 8px; justify-content:center; gap:5px; } #login-form .password-toggle-text{display:inline!important} #login-form .password-eye{font-size:.62rem} #login-submit{min-height:45px} .pwa-install-btn{min-height:49px;padding:7px 12px} .pwa-install-icon{width:30px;height:30px;flex-basis:30px} .pwa-install-btn strong{font-size:.75rem}.pwa-install-btn small{font-size:.62rem} .demo-switcher{margin-top:14px;padding-top:12px} .demo-switcher>div:first-child{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap} .demo-switcher>div:first-child strong{font-size:.78rem} .demo-switcher>div:first-child span{font-size:.63rem;margin:0} .demo-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px} .demo-btn{min-height:34px!important;padding:7px 5px;font-size:.68rem} .powered{margin-top:9px;padding-bottom:0;font-size:.61rem} } /* Celulares de altura reduzida: remove apenas respiros, não conteúdo. */ @media(max-width:560px) and (max-height:760px){ .login-panel{padding-top:13px;padding-bottom:10px} .brand-lockup{margin-bottom:17px!important} .brand-mark{width:38px;height:38px}.brand-lockup span{font-size:.62rem} .login-copy .eyebrow{margin-bottom:6px} .login-copy h1{font-size:1.95rem!important;margin-bottom:7px} .login-copy p{font-size:.75rem;line-height:1.34} .login-form{margin-top:13px;gap:7px} .login-form label span{margin-bottom:4px;font-size:.68rem} .login-form input{min-height:42px} #login-submit{min-height:42px} .pwa-install-btn{min-height:44px} .demo-switcher{margin-top:10px;padding-top:9px} .demo-switcher>div:first-child span{display:none} .demo-buttons{margin-top:6px}.demo-btn{min-height:31px!important;padding:5px} .powered{margin-top:6px} } /* ========================================================= SEREIN v0.9.19.4 — LOGIN FINAL REFINEMENT Lateral institucional mais sóbria + interação de senha limpa. ========================================================= */ /* Em telas touch, hover persistente não deve criar uma placa atrás de Mostrar/Ocultar. */ #login-form .password-toggle, #login-form .password-toggle:hover, #login-form .password-toggle:active, #login-form .password-toggle[aria-pressed="true"]{ background:transparent!important; box-shadow:none!important; } #login-form .password-toggle:focus{background:transparent!important;box-shadow:none!important;outline:0} #login-form .password-toggle:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 58%,transparent);outline-offset:1px;border-radius:8px} @media(hover:hover) and (pointer:fine){ #login-form .password-toggle:hover{color:var(--primary)!important;background:color-mix(in srgb,var(--primary-soft) 45%,transparent)!important} } @media(min-width:1001px){ .login-shell{ background:#eef2f6; } .login-showcase{ left:0; background:#173743; } .login-showcase:before{ content:""; position:absolute; inset:0 0 0 50%; background:linear-gradient(90deg,#173743 0%,#173743 62%,#15333d 100%); } .login-showcase-grid{ inset:0 0 0 50%; opacity:.12; background-image:linear-gradient(90deg,transparent 0 78%,rgba(255,255,255,.08) 78% 78.15%,transparent 78.15% 100%); background-size:26px 100%; mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 100%); } .login-showcase:after{ content:""; position:absolute; right:0; bottom:0; width:34%; height:34%; border-radius:0; background:linear-gradient(180deg,transparent,rgba(7,28,35,.18)); filter:none; } .showcase-statement{ right:clamp(62px,7.2vw,126px); bottom:auto; top:50%; transform:translateY(-44%); width:min(37vw,520px); color:#f7f4ef; } .showcase-kicker{ margin-bottom:18px; color:#d7ad7e; font-size:.68rem; font-weight:780; letter-spacing:.19em; } .showcase-statement h2{ max-width:510px; font-family:var(--serein-display); font-size:clamp(2.4rem,3.45vw,4.05rem); line-height:1.04; letter-spacing:-.04em; font-weight:560; color:#f6f3ee; } .showcase-statement h2::first-line{color:#f6f3ee} .showcase-statement p{ max-width:420px; margin:24px 0 0; font-size:.9rem; line-height:1.62; color:rgba(239,244,245,.74); } /* destaque de marca sem glow/efeito: apenas a parte final da frase */ .showcase-statement h2{ text-wrap:balance; } } @media(min-width:1001px){.showcase-accent{color:#d9a975;font-weight:560}} /* ========================================================= SEREIN v0.9.19.9 — LOGIN PREVIEW FIDELITY Implementação fiel ao layout visual aprovado. ========================================================= */ @media(min-width:1001px){ html,body{overflow:auto} .login-shell{ height:100dvh!important; min-height:100dvh!important; display:grid!important; grid-template-columns:minmax(570px,39.2vw) 1fr!important; gap:0!important; padding:8px 0 8px 32px!important; background:#0e2732!important; overflow:hidden!important; } .login-shell>.ambient{display:none!important} .login-panel{ position:relative!important; z-index:4!important; width:100%!important; height:calc(100dvh - 16px)!important; max-height:none!important; min-height:0!important; margin:0!important; padding:clamp(34px,4.1vh,52px) clamp(36px,3.45vw,56px)!important; border:1px solid rgba(221,225,229,.96)!important; border-radius:34px!important; background:#fff!important; box-shadow:0 22px 58px rgba(4,20,27,.18)!important; backdrop-filter:none!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; overflow:hidden!important; } .brand-lockup{ position:static!important; margin:0 0 clamp(44px,7.1vh,70px)!important; gap:16px!important; } .brand-mark{width:58px!important;height:58px!important;border-radius:17px!important;box-shadow:0 8px 22px rgba(20,38,52,.10)!important} .brand-lockup strong{font-family:Georgia,"Times New Roman",serif!important;font-size:1.52rem!important;line-height:1!important;font-weight:600!important;letter-spacing:-.02em!important;color:#10263a!important} .brand-lockup span{margin-top:5px!important;font-size:.73rem!important;color:#6f7c8f!important;font-weight:600!important} .login-copy{max-width:500px!important;padding:0!important} .login-copy .eyebrow{margin:0 0 16px!important;color:#b87539!important;font-size:.69rem!important;letter-spacing:.19em!important;font-weight:850!important} .login-copy h1{ max-width:520px!important; margin:0 0 14px!important; font-family:Georgia,"Times New Roman",serif!important; font-size:clamp(2.25rem,2.9vw,3.22rem)!important; line-height:1.03!important; letter-spacing:-.035em!important; font-weight:600!important; color:#10263a!important; } .login-copy p{max-width:465px!important;margin:0!important;font-size:.91rem!important;line-height:1.55!important;color:#718096!important} .login-form{width:100%!important;max-width:500px!important;margin:25px 0 0!important;gap:14px!important} .login-form label>span{margin-bottom:7px!important;font-size:.77rem!important;color:#10263a!important;font-weight:800!important} .login-input-wrap{position:relative!important;width:100%!important} .login-field-icon{position:absolute!important;left:15px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;display:grid!important;place-items:center!important;width:18px!important;height:18px!important;color:#64727c!important;font-size:.88rem!important;font-weight:500!important;pointer-events:none!important} .login-lock-icon{font-size:.8rem!important;transform:translateY(-50%) rotate(180deg)!important} .login-form input{min-height:52px!important;border-radius:12px!important;border:1px solid #d9dfe5!important;background:#fff!important;box-shadow:none!important;color:#10263a!important} .email-input-wrap input{padding:12px 16px 12px 47px!important} #login-form .password-field input{padding:12px 104px 12px 47px!important} .login-form input:focus{border-color:#9aa9b6!important;box-shadow:0 0 0 3px rgba(16,53,69,.06)!important} #login-form .password-toggle, #login-form .password-toggle:hover, #login-form .password-toggle:active, #login-form .password-toggle[aria-pressed="true"]{ right:8px!important;top:0!important;bottom:0!important;height:auto!important;min-width:78px!important;margin:auto 0!important;padding:0 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#0f6dde!important;transform:none!important;justify-content:center!important;gap:6px!important;font-size:.72rem!important;font-weight:700!important; } #login-form .password-eye{color:#62727f!important;font-size:.7rem!important} #login-submit{ min-height:54px!important; margin-top:1px!important; border-radius:12px!important; background:linear-gradient(180deg,#12425a 0%,#07334c 100%)!important; box-shadow:0 8px 20px rgba(7,51,76,.16)!important; color:#fff!important; font-size:.96rem!important; } #login-submit.shine:after{display:none!important} .pwa-install-btn{ min-height:66px!important; margin-top:2px!important; padding:10px 14px!important; border:1px solid #e0e4e8!important; border-radius:12px!important; background:#fff!important; box-shadow:0 7px 18px rgba(16,38,58,.045)!important; } .pwa-install-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important;background:#e5f7f8!important;color:#0c93a2!important;font-size:1.02rem!important} .pwa-install-btn strong{font-size:.79rem!important;color:#10263a!important}.pwa-install-btn small{font-size:.67rem!important;color:#7b8797!important} .pwa-install-btn:after{content:"›";margin-left:auto;color:#6e7e8a;font-size:1.8rem;font-weight:300;line-height:1} .demo-switcher{width:100%!important;max-width:500px!important;margin:24px 0 0!important;padding:0!important;border:0!important;background:transparent!important} .demo-switcher>div:first-child{display:block!important} .demo-switcher>div:first-child strong{font-size:.82rem!important;color:#10263a!important;font-weight:800!important} .demo-switcher>div:first-child span{display:block!important;margin:6px 0 0!important;font-size:.67rem!important;line-height:1.45!important;color:#7b8797!important} .demo-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:16px!important} .demo-btn{min-height:54px!important;padding:10px 14px!important;border:1px solid #dce2e6!important;border-radius:12px!important;background:#fff!important;color:#3e6868!important;font-size:.82rem!important;font-weight:650!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important} .demo-btn:hover{background:#f7faf9!important;border-color:#cbd8d5!important} .demo-icon{font-size:1.02rem!important;color:#4f7c76!important}.demo-icon-leaf{font-size:1.05rem!important} .powered{margin-top:31px!important;font-size:.68rem!important;color:#798695!important}.powered strong{color:#10263a!important} .login-showcase{ position:relative!important; inset:auto!important; width:100%!important; height:calc(100dvh - 16px)!important; margin:0!important; padding:0!important; z-index:1!important; overflow:hidden!important; background:#0e2732 url('../images/login-showcase-v102.webp') center center/cover no-repeat!important; pointer-events:none!important; } .login-showcase-grid,.login-showcase:before,.login-showcase:after,.showcase-statement{display:none!important} } @media(min-width:1001px) and (max-height:790px){ .login-shell{grid-template-columns:minmax(540px,38vw) 1fr!important;padding-left:20px!important} .login-panel{padding:24px 34px!important} .brand-lockup{margin-bottom:25px!important}.brand-mark{width:48px!important;height:48px!important}.brand-lockup strong{font-size:1.28rem!important}.brand-lockup span{font-size:.64rem!important} .login-copy .eyebrow{margin-bottom:9px!important;font-size:.61rem!important}.login-copy h1{font-size:2.12rem!important;margin-bottom:8px!important}.login-copy p{font-size:.79rem!important;line-height:1.4!important} .login-form{margin-top:14px!important;gap:8px!important}.login-form label>span{font-size:.7rem!important;margin-bottom:4px!important}.login-form input{min-height:43px!important} #login-submit{min-height:44px!important}.pwa-install-btn{min-height:49px!important;padding:6px 10px!important}.pwa-install-icon{width:31px!important;height:31px!important;flex-basis:31px!important} .demo-switcher{margin-top:13px!important}.demo-switcher>div:first-child span{margin-top:2px!important;font-size:.61rem!important}.demo-buttons{margin-top:7px!important;gap:8px!important}.demo-btn{min-height:35px!important;padding:5px 8px!important;font-size:.7rem!important}.powered{margin-top:9px!important;font-size:.61rem!important} } @media(max-width:1000px){ html,body{overflow:auto} .login-shell{display:block!important;height:100dvh!important;min-height:100dvh!important;padding:0!important;background:#fff!important;overflow:hidden!important} .login-panel{width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:clamp(17px,2.6vh,27px) clamp(20px,5vw,36px) max(13px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow-y:auto!important} .brand-lockup{position:static!important;margin:0 0 clamp(22px,4vh,34px)!important;gap:12px!important}.brand-mark{width:44px!important;height:44px!important;border-radius:13px!important}.brand-lockup strong{font-family:Georgia,"Times New Roman",serif!important;font-size:1.28rem!important;font-weight:600!important;color:#10263a!important}.brand-lockup span{font-size:.65rem!important} .login-copy .eyebrow{color:#b87539!important;letter-spacing:.16em!important}.login-copy h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:600!important;color:#10263a!important;letter-spacing:-.035em!important}.login-copy p{color:#748193!important} .login-input-wrap{position:relative!important}.login-field-icon{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;color:#667783!important;font-size:.82rem!important;pointer-events:none!important}.login-lock-icon{transform:translateY(-50%) rotate(180deg)!important} .email-input-wrap input{padding-left:45px!important}#login-form .password-field input{padding-left:45px!important;padding-right:92px!important} #login-form .password-toggle,#login-form .password-toggle:hover,#login-form .password-toggle:active,#login-form .password-toggle[aria-pressed="true"]{right:7px!important;top:0!important;bottom:0!important;height:auto!important;min-width:75px!important;padding:0 8px!important;margin:auto 0!important;background:transparent!important;box-shadow:none!important;color:#0f6dde!important;border-radius:7px!important;transform:none!important} #login-form .password-toggle:focus,#login-form .password-toggle:focus-visible{background:transparent!important;box-shadow:none!important;outline:0!important} #login-submit{background:linear-gradient(180deg,#12425a 0%,#07334c 100%)!important;box-shadow:0 8px 20px rgba(7,51,76,.13)!important} #login-submit.shine:after{display:none!important} .pwa-install-btn{background:#fff!important}.pwa-install-icon{background:#e5f7f8!important;color:#0c93a2!important} .demo-btn{color:#3e6868!important} .login-showcase{display:none!important} } /* lock icon desenhado em CSS para evitar glyph/emoji inconsistente */ .login-lock-icon{font-size:0!important;transform:translateY(-50%)!important} .login-lock-icon:before{content:"";position:absolute;width:10px;height:8px;border:1.5px solid currentColor;border-radius:2px;left:4px;top:8px} .login-lock-icon:after{content:"";position:absolute;width:7px;height:7px;border:1.5px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0;left:5.5px;top:3px} /* v1.0.1 — ordenação manual de procedimentos */ .service-order-workspace{padding:0 24px 22px;display:grid;gap:14px;min-height:0} .service-order-guidance{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#f8fafb;color:var(--ink)} .service-order-guidance strong{font-size:.78rem}.service-order-guidance span{font-size:.69rem;color:var(--muted);max-width:480px;line-height:1.45;text-align:right} #v101-service-order-body{display:grid;gap:14px;max-height:min(56vh,560px);overflow:auto;padding-right:3px} .service-order-group{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden} .service-order-group>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;background:#fafbfc;border-bottom:1px solid var(--line)} .service-order-group>header div{display:grid;gap:3px}.service-order-group>header strong{font-size:.78rem;color:var(--ink)}.service-order-group>header small{font-size:.65rem;color:var(--muted)} .service-order-group>header>span{min-width:28px;height:28px;border-radius:999px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:.68rem;font-weight:900} .service-order-list{display:grid;padding:6px} .service-order-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 9px;border-radius:11px;border:1px solid transparent;background:#fff;transition:background .15s ease,border-color .15s ease,opacity .15s ease} .service-order-row+ .service-order-row{border-top-color:#eef0f3;border-top-left-radius:0;border-top-right-radius:0} .service-order-row:hover{background:#fbfcfd;border-color:rgba(var(--primary-rgb),.12)} .service-order-row.dragging{opacity:.45;background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.25)} .service-drag-handle{width:30px;height:34px;border:0;background:transparent;color:#8090a0;cursor:grab;font-size:18px;letter-spacing:-4px;display:grid;place-items:center;padding:0}.service-drag-handle:active{cursor:grabbing} .service-order-main{display:grid;gap:3px;min-width:0}.service-order-main strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-order-main span{font-size:.65rem;color:var(--muted)} .service-order-mobile-actions{display:flex;gap:6px}.service-order-mobile-actions button{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--deep);font-weight:900;cursor:pointer}.service-order-mobile-actions button:disabled{opacity:.28;cursor:default} .service-order-footer{padding:4px 0 0;margin:0;border:0} @media(min-width:761px){.service-order-mobile-actions{opacity:.45}.service-order-row:hover .service-order-mobile-actions{opacity:1}} @media(max-width:760px){.service-order-workspace{padding:0 18px 18px}.service-order-guidance{display:grid;gap:5px}.service-order-guidance span{text-align:left}.service-order-row{grid-template-columns:26px minmax(0,1fr) auto;padding:10px 7px}.service-drag-handle{opacity:.45;cursor:default}.service-order-group>header{padding:12px}.service-order-group>header small{line-height:1.35}#v101-service-order-body{max-height:58vh}.service-order-footer{position:sticky;bottom:0;background:#fff;padding-top:10px}} /* v1.0.3 — catalog order + fixed desktop navigation */ .category-order-list{display:grid;gap:8px;margin-top:12px}.category-order-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e4e8ef;border-radius:13px;background:#fff}.category-order-row.dragging{opacity:.52;box-shadow:0 10px 24px rgba(23,43,48,.10)}.category-order-guidance{margin-top:18px}.category-order-footer{margin-top:12px}.category-create-grid{grid-template-columns:1fr}.category-order-row .service-order-mobile-actions{display:flex;gap:5px} @media(min-width:981px){.app-shell{display:block!important}.sidebar{position:fixed!important;left:0;top:0;bottom:0;width:248px;height:100dvh;overflow-y:auto;overscroll-behavior:contain}.main{margin-left:248px;min-width:0}.category-order-row .service-order-mobile-actions{display:none}} @media(max-width:980px){.category-order-row{grid-template-columns:28px minmax(0,1fr) auto auto}.category-order-row>.op-badge{grid-column:2}.category-order-row>[data-cat-toggle]{grid-column:4;grid-row:1 / span 2}.category-order-row .service-order-mobile-actions{grid-column:3;grid-row:1 / span 2}.category-order-row{draggable:false}} /* ========================================================= SEREIN v1.0.5 — Financeiro compacto + Commission Foundation ========================================================= */ .finance-tabs-v105{display:flex;align-items:center;gap:4px;margin:0 0 14px;padding:4px;width:max-content;max-width:100%;border:1px solid rgba(76,92,125,.09);border-radius:14px;background:rgba(255,255,255,.82)} .finance-tabs-v105 button{border:0;background:transparent;color:#6d788a;border-radius:10px;padding:9px 14px;font:inherit;font-size:.79rem;font-weight:800;cursor:pointer}.finance-tabs-v105 button.active{background:#fff;color:var(--primary);box-shadow:0 4px 14px rgba(29,43,75,.07)}.finance-tabs-v105 button.locked{opacity:.55;cursor:not-allowed}.finance-tabs-v105 button span{font-size:.62rem;margin-left:5px} .finance-history-link-v105{border:0;background:transparent;color:var(--primary);padding:8px 2px;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.finance-history-link-v105:hover{text-decoration:underline}.btn-compact-v105{min-height:38px;padding:0 13px} @media(min-width:1100px){.finance-view-v096 .finance-appointments-v090{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-view-v096 .finance-appointment-card-v090{padding:15px 16px;gap:12px;align-content:start}.finance-view-v096 .finance-appt-main strong{font-size:15px}.finance-view-v096 .finance-appt-values strong{font-size:15px}.finance-view-v096 .finance-appt-actions{align-items:center;justify-content:space-between}} .page-heading-actions-v105{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .commission-toolbar-v105{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(76,92,125,.08);background:rgba(255,255,255,.78);border-radius:17px}.commission-toolbar-v105 label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:700}.commission-toolbar-v105 input,.commission-toolbar-v105 select{min-height:42px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:0 12px;color:var(--ink);font:inherit} .commission-kpis-v105{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.commission-kpis-v105>div{min-height:102px;padding:16px 17px;border:1px solid rgba(76,92,125,.08);border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(29,43,75,.035)}.commission-kpis-v105>div.featured{background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),#fff);border-color:rgba(var(--primary-rgb),.15)}.commission-kpis-v105 small{display:block;color:#8b95a5;font-size:.65rem;font-weight:820;text-transform:uppercase;letter-spacing:.07em}.commission-kpis-v105 strong{display:block;margin-top:8px;color:var(--serein-navy);font-size:1.35rem;letter-spacing:-.03em}.commission-kpis-v105 .featured strong{color:var(--primary)} .commission-section-v105{border:1px solid rgba(76,92,125,.08);border-radius:20px;background:#fff;padding:16px;box-shadow:0 8px 24px rgba(29,43,75,.03)}.commission-section-head-v105{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.commission-section-head-v105 small{color:#9099aa;font-size:.61rem;font-weight:850;letter-spacing:.12em}.commission-section-head-v105 h3{margin:3px 0 0;font-size:1rem}.commission-section-head-v105>span{color:var(--muted);font-size:.72rem} .commission-list-v105{display:grid;gap:7px}.commission-list-v105>article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:13px;background:#f8f9fc;border:1px solid rgba(76,92,125,.055)}.commission-list-v105>article.reversal{background:#fff7f7}.commission-list-v105>article>div:first-child{display:grid;gap:2px;min-width:0}.commission-list-v105 small,.commission-list-v105 span{color:var(--muted);font-size:.72rem}.commission-list-v105 strong{font-size:.87rem}.commission-values-v105{text-align:right;display:grid;gap:2px;flex:0 0 auto}.commission-values-v105 strong{color:var(--primary);font-size:.96rem}.commission-list-v105 .reversal .commission-values-v105 strong{color:#a63d4b} .commission-grid-v105{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.commission-mini-list-v105{display:grid;gap:6px}.commission-mini-list-v105>div,.commission-mini-list-v105>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;border-radius:11px;background:#f8f9fc;color:var(--ink);text-align:left;font:inherit}.commission-mini-list-v105>button{cursor:pointer}.commission-mini-list-v105 span{display:grid;gap:2px}.commission-mini-list-v105 small{color:var(--muted);font-size:.7rem}.commission-mini-list-v105 b{font-size:.77rem;color:#277a52}.commission-mini-list-v105 b.negative{color:#a63d4b}.closing-status-v105{padding:5px 8px;border-radius:999px!important}.closing-status-v105.closed{background:#e8f8ef;color:#14804a}.closing-status-v105.draft{background:#fff4dd;color:#9a6500}.commission-empty-v105{margin:0;color:var(--muted);font-size:.8rem;padding:12px 4px} @media(max-width:900px){.commission-kpis-v105{grid-template-columns:1fr 1fr}.commission-grid-v105{grid-template-columns:1fr}.page-heading-actions-v105{justify-content:flex-start}} @media(max-width:620px){.finance-tabs-v105{width:100%}.finance-tabs-v105 button{flex:1}.commission-kpis-v105{grid-template-columns:1fr 1fr}.commission-toolbar-v105{display:grid;grid-template-columns:1fr 1fr}.commission-toolbar-v105 label:nth-child(3),.commission-toolbar-v105 .btn{grid-column:1/-1}.commission-list-v105>article{align-items:flex-start}.commission-values-v105{max-width:42%}.page-heading-actions-v105{width:100%}.page-heading-actions-v105 .btn{flex:1}} /* ===== SEREIN v1.0.5.1 — Commission loader hardening + finance polish ===== */ .finance-view-v096 .finance-appointment-card-v090{border-color:rgba(52,72,92,.14);box-shadow:0 8px 22px rgba(29,43,75,.035)} @media(hover:hover) and (pointer:fine){.finance-view-v096 .finance-appointment-card-v090:hover{border-color:rgba(var(--primary-rgb),.22)}} .finance-history-summary-v105{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:stretch;margin:2px 0 18px}.finance-history-summary-v105>div{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(52,72,92,.10);border-radius:14px;background:rgba(248,249,252,.8)}.finance-history-summary-v105 small{color:var(--muted)}.finance-history-summary-v105 strong{font-size:17px}.finance-history-summary-v105>.finance-status-v090{align-self:center}.finance-history-title-v105{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:2px 2px 8px}.finance-history-title-v105 span{color:var(--muted);font-size:.8rem}.finance-history-list-v105 article{padding:13px 2px}.finance-history-main-v105{display:grid!important;gap:3px!important;min-width:0}.finance-history-main-v105 small,.finance-history-main-v105 span{color:var(--muted)}.finance-history-value-v105{display:flex!important;align-items:center!important;justify-content:flex-end;gap:10px!important}.finance-history-value-v105>strong{font-size:16px;white-space:nowrap}.commission-load-error-v105{margin-top:24px;padding:24px;border:1px solid rgba(166,61,75,.16);border-radius:18px;background:rgba(255,255,255,.92);display:grid;gap:8px}.commission-load-error-v105>strong{font-size:17px}.commission-load-error-v105 p{margin:0;color:var(--muted)}.commission-load-error-v105>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px} @media(max-width:760px){.finance-history-summary-v105{grid-template-columns:1fr 1fr}.finance-history-summary-v105>.finance-status-v090{grid-column:1/-1;justify-self:start}.finance-history-list-v105 article{align-items:flex-start}.finance-history-value-v105{flex-wrap:wrap}.commission-load-error-v105>div{display:grid}.commission-load-error-v105 .btn{width:100%}} /* v1.0.5.4 — Commission integration state + boot-safe UI */ .commission-contract-grid-v1054{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.commission-contract-state-v1054{display:inline-flex;gap:7px;align-items:center;padding:6px 9px;border:1px solid rgba(12,42,52,.1);border-radius:999px;font-size:12px;background:#fff}.commission-contract-state-v1054 b{font-size:11px}.commission-contract-state-v1054.loading{opacity:.68}.commission-contract-state-v1054.ok{background:#f1faf5}.commission-contract-state-v1054.error{background:#fff3f3;color:#9b3d47}.commission-core-status-v105 ul{margin:10px 0 0;padding-left:18px}.commission-core-status-v105.error{border-color:rgba(169,79,91,.2)} /* ===== v1.0.5.5 — Finance navigation + commission hierarchy ===== */ .commission-page-heading-v1055{margin-bottom:12px} .commission-rules-primary-v1055{margin:0 0 14px;border-color:rgba(var(--primary-rgb),.12);background:linear-gradient(180deg,rgba(var(--primary-rgb),.025),#fff 42%)} .commission-section-head-v105 p{margin:5px 0 0;color:var(--muted);font-size:.74rem;line-height:1.45;max-width:720px} .commission-section-head-v105 .btn-compact-v105{flex:0 0 auto;min-height:34px;padding:7px 11px;border-radius:10px;font-size:.75rem} .commission-rules-list-v1055{gap:7px} .commission-rule-row-v1055{border:1px solid rgba(52,72,92,.075)!important;background:#fafbfc!important} .commission-rule-row-v1055.active{border-color:rgba(var(--primary-rgb),.14)!important;background:rgba(var(--primary-rgb),.025)!important} .commission-rule-actions-v1055{display:flex!important;grid-auto-flow:column;align-items:center;gap:9px!important} .commission-rule-status-v1055{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px!important;font-size:.68rem!important} .commission-rule-status-v1055.active{background:#e8f8ef;color:#14804a!important}.commission-rule-status-v1055.ended{background:#f1f3f7;color:#6d788a!important} .commission-toolbar-v1055 .btn-compact-v105{min-height:42px;padding:0 14px} .commission-core-actions-v1055{display:flex;align-items:center;gap:8px} .finance-view-v096 .finance-appointments-v090{column-gap:14px;row-gap:14px} .finance-view-v096 .finance-appointment-card-v090{border-color:rgba(52,72,92,.17);box-shadow:0 7px 20px rgba(29,43,75,.035)} @media(hover:hover) and (pointer:fine){.finance-view-v096 .finance-appointment-card-v090:hover{border-color:rgba(var(--primary-rgb),.26);box-shadow:0 12px 28px rgba(29,43,75,.055)}} @media(max-width:760px){.commission-section-head-v105{align-items:flex-start}.commission-section-head-v105 .btn-compact-v105{max-width:48%}.commission-rule-actions-v1055{grid-auto-flow:row;justify-items:end}} /* ===== v1.0.5.6 — Finance UX structure refinement ===== */ .finance-history-body-v1056{padding:20px 24px 22px;overflow:auto;display:grid;gap:20px} .finance-history-overview-v1056{display:grid;gap:12px}.finance-history-overview-head-v1056{display:flex;align-items:center;justify-content:space-between;gap:16px}.finance-history-overview-head-v1056>div{display:grid;gap:2px}.finance-history-overview-head-v1056 small,.finance-history-title-v1056 small{font-size:.61rem;font-weight:850;letter-spacing:.12em;color:#9099aa}.finance-history-overview-head-v1056 strong,.finance-history-title-v1056 strong{font-size:.95rem} .finance-history-summary-v1056{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.finance-history-summary-v1056>div{display:grid;gap:4px;padding:12px 14px;border:1px solid rgba(52,72,92,.10);border-radius:13px;background:#fafbfd}.finance-history-summary-v1056 small{color:var(--muted);font-size:.72rem}.finance-history-summary-v1056 strong{font-size:1rem} .finance-history-ledger-v1056{border-top:1px solid var(--border);padding-top:17px;display:grid;gap:8px}.finance-history-title-v1056{display:flex;align-items:end;justify-content:space-between;gap:12px}.finance-history-title-v1056>div{display:grid;gap:2px}.finance-history-title-v1056>span{color:var(--muted);font-size:.74rem} .finance-history-list-v1056{display:grid}.finance-history-list-v1056 article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.finance-history-entry-v1056{display:grid;gap:2px;min-width:0}.finance-history-entry-v1056 small,.finance-history-entry-v1056 span{color:var(--muted);font-size:.72rem}.finance-history-entry-v1056 strong{font-size:.88rem}.finance-history-amount-v1056{font-size:.92rem;white-space:nowrap}.finance-history-entry-actions-v1056{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:150px}.btn-danger-outline-v1056{background:#fff;border:1px solid rgba(166,61,75,.24);color:#a63d4b}.btn-danger-outline-v1056:hover{background:#fff6f7}.finance-history-footer-v1056{display:flex;justify-content:flex-end;padding-top:2px} .commission-config-card-v1056{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 14px;padding:15px 17px;border:1px solid rgba(76,92,125,.09);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(29,43,75,.025)}.commission-config-card-v1056>div:first-child{display:grid;gap:3px}.commission-config-card-v1056 small{color:#9099aa;font-size:.61rem;font-weight:850;letter-spacing:.12em}.commission-config-card-v1056 h3{margin:0;font-size:.98rem}.commission-config-card-v1056 p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45;max-width:720px}.commission-config-actions-v1056{display:flex;align-items:center;gap:8px;flex:0 0 auto} .commission-toolbar-v1056{display:grid;grid-template-columns:130px 130px minmax(160px,220px) auto;align-items:end;justify-content:start}.commission-toolbar-v1056 .btn{justify-self:start;min-width:0} .commission-section-action-v1056{border:0;background:transparent;color:var(--primary);font:inherit;font-size:.75rem;font-weight:850;padding:6px 2px;cursor:pointer;white-space:nowrap}.commission-section-action-v1056:hover{text-decoration:underline}.commission-core-error-v1056{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.commission-core-error-v1056 ul{margin:5px 0 0}.commission-core-error-v1056 .btn{flex:0 0 auto} .commission-rules-manager-v1056{display:flex;flex-direction:column;min-height:0;overflow:hidden}.commission-rules-tabs-v1056{display:flex;gap:4px;padding:12px 24px 0;border-bottom:1px solid var(--border);background:#fbfcfe}.commission-rules-tabs-v1056 button{border:0;background:transparent;padding:10px 13px 11px;color:var(--muted);font:inherit;font-size:.78rem;font-weight:850;cursor:pointer;border-radius:10px 10px 0 0}.commission-rules-tabs-v1056 button.active{color:var(--primary);background:#fff;box-shadow:inset 0 -2px 0 var(--primary)}#v105-rules-manager-body{padding:16px 24px;overflow:auto;min-height:220px}.commission-rules-manager-list-v1056{display:grid;gap:8px}.commission-rules-manager-list-v1056 article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid rgba(52,72,92,.09);border-radius:13px;background:#fafbfd}.commission-rules-manager-list-v1056 article>div:first-child{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(80px,.6fr);column-gap:14px;row-gap:2px;align-items:center}.commission-rules-manager-list-v1056 article>div:first-child small{grid-column:1/-1;color:var(--muted);font-size:.7rem}.commission-rules-manager-list-v1056 article>div:first-child span{font-size:.78rem;color:var(--deep);font-weight:800}.commission-rules-manager-actions-v1056{display:flex;align-items:center;gap:10px}.commission-rules-empty-v1056{min-height:180px;display:grid;place-content:center;text-align:center;gap:6px;color:var(--muted)}.commission-rules-empty-v1056 strong{color:var(--ink)}.commission-rules-empty-v1056 p{margin:0;max-width:440px;font-size:.8rem;line-height:1.5}.commission-rules-manager-footer-v1056{display:flex;justify-content:flex-end;padding:12px 24px 16px;border-top:1px solid var(--border);background:#fff} @media(max-width:760px){.finance-history-body-v1056{padding:16px 18px 18px}.finance-history-summary-v1056{grid-template-columns:1fr}.finance-history-list-v1056 article{grid-template-columns:1fr auto;gap:8px 12px}.finance-history-entry-actions-v1056{grid-column:1/-1;justify-content:flex-start;min-width:0}.commission-config-card-v1056{align-items:flex-start;flex-direction:column}.commission-config-actions-v1056{width:100%;flex-wrap:wrap}.commission-toolbar-v1056{grid-template-columns:1fr 1fr}.commission-toolbar-v1056 label:nth-child(3),.commission-toolbar-v1056 .btn{grid-column:1/-1}.commission-rules-manager-list-v1056 article{align-items:flex-start;flex-direction:column}.commission-rules-manager-actions-v1056{width:100%;justify-content:space-between}} /* ===== v1.0.5.7 — Finance closing + action alignment refinement ===== */ .commission-config-actions-v1056{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap} .commission-config-actions-v1056 .btn{width:auto!important;min-width:118px;min-height:38px;padding:0 14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center} .commission-section-head-v105{align-items:center} .commission-section-action-v1056{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 8px;border-radius:9px;line-height:1;white-space:nowrap} .commission-section-action-v1056:hover{background:rgba(15,75,79,.06);text-decoration:none} .commission-closing-list-v1057{gap:8px} .commission-closing-row-v1057{border:1px solid rgba(76,92,125,.09)!important;background:#fbfcfe!important;padding:11px 12px!important;border-radius:13px!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .commission-closing-row-v1057:hover{border-color:rgba(15,75,79,.22)!important;box-shadow:0 6px 18px rgba(29,43,75,.05);transform:translateY(-1px)} .commission-closing-meta-v1057{display:flex!important;align-items:center!important;gap:10px!important;grid-template:none!important} .commission-closing-meta-v1057 small{font-size:.68rem;color:var(--primary);font-weight:800;white-space:nowrap} .commission-closing-detail-v1057{display:grid;gap:16px;padding:4px 2px 2px} .commission-closing-identity-v1057{display:grid;grid-template-columns:1.1fr 1.5fr .8fr;gap:10px} .commission-closing-identity-v1057>div{display:grid;gap:5px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:#fbfcfe;min-width:0} .commission-closing-identity-v1057 small,.commission-closing-kpis-v1057 small{color:var(--muted);font-size:.73rem} .commission-closing-identity-v1057 strong{font-size:.91rem;line-height:1.3} .commission-closing-identity-v1057 .finance-status-v090{justify-self:start} .commission-closing-kpis-v1057{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .commission-closing-kpis-v1057>div{display:grid;gap:5px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:#fff} .commission-closing-kpis-v1057>div.featured{background:linear-gradient(135deg,rgba(15,75,79,.055),rgba(255,255,255,.96));border-color:rgba(15,75,79,.16)} .commission-closing-kpis-v1057 strong{font-size:1.08rem} .commission-closing-note-v1057{padding:11px 13px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:.78rem;line-height:1.5} .commission-closing-summary-note-v1057{margin:0;color:var(--muted);font-size:.75rem} @media(max-width:760px){.commission-config-actions-v1056{width:100%;flex-wrap:wrap;justify-content:flex-start}.commission-config-actions-v1056 .btn{min-width:0;flex:1 1 140px}.commission-section-head-v105{align-items:flex-start}.commission-closing-meta-v1057{align-items:flex-end!important;flex-direction:column;gap:4px!important}.commission-closing-identity-v1057,.commission-closing-kpis-v1057{grid-template-columns:1fr}.commission-closing-row-v1057{align-items:flex-start!important}} /* ===== v1.0.5.8 — Finance polish final + desktop action affordance ===== */ /* Commission header actions: neutralize global .btn-soft margin/width behavior. */ .commission-config-actions-v1056 .btn, .commission-config-actions-v1056 .btn-soft{ margin:0!important; width:132px!important; min-width:132px!important; min-height:40px!important; height:40px!important; padding:0 14px!important; border-radius:11px!important; line-height:1!important; white-space:nowrap!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .commission-config-actions-v1056 .btn-soft{border:1px solid rgba(15,75,79,.10)!important;background:#eef2f3!important;color:var(--deep)!important} .commission-config-actions-v1056 .btn-soft:hover{border-color:rgba(15,75,79,.22)!important;background:#e7edee!important} .commission-section-head-v105{min-height:34px} .commission-section-action-v1056{margin:0!important} /* Desktop: clickable affordance must be recognizable without becoming visually noisy. */ @media (min-width:901px) and (hover:hover) and (pointer:fine){ .op-icon-btn{ min-height:36px; padding:8px 12px; border:1px solid rgba(15,55,70,.14); background:#f7f9fa; border-radius:10px; color:var(--deep); font-weight:760; box-shadow:0 1px 0 rgba(255,255,255,.9) inset; } .op-icon-btn:hover{ border-color:rgba(var(--primary-rgb),.30); background:rgba(var(--primary-rgb),.055); color:var(--primary); box-shadow:0 5px 14px rgba(29,43,75,.055); transform:translateY(-1px); } .op-actions{gap:7px} .text-btn, .finance-history-link-v105, .commission-section-action-v1056{ display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:6px 10px; border:1px solid rgba(15,55,70,.11); border-radius:9px; background:#f8fafb; color:var(--primary); font-weight:800; text-decoration:none; transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; } .text-btn:hover, .finance-history-link-v105:hover, .commission-section-action-v1056:hover{ border-color:rgba(var(--primary-rgb),.27); background:rgba(var(--primary-rgb),.055); box-shadow:0 4px 12px rgba(29,43,75,.04); transform:translateY(-1px); text-decoration:none; } .management-row .icon-action{ min-width:38px; min-height:34px; border:1px solid rgba(15,55,70,.12); border-radius:10px; background:#f7f9fa; color:var(--deep); } .management-row .icon-action:hover{border-color:rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.055);color:var(--primary)} .procedure-card .op-icon-btn{min-width:68px} .professionals-page .op-actions .op-icon-btn{min-width:82px} } /* Closing block: clearer hierarchy and clickable rows. */ .commission-closing-row-v1057>span:first-child{display:grid;gap:3px;min-width:0} .commission-closing-row-v1057>span:first-child strong{font-size:.84rem} .commission-closing-row-v1057>span:first-child small{font-size:.7rem;color:var(--muted)} .commission-closing-meta-v1057{margin-left:auto} /* Preserve mobile touch density; no forced desktop widths. */ @media(max-width:900px){ .commission-config-actions-v1056 .btn, .commission-config-actions-v1056 .btn-soft{width:auto!important;min-width:0!important;height:auto!important;min-height:40px!important;flex:1 1 140px!important;margin:0!important} } /* ===================================================================== Serein v1.0.6.3 — Hybrid Visual System + Reporting Filters Home Central do Dia + Reporting Foundation v1 ===================================================================== */ :root{ --s2-line: color-mix(in srgb, var(--border, #ddd5cf) 82%, #7e6d63 18%); --s2-line-strong: color-mix(in srgb, var(--border, #ddd5cf) 68%, #51453f 32%); --s2-surface: color-mix(in srgb, var(--surface, #fff) 96%, #f5f0ec 4%); --s2-soft: color-mix(in srgb, var(--surface, #fff) 88%, #ece4de 12%); --s2-ink: var(--text, #302b28); --s2-muted: var(--muted, #7d746f); --s2-radius: 12px; } /* Home: uma composição, não um mosaico de cards. */ .s2-day-home{max-width:1320px;margin:0 auto;padding-bottom:28px} .s2-day-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:2px 2px 22px;border-bottom:1px solid var(--s2-line)} .s2-day-kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--s2-muted)} .s2-day-kicker:before{content:"";width:22px;height:2px;background:var(--brand,#8f665f);border-radius:1px} .s2-day-head h2{font-size:clamp(29px,3vw,43px);line-height:1.03;margin:8px 0 7px;letter-spacing:-.035em;color:var(--s2-ink)} .s2-day-head p{margin:0;color:var(--s2-muted);font-size:14px} .s2-day-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .s2-day-head-actions .btn{margin:0;min-height:40px} .s2-day-layout{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(420px,1.55fr) minmax(190px,.76fr);gap:32px;align-items:start;padding-top:30px} .s2-side-summary{padding-top:15px} .s2-summary-group{padding:0 0 19px;margin:0 0 18px;border-bottom:1px solid var(--s2-line)} .s2-summary-group:last-child{border-bottom:0} .s2-summary-group small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--s2-muted);margin-bottom:6px} .s2-summary-group strong{display:block;font-size:24px;letter-spacing:-.025em;color:var(--s2-ink);font-variant-numeric:tabular-nums} .s2-summary-group span{display:block;font-size:12px;color:var(--s2-muted);margin-top:4px;line-height:1.45} .s2-summary-group .s2-status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--brand,#8f665f)} .s2-day-agenda{position:relative;background:var(--s2-surface);border:1px solid var(--s2-line-strong);border-radius:var(--s2-radius);box-shadow:0 18px 42px rgba(57,42,35,.08),0 2px 7px rgba(57,42,35,.04);overflow:hidden;min-height:530px} .s2-agenda-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 19px;border-bottom:1px solid var(--s2-line)} .s2-agenda-top small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--s2-muted)} .s2-agenda-top h3{margin:5px 0 0;font-size:21px;letter-spacing:-.02em;color:var(--s2-ink)} .s2-agenda-date{text-align:right;font-size:12px;color:var(--s2-muted);line-height:1.35} .s2-agenda-now{margin:20px 26px 4px;padding:12px 14px;border-left:3px solid var(--brand,#8f665f);background:var(--s2-soft)} .s2-agenda-now small{display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:9px;color:var(--s2-muted)} .s2-agenda-now strong{display:block;margin-top:3px;font-size:13px;color:var(--s2-ink)} .s2-agenda-list{padding:10px 26px 6px} .s2-agenda-row{width:100%;display:grid;grid-template-columns:58px 18px 1fr auto;align-items:start;gap:12px;padding:15px 0;border:0;border-bottom:1px solid var(--s2-line);background:transparent;color:inherit;text-align:left;cursor:pointer} .s2-agenda-row:last-child{border-bottom:0} .s2-agenda-row time{font-size:13px;font-weight:800;color:var(--s2-ink);font-variant-numeric:tabular-nums;padding-top:2px} .s2-agenda-axis{position:relative;min-height:40px} .s2-agenda-axis:before{content:"";position:absolute;left:8px;top:7px;bottom:-22px;width:1px;background:var(--s2-line)} .s2-agenda-row:last-child .s2-agenda-axis:before{bottom:16px} .s2-agenda-axis:after{content:"";position:absolute;left:4px;top:4px;width:9px;height:9px;border:2px solid var(--brand,#8f665f);background:var(--s2-surface);border-radius:50%} .s2-agenda-copy{min-width:0} .s2-agenda-copy strong{display:block;font-size:14px;color:var(--s2-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s2-agenda-copy span{display:block;font-size:12px;color:var(--s2-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s2-agenda-status{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border:1px solid var(--s2-line);border-radius:6px;color:var(--s2-muted);white-space:nowrap} .s2-agenda-empty{padding:70px 28px;text-align:center;color:var(--s2-muted)} .s2-agenda-empty strong{display:block;color:var(--s2-ink);font-size:17px;margin-bottom:5px} .s2-agenda-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 26px;border-top:1px solid var(--s2-line);background:color-mix(in srgb,var(--s2-surface) 91%,#eee6e0 9%)} .s2-agenda-foot span{font-size:11px;color:var(--s2-muted)} .s2-link-action{appearance:none;border:0;background:transparent;padding:7px 0;color:var(--brand,#173F46);font-weight:800;font-size:12px;cursor:pointer} /* Reporting v1: editorial, denso e orientado a decisão. */ .s2-reports{max-width:1360px;margin:0 auto;padding-bottom:32px} .s2-report-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:21px;border-bottom:1px solid var(--s2-line)} .s2-report-head h1{margin:5px 0 5px;font-size:36px;line-height:1;letter-spacing:-.04em;color:var(--s2-ink)} .s2-report-head p{margin:0;color:var(--s2-muted);font-size:13px} .s2-report-tabs{display:flex;gap:4px;border-bottom:1px solid var(--s2-line);margin:20px 0 0;overflow:auto;scrollbar-width:none} .s2-report-tabs::-webkit-scrollbar{display:none} .s2-report-tab{position:relative;border:0;background:transparent;color:var(--s2-muted);font-weight:750;font-size:12px;padding:12px 14px 13px;white-space:nowrap;cursor:pointer} .s2-report-tab.active{color:var(--s2-ink)} .s2-report-tab.active:after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:2px;background:var(--brand,#8f665f)} .s2-report-tools{display:grid;grid-template-columns:auto auto minmax(160px,1fr) minmax(160px,1fr) auto;gap:10px;align-items:end;padding:18px 0 20px;border-bottom:1px solid var(--s2-line)} .s2-report-tools label{display:grid;gap:5px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--s2-muted)} .s2-report-tools input,.s2-report-tools select{height:39px;border:1px solid var(--s2-line);border-radius:8px;background:var(--s2-surface);padding:0 11px;color:var(--s2-ink);min-width:0} .s2-report-tools .btn{margin:0;height:39px} .s2-report-body{padding-top:25px} .s2-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--s2-line);border-bottom:1px solid var(--s2-line);margin-bottom:28px} .s2-kpi{padding:20px 20px 18px;border-right:1px solid var(--s2-line);min-width:0} .s2-kpi:first-child{padding-left:0} .s2-kpi:last-child{border-right:0} .s2-kpi small{display:block;color:var(--s2-muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800} .s2-kpi strong{display:block;margin-top:6px;font-size:clamp(22px,2.25vw,31px);letter-spacing:-.035em;color:var(--s2-ink);font-variant-numeric:tabular-nums;white-space:nowrap} .s2-kpi span{display:block;margin-top:5px;font-size:11px;color:var(--s2-muted)} .s2-delta.pos{color:#54725d}.s2-delta.neg{color:#9b5e58} .s2-report-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:34px} .s2-report-section{min-width:0;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--s2-line)} .s2-report-section:last-child{border-bottom:0} .s2-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:15px} .s2-section-head small{display:block;color:var(--s2-muted);font-size:9px;letter-spacing:.11em;text-transform:uppercase;font-weight:800} .s2-section-head h3{margin:4px 0 0;font-size:18px;letter-spacing:-.02em;color:var(--s2-ink)} .s2-section-head p{margin:4px 0 0;font-size:12px;color:var(--s2-muted)} .s2-data-list{border-top:1px solid var(--s2-line)} .s2-data-row{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(4,minmax(90px,.65fr));gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--s2-line);font-size:12px;color:var(--s2-muted)} .s2-data-row.head{padding:9px 0;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--s2-muted)} .s2-data-row strong{font-size:12px;color:var(--s2-ink)} .s2-data-row .num{text-align:right;font-variant-numeric:tabular-nums} .s2-micro-bars{display:flex;gap:4px;height:96px;align-items:flex-end;padding-top:8px;border-bottom:1px solid var(--s2-line)} .s2-micro-bars i{flex:1;min-width:4px;max-width:18px;height:var(--h,4%);background:color-mix(in srgb,var(--brand,#8f665f) 45%,#c9bbb3 55%);border-radius:2px 2px 0 0} .s2-inline-stats{display:grid;gap:0;border-top:1px solid var(--s2-line)} .s2-inline-stat{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--s2-line)} .s2-inline-stat span{font-size:12px;color:var(--s2-muted)} .s2-inline-stat strong{font-size:14px;color:var(--s2-ink);font-variant-numeric:tabular-nums} .s2-quality-note{padding:12px 14px;border-left:2px solid #b28b62;background:color-mix(in srgb,var(--s2-soft) 80%,#fff6dd 20%);font-size:11px;line-height:1.5;color:var(--s2-muted);margin:0 0 18px} .s2-empty{padding:48px 0;text-align:center;color:var(--s2-muted)} .s2-empty strong{display:block;color:var(--s2-ink);margin-bottom:5px} .s2-intelligence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--s2-line);border-left:1px solid var(--s2-line)} .s2-intel{padding:19px;border-right:1px solid var(--s2-line);border-bottom:1px solid var(--s2-line);min-height:120px} .s2-intel small{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--s2-muted)} .s2-intel strong{display:block;font-size:27px;margin:7px 0 6px;letter-spacing:-.035em;color:var(--s2-ink)} .s2-intel span{font-size:11px;color:var(--s2-muted);line-height:1.45} .s2-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--s2-line);padding:13px 0} .s2-action-row strong{font-size:12px;color:var(--s2-ink)} .s2-action-row span{font-size:11px;color:var(--s2-muted)} .s2-row-button{border:1px solid var(--s2-line-strong);background:var(--s2-surface);border-radius:7px;padding:7px 10px;color:var(--s2-ink);font-weight:750;font-size:11px;cursor:pointer} @media (hover:hover) and (pointer:fine){ .s2-agenda-row:hover{background:color-mix(in srgb,var(--s2-soft) 54%,transparent);padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;width:calc(100% + 16px)} .s2-report-tab:hover,.s2-link-action:hover{color:var(--s2-ink)} .s2-row-button:hover{border-color:var(--brand,#8f665f);background:var(--s2-soft)} } @media (max-width:1050px){ .s2-day-layout{grid-template-columns:1fr minmax(390px,1.55fr);gap:26px} .s2-side-summary:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:0} .s2-side-summary:last-child .s2-summary-group{border-bottom:0;border-right:1px solid var(--s2-line);padding-right:20px} .s2-side-summary:last-child .s2-summary-group:last-child{border-right:0} .s2-report-tools{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.s2-report-tools .s2-filter-wide{grid-column:auto} .s2-report-grid{grid-template-columns:1fr;gap:10px} } @media (max-width:720px){ .s2-day-head{align-items:flex-start;flex-direction:column}.s2-day-head-actions{width:100%}.s2-day-head-actions .btn{flex:1} .s2-day-layout{display:flex;flex-direction:column;padding-top:18px;gap:18px}.s2-day-agenda{order:1;width:100%;min-height:auto}.s2-side-summary{order:2;width:100%;padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.s2-side-summary:last-child{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.s2-side-summary:last-child .s2-summary-group{border-right:0;border-bottom:1px solid var(--s2-line);padding-right:0}.s2-agenda-top,.s2-agenda-list,.s2-agenda-foot{padding-left:18px;padding-right:18px}.s2-agenda-now{margin-left:18px;margin-right:18px}.s2-agenda-row{grid-template-columns:48px 14px 1fr}.s2-agenda-status{grid-column:3;margin-top:-3px;justify-self:start}.s2-agenda-axis:before{left:6px}.s2-agenda-axis:after{left:2px} .s2-report-head{align-items:flex-start;flex-direction:column}.s2-report-head h1{font-size:31px}.s2-report-tools{grid-template-columns:1fr 1fr}.s2-report-tools label:nth-child(3),.s2-report-tools label:nth-child(4){grid-column:1/-1}.s2-report-tools .btn{grid-column:1/-1;width:100%}.s2-kpi-strip{grid-template-columns:1fr 1fr}.s2-kpi{border-bottom:1px solid var(--s2-line);padding:16px 12px}.s2-kpi:first-child{padding-left:12px}.s2-kpi:nth-child(2){border-right:0}.s2-kpi:nth-child(3),.s2-kpi:nth-child(4){border-bottom:0}.s2-data-list{overflow-x:auto}.s2-data-row{min-width:680px}.s2-intelligence-grid{grid-template-columns:1fr 1fr} } @media (max-width:420px){.s2-side-summary,.s2-side-summary:last-child{grid-template-columns:1fr 1fr}.s2-summary-group strong{font-size:20px}.s2-intelligence-grid{grid-template-columns:1fr}.s2-kpi strong{font-size:22px}} /* v1.0.6.2 — Home refinement */ .s2-day-home{max-width:1240px;margin-left:0;margin-right:auto} .s2-day-head{align-items:center} .s2-refresh-action{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--s2-line);border-radius:8px;background:var(--s2-surface);color:var(--s2-muted);font-size:12px;font-weight:750;cursor:pointer} .s2-refresh-action span{font-size:16px;line-height:1} .s2-day-layout{grid-template-columns:minmax(160px,.62fr) minmax(500px,1.72fr) minmax(205px,.72fr);gap:24px} .s2-agenda-title-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .s2-agenda-title-line h3{margin:0} .s2-compact-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid var(--s2-line-strong);border-radius:8px;background:var(--s2-surface);color:var(--s2-ink);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap} .s2-compact-action.primary{background:color-mix(in srgb,var(--brand,#8f665f) 10%,white);border-color:color-mix(in srgb,var(--brand,#8f665f) 30%,var(--s2-line));color:var(--brand,#8f665f)} .s2-agenda-list.is-empty{display:flex;align-items:center;min-height:230px} .s2-agenda-open-day{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:28px 26px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand,#8f665f) 4%,white),transparent);border-top:1px solid var(--s2-line);border-bottom:1px solid var(--s2-line)} .s2-agenda-open-day>div:first-child{display:grid;gap:7px} .s2-agenda-open-day small{font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--s2-muted)} .s2-agenda-open-day strong{font-size:18px;color:var(--s2-ink)} .s2-agenda-open-day span{font-size:12px;color:var(--s2-muted);max-width:470px;line-height:1.5} .s2-empty-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .s2-report-error{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;border-top:1px solid var(--s2-line);border-bottom:1px solid var(--s2-line)} .s2-report-error>div{display:grid;gap:5px} .s2-report-error small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--s2-muted);font-weight:800} .s2-report-error strong{font-size:16px;color:var(--s2-ink)} .s2-report-error span{font-size:12px;color:var(--s2-muted)} @media (hover:hover) and (pointer:fine){.s2-refresh-action:hover,.s2-compact-action:hover{border-color:var(--brand,#8f665f);color:var(--brand,#8f665f)}} @media (max-width:1180px){.s2-day-layout{grid-template-columns:minmax(150px,.6fr) minmax(430px,1.5fr);gap:22px}.s2-side-summary:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}} @media (max-width:760px){.s2-day-head{align-items:flex-start}.s2-refresh-action{align-self:flex-start}.s2-agenda-title-line{align-items:flex-start;flex-direction:column}.s2-agenda-open-day{grid-template-columns:1fr;align-items:start;padding:22px 18px}.s2-empty-actions{justify-content:flex-start}.s2-report-error{align-items:flex-start;flex-direction:column}.s2-report-error .s2-compact-action{width:100%}} /* v1.0.6.2 — Central do Dia: presença de calendário e estado vazio útil */ .s2-day-agenda{background:#fffdfa;border-color:#cfc4bc;border-radius:10px;box-shadow:0 30px 68px rgba(55,42,35,.15),0 8px 18px rgba(55,42,35,.08),0 1px 2px rgba(55,42,35,.08)} .s2-day-agenda:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--brand,#8f665f),rgba(143,102,95,.34) 62%,transparent);z-index:2} .s2-agenda-top{padding:25px 26px 20px;background:linear-gradient(180deg,#fffdfa 0%,#fbf8f5 100%);border-bottom-color:#d9cec6} .s2-agenda-datebox{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:152px} .s2-agenda-plus{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid #c9bbb2;border-radius:8px;background:#fff;color:var(--brand,#8f665f);font-size:21px;line-height:1;font-weight:600;cursor:pointer;box-shadow:0 3px 8px rgba(55,42,35,.07)} .s2-agenda-now{border-left-color:var(--brand,#8f665f);background:#f6f1ed} .s2-agenda-list{background:#fffdfa} .s2-agenda-row{border-bottom-color:#e2d9d2} .s2-agenda-row.is-completed{opacity:.82} .s2-agenda-row.is-completed .s2-agenda-axis:after{background:#a88d80;border-color:#a88d80} .s2-agenda-row.is-completed .s2-agenda-status{background:#f4f0ed} .s2-agenda-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 4px;color:var(--s2-muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800} .s2-agenda-section-label small{font-size:9px;font-weight:700;letter-spacing:.04em} .s2-agenda-open-day.compact{grid-template-columns:1fr;margin-top:10px;padding:21px 18px;background:#faf6f2;border:1px solid #e2d8d1;border-radius:8px} .s2-empty-schedule{min-height:275px;padding:26px 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.72fr);gap:28px;align-items:center;background:linear-gradient(180deg,#fffdfa 0%,#fdfaf7 100%)} .s2-empty-schedule-copy{display:grid;gap:7px;align-content:center} .s2-empty-schedule-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--s2-muted)} .s2-empty-schedule-copy strong{font-size:19px;line-height:1.25;color:var(--s2-ink);max-width:390px} .s2-empty-schedule-copy span{font-size:12px;line-height:1.55;color:var(--s2-muted);max-width:420px} .s2-empty-timegrid{display:grid;border-left:1px solid #ded4cd;padding-left:20px;gap:0} .s2-empty-timegrid span{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;min-height:58px;border-bottom:1px solid #e5ddd7} .s2-empty-timegrid span:last-child{border-bottom:0} .s2-empty-timegrid b{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9a8d85} .s2-empty-timegrid i{display:block;height:1px;background:linear-gradient(90deg,#cdbfb7,transparent)} .s2-agenda-foot{background:#faf6f2;border-top-color:#ddd2cb} @media (hover:hover) and (pointer:fine){.s2-agenda-plus:hover{border-color:var(--brand,#8f665f);background:#f8f1ee;transform:translateY(-1px);box-shadow:0 6px 14px rgba(55,42,35,.11)}} @media (max-width:760px){.s2-agenda-datebox{min-width:auto}.s2-empty-schedule{grid-template-columns:1fr;padding:22px 18px}.s2-empty-timegrid{border-left:0;border-top:1px solid #ded4cd;padding-left:0;padding-top:8px}} /* v1.0.6.3 — Hybrid Visual System: estrutura analítica + identidade dinâmica da Company */ .s2-reports{ --s2-line:color-mix(in srgb,var(--border,#ddd5cf) 76%,var(--brand,#173F46) 24%); --s2-line-strong:color-mix(in srgb,var(--border,#ddd5cf) 58%,var(--brand,#173F46) 42%); --s2-soft:color-mix(in srgb,var(--surface,#fff) 91%,var(--brand-soft,#f3eeee) 9%); } .s2-report-head{border-bottom-color:color-mix(in srgb,var(--s2-line) 72%,transparent)} .s2-report-source{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand,#173F46) 18%,var(--s2-line));border-radius:999px;background:color-mix(in srgb,var(--brand-soft,#f4eeee) 68%,white 32%);color:var(--brand-deep,var(--s2-ink));font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap} .s2-report-source:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand,#173F46)} .s2-report-tab.active{color:var(--brand-deep,var(--s2-ink))} .s2-report-tab.active:after{height:3px;border-radius:2px 2px 0 0;background:var(--brand,#173F46)} .s2-report-tools input:focus,.s2-report-tools select:focus{outline:0;border-color:color-mix(in srgb,var(--brand,#173F46) 62%,var(--s2-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#173F46) 10%,transparent)} .s2-report-tools #v080-report-run{background:var(--brand,#173F46);border-color:var(--brand,#173F46);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--brand,#173F46) 20%,transparent)} .s2-kpi{position:relative} .s2-kpi:before{content:"";position:absolute;left:0;top:20px;width:3px;height:25px;border-radius:2px;background:color-mix(in srgb,var(--brand,#173F46) 72%,white 28%);opacity:.72} .s2-kpi:first-child{padding-left:16px} .s2-quality-note{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;padding:11px 14px;border-left:3px solid color-mix(in srgb,var(--brand,#173F46) 45%,#c68a3a 55%);background:color-mix(in srgb,var(--brand-soft,#f5eeee) 36%,#fffaf1 64%);color:var(--s2-muted)} .s2-quality-note strong{color:var(--s2-ink);font-size:11px} .s2-quality-note span{font-size:11px;line-height:1.45} .s2-trend-chart{margin-top:14px;padding:7px 0 0} .s2-trend-chart svg{display:block;width:100%;height:148px;overflow:visible} .s2-chart-grid{stroke:var(--s2-line);stroke-width:1} .s2-chart-area{fill:color-mix(in srgb,var(--brand,#173F46) 10%,transparent)} .s2-chart-line{fill:none;stroke:var(--brand,#173F46);stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round} .s2-chart-point{fill:var(--s2-surface);stroke:var(--brand,#173F46);stroke-width:2} .s2-chart-scale{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:3px;font-size:10px;color:var(--s2-muted)} .s2-chart-scale strong{color:var(--brand-deep,var(--s2-ink));font-size:11px;font-weight:800;text-align:center} .s2-chart-scale span:last-child{text-align:right} @media (hover:hover) and (pointer:fine){.s2-report-tools #v080-report-run:hover{filter:brightness(.96);transform:translateY(-1px)}} @media (max-width:760px){.s2-report-source{align-self:flex-start}.s2-kpi:first-child{padding-left:12px}.s2-kpi:before{left:0;top:16px}} /* ===================================================================== Serein v1.0.6.4 — Signature Hybrid UI Estrutura analítica + suavidade Serein + branding dinâmico da Company ===================================================================== */ :root{ --serein-shell-height:82px; --s2-brand-tint:color-mix(in srgb,var(--brand-soft,var(--primary-soft,#eef2f7)) 72%,#fff 28%); --s2-brand-tint-strong:color-mix(in srgb,var(--brand,var(--primary,#315f68)) 10%,#fff 90%); --s2-elevated-shadow:0 26px 64px rgba(28,39,48,.12),0 8px 22px rgba(28,39,48,.06),0 1px 3px rgba(28,39,48,.07); } /* Shell: topbar permanece ancorada como parte da estrutura do aplicativo. */ @media(min-width:981px){ .main{padding-top:var(--serein-shell-height)} .topbar{position:fixed!important;top:0;left:248px;right:0;width:auto;height:var(--serein-shell-height);z-index:46;background:color-mix(in srgb,#fff 91%,var(--brand-soft,#f4f6f7) 9%);border-bottom:1px solid color-mix(in srgb,var(--border,var(--line,#e4e9f2)) 78%,var(--brand,var(--primary,#315f68)) 22%);box-shadow:0 6px 24px rgba(28,39,48,.045);backdrop-filter:blur(20px) saturate(120%)} } @media(max-width:980px){ :root{--serein-shell-height:72px} .main{padding-top:var(--serein-shell-height)} .topbar{position:fixed!important;top:0;left:0;right:0;width:auto;height:var(--serein-shell-height);z-index:46;background:rgba(255,255,255,.95);box-shadow:0 5px 20px rgba(28,39,48,.045)} } /* Marca ativa no shell: pequena assinatura, sem transformar a topbar em banner. */ .clinic-lockup{position:relative} .clinic-lockup:after{content:"";position:absolute;left:9px;right:9px;bottom:-8px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand,var(--primary)),color-mix(in srgb,var(--brand,var(--primary)) 18%,transparent));opacity:.42;pointer-events:none} @media(max-width:980px){.clinic-lockup:after{display:none}} /* Central do Dia — o painel central deve ser reconhecido como agenda, não como card genérico. */ .s2-day-agenda{border-color:color-mix(in srgb,var(--brand,var(--primary)) 22%,#cfc4bc 78%);box-shadow:var(--s2-elevated-shadow);background:color-mix(in srgb,#fffdfa 97%,var(--brand-soft,#f3f6f5) 3%)} .s2-day-agenda:before{height:4px;background:linear-gradient(90deg,var(--brand,var(--primary)) 0%,color-mix(in srgb,var(--brand,var(--primary)) 58%,#fff 42%) 54%,color-mix(in srgb,var(--brand,var(--primary)) 12%,transparent) 100%)} .s2-agenda-top{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 74%,#fff 26%) 0%,color-mix(in srgb,var(--brand,var(--primary)) 5%,#fff 95%) 54%,#fffdfa 100%);border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 18%,#d9cec6 82%);padding-top:27px;padding-bottom:21px} .s2-agenda-top small{color:color-mix(in srgb,var(--brand-deep,var(--s2-ink)) 54%,var(--s2-muted) 46%)} .s2-agenda-date{color:color-mix(in srgb,var(--brand-deep,var(--s2-ink)) 42%,var(--s2-muted) 58%)} .s2-agenda-plus{border-color:color-mix(in srgb,var(--brand,var(--primary)) 35%,#c9bbb2 65%);background:color-mix(in srgb,#fff 90%,var(--brand-soft,#eef4f3) 10%);color:var(--brand,var(--primary));box-shadow:0 5px 14px color-mix(in srgb,var(--brand,var(--primary)) 11%,transparent)} .s2-agenda-now{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 46%,#f8f5f2 54%);border-left-width:3px} .s2-agenda-row{border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 9%,#e2d9d2 91%)} .s2-agenda-axis:before{background:color-mix(in srgb,var(--brand,var(--primary)) 18%,var(--s2-line) 82%)} .s2-agenda-foot{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 26%,#faf7f4 74%),#faf7f4 58%,color-mix(in srgb,var(--brand-soft,#eef4f3) 18%,#faf7f4 82%));border-top-color:color-mix(in srgb,var(--brand,var(--primary)) 12%,#ddd2cb 88%)} .s2-summary-group{position:relative;border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 11%,var(--s2-line) 89%)} .s2-summary-group:before{content:"";position:absolute;left:0;bottom:-1px;width:32px;height:1px;background:color-mix(in srgb,var(--brand,var(--primary)) 62%,transparent)} /* Relatórios — encontro entre linhas editoriais e superfícies suaves do Serein antigo. */ .s2-report-tabs{gap:6px;padding:5px;margin-top:18px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--s2-line) 88%);border-radius:12px;background:color-mix(in srgb,var(--brand-soft,#eef4f3) 36%,#fff 64%);width:max-content;max-width:100%} .s2-report-tab{padding:9px 14px;border-radius:8px;color:color-mix(in srgb,var(--s2-muted) 84%,var(--brand,var(--primary)) 16%);transition:background .18s ease,color .18s ease,box-shadow .18s ease} .s2-report-tab.active{background:#fff;color:var(--brand-deep,var(--s2-ink));box-shadow:0 4px 12px rgba(28,39,48,.07);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 18%,transparent)} .s2-report-tab.active:after{display:none} .s2-report-tools{margin-top:14px;padding:13px 14px 14px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--s2-line) 88%);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 31%,#fff 69%),#fff 58%);box-shadow:0 8px 24px rgba(28,39,48,.025)} .s2-report-tools input,.s2-report-tools select{background:#fff;border-color:color-mix(in srgb,var(--brand,var(--primary)) 14%,var(--s2-line) 86%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)} .s2-report-tools #v080-report-run{border-radius:9px;padding-inline:17px;box-shadow:0 7px 16px color-mix(in srgb,var(--brand,var(--primary)) 18%,transparent)} .s2-kpi-strip{overflow:hidden;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--s2-line) 88%);border-radius:13px;background:rgba(255,255,255,.58);margin-top:1px} .s2-kpi{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 18%,#fff 82%) 0%,rgba(255,255,255,.58) 100%);border-right-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--s2-line) 90%)} .s2-kpi:before{top:18px;height:27px;background:var(--brand,var(--primary));opacity:.52} .s2-report-section{border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--s2-line) 90%)} .s2-section-head h3{position:relative;padding-left:12px} .s2-section-head h3:before{content:"";position:absolute;left:0;top:.2em;bottom:.18em;width:2px;border-radius:2px;background:color-mix(in srgb,var(--brand,var(--primary)) 55%,transparent)} .s2-data-list,.s2-inline-stats{border-top-color:color-mix(in srgb,var(--brand,var(--primary)) 11%,var(--s2-line) 89%)} .s2-data-row,.s2-inline-stat,.s2-action-row{border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 9%,var(--s2-line) 91%)} .s2-row-button,.s2-compact-action{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 40%,#fff 60%);border-color:color-mix(in srgb,var(--brand,var(--primary)) 21%,var(--s2-line-strong) 79%);color:var(--brand-deep,var(--s2-ink))} .s2-report-source{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 80%,#fff 20%);border-color:color-mix(in srgb,var(--brand,var(--primary)) 16%,var(--s2-line) 84%)} /* Agenda operacional — preserva a linguagem aprovada e conecta-a ao novo sistema. */ #page-agenda .page-title-row,#page-profissionais .module-heading,#page-procedimentos .module-heading{position:relative;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--brand,var(--primary)) 11%,var(--line) 89%);margin-bottom:18px} #page-agenda .page-title-row:after,#page-profissionais .module-heading:after,#page-procedimentos .module-heading:after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand,var(--primary)),color-mix(in srgb,var(--brand,var(--primary)) 20%,transparent))} #page-agenda .agenda-toolbar,#page-profissionais .professionals-toolbar,#page-procedimentos .op-toolbar{padding:10px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 28%,#fff 72%),#fff 70%);box-shadow:0 7px 22px rgba(28,39,48,.025)} #page-agenda .calendar-shell{border-radius:17px 17px 17px 7px;border-color:color-mix(in srgb,var(--brand,var(--primary)) 13%,var(--line) 87%);box-shadow:0 16px 38px rgba(28,39,48,.055),0 2px 8px rgba(28,39,48,.025)} #page-agenda .calendar-day-head{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 42%,#fff 58%),transparent);margin:-26px -26px 18px;padding:20px 26px;border-radius:17px 17px 0 0;border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--line) 88%)} #page-agenda .appointment-card{border-radius:12px 12px 12px 5px;border-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,rgba(76,92,125,.09) 90%);box-shadow:0 6px 18px rgba(31,44,76,.03)} #page-agenda .appointment-card:before{background:var(--brand,var(--primary))} /* Equipe e Procedimentos — menos template, mais ferramenta de trabalho. */ #page-profissionais .op-kpi,#page-procedimentos .op-kpi{border-radius:13px;background:linear-gradient(155deg,#fff,color-mix(in srgb,var(--brand-soft,#eef4f3) 17%,#fff 83%));border-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%)} #page-profissionais .op-table,#page-procedimentos .op-table{border-radius:15px 15px 15px 6px;overflow:hidden;border-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%);box-shadow:0 10px 28px rgba(28,39,48,.035)} #page-profissionais .op-row,#page-procedimentos .op-row{border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 8%,var(--line) 92%)} #page-profissionais .op-row:hover,#page-procedimentos .op-row:hover{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 25%,#fff 75%)} #page-profissionais .op-icon-btn,#page-procedimentos .op-icon-btn{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 34%,#fff 66%);border-color:color-mix(in srgb,var(--brand,var(--primary)) 18%,var(--line) 82%);color:var(--brand-deep,var(--ink))} @media (hover:hover) and (pointer:fine){ .s2-report-tab:hover:not(.active){background:color-mix(in srgb,var(--brand-soft,#eef4f3) 56%,#fff 44%);color:var(--brand-deep,var(--s2-ink))} .s2-agenda-plus:hover{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 60%,#fff 40%);box-shadow:0 8px 18px color-mix(in srgb,var(--brand,var(--primary)) 14%,transparent)} } @media(max-width:760px){ .s2-report-tabs{width:100%;padding:4px} .s2-report-tools{padding:11px} .s2-kpi-strip{border-radius:11px} #page-agenda .calendar-day-head{margin:-20px -20px 16px;padding:18px 20px} } /* ===================================================================== Serein v1.0.6.5 — Signature Hybrid UI App-wide Rollout Refinos finais do shell, Central do Dia, Relatórios e propagação visual ===================================================================== */ /* Central do dia: remove redundância da data e reforça importância dos totais laterais. */ .s2-day-intro p{max-width:620px} .s2-summary-group{padding-bottom:22px;margin-bottom:20px;border-bottom-width:2px} .s2-summary-group:before{width:46px;height:2px;opacity:.78} .s2-summary-group strong{margin-bottom:2px} .s2-side-summary .s2-summary-group strong{letter-spacing:-.03em} /* Agenda principal: cabeçalho com mais assinatura de calendário e um pouco mais de presença visual. */ .s2-day-agenda{border-radius:16px 16px 16px 8px;overflow:clip} .s2-agenda-top{background: linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 82%,#fff 18%) 0%,color-mix(in srgb,var(--brand,var(--primary)) 6%,#fff 94%) 100%), repeating-linear-gradient(90deg,transparent 0 78px,color-mix(in srgb,var(--brand,var(--primary)) 4%,transparent) 78px 79px); box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--brand,var(--primary)) 16%,#d9cec6 84%)} .s2-agenda-title h3{max-width:18ch} .s2-agenda-datebox{position:relative;padding-left:18px} .s2-agenda-datebox:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--brand,var(--primary)) 16%,transparent),transparent)} .s2-agenda-date{font-size:12.5px;line-height:1.45;font-weight:500} .s2-agenda-plus{width:34px;height:34px;border-radius:10px;font-size:23px;box-shadow:0 8px 18px color-mix(in srgb,var(--brand,var(--primary)) 12%,transparent),0 1px 2px rgba(28,39,48,.08)} .s2-agenda-now{margin-top:18px;border-left-width:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)} .s2-agenda-row time{font-size:21px;line-height:1;font-weight:860;letter-spacing:-.03em} .s2-agenda-row{padding-top:17px;padding-bottom:17px} .s2-agenda-copy strong{font-size:15px} .s2-agenda-status{font-size:9.5px;padding:6px 9px;border-radius:7px} .s2-agenda-foot{padding-top:18px;padding-bottom:18px} /* Relatórios: tabs e filtros com mais contraste, preservando elegância. */ .s2-report-head{padding-bottom:24px} .s2-report-tabs{box-shadow:0 7px 20px rgba(28,39,48,.03)} .s2-report-tab{background:transparent} .s2-report-tab:not(.active){background:color-mix(in srgb,var(--brand-soft,#eef4f3) 24%,#fff 76%)} .s2-report-tools{grid-template-columns:minmax(138px,auto) minmax(138px,auto) minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end} .s2-report-tools label{gap:7px} .s2-report-tools input,.s2-report-tools select{height:44px;border-radius:10px;padding-inline:12px;font-size:15px} .s2-report-tools input[type="date"]{min-width:148px} .s2-report-tools #v080-report-run{min-height:44px;padding-inline:19px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand,var(--primary)) 92%,#fff 8%),color-mix(in srgb,var(--brand,var(--primary)) 76%,#1f2c31 24%));border-color:color-mix(in srgb,var(--brand,var(--primary)) 70%,#20343a 30%)} .s2-report-source{box-shadow:0 4px 14px rgba(28,39,48,.04)} .s2-kpi-strip{box-shadow:0 10px 28px rgba(28,39,48,.03)} .s2-kpi{padding-top:22px;padding-bottom:22px} .s2-kpi strong{font-size:27px} .s2-kpi span{line-height:1.45} /* Continuidade visual nos demais módulos. */ #page-clientes .page-title-row, #page-financeiro .page-heading, #page-configuracoes .module-heading, #page-relatorios .s2-report-head{position:relative} #page-clientes .page-title-row:after, #page-financeiro .page-heading:after, #page-configuracoes .module-heading:after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand,var(--primary)),color-mix(in srgb,var(--brand,var(--primary)) 24%,transparent))} #page-clientes .clients-list, #page-clientes .client-detail, #page-financeiro .finance-summary>div, #page-configuracoes .settings-card, #page-profissionais .op-kpi, #page-procedimentos .op-kpi{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 14%,#fff 86%) 0%,#fff 100%);border-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,rgba(66,82,116,.09) 90%);box-shadow:0 12px 30px rgba(28,39,48,.045)} #page-clientes .clients-toolbar, #page-financeiro .op-toolbar, #page-configuracoes .module-heading-actions, #page-profissionais .professionals-toolbar, #page-procedimentos .op-toolbar{position:relative} #page-clientes .clients-toolbar, #page-financeiro .op-toolbar, #page-profissionais .professionals-toolbar, #page-procedimentos .op-toolbar{padding:10px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft,#eef4f3) 24%,#fff 76%),#fff 70%);box-shadow:0 7px 22px rgba(28,39,48,.025)} #page-clientes .client-row:hover, #page-financeiro .op-row:hover, #page-configuracoes .toggle-row:hover{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 26%,#fff 74%)} #page-agenda .btn, #page-clientes .btn, #page-financeiro .btn, #page-configuracoes .btn, #page-profissionais .btn, #page-procedimentos .btn{box-shadow:0 6px 18px rgba(28,39,48,.05)} #page-agenda .btn-primary, #page-clientes .btn-primary, #page-financeiro .btn-primary, #page-configuracoes .btn-primary, #page-profissionais .btn-primary, #page-procedimentos .btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand,var(--primary)) 88%,#fff 12%),color-mix(in srgb,var(--brand,var(--primary)) 74%,#1e2f34 26%));border-color:color-mix(in srgb,var(--brand,var(--primary)) 68%,#20343a 32%)} #page-agenda .btn-soft, #page-clientes .btn-soft, #page-financeiro .btn-soft, #page-configuracoes .btn-soft, #page-profissionais .btn-soft, #page-procedimentos .btn-soft, #page-clientes .text-btn, #page-financeiro .text-btn{background:color-mix(in srgb,var(--brand-soft,#eef4f3) 44%,#fff 56%);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 18%,var(--line) 82%);color:var(--brand-deep,var(--ink));border-radius:10px;padding:10px 14px} /* Mobile: datas do relatório não podem cortar o ano. */ @media(max-width:760px){ .s2-report-tools{grid-template-columns:1fr;padding:12px} .s2-report-tools label,.s2-report-tools .s2-filter-wide,.s2-report-tools .btn{grid-column:1/-1} .s2-report-tools input,.s2-report-tools select{width:100%;min-width:0;height:46px} .s2-report-tools input[type="date"]{min-width:0} .s2-day-head{padding-top:4px} .s2-agenda-datebox{width:100%;padding-left:0;align-items:flex-end} .s2-agenda-datebox:before{display:none} } @media(max-width:520px){ .s2-side-summary,.s2-side-summary:last-child{grid-template-columns:1fr} .s2-summary-group{padding-bottom:16px;margin-bottom:14px} .s2-agenda-row{grid-template-columns:52px 14px 1fr} .s2-agenda-row time{font-size:18px} .s2-agenda-copy strong,.s2-agenda-copy span{white-space:normal} } /* ===================================================================== Serein v1.0.6.6 — Signature Hybrid UI / Full Product Rollout Linguagem proprietária aplicada aos módulos operacionais sem alterar fluxos. ===================================================================== */ :root{ --serein-module-line:color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--line,#e3e8ef) 88%); --serein-module-soft:color-mix(in srgb,var(--brand-soft,var(--primary-soft,#eef4f3)) 34%,#fff 66%); --serein-module-shadow:0 16px 40px rgba(27,39,48,.055),0 2px 8px rgba(27,39,48,.028); } /* Cabeçalhos dos módulos: editorial + assinatura curta da empresa. */ #page-agenda .page-title-row, #page-clientes .page-title-row, #page-profissionais .module-heading, #page-procedimentos .module-heading, #page-financeiro .page-heading, #page-configuracoes .settings-heading{ position:relative; min-height:112px; padding:24px 26px 23px 30px; margin-bottom:20px; border:1px solid var(--serein-module-line); border-radius:18px 18px 18px 7px; background: radial-gradient(circle at 92% 15%,color-mix(in srgb,var(--brand,var(--primary)) 13%,transparent) 0,transparent 28%), linear-gradient(112deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 46%,#fff 54%) 0%,#fff 57%,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 22%,#fff 78%) 100%); box-shadow:0 12px 32px rgba(28,39,48,.035); overflow:hidden; } #page-agenda .page-title-row:before, #page-clientes .page-title-row:before, #page-profissionais .module-heading:before, #page-procedimentos .module-heading:before, #page-financeiro .page-heading:before, #page-configuracoes .settings-heading:before{ content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,var(--brand,var(--primary)),color-mix(in srgb,var(--brand,var(--primary)) 32%,transparent)); } #page-agenda .page-title-row:after, #page-clientes .page-title-row:after, #page-profissionais .module-heading:after, #page-procedimentos .module-heading:after, #page-financeiro .page-heading:after, #page-configuracoes .settings-heading:after{display:none} #page-agenda .page-title-row h2, #page-clientes .page-title-row h2, #page-profissionais .module-heading h1, #page-procedimentos .module-heading h1, #page-financeiro .page-heading h1, #page-configuracoes .settings-heading h1{font-size:clamp(27px,2.35vw,36px);letter-spacing:-.035em;line-height:1.04;margin-top:5px} #page-agenda .page-title-row p, #page-clientes .page-title-row p, #page-profissionais .module-heading p, #page-procedimentos .module-heading p, #page-financeiro .page-heading p, #page-configuracoes .settings-heading p{max-width:680px;font-size:13px;line-height:1.5} /* Toolbars: passam a parecer instrumentos de trabalho, não blocos genéricos. */ #page-agenda .agenda-toolbar, #page-clientes .op-toolbar, #page-profissionais .professionals-toolbar, #page-procedimentos .op-toolbar, #page-financeiro .op-toolbar{ border:1px solid var(--serein-module-line)!important; border-radius:14px 14px 14px 6px!important; padding:10px!important; background:linear-gradient(135deg,var(--serein-module-soft),rgba(255,255,255,.94) 62%)!important; box-shadow:0 7px 22px rgba(28,39,48,.025)!important; } #page-agenda .segmented, #page-financeiro .finance-tabs-v105{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 52%,#fff 48%);border-color:color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--line) 88%)} #page-agenda .segmented button.active, #page-financeiro .finance-tabs-v105 button.active{color:var(--brand-deep,var(--primary));background:#fff;box-shadow:0 5px 14px rgba(28,39,48,.07)} /* Agenda operacional: mantém funcionamento atual, ganha estrutura de planner proprietário. */ #page-agenda .calendar-shell{border-radius:18px 18px 18px 7px!important;border-color:var(--serein-module-line)!important;box-shadow:var(--serein-module-shadow)!important;background:rgba(255,255,255,.9)!important;overflow:hidden} #page-agenda .calendar-day-head{margin:-26px -26px 18px!important;padding:22px 26px!important;border-radius:18px 18px 0 0!important;background:linear-gradient(105deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 64%,#fff 36%),#fff 60%,color-mix(in srgb,var(--brand,var(--primary)) 5%,#fff 95%))!important;border-bottom:1px solid var(--serein-module-line)!important} #page-agenda .calendar-day-head strong{font-size:17px;letter-spacing:-.02em} #page-agenda .schedule-grid{position:relative} #page-agenda .schedule-grid:before{content:"";position:absolute;left:76px;top:0;bottom:0;width:1px;background:color-mix(in srgb,var(--brand,var(--primary)) 7%,var(--line) 93%);pointer-events:none} #page-agenda .appointment-card{border-radius:12px 12px 12px 5px!important;border-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,rgba(76,92,125,.1) 90%)!important;background:linear-gradient(110deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 13%,#fff 87%),#fff 42%)!important;box-shadow:0 7px 20px rgba(28,39,48,.025)!important} #page-agenda .agenda-status-chip{border-color:var(--serein-module-line);background:rgba(255,255,255,.72);box-shadow:0 3px 10px rgba(28,39,48,.025)} #page-agenda .agenda-status-chip.active{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 58%,#fff 42%);border-color:color-mix(in srgb,var(--brand,var(--primary)) 27%,var(--line) 73%);color:var(--brand-deep,var(--primary))} /* Clientes: lista mais editorial, ações claramente interativas. */ #page-clientes #v080-client-body{margin-top:14px} #page-clientes .op-table{gap:8px} #page-clientes .op-row{position:relative;border-radius:13px 13px 13px 5px;padding:16px 17px;border-color:var(--serein-module-line);box-shadow:none;background:rgba(255,255,255,.88);transition:border-color .18s ease,background .18s ease,transform .18s ease} #page-clientes .op-row:before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:color-mix(in srgb,var(--brand,var(--primary)) 50%,transparent);opacity:.48} #page-clientes .op-actions{gap:7px} #page-clientes .op-icon-btn{background:var(--serein-module-soft);border-color:color-mix(in srgb,var(--brand,var(--primary)) 18%,var(--line) 82%);color:var(--brand-deep,var(--ink));border-radius:9px;font-weight:760} /* Profissionais: hierarquia de equipe em linhas, sem aparência de template. */ #page-profissionais .module-summary{gap:0;margin:18px 0 20px;border-top:1px solid var(--serein-module-line);border-bottom:1px solid var(--serein-module-line)} #page-profissionais .module-summary>div{position:relative;border:0;border-right:1px solid var(--serein-module-line);border-radius:0;padding:18px 20px;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 18%,#fff 82%),rgba(255,255,255,.64));box-shadow:none} #page-profissionais .module-summary>div:last-child{border-right:0} #page-profissionais .module-summary>div:before{content:"";position:absolute;left:0;top:18px;width:3px;height:26px;border-radius:3px;background:var(--brand,var(--primary));opacity:.45} #page-profissionais .management-list{gap:8px} #page-profissionais .management-row{border-radius:14px 14px 14px 5px;border-color:var(--serein-module-line);padding:16px 17px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(28,39,48,.025)} #page-profissionais .person-avatar{box-shadow:0 5px 16px color-mix(in srgb,var(--brand,var(--primary)) 14%,transparent)} #page-profissionais .management-status{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 55%,#fff 45%);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 15%,var(--line) 85%);border-radius:999px;padding:6px 9px} #page-profissionais .icon-action{border-radius:9px;background:var(--serein-module-soft);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 17%,var(--line) 83%)} /* Procedimentos: catálogo ganha leitura de coleção, menos card SaaS. */ #page-procedimentos .procedure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px} #page-procedimentos .procedure-card{position:relative;border-radius:15px 15px 15px 5px;padding:20px 21px;border-color:var(--serein-module-line);background:linear-gradient(145deg,rgba(255,255,255,.96),color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 18%,#fff 82%));box-shadow:0 10px 28px rgba(28,39,48,.035);overflow:hidden} #page-procedimentos .procedure-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand,var(--primary)),color-mix(in srgb,var(--brand,var(--primary)) 24%,transparent));opacity:.72} #page-procedimentos .procedure-card h3{font-size:19px;margin:17px 0 15px;letter-spacing:-.025em} #page-procedimentos .procedure-top span{color:var(--brand,var(--primary));letter-spacing:.08em} #page-procedimentos .api-source{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)} /* Financeiro: denso e confiável, com a mesma assinatura visual. */ #page-financeiro .finance-tabs-v105{box-shadow:0 6px 18px rgba(28,39,48,.025)} #page-financeiro .finance-summary-v090{gap:0!important;margin:16px 0 18px!important;border:1px solid var(--serein-module-line);border-radius:14px 14px 14px 6px;overflow:hidden;background:rgba(255,255,255,.68)} #page-financeiro .finance-summary-v090>div{border:0!important;border-right:1px solid var(--serein-module-line)!important;border-radius:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 18%,#fff 82%),rgba(255,255,255,.7))!important;box-shadow:none!important} #page-financeiro .finance-summary-v090>div:last-child{border-right:0!important} #page-financeiro .finance-appointment-card-v090{border-radius:14px 14px 14px 5px!important;border-color:var(--serein-module-line)!important;background:rgba(255,255,255,.91)!important;box-shadow:0 9px 26px rgba(28,39,48,.03)!important} #page-financeiro .finance-appt-values{border-color:var(--serein-module-line)} #page-financeiro .finance-status-v090{border-radius:8px} /* Configurações: menos cartões soltos; dois painéis institucionais coerentes. */ #page-configuracoes .settings-grid-controlled{gap:14px} #page-configuracoes .settings-card{border-radius:16px 16px 16px 6px;border-color:var(--serein-module-line);box-shadow:var(--serein-module-shadow);background:linear-gradient(155deg,rgba(255,255,255,.96),color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 14%,#fff 86%))} #page-configuracoes .settings-primary{border-top:3px solid color-mix(in srgb,var(--brand,var(--primary)) 58%,transparent)} #page-configuracoes .managed-brand-card{border-top:3px solid color-mix(in srgb,var(--brand,var(--primary)) 28%,transparent)} #page-configuracoes .toggle-row{transition:background .18s ease;padding-inline:8px;margin-inline:-8px;border-radius:8px} #page-configuracoes .timezone-card{border-color:var(--serein-module-line);background:rgba(255,255,255,.72)} /* Não expor visualmente termos de infraestrutura em labels legadas que ainda apareçam em elementos antigos. */ #page-procedimentos .api-source{opacity:.82} @media(hover:hover) and (pointer:fine){ #page-clientes .op-row:hover,#page-profissionais .management-row:hover,#page-procedimentos .procedure-card:hover,#page-financeiro .finance-appointment-card-v090:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand,var(--primary)) 24%,var(--line) 76%);box-shadow:0 13px 30px rgba(28,39,48,.05)!important} #page-clientes .op-icon-btn:hover,#page-profissionais .icon-action:hover{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 68%,#fff 32%)} } @media(max-width:900px){ #page-agenda .page-title-row,#page-clientes .page-title-row,#page-profissionais .module-heading,#page-procedimentos .module-heading,#page-financeiro .page-heading,#page-configuracoes .settings-heading{min-height:auto;padding:20px 20px 19px 24px;border-radius:15px 15px 15px 6px} #page-profissionais .module-summary{grid-template-columns:repeat(3,1fr)} #page-procedimentos .procedure-grid{grid-template-columns:1fr} #page-financeiro .finance-summary-v090{grid-template-columns:1fr 1fr!important} } @media(max-width:620px){ #page-profissionais .module-summary{grid-template-columns:1fr 1fr} #page-profissionais .module-summary>div{border-bottom:1px solid var(--serein-module-line)} #page-profissionais .module-summary>div:nth-child(2){border-right:0} #page-financeiro .finance-summary-v090{grid-template-columns:1fr 1fr!important} #page-agenda .calendar-day-head{margin:-20px -20px 16px!important;padding:18px 20px!important} } /* ===================================================================== Serein v1.0.6.7 — Product Polish / Submenus + UX Superfícies secundárias, Financeiro/Comissões, Configurações e equidade visual. ===================================================================== */ /* Superfícies secundárias: mesma assinatura do produto principal. */ @media(min-width:701px){ .secondary-surface .modal-card, .secondary-surface .modal-card.wide, .secondary-surface .modal-card.xwide{ border-radius:18px 18px 18px 7px!important; border-color:color-mix(in srgb,var(--brand,var(--primary)) 14%,#dfe4ec 86%); box-shadow:0 32px 82px rgba(24,36,44,.20),0 7px 22px rgba(24,36,44,.08)!important; } .secondary-surface .modal-card:before{ content:"";height:3px;flex:0 0 3px; background:linear-gradient(90deg,var(--brand,var(--primary)),color-mix(in srgb,var(--brand,var(--primary)) 40%,transparent) 68%,transparent); } .secondary-surface .modal-footer .btn{flex:0 0 auto;width:auto!important;min-width:126px;margin:0!important} #v080-client-detail .modal-footer .btn{min-width:150px} } .secondary-surface .modal-head{ background:linear-gradient(120deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 42%,#fff 58%),#fff 68%)!important; border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,#edf0f5 90%)!important; } .secondary-surface .modal-head h3{color:var(--brand-deep,var(--deep));} .secondary-surface .modal-subtitle{color:color-mix(in srgb,var(--muted) 88%,var(--brand,var(--primary)) 12%)} .secondary-surface .btn-soft{width:auto;margin-top:0;background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 56%,#fff 44%);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 17%,var(--line) 83%);color:var(--brand-deep,var(--primary))} .secondary-surface .op-kpis{gap:0!important;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 11%,var(--line) 89%);border-radius:13px 13px 13px 5px;overflow:hidden;background:#fff} .secondary-surface>.modal-card>.op-kpis .op-kpi{border:0;border-right:1px solid color-mix(in srgb,var(--brand,var(--primary)) 9%,var(--line) 91%);border-radius:0!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 18%,#fff 82%),#fff)!important} .secondary-surface>.modal-card>.op-kpis .op-kpi:last-child{border-right:0} .secondary-surface>.modal-card>.detail-block{border-top:1px solid color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%)} /* Cliente — detalhe deixa de parecer um modal genérico. */ #v080-client-detail .modal-head{padding-bottom:16px} #v080-client-detail .op-kpis{margin-top:18px} #v080-client-detail .detail-block{padding-top:17px} #v080-client-detail .modal-footer{justify-content:flex-end;gap:9px} #v080-client-detail .modal-footer .btn-soft{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 62%,#fff 38%)} /* Financeiro: Pagamentos e Comissões com a mesma gramática visual. */ #page-financeiro .finance-tabs-v105{border-radius:12px;padding:4px;gap:4px;width:max-content;max-width:100%;background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 48%,#fff 52%)} #page-financeiro .finance-tabs-v105 button{border-radius:8px;padding:9px 14px;transition:background .18s ease,color .18s ease,box-shadow .18s ease} #page-financeiro .commission-page-heading-v1055{margin-bottom:18px} #page-financeiro .commission-config-card-v1056{ position:relative;border-radius:14px 14px 14px 5px;border-color:var(--serein-module-line); background:linear-gradient(130deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 38%,#fff 62%),#fff 70%); box-shadow:0 9px 26px rgba(28,39,48,.03);overflow:hidden;padding-left:20px } #page-financeiro .commission-config-card-v1056:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--brand,var(--primary));opacity:.64} #page-financeiro .commission-toolbar-v1056{padding:11px!important;border:1px solid var(--serein-module-line);border-radius:13px 13px 13px 5px;background:linear-gradient(135deg,var(--serein-module-soft),#fff 72%);box-shadow:0 7px 22px rgba(28,39,48,.025);gap:9px} #page-financeiro .commission-toolbar-v1056 label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em} #page-financeiro .commission-toolbar-v1056 input,#page-financeiro .commission-toolbar-v1056 select{height:41px;border-radius:9px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--line) 88%);background:#fff;padding:0 11px;color:var(--ink)} #page-financeiro .commission-toolbar-v1056 .btn{height:41px;margin:0!important;width:auto!important} #page-financeiro .commission-kpis-v105{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:15px 0;border:1px solid var(--serein-module-line);border-radius:14px 14px 14px 5px;overflow:hidden;background:rgba(255,255,255,.72)} #page-financeiro .commission-kpis-v105>div{position:relative;border:0!important;border-right:1px solid var(--serein-module-line)!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 18%,#fff 82%),#fff 100%)!important;padding:18px 17px!important} #page-financeiro .commission-kpis-v105>div:last-child{border-right:0!important} #page-financeiro .commission-kpis-v105>div:before{content:"";position:absolute;left:0;top:17px;width:3px;height:26px;border-radius:0 3px 3px 0;background:var(--brand,var(--primary));opacity:.42} #page-financeiro .commission-kpis-v105>div.featured{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 56%,#fff 44%),#fff)!important} #page-financeiro .commission-section-v105{border:1px solid var(--serein-module-line);border-radius:14px 14px 14px 5px;background:rgba(255,255,255,.86);box-shadow:0 9px 26px rgba(28,39,48,.028);overflow:hidden} #page-financeiro .commission-section-head-v105{padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--brand,var(--primary)) 9%,var(--line) 91%);background:linear-gradient(100deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 28%,#fff 72%),#fff 68%)} #page-financeiro .commission-section-head-v105 small{color:var(--brand,var(--primary));font-size:9px;letter-spacing:.12em} #page-financeiro .commission-section-head-v105 h3{margin-top:3px} #page-financeiro .commission-section-head-v105>span{font-size:11px;color:var(--muted)} #page-financeiro .commission-list-v105{padding:8px 12px 12px} #page-financeiro .commission-list-v105>article{border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 8%,var(--line) 92%);border-radius:11px 11px 11px 4px;background:linear-gradient(100deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 12%,#fff 88%),#fff 56%);padding:13px 14px;margin-top:7px} #page-financeiro .commission-list-v105>article.reversal{border-left:3px solid color-mix(in srgb,var(--danger,#c65a62) 68%,transparent)} #page-financeiro .commission-grid-v1056{gap:12px} #page-financeiro .commission-mini-list-v105{padding:8px 13px 13px} #page-financeiro .commission-mini-list-v105>div,#page-financeiro .commission-closing-row-v1057{border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 8%,var(--line) 92%)!important} #page-financeiro .commission-section-action-v1056{color:var(--brand-deep,var(--primary));background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 46%,#fff 54%);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 15%,var(--line) 85%)} /* Regras, agenda profissional e demais submenus seguem o mesmo vocabulário. */ .commission-rules-tabs-v1056,.schedule-tabs{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 31%,#fbfcfe 69%);border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%)} .commission-rules-tabs-v1056 button.active,.schedule-tabs button.active{color:var(--brand-deep,var(--primary));box-shadow:inset 0 -2px 0 var(--brand,var(--primary));background:#fff} .commission-rules-manager-list-v1056 article,.schedule-block-row,.multi-service-row{border-radius:12px 12px 12px 5px!important;border-color:color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 14%,#fff 86%),#fff)!important} /* Configurações: leitura institucional e densidade equivalente aos demais módulos. */ #page-configuracoes .settings-grid-controlled{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px} #page-configuracoes .settings-card{padding:22px;border-radius:15px 15px 15px 5px} #page-configuracoes .settings-card-head{padding-bottom:15px;border-bottom:1px solid var(--serein-module-line);margin-bottom:3px} #page-configuracoes .settings-primary .toggle-row{padding-top:15px;padding-bottom:15px;border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 8%,var(--line) 92%)} #page-configuracoes .settings-icon{border-radius:10px;background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 68%,#fff 32%);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 14%,var(--line) 86%)} #page-configuracoes .timezone-card{border-radius:12px 12px 12px 5px;background:linear-gradient(120deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 24%,#fff 76%),#fff);box-shadow:none} #page-configuracoes .settings-numbers{padding-top:16px;border-top:1px solid var(--serein-module-line)} #page-configuracoes .managed-pill{border-radius:8px;background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 70%,#fff 30%);border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 14%,var(--line) 86%)} #page-configuracoes .managed-brand-company,#page-configuracoes .public-page-control{border-radius:12px 12px 12px 5px;border-color:var(--serein-module-line);background:rgba(255,255,255,.78)} #page-configuracoes .user-access-section{margin-top:16px;border-top:3px solid color-mix(in srgb,var(--brand,var(--primary)) 34%,transparent)} /* Pequenos refinamentos de ação para coerência entre Agenda e demais módulos. */ #page-clientes .op-icon-btn,#page-profissionais .op-icon-btn,#page-procedimentos .op-icon-btn,#page-financeiro .finance-history-link-v105{font-weight:780;letter-spacing:-.005em} #page-clientes .op-icon-btn,#page-profissionais .op-icon-btn,#page-procedimentos .op-icon-btn{min-height:36px} @media(max-width:900px){ #page-financeiro .commission-kpis-v105{grid-template-columns:1fr 1fr} #page-financeiro .commission-kpis-v105>div:nth-child(2){border-right:0!important} #page-financeiro .commission-kpis-v105>div:nth-child(-n+2){border-bottom:1px solid var(--serein-module-line)!important} #page-configuracoes .settings-grid-controlled{grid-template-columns:1fr} } @media(max-width:700px){ .secondary-surface .btn-soft{width:100%;margin-top:0} .secondary-surface>.modal-card>.op-kpis .op-kpi:nth-child(2n){border-right:0} #page-financeiro .commission-toolbar-v1056{grid-template-columns:1fr 1fr} #page-financeiro .commission-toolbar-v1056 label:nth-child(3),#page-financeiro .commission-toolbar-v1056 .btn{grid-column:1/-1} #page-financeiro .commission-toolbar-v1056 input,#page-financeiro .commission-toolbar-v1056 select,#page-financeiro .commission-toolbar-v1056 .btn{width:100%} #page-financeiro .commission-section-head-v105{align-items:flex-start} } /* ===================================================================== Serein v1.0.6.8 — Final UX Polish / Agenda + Submenus ===================================================================== */ /* Central do Dia */ .s2-day-head p{font-weight:700;color:color-mix(in srgb,var(--s2-muted) 88%,var(--brand,var(--primary)) 12%)} .s2-agenda-list.has-history{display:block;min-height:0;padding-top:12px} .s2-agenda-list.is-empty{display:block;min-height:250px;padding:0} .s2-agenda-history{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--s2-line) 88%);border-radius:11px 11px 11px 5px;background:linear-gradient(110deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 42%,#fff 58%),#fff 70%)} .s2-agenda-history-copy{display:grid;gap:5px} .s2-agenda-history-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:var(--brand,var(--primary))} .s2-agenda-history-copy strong{font-size:15px;color:var(--s2-ink)} .s2-agenda-history-copy span{font-size:11.5px;color:var(--s2-muted);line-height:1.5} .s2-empty-schedule{min-height:250px} /* Agenda operacional: a linha temporal não atravessa cabeçalhos de Semana/Mês. */ #page-agenda .schedule-grid.agenda-range-week:before, #page-agenda .schedule-grid.agenda-range-month:before{display:none} #page-agenda .schedule-grid.agenda-range-week .agenda-group-title, #page-agenda .schedule-grid.agenda-range-month .agenda-group-title{position:relative;z-index:2;padding:17px 14px 10px;margin-top:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 38%,#fff 62%),#fff 72%);border-bottom:1px solid var(--serein-module-line)} #page-agenda .schedule-grid.agenda-range-week .agenda-group-title strong, #page-agenda .schedule-grid.agenda-range-month .agenda-group-title strong{font-size:15px;line-height:1.35;white-space:normal} #page-agenda .hour{font-size:.84rem;font-weight:800;color:color-mix(in srgb,var(--brand-deep,var(--deep)) 72%,var(--muted) 28%);font-variant-numeric:tabular-nums;letter-spacing:-.01em} #page-agenda .segmented{min-height:48px;align-items:stretch;overflow:visible} #page-agenda .segmented button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;line-height:1.15;padding:9px 17px;overflow:visible;white-space:nowrap} /* Submenus / modais: conteúdo respeita a mesma margem do cabeçalho e da borda. */ #professional-services-modal .professional-services-section{margin:0;padding:20px 24px 24px} #professional-services-modal .service-picker{margin-bottom:0} #professional-services-modal .service-add-toggle{margin-bottom:0} .secondary-surface .modal-card{overflow:hidden} .secondary-surface .modal-head{flex:0 0 auto} .secondary-surface .modal-footer{border-top:1px solid color-mix(in srgb,var(--brand,var(--primary)) 10%,var(--line) 90%);background:linear-gradient(90deg,color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 22%,#fff 78%),#fff 70%)} .secondary-surface>.modal-card>.detail-block{margin-left:24px;margin-right:24px} .secondary-surface>.modal-card>.op-table{margin-left:24px;margin-right:24px} .secondary-surface>.modal-card>.inline-note{margin-left:24px;margin-right:24px} @media(max-width:760px){ /* O calendário deve aparecer cedo na primeira dobra. */ .s2-day-head{padding:0 0 10px;gap:8px;border-bottom-color:color-mix(in srgb,var(--brand,var(--primary)) 9%,var(--s2-line) 91%)} .s2-day-kicker{font-size:9px;margin-bottom:0} .s2-day-head h2{font-size:clamp(27px,8vw,34px);margin:5px 0 2px;line-height:1} .s2-day-head p{font-size:11px;line-height:1.2} .s2-refresh-action{min-height:30px;padding:0 9px;font-size:11px} .s2-day-layout{padding-top:10px;gap:12px} .s2-day-agenda{border-radius:13px 13px 13px 6px} .s2-agenda-top{padding:17px 16px 14px} .s2-agenda-top h3{font-size:18px} .s2-agenda-now{margin:12px 16px 2px;padding:10px 11px} .s2-agenda-list{padding-left:16px;padding-right:16px} .s2-agenda-list.is-empty{padding:0;min-height:205px} .s2-empty-schedule{min-height:205px;padding:18px 16px} .s2-agenda-history{align-items:flex-start;flex-direction:column;padding:14px} .s2-agenda-foot{padding:13px 16px} #page-agenda .segmented{width:100%;display:grid;grid-template-columns:repeat(3,1fr);min-height:48px} #page-agenda .segmented button{width:100%;min-width:0;padding:10px 8px;font-size:13px} #page-agenda .hour{font-size:.9rem;font-weight:850} #professional-services-modal .professional-services-section{padding:16px 18px 20px} .secondary-surface>.modal-card>.detail-block, .secondary-surface>.modal-card>.op-table, .secondary-surface>.modal-card>.inline-note{margin-left:18px;margin-right:18px} } /* ===================================================================== Serein v1.0.7.0 — Exportar PDF contextual em Relatórios ===================================================================== */ .s2-report-tools{grid-template-columns:minmax(138px,auto) minmax(138px,auto) minmax(180px,1fr) minmax(180px,1fr) auto minmax(150px,auto)} .s2-report-export-control{display:grid;align-self:end;gap:5px;min-width:168px} .s2-report-export-control .btn{height:44px;margin:0;border-radius:9px;white-space:nowrap} .s2-report-export-control small{max-width:190px;font-size:9.5px;line-height:1.25;color:var(--s2-muted);letter-spacing:0;text-transform:none;font-weight:600} #s2-report-export-pdf{border-color:color-mix(in srgb,var(--brand,var(--primary)) 22%,var(--s2-line) 78%);background:#fff;color:var(--brand-deep,var(--deep));box-shadow:0 5px 14px rgba(28,39,48,.035)} #s2-report-export-pdf:hover{border-color:color-mix(in srgb,var(--brand,var(--primary)) 42%,var(--s2-line) 58%);background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 34%,#fff 66%)} #s2-report-export-pdf:disabled{opacity:.58;cursor:wait;transform:none} @media(max-width:1180px){.s2-report-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.s2-report-tools .s2-filter-wide{grid-column:auto}.s2-report-tools #v080-report-run{grid-column:auto}.s2-report-export-control{grid-column:auto;min-width:0}.s2-report-export-control small{max-width:none}} @media(max-width:760px){.s2-report-export-control{grid-column:1/-1;width:100%}.s2-report-export-control .btn{width:100%}.s2-report-export-control small{text-align:left;padding:0 2px 2px}} /* ===================================================================== Serein v1.0.7.6 — Premium Commission Professional × Service ===================================================================== */ .commission-config-card-v1076 .commission-config-actions-v1056{flex-wrap:wrap} .commission-service-rules-v1076{display:grid;gap:14px} .commission-service-rules-toolbar-v1076{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 14px;border:1px solid var(--line);background:var(--surface-soft,#f7f8fa);border-radius:10px} .commission-service-rules-toolbar-v1076 label{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--muted)} .commission-service-rules-toolbar-v1076 select{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:var(--deep);font:inherit} .commission-service-rules-list-v1076 article>div:first-child span{font-weight:650;color:var(--deep)} .commission-service-rule-note-v1076{margin-top:14px;display:grid;gap:4px} .commission-service-rule-note-v1076 strong{font-size:11px;letter-spacing:.04em;text-transform:uppercase} .commission-service-rule-note-v1076 span{font-size:12px;color:var(--muted)} @media(max-width:760px){.commission-service-rules-toolbar-v1076{grid-template-columns:1fr}.commission-config-card-v1076 .commission-config-actions-v1056{width:100%}.commission-config-card-v1076 .commission-config-actions-v1056 .btn{flex:1 1 100%}} /* ===== v1.0.7.6.1 — Commission action layout + percentage display polish ===== */ #page-financeiro .commission-config-card-v1076{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:22px; row-gap:12px; } #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056{ display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px; max-width:100%; } #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056 .btn, #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056 .btn-soft{ width:auto!important; min-width:0!important; max-width:100%; flex:0 0 auto!important; padding-inline:14px!important; white-space:nowrap!important; } #page-financeiro .commission-config-card-v1076 .commission-premium-action-v1076{ min-width:max-content!important; } @media(max-width:1180px){ #page-financeiro .commission-config-card-v1076{grid-template-columns:1fr;align-items:start} #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056{justify-content:flex-start;width:100%} } @media(max-width:760px){ #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056{display:grid;grid-template-columns:1fr;width:100%;gap:8px} #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056 .btn, #page-financeiro .commission-config-card-v1076 .commission-config-actions-v1056 .btn-soft{width:100%!important;min-height:42px!important} } /* v1.0.7.6.2 — Closing Draft Cancel UX */ .closing-status-v105.cancelled{background:#f1f3f7;color:#596273} .commission-closing-actions-v10762{justify-content:space-between} .commission-closing-cancel-meta-v10762{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:12px;background:#fafbfc} .commission-closing-cancel-meta-v10762 small,.commission-closing-cancel-meta-v10762 span{color:var(--muted);font-size:.72rem} .commission-closing-cancel-meta-v10762 strong{font-size:.82rem} @media(max-width:760px){.commission-closing-actions-v10762{flex-direction:column-reverse}.commission-closing-actions-v10762 .btn{width:100%!important}} /* v1.0.7.6.4 — Usage Meter */ #page-configuracoes .usage-meter-card{grid-column:1/-1} .usage-meter-body{display:grid;gap:14px}.usage-meter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.usage-meter-head small,.usage-meter-head strong{display:block}.usage-meter-head small{font-size:.68rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.usage-meter-head strong{margin-top:5px;font-size:1.08rem}.usage-state{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#eef2f7;color:#5d6879;font-size:.67rem;font-weight:900;white-space:nowrap}.usage-state.is-available{background:#eaf7f1;color:#247a58}.usage-state.is-near_limit{background:#fff4e6;color:#9a682c}.usage-state.is-exhausted{background:#fff0f0;color:#a55050}.usage-progress{height:9px;border-radius:999px;background:#edf0f4;overflow:hidden}.usage-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary);min-width:0}.usage-meter-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-meter-meta span{padding:12px 14px;border:1px solid var(--serein-module-line,rgba(66,82,116,.09));border-radius:13px;background:rgba(255,255,255,.72)}.usage-meter-meta strong,.usage-meter-meta small{display:block}.usage-meter-meta strong{font-size:.9rem}.usage-meter-meta small{margin-top:3px;color:var(--muted);font-size:.65rem}.usage-meter-body p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.55}.usage-meter-footnote{display:block;margin-top:14px;color:var(--muted);font-size:.65rem;line-height:1.5}.usage-meter-empty strong,.usage-meter-empty small{display:block}.usage-meter-empty small{margin-top:4px;color:var(--muted)} @media(max-width:620px){.usage-meter-head{display:grid}.usage-state{justify-self:start}.usage-meter-meta{grid-template-columns:1fr}} /* v1.0.7.7.1 — Goals Foundation */ .s2-report-tools[hidden]{display:none!important} .s2-goals-shell{display:grid;gap:22px} .s2-goals-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--s2-line)} .s2-goals-head small{display:block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:10px;color:var(--brand,var(--primary))} .s2-goals-head h2{margin:0 0 7px;font-size:25px;color:var(--s2-ink)} .s2-goals-head p{margin:0;max-width:700px;color:var(--s2-muted);font-size:13px;line-height:1.55} .s2-goals-toolbar{display:flex;align-items:end;gap:10px} .s2-goals-toolbar label{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--s2-muted)} .s2-goals-toolbar input{min-width:180px} .s2-goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .s2-goal-card{padding:19px 20px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 12%,var(--s2-line) 88%);border-radius:14px;background:rgba(255,255,255,.62);box-shadow:0 9px 26px rgba(28,39,48,.025)} .s2-goal-card.is-cancelled{opacity:.7;background:rgba(247,248,249,.62)} .s2-goal-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .s2-goal-card-head small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--s2-muted);font-weight:700} .s2-goal-card-head h3{margin:5px 0 0;font-size:17px;color:var(--s2-ink)} .s2-goal-status{font-size:10px;font-weight:800;padding:5px 9px;border-radius:999px;background:#edf7f1;color:#268652;white-space:nowrap} .s2-goal-status.is-cancelled{background:#f2f3f4;color:#6b747c} .s2-goal-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:19px 0 14px} .s2-goal-numbers div{min-width:0} .s2-goal-numbers small{display:block;font-size:10px;color:var(--s2-muted);margin-bottom:4px} .s2-goal-numbers strong{display:block;font-size:14px;color:var(--s2-ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .s2-goal-progress{height:7px;border-radius:999px;background:color-mix(in srgb,var(--brand-soft,#eef4f3) 75%,#e7ebed 25%);overflow:hidden} .s2-goal-progress i{display:block;height:100%;border-radius:inherit;background:var(--brand,var(--primary));transition:width .2s ease} .s2-goal-card-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px} .s2-goal-card-foot>span{font-size:10px;color:var(--s2-muted)} .s2-goal-card-foot>div{display:flex;align-items:center;gap:6px} .s2-compact-action.is-danger{color:#a13d3d} .s2-goal-history{border-top:1px solid var(--s2-line);padding-top:16px} .s2-goal-history summary{cursor:pointer;font-size:12px;font-weight:750;color:var(--s2-muted);margin-bottom:14px} @media(max-width:980px){.s2-goals-grid{grid-template-columns:1fr}.s2-goal-numbers{grid-template-columns:1fr 1fr}} @media(max-width:640px){.s2-goals-head{flex-direction:column}.s2-goals-head .btn{width:100%}.s2-goals-toolbar{align-items:stretch;flex-direction:column}.s2-goals-toolbar input,.s2-goals-toolbar .btn{width:100%}.s2-goal-card-foot{align-items:flex-start;flex-direction:column}.s2-goal-card-foot>div{width:100%;flex-wrap:wrap}} /* v1.0.7.7.4 — Goals Refresh Subtle Action */ .s2-demand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .s2-demand-panel{padding:20px 0 4px;border-top:1px solid var(--s2-line)} .s2-demand-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px} .s2-demand-highlights>div{padding:13px 14px;border:1px solid var(--s2-line);border-radius:12px;background:rgba(255,255,255,.58)} .s2-demand-highlights small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--s2-muted);font-weight:800;margin-bottom:4px} .s2-demand-highlights strong{display:block;font-size:16px;color:var(--s2-ink);margin-bottom:3px} .s2-demand-highlights span{font-size:11px;color:var(--s2-muted)} .s2-demand-bars{display:grid;gap:11px} .s2-demand-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr;align-items:center;gap:14px} .s2-demand-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline;min-width:0} .s2-demand-meta strong{font-size:12px;color:var(--s2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s2-demand-meta span{font-size:10px;color:var(--s2-muted);white-space:nowrap} .s2-demand-track{height:7px;border-radius:999px;background:color-mix(in srgb,var(--brand-soft,#eef4f3) 72%,#e8ebed 28%);overflow:hidden} .s2-demand-track i{display:block;height:100%;border-radius:inherit;background:var(--brand,var(--primary))} .s2-intelligence-goals{margin-top:32px;padding-top:24px;border-top:1px solid var(--s2-line)} .s2-intelligence-goals>.s2-section-head{margin-bottom:18px} .s2-goals-shell.is-embedded{gap:18px} .s2-goals-shell.is-embedded .s2-goals-head{padding-bottom:14px} .s2-intelligence-next{margin-top:28px} @media(max-width:900px){.s2-demand-grid{grid-template-columns:1fr}} @media(max-width:640px){.s2-demand-highlights{grid-template-columns:1fr}.s2-demand-row{grid-template-columns:1fr;gap:7px}} /* v1.0.7.7.4 — Goals Refresh Subtle Action */ .s2-intelligence-goals.is-first{margin-top:0;padding-top:0;border-top:0} .s2-intelligence-demand{margin-top:30px;padding-top:26px;border-top:1px solid var(--s2-line)} .s2-goals-toolbar{justify-content:flex-start;align-items:end;gap:10px} .s2-goals-toolbar label{flex:0 0 auto} .s2-goals-toolbar input{width:190px;min-width:190px} .s2-goal-refresh-btn{flex:0 0 auto!important;width:auto!important;min-width:96px!important;padding-inline:16px!important;align-self:end} .s2-demand-grid{gap:24px} .s2-demand-panel{padding:0;border-top:0} .s2-demand-highlights{margin:12px 0 14px} .s2-demand-highlights>div{padding:12px 14px;background:rgba(255,255,255,.5)} .s2-demand-ranking{border-top:1px solid var(--s2-line);padding-top:10px} .s2-demand-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;color:var(--s2-muted)} .s2-demand-ranking-head span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .s2-demand-ranking-head small{font-size:10px} .s2-demand-rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid color-mix(in srgb,var(--s2-line) 72%,transparent 28%)} .s2-demand-rank-row:last-child{border-bottom:0} .s2-demand-rank-index{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--brand,var(--primary)) 7%,#fff);color:var(--brand,var(--primary));font-size:10px;font-weight:850} .s2-demand-rank-row strong{font-size:12px;color:var(--s2-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .s2-demand-rank-row>span:last-child{font-size:10px;color:var(--s2-muted);white-space:nowrap} @media(max-width:640px){.s2-goals-toolbar{flex-direction:row;align-items:end}.s2-goals-toolbar label{flex:1 1 auto}.s2-goals-toolbar input{width:100%;min-width:0}.s2-goal-refresh-btn{width:auto!important;min-width:92px!important}.s2-demand-rank-row{grid-template-columns:24px minmax(0,1fr)}.s2-demand-rank-row>span:last-child{grid-column:2}} /* v1.0.7.7.4 — subtle Goals refresh action */ .s2-goal-refresh-btn{ min-width:0!important; height:34px!important; padding:0 11px!important; border:1px solid color-mix(in srgb,var(--s2-line) 86%,transparent 14%)!important; border-radius:10px!important; background:transparent!important; box-shadow:none!important; color:var(--s2-muted)!important; font-size:11px!important; font-weight:750!important; line-height:1!important; } .s2-goal-refresh-btn::before{content:'↻';font-size:13px;line-height:1;margin-right:5px;color:var(--brand,var(--primary))} .s2-goal-refresh-btn:hover,.s2-goal-refresh-btn:focus-visible{ background:color-mix(in srgb,var(--brand,var(--primary)) 5%,transparent 95%)!important; border-color:color-mix(in srgb,var(--brand,var(--primary)) 24%,var(--s2-line) 76%)!important; color:var(--s2-ink)!important; } .s2-goal-refresh-btn:disabled{opacity:.6!important} @media(max-width:640px){.s2-goal-refresh-btn{min-width:0!important;width:auto!important;height:34px!important;padding:0 10px!important}} /* v1.0.7.8 — Advanced Exports Foundation */ .s2-report-export-control.has-menu{position:relative} .s2-export-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:color-mix(in srgb,var(--brand,var(--primary)) 22%,var(--s2-line) 78%);background:#fff;color:var(--brand-deep,var(--deep));box-shadow:0 5px 14px rgba(28,39,48,.035)} .s2-export-toggle:hover{border-color:color-mix(in srgb,var(--brand,var(--primary)) 42%,var(--s2-line) 58%);background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 34%,#fff 66%)} .s2-export-toggle span{font-size:14px;line-height:1;transform:translateY(-1px)} .s2-export-menu{position:absolute;z-index:60;right:0;top:50px;width:min(300px,calc(100vw - 36px));padding:7px;border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 18%,var(--s2-line) 82%);border-radius:12px;background:#fff;box-shadow:0 18px 46px rgba(24,34,40,.16)} .s2-export-menu[hidden]{display:none!important} .s2-export-menu button{display:grid;width:100%;gap:2px;padding:10px 11px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--s2-ink);cursor:pointer} .s2-export-menu button+button{margin-top:2px} .s2-export-menu button:hover,.s2-export-menu button:focus-visible{outline:0;background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 45%,#fff 55%)} .s2-export-menu button:disabled{opacity:.6;cursor:wait} .s2-export-menu strong{font-size:13px;line-height:1.25} .s2-export-menu span{font-size:10.5px;line-height:1.35;color:var(--s2-muted)} @media(max-width:760px){.s2-report-export-control.has-menu{width:100%}.s2-export-menu{left:0;right:auto;top:50px;width:100%}} /* v1.0.7.8.2 — Settings clarity */ .duration-setting{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;align-items:center}.duration-setting input,.duration-setting select{width:100%}.setting-help{display:block;margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.35}@media(max-width:640px){.duration-setting{grid-template-columns:minmax(0,1fr) 118px}} /* v1.0.7.8.3 — WhatsApp R46 + conversa manual */ .action.whatsapp{background:#f4fbf7;color:#187b53;border-color:#cfe8da} .action.whatsapp::after{content:"Conversa manual";float:right;font-size:.62rem;font-weight:800;opacity:.62;letter-spacing:.03em} .settings-divider{height:1px;background:var(--line);margin:22px 0} .settings-subhead{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:10px} .settings-subhead small{color:var(--muted)} .whatsapp-settings-form .toggle-row{margin-bottom:6px} .client-whatsapp-consent{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd} .client-whatsapp-consent-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px} .client-whatsapp-consent-head small,.client-whatsapp-consent-head strong{display:block} .client-whatsapp-consent-head small{color:var(--muted);font-size:.68rem} .client-whatsapp-consent p{color:var(--muted);font-size:.78rem;line-height:1.5;margin:12px 0} .consent-state{padding:6px 9px;border-radius:999px;font-size:.64rem;font-weight:900;white-space:nowrap} .consent-state.is-granted{background:#eaf8f1;color:#187b53} .consent-state.is-revoked{background:#fff1f1;color:#a84444} .consent-state.is-pending{background:#f6f3ea;color:#8b6a2b} .client-consent-actions{display:flex;gap:8px;flex-wrap:wrap} .consent-policy{display:block;margin-top:12px;color:var(--muted);line-height:1.45} .notification-job-list{display:grid;gap:8px} .notification-job-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)} .notification-job-row:last-child{border-bottom:0} .notification-job-row strong,.notification-job-row small{display:block} .notification-job-row strong{font-size:.78rem} .notification-job-row small{color:var(--muted);margin-top:3px;font-size:.68rem} .notification-job-row>span{font-size:.68rem;font-weight:800;color:var(--muted);white-space:nowrap} @media(max-width:640px){.settings-subhead,.notification-job-row{align-items:flex-start;flex-direction:column}.notification-job-row{gap:5px}.action.whatsapp::after{display:none}} /* v1.0.7.8.3.2 — Configurações em abas */ .settings-tabs-v107832{ display:flex;gap:6px;align-items:center;margin:4px 0 22px; padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72); width:max-content;max-width:100%;overflow-x:auto } .settings-tabs-v107832 button{ appearance:none;border:0;background:transparent;color:var(--muted);font:inherit; font-size:.76rem;font-weight:800;padding:10px 14px;border-radius:10px;white-space:nowrap;cursor:pointer } .settings-tabs-v107832 button:hover{color:var(--ink);background:rgba(255,255,255,.75)} .settings-tabs-v107832 button.is-active{ color:var(--ink);background:#fff;box-shadow:0 1px 0 rgba(16,33,47,.05),0 4px 14px rgba(16,33,47,.06) } .settings-tab-panel-v107832{display:none} .settings-tab-panel-v107832.is-active{display:block} .settings-grid-single-v107832{grid-template-columns:minmax(0,1fr)} .settings-grid-single-v107832 .usage-meter-card{grid-column:1/-1} .settings-tab-panel-v107832 .user-access-section{margin-top:0} @media(max-width:720px){ .settings-tabs-v107832{width:100%;border-radius:12px} .settings-tabs-v107832 button{flex:0 0 auto} } /* ===== Serein v1.0.8.0 — Public Presence Admin ===== */ .public-presence-admin-v1080{grid-column:1/-1} .pp-admin-stack-v1080{display:grid;gap:16px;margin-top:16px} .pp-panel-v1080{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px} .pp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.pp-panel-head small{font-size:.62rem;font-weight:900;letter-spacing:.12em;color:var(--muted)}.pp-panel-head h3{font-size:1.05rem;margin:4px 0}.pp-panel-head p{font-size:.75rem;color:var(--muted);margin:0;max-width:650px;line-height:1.5} .pp-status-v1080,.pp-count-v1080{font-size:.65rem;font-weight:850;padding:7px 9px;border-radius:999px;background:#f3f4f2;color:var(--muted);white-space:nowrap}.pp-status-v1080.is-configured{background:#eaf7f0;color:#247452} .pp-form-grid-v1080{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pp-form-grid-v1080 label,.pp-upload-v1080 label,.pp-prof-fields-v1080 label{display:grid;gap:6px}.pp-form-grid-v1080 label>span,.pp-upload-v1080 label>span,.pp-prof-fields-v1080 label>span{font-size:.7rem;font-weight:800;color:var(--deep)}.pp-form-grid-v1080 input,.pp-form-grid-v1080 textarea,.pp-form-grid-v1080 select,.pp-upload-v1080 input,.pp-prof-fields-v1080 input,.pp-prof-fields-v1080 textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px;font:inherit;font-size:.78rem;color:var(--deep)}.pp-form-grid-v1080 textarea,.pp-prof-fields-v1080 textarea{resize:vertical}.pp-form-grid-v1080 small,.pp-upload-v1080 small,.pp-prof-fields-v1080 small{font-size:.64rem;color:var(--muted)}.pp-span-2{grid-column:1/-1} .pp-upload-v1080{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:10px;align-items:end}.pp-drop-v1080 input{padding:8px} .pp-gallery-admin-v1080{display:grid;gap:8px;margin-top:18px}.pp-gallery-admin-v1080 article{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.pp-admin-thumb-v1080{width:72px;height:56px;border-radius:9px;background:#f1f2ef;overflow:hidden;display:grid;place-items:center;color:var(--muted);font-size:.62rem}.pp-admin-thumb-v1080 img{width:100%;height:100%;object-fit:cover}.pp-gallery-meta-v1080 strong,.pp-gallery-meta-v1080 small{display:block}.pp-gallery-meta-v1080 strong{font-size:.76rem}.pp-gallery-meta-v1080 small{font-size:.64rem;color:var(--muted);margin-top:3px}.pp-gallery-actions-v1080{display:flex;gap:6px} .pp-select-list-v1080{display:grid;gap:7px}.pp-select-row-v1080{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:11px}.pp-select-row-v1080>input{margin-top:3px}.pp-select-row-v1080 strong,.pp-select-row-v1080 small{display:block}.pp-select-row-v1080 strong{font-size:.77rem}.pp-select-row-v1080 small{font-size:.64rem;color:var(--muted);margin-top:2px}.pp-select-row-v1080 textarea{margin-top:8px;width:100%;border:1px solid var(--line);border-radius:9px;padding:9px;font:inherit;font-size:.72rem;resize:vertical} .pp-prof-list-v1080{display:grid;gap:10px}.pp-prof-admin-v1080{border:1px solid var(--line);border-radius:14px;padding:14px}.pp-prof-head-v1080{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center}.pp-prof-avatar-v1080{width:52px;height:52px;border-radius:13px;background:#eef2ef;display:grid;place-items:center;overflow:hidden;font-weight:900;color:var(--primary)}.pp-prof-avatar-v1080 img{width:100%;height:100%;object-fit:cover}.pp-prof-head-v1080 strong,.pp-prof-head-v1080 small{display:block}.pp-prof-head-v1080 strong{font-size:.8rem}.pp-prof-head-v1080 small{font-size:.64rem;color:var(--muted);margin-top:2px}.pp-inline-switch-v1080 input{display:none}.pp-inline-switch-v1080 span{display:block;width:38px;height:22px;border-radius:999px;background:#d7dcd8;position:relative;cursor:pointer}.pp-inline-switch-v1080 span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.pp-inline-switch-v1080 input:checked+span{background:var(--primary)}.pp-inline-switch-v1080 input:checked+span:after{transform:translateX(16px)} .pp-prof-fields-v1080{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.pp-prof-photo-v1080{display:flex;align-items:end;gap:6px;flex-wrap:wrap}.pp-prof-photo-v1080 label{flex:1 1 180px}.pp-empty-v1080{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.72rem;text-align:center} @media(max-width:900px){.pp-upload-v1080{grid-template-columns:1fr 1fr}.pp-upload-v1080 .btn{align-self:end}.pp-gallery-actions-v1080{flex-direction:column}} @media(max-width:680px){.pp-panel-v1080{padding:16px}.pp-panel-head{flex-direction:column}.pp-form-grid-v1080,.pp-prof-fields-v1080,.pp-upload-v1080{grid-template-columns:1fr}.pp-span-2{grid-column:auto}.pp-gallery-admin-v1080 article{grid-template-columns:58px 1fr}.pp-admin-thumb-v1080{width:58px;height:50px}.pp-gallery-actions-v1080{grid-column:1/-1;flex-direction:row}.pp-prof-head-v1080{grid-template-columns:48px 1fr auto}} /* ===== Serein v1.0.8.0.2 — Public Presence Admin UX refinement ===== */ .pp-slim-panel-v10802{border-radius:20px;padding:20px 20px 18px;box-shadow:none} .pp-slim-panel-v10802 .pp-panel-head{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:14px} .pp-slim-panel-v10802 .pp-panel-head h3{font-size:1.05rem;letter-spacing:-.02em} .pp-slim-panel-v10802 .pp-panel-head p{font-size:.72rem;line-height:1.45;color:var(--muted)} .pp-form-v1080 label>span,.pp-upload-v1080 label>span,.pp-prof-fields-v1080 label>span{font-size:.74rem;font-weight:800} .pp-form-v1080 input,.pp-form-v1080 select,.pp-form-v1080 textarea,.pp-upload-v1080 input,.pp-prof-fields-v1080 input,.pp-prof-fields-v1080 textarea{border-radius:12px;background:#fcfdfc} .pp-gallery-admin-v1080{gap:0;margin-top:16px} .pp-gallery-admin-v1080 article{padding:12px 0;border-top:1px solid var(--line)} .pp-gallery-actions-v1080 .btn,.pp-prof-photo-actions-v10802 .btn{min-height:42px} .pp-upload-v1080{display:grid;grid-template-columns:minmax(220px,1.1fr) 1fr 1fr auto;gap:10px;align-items:end} .pp-drop-v1080{min-height:78px;border:1px dashed color-mix(in srgb,var(--primary),transparent 78%);border-radius:14px;background:#fbfcfb} .pp-drop-v1080 input{margin-bottom:8px} .pp-select-row-v1080{cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;border-radius:14px;padding:13px 14px} .pp-select-row-v1080 input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);margin-top:2px} .pp-select-row-v1080.is-selected{border-color:color-mix(in srgb,var(--primary),transparent 45%);background:color-mix(in srgb,var(--primary),#fff 93%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary),transparent 72%)} .pp-select-row-v1080 textarea{background:#fff} .pp-prof-list-v1080{gap:14px} .pp-prof-admin-v1080{border-radius:16px;padding:16px 16px 14px;background:#fff} .pp-prof-fields-v1080{gap:10px;grid-template-columns:1fr 1fr} .pp-prof-photo-v1080{display:grid;gap:10px} .pp-prof-photo-actions-v10802{display:flex;gap:8px;flex-wrap:wrap} .settings-save-row{display:flex;justify-content:flex-end;margin-top:14px} @media(max-width:860px){.pp-upload-v1080{grid-template-columns:1fr}.pp-prof-photo-actions-v10802{flex-direction:column}.settings-save-row .btn{width:100%}} /* ===== Serein v1.0.8.0.5 — Public Presence admin address + clarity ===== */ .pp-address-override-v10805{display:none;margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafbfa}.pp-address-override-v10805.is-visible{display:block}.pp-address-grid-v10805{display:grid;grid-template-columns:2fr .6fr 1fr 1fr 1.2fr .45fr .8fr;gap:10px}.pp-address-grid-v10805 label{display:grid;gap:6px}.pp-address-grid-v10805 label>span{font-size:.7rem;font-weight:800;color:var(--deep)}.pp-address-grid-v10805 input{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 11px;font:inherit;font-size:.78rem;color:var(--deep)} @media(max-width:1100px){.pp-address-grid-v10805{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-address-line-v10805{grid-column:span 2}} @media(max-width:680px){.pp-address-grid-v10805{grid-template-columns:1fr 1fr}.pp-address-line-v10805{grid-column:1/-1}} /* Serein v1.0.8.0.7 — R47.3 contract diagnostics */ .pp-core-address-preview-v10807{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8faf9;display:grid;gap:4px}.pp-core-address-preview-v10807 small{font-size:.6rem;font-weight:900;letter-spacing:.12em;color:var(--muted)}.pp-core-address-preview-v10807 strong{font-size:.76rem;color:var(--deep);font-weight:750} /* ===== Serein v1.0.8.0.8 — Public profile concise settings ===== */ .pp-prof-public-note-v10808{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-top:1px solid var(--line);color:var(--muted)} .pp-prof-public-note-v10808 strong{font-size:.7rem;color:var(--deep);white-space:nowrap} .pp-prof-public-note-v10808 span{font-size:.66rem;line-height:1.45} /* ===== Serein v1.0.8.0.10 — Professional Canonical Photo ===== */ .avatar.has-photo,.professional-photo-preview-v108010,.pp-photo-source-preview-v108010{overflow:hidden;background:#eef2ef}.avatar.has-photo img,.professional-photo-preview-v108010 img,.pp-photo-source-preview-v108010 img{width:100%;height:100%;object-fit:cover;display:block} .professional-photo-control-v108010{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfcfb} .professional-photo-preview-v108010{width:92px;height:92px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:var(--primary);font-size:1rem} .professional-photo-copy-v108010{display:grid;gap:5px}.professional-photo-copy-v108010>strong{font-size:.86rem}.professional-photo-copy-v108010>small{font-size:.7rem;color:var(--muted);line-height:1.45;max-width:620px}.professional-photo-actions-v108010{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.professional-photo-upload-v108010{cursor:pointer}.professional-photo-upload-v108010.is-busy{opacity:.7;pointer-events:none}.professional-photo-hint-v108010{font-size:.62rem!important} .pp-prof-photo-inheritance-v108010{grid-column:1/-1}.pp-photo-source-card-v108010{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfcfb}.pp-photo-source-preview-v108010{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;color:var(--primary);font-weight:900}.pp-photo-source-copy-v108010{display:grid;gap:4px}.pp-photo-source-copy-v108010>strong{font-size:.78rem}.pp-photo-source-copy-v108010>small{font-size:.65rem;color:var(--muted);line-height:1.4}.pp-photo-source-actions-v108010{margin-top:5px}.pp-photo-override-upload-v108010{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px}.pp-photo-override-upload-v108010[hidden]{display:none}.pp-photo-override-upload-v108010 input{flex:1 1 220px} @media(max-width:680px){.professional-photo-control-v108010{grid-template-columns:72px 1fr}.professional-photo-preview-v108010{width:72px;height:72px}.professional-photo-actions-v108010{flex-direction:column}.professional-photo-actions-v108010 .btn{width:100%}.pp-photo-source-card-v108010{grid-template-columns:54px 1fr}.pp-photo-source-preview-v108010{width:54px;height:54px}.pp-photo-override-upload-v108010{flex-direction:column;align-items:stretch}.pp-photo-override-upload-v108010 .btn{width:100%}} /* ===== Serein v1.0.8.0.12 — public-profile presentation helper ===== */ .pp-prof-public-note-v10808 span{line-height:1.45} /* ===== Serein v1.0.8.0.13 — Public Profile admin refinement ===== */ .pp-prof-list-v1080{gap:12px} .pp-prof-admin-v1080{ padding:14px 16px 13px; border-radius:15px; } .pp-prof-head-v1080{ grid-template-columns:48px 1fr auto; gap:10px; } .pp-prof-avatar-v1080{ width:48px; height:48px; border-radius:12px; } .pp-prof-fields-v1080{ margin-top:12px; gap:10px 12px; } .pp-prof-public-note-v10808{ padding:8px 0 2px; gap:8px; background:transparent; } .pp-prof-public-note-v10808 strong{font-size:.68rem} .pp-prof-public-note-v10808 span{font-size:.64rem} .pp-prof-photo-inheritance-v108010{ align-self:end; } .pp-photo-source-card-v108013{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:#fbfcfb; } .pp-photo-source-status-v108013{ display:flex; align-items:flex-start; gap:9px; min-width:0; } .pp-photo-source-status-v108013 strong, .pp-photo-source-status-v108013 small{display:block} .pp-photo-source-status-v108013 strong{ font-size:.73rem; line-height:1.25; } .pp-photo-source-status-v108013 small{ margin-top:3px; font-size:.63rem; color:var(--muted); line-height:1.35; } .pp-photo-source-dot-v108013{ flex:0 0 auto; width:9px; height:9px; margin-top:3px; border-radius:50%; background:#c8cfcc; } .pp-photo-source-dot-v108013.is-inherited{background:var(--primary)} .pp-photo-source-dot-v108013.is-override{background:var(--accent)} .pp-photo-source-actions-v108013{ display:flex; align-items:center; justify-content:flex-end; } .btn-compact-v108013{ min-height:34px!important; width:auto!important; padding:0 12px!important; border-radius:9px!important; font-size:.68rem!important; white-space:nowrap; } .pp-photo-override-upload-v108013{ grid-column:1/-1; padding-top:9px; border-top:1px solid var(--line); } .pp-photo-override-upload-v108013 input{ min-height:38px; font-size:.7rem; } .settings-save-row .btn{ min-width:132px; } @media(max-width:720px){ .pp-photo-source-card-v108013{ grid-template-columns:1fr; align-items:start; } .pp-photo-source-actions-v108013{ justify-content:flex-start; } } /* ===== Serein v1.0.8.0.17 — current plan badge ===== */ .settings-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:24px; } .settings-plan-badge-v108018{ flex:0 0 auto; display:inline-flex; align-items:center; gap:9px; margin-top:4px; padding:7px 10px; border:1px solid color-mix(in srgb,var(--primary),transparent 82%); border-radius:999px; background:color-mix(in srgb,var(--primary),#fff 96%); color:var(--deep); box-shadow:none; } .settings-plan-badge-v108018 span{ font-size:.61rem; line-height:1; color:var(--muted); font-weight:750; letter-spacing:.04em; text-transform:uppercase; } .settings-plan-badge-v108018 strong{ font-size:.72rem; line-height:1; font-weight:900; color:var(--primary); } @media(max-width:720px){ .settings-heading{ flex-direction:column; gap:12px; } .settings-plan-badge-v108018{ margin-top:0; } } /* ===== Serein v1.0.8.0.18 — R47.5 plan metadata E2E ===== */ .settings-plan-badge-v108018{ backdrop-filter:none; } /* ===== Serein v1.0.8.1 — Review moderation ===== */ .public-reviews-admin-v1081{margin-top:14px}.public-reviews-card-v1081{width:100%;max-width:none}.public-reviews-head-v1081{margin-bottom:12px}.public-reviews-filter-v1081{display:flex;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}.public-reviews-filter-v1081 button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 11px;font-size:.66rem;font-weight:800;cursor:pointer}.public-reviews-filter-v1081 button.is-active{background:color-mix(in srgb,var(--primary),#fff 92%);color:var(--primary);border-color:color-mix(in srgb,var(--primary),#fff 75%)}.public-reviews-list-v1081{display:grid}.public-review-admin-item-v1081{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.public-review-admin-main-v1081{min-width:0}.public-review-admin-main-v1081 p{margin:8px 0;font-size:.77rem;line-height:1.5}.public-review-admin-main-v1081>small{font-size:.62rem;color:var(--muted)}.public-review-admin-meta-v1081{display:flex;align-items:center;gap:8px}.admin-review-stars-v1081{color:var(--primary);letter-spacing:1px;font-size:.78rem}.public-review-admin-meta-v1081 span{font-size:.72rem;font-weight:900}.public-review-admin-meta-v1081 small{font-size:.61rem;color:var(--muted)}.public-review-admin-actions-v1081{display:flex;gap:7px;align-items:center}.public-reviews-footnote-v1081{display:block;margin-top:11px;color:var(--muted);font-size:.62rem}@media(max-width:720px){.public-review-admin-item-v1081{grid-template-columns:1fr}.public-review-admin-actions-v1081{justify-content:flex-start;flex-wrap:wrap}} /* ===== Serein v1.0.8.1.2 — tenant logo adaptive fit (admin) ===== */ .clinic-logo.has-image{ padding:3px; } .clinic-logo.has-image img{ display:block; width:100%; height:100%; object-fit:contain!important; object-position:center; padding:0!important; border-radius:calc(13px - 3px); } /* ===== Serein v1.0.8.1.3 — neutral logo frame (admin) ===== */ .clinic-logo.has-image{ border-color:rgba(15,23,42,.10)!important; background:rgba(255,255,255,.94)!important; box-shadow:0 1px 2px rgba(15,23,42,.04)!important; } /* ===== Serein v1.0.8.1.4 — full logo fit (admin) ===== */ .clinic-logo.has-image{ padding:0!important; overflow:hidden; } .clinic-logo.has-image img{ width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:contain!important; object-position:center!important; padding:0!important; margin:0!important; border-radius:inherit; } /* ===== Serein v1.0.8.3 — Public Page IA + Core R50 ===== */ .public-page-grid-v1083{ display:block!important; } .public-page-subtabs-v1083{ display:flex; align-items:center; gap:3px; width:max-content; max-width:100%; padding:4px; margin:0 0 18px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.72); overflow-x:auto; scrollbar-width:none; } .public-page-subtabs-v1083::-webkit-scrollbar{display:none} .public-page-subtabs-v1083 button{ appearance:none; border:0; background:transparent; color:var(--muted); white-space:nowrap; min-height:34px; padding:0 13px; border-radius:9px; font:inherit; font-size:.71rem; font-weight:850; cursor:pointer; } .public-page-subtabs-v1083 button.is-active{ background:#fff; color:var(--deep); box-shadow:0 2px 10px rgba(15,23,42,.07); } .public-page-overview-v1083, .public-presence-admin-v1080, .public-reviews-admin-v1081{ width:100%; } .public-page-overview-card-v1083{ margin:0!important; } .public-page-subpanel-v1083[hidden], .public-presence-admin-v1080[hidden], .public-reviews-admin-v1081[hidden], .public-page-overview-v1083[hidden]{ display:none!important; } .public-page-subpanel-v1083 .pp-panel-v1080, .public-page-subpanel-v1083 .public-reviews-card-v1081{ margin-top:0!important; } @media(max-width:720px){ .public-page-subtabs-v1083{ width:100%; border-radius:12px; justify-content:flex-start; } .public-page-subtabs-v1083 button{ padding:0 11px; } } /* ===== Serein v1.0.8.3.1 — Public Page subnav refinement ===== */ .public-page-subtabs-v1083{ gap:0;padding:0 2px;border:0;border-bottom:1px solid var(--line); border-radius:0;background:transparent; } .public-page-subtabs-v1083 button{ position:relative;min-height:38px;padding:0 14px;border-radius:6px 6px 0 0; color:color-mix(in srgb,var(--muted),transparent 18%); background:transparent;box-shadow:none;opacity:.72; } .public-page-subtabs-v1083 button::after{ content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px; border-radius:2px;background:transparent; } .public-page-subtabs-v1083 button:hover{ opacity:1;color:var(--deep);background:rgba(255,255,255,.42); } .public-page-subtabs-v1083 button.is-active{ opacity:1;color:var(--deep);background:rgba(255,255,255,.58);box-shadow:none; } .public-page-subtabs-v1083 button.is-active::after{background:var(--primary);} /* ===== Serein v1.0.8.3.3 — Public Settings compact actions ===== */ /* Public-page administration should feel like a settings workspace, not a landing page. */ #settings-panel-public .btn, [data-settings-panel="public"] .btn{ min-height:34px; padding:7px 12px; border-radius:8px; font-size:.72rem; line-height:1.1; } #settings-panel-public .btn.btn-primary, [data-settings-panel="public"] .btn.btn-primary{ box-shadow:none; } /* Publication action: compact primary action instead of a full-width banner button. */ #v09182-public-page-action.public-page-save{ width:auto!important; min-width:148px!important; min-height:36px!important; padding:0 14px!important; border-radius:8px!important; display:inline-flex!important; align-items:center; justify-content:center; margin-top:12px; } /* Gallery controls: lighter and denser. */ .pp-gallery-actions-v1080{ gap:6px!important; } .pp-gallery-actions-v1080 .btn{ min-height:32px!important; padding:6px 10px!important; border-radius:7px!important; font-size:.69rem!important; } .pp-gallery-actions-v1080 .btn-danger-soft{ background:rgba(176,62,73,.06)!important; } /* Upload actions should not dominate the row. */ .pp-gallery-upload-v1080 .btn, .pp-photo-source-actions-v108013 .btn, .pp-photo-override-upload-v108013 .btn{ width:auto!important; min-width:0!important; min-height:33px!important; padding:6px 11px!important; border-radius:8px!important; font-size:.69rem!important; } .managed-public-actions{ gap:7px!important; } .managed-public-actions .btn{ min-height:33px!important; padding:6px 11px!important; border-radius:8px!important; } /* Keep destructive action visibly distinct but not oversized. */ #settings-panel-public .btn-danger-soft, [data-settings-panel="public"] .btn-danger-soft{ border-radius:7px!important; } /* ===== Serein v1.0.8.3.9.4.5 — Finance payment workspace UX ===== */ .finance-payments-subtabs-v1083945{ display:flex; gap:0; margin:10px 0 0; padding:0 2px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; } .finance-payments-subtabs-v1083945::-webkit-scrollbar{display:none} .finance-payments-subtabs-v1083945 button{ position:relative; flex:0 0 auto; min-height:38px; padding:0 14px; border:0; border-radius:6px 6px 0 0; background:transparent; color:color-mix(in srgb,var(--muted),transparent 18%); font:inherit; font-size:.76rem; font-weight:700; opacity:.76; cursor:pointer; box-shadow:none; } .finance-payments-subtabs-v1083945 button::after{ content:""; position:absolute; left:12px; right:12px; bottom:-1px; height:2px; border-radius:2px; background:transparent; } .finance-payments-subtabs-v1083945 button:hover{ opacity:1; color:var(--deep); background:rgba(255,255,255,.42); } .finance-payments-subtabs-v1083945 button.is-active{ opacity:1; color:var(--deep); background:rgba(255,255,255,.56); } .finance-payments-subtabs-v1083945 button.is-active::after{background:var(--primary)} .finance-history-screen-v1083945{ margin-top:18px; padding:0 18px 6px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.72); } .finance-history-screen-head-v1083945{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:18px 0 13px; border-bottom:1px solid var(--line); } .finance-history-screen-head-v1083945>div{display:grid;gap:4px} .finance-history-screen-head-v1083945 small{font-size:.64rem;letter-spacing:.13em;font-weight:800;color:var(--muted)} .finance-history-screen-head-v1083945 h3{margin:0;font-size:1.02rem;color:var(--deep)} .finance-history-screen-head-v1083945 p{margin:0;color:var(--muted);font-size:.78rem} .finance-history-screen-head-v1083945>span{white-space:nowrap;color:var(--muted);font-size:.72rem} .finance-history-page-list-v1083945{padding:2px 0} @media(max-width:720px){ .finance-payments-subtabs-v1083945{margin-top:6px} .finance-payments-subtabs-v1083945 button{min-height:40px;padding:0 12px} .finance-history-screen-v1083945{margin-top:14px;padding:0 14px 4px;border-radius:12px} .finance-history-screen-head-v1083945{align-items:flex-start;flex-direction:column;gap:8px;padding:15px 0 11px} } /* ===== Serein v1.0.8.3.9.4.5.1 — Finance payment history context hotfix ===== */ .finance-history-cards-v10839451{display:grid} .finance-history-card-v10839451{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(170px,.82fr) minmax(150px,.62fr) auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)} .finance-history-card-v10839451:last-child{border-bottom:0} .finance-history-context-v10839451,.finance-history-payment-v10839451,.finance-history-value-v10839451{display:grid;gap:3px;min-width:0} .finance-history-context-v10839451>strong{font-size:.92rem;color:var(--deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .finance-history-context-v10839451>span{font-size:.78rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .finance-history-context-v10839451>small,.finance-history-payment-v10839451>small,.finance-history-payment-v10839451>span,.finance-history-value-v10839451>small,.finance-history-value-v10839451>span{font-size:.7rem;color:var(--muted)} .finance-history-payment-v10839451>strong{font-size:.82rem;color:var(--deep)} .finance-history-value-v10839451{justify-items:end;text-align:right} .finance-history-value-v10839451>strong{font-size:.96rem;color:var(--deep);white-space:nowrap} .finance-history-actions-v10839451{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:238px} .finance-history-more-v10839451{display:flex;justify-content:center;padding:16px 0 10px} .finance-history-more-v10839451 .btn span{color:var(--muted);font-weight:600} .finance-payment-context-detail-v10839451{display:grid;gap:5px} .finance-payment-context-detail-v10839451>strong{font-size:1rem;color:var(--deep)} .finance-payment-context-detail-v10839451>p{margin:0} .finance-payment-context-detail-v10839451>span{font-size:.76rem;color:var(--muted)} @media(max-width:1120px){.finance-history-card-v10839451{grid-template-columns:minmax(240px,1.2fr) minmax(160px,.75fr) auto}.finance-history-value-v10839451{grid-column:2}.finance-history-actions-v10839451{grid-column:3;grid-row:1/3}} @media(max-width:760px){.finance-history-card-v10839451{grid-template-columns:1fr;gap:10px;padding:15px 0}.finance-history-context-v10839451>strong,.finance-history-context-v10839451>span{white-space:normal}.finance-history-value-v10839451{grid-column:auto;justify-items:start;text-align:left}.finance-history-actions-v10839451{grid-column:auto;grid-row:auto;justify-content:flex-start;min-width:0}.finance-history-actions-v10839451 .btn,.finance-history-actions-v10839451 .finance-history-link-v105{min-height:40px}} /* ===== Serein v1.0.8.3.9.4.5.2 — Finance history header + client filter UX ===== */ .finance-history-screen-v10839452{overflow:hidden} .finance-history-screen-head-v10839452{ margin:0 -18px; padding:17px 18px 14px; background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 42%,#fff 58%); border-bottom:1px solid color-mix(in srgb,var(--brand,var(--primary)) 16%,var(--line) 84%); border-left:3px solid color-mix(in srgb,var(--brand,var(--primary)) 72%,#fff 28%); } .finance-history-screen-head-v10839452>span{ align-self:center; padding:5px 9px; border:1px solid rgba(52,72,92,.09); border-radius:999px; background:rgba(255,255,255,.72); color:var(--muted); font-weight:700; } .finance-history-filterbar-v10839452{display:none} .finance-history-filter-panel-v10839452{ display:flex; align-items:center; padding:12px 0; border-bottom:1px solid var(--line); } .finance-history-search-wrap-v10839452{ width:min(520px,100%); position:relative; display:flex; align-items:center; } .finance-history-search-wrap-v10839452 .search-input{width:100%;padding-right:68px} .finance-history-search-clear-v10839452{ position:absolute; right:8px; min-height:30px; padding:0 8px; border:0; border-radius:7px; background:transparent; color:var(--brand,var(--primary)); font:inherit; font-size:11px; font-weight:800; cursor:pointer; } .finance-history-search-clear-v10839452:hover{background:rgba(255,255,255,.72)} .finance-history-search-clear-v10839452:focus-visible{outline:2px solid color-mix(in srgb,var(--brand,var(--primary)) 45%,#fff 55%);outline-offset:1px} @media(max-width:760px){ .finance-history-screen-head-v10839452{margin:0 -14px;padding:15px 14px 13px;border-left-width:3px} .finance-history-screen-head-v10839452>span{align-self:flex-start} .finance-history-filterbar-v10839452{ display:flex; align-items:center; gap:10px; min-width:0; padding:10px 0 8px; border-bottom:1px solid var(--line); } .finance-history-filter-toggle-v10839452{ flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 12px; border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 24%,var(--line) 76%); border-radius:8px; background:#fff; color:var(--deep); font:inherit; font-size:12px; font-weight:800; box-shadow:0 4px 14px rgba(28,39,48,.035); } .finance-history-filter-toggle-v10839452 svg{width:17px;height:17px;fill:none;stroke:var(--brand,var(--primary));stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round} .finance-history-filter-toggle-v10839452 small{color:var(--brand,var(--primary));font-size:10px;font-weight:850} .finance-history-filter-toggle-v10839452.is-open{background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 70%,#fff 30%)} .finance-history-filter-toggle-v10839452:focus-visible{outline:2px solid color-mix(in srgb,var(--brand,var(--primary)) 48%,#fff 52%);outline-offset:2px} .finance-history-filter-summary-v10839452{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px} .finance-history-filter-panel-v10839452{display:none;padding:8px 0 10px} .finance-history-filter-panel-v10839452.is-open{display:flex;animation:s2FilterRevealV108351 180ms ease both} .finance-history-search-wrap-v10839452{width:100%} } /* ===== Serein v1.0.8.3.9.4.5.4 — Finance receivables compact operational UX ===== */ #page-financeiro .finance-receivables-grid-v10839454{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #page-financeiro .finance-receivable-card-v10839454{ padding:13px 14px!important; gap:9px!important; border-radius:14px 14px 14px 5px!important; min-width:0; align-content:start; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main{ gap:12px; min-width:0; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main>div{gap:2px} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main small{ font-size:.69rem; line-height:1.25; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main strong{ font-size:.92rem; line-height:1.25; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main span:not(.finance-status-v090){ font-size:.76rem; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #page-financeiro .finance-receivable-card-v10839454 .finance-status-v090{ min-height:26px; padding:0 9px; font-size:.68rem; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values{ gap:0; padding:8px 10px; border:0; border-radius:10px; background:color-mix(in srgb,var(--serein-module-soft) 64%,#fff 36%); } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values>div{ gap:2px; padding:0 10px; min-width:0; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values>div:first-child{padding-left:0} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values>div:last-child{padding-right:0} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values small{ font-size:.67rem; line-height:1.2; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values strong{ font-size:.91rem; line-height:1.2; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values span{ font-size:.65rem; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-actions{ gap:7px; align-items:center; justify-content:space-between; min-height:36px; } #page-financeiro .finance-receivable-card-v10839454 .finance-history-link-v105{ min-height:36px; display:inline-flex; align-items:center; padding:0 3px; font-size:.73rem; } #page-financeiro .finance-receivable-card-v10839454 .btn-compact-v105{ min-height:36px; padding:0 11px; font-size:.76rem; } @media(max-width:1179px){ #page-financeiro .finance-receivables-grid-v10839454{grid-template-columns:1fr} #page-financeiro .finance-receivable-card-v10839454{ grid-template-columns:minmax(220px,1.1fr) minmax(330px,1.4fr) auto; align-items:center; column-gap:14px!important; row-gap:8px!important; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main{grid-column:1} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values{grid-column:2} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-actions{ grid-column:3; justify-content:flex-end; flex-direction:column-reverse; align-items:flex-end; } } @media(max-width:860px){ #page-financeiro .finance-receivable-card-v10839454{ display:grid; grid-template-columns:1fr; padding:12px!important; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-main, #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values, #page-financeiro .finance-receivable-card-v10839454 .finance-appt-actions{grid-column:1} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-actions{ flex-direction:row; align-items:center; justify-content:space-between; } } @media(max-width:560px){ #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values{ grid-template-columns:repeat(3,minmax(0,1fr)); padding:8px; } #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values>div{padding:0 7px} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-values strong{font-size:.84rem} #page-financeiro .finance-receivable-card-v10839454 .finance-appt-actions .btn{flex:0 1 auto;width:auto} } /* ===== Serein v1.0.8.3.9.4.5.5 — Sale Economics discount in payment flow ===== */ #v090-payment-form .finance-payment-summary-v10839455{ grid-template-columns:repeat(4,minmax(0,1fr)); } #v090-payment-form .finance-discount-panel-v10839455{ display:grid; gap:10px; padding:12px 13px; border:1px solid color-mix(in srgb,var(--brand,var(--primary)) 16%,var(--line) 84%); border-radius:12px; background:color-mix(in srgb,var(--brand-soft,var(--primary-soft)) 30%,#fff 70%); } #v090-payment-form .finance-discount-head-v10839455{ display:flex; align-items:center; justify-content:space-between; gap:16px; } #v090-payment-form .finance-discount-head-v10839455>div{display:grid;gap:3px;min-width:0} #v090-payment-form .finance-discount-head-v10839455 strong{font-size:.84rem;color:var(--deep)} #v090-payment-form .finance-discount-head-v10839455 span{font-size:.72rem;color:var(--muted);line-height:1.35} #v090-payment-form .finance-discount-toggle-v10839455{ flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0 10px; border:1px solid var(--line); border-radius:9px; background:#fff; cursor:pointer; } #v090-payment-form .finance-discount-toggle-v10839455 input{width:16px;height:16px;margin:0;accent-color:var(--brand,var(--primary))} #v090-payment-form .finance-discount-toggle-v10839455 span{font-size:.75rem;font-weight:750;color:var(--deep)} #v090-payment-form .finance-discount-toggle-v10839455:has(input:disabled){opacity:.55;cursor:not-allowed} #v090-payment-form .finance-discount-body-v10839455{display:none;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);align-items:end;gap:12px;padding-top:2px} #v090-payment-form .finance-discount-body-v10839455.is-open{display:grid} #v090-payment-form .finance-discount-body-v10839455 label{margin:0} #v090-payment-form .finance-discount-action-v10839455{display:flex;align-items:center;gap:10px;min-width:0;padding-bottom:1px} #v090-payment-form .finance-discount-action-v10839455 small{color:var(--muted);font-size:.69rem;line-height:1.35} @media(max-width:760px){ #v090-payment-form .finance-payment-summary-v10839455{grid-template-columns:repeat(2,minmax(0,1fr))} #v090-payment-form .finance-discount-head-v10839455{align-items:flex-start;flex-direction:column;gap:9px} #v090-payment-form .finance-discount-toggle-v10839455{min-height:42px} #v090-payment-form .finance-discount-body-v10839455.is-open{grid-template-columns:1fr} #v090-payment-form .finance-discount-action-v10839455{align-items:flex-start;flex-direction:column} #v090-payment-form .finance-discount-action-v10839455 .btn{width:100%;min-height:42px} }