/* CDesck 2.10.5 - dashboard administrativo e fluxo */ /* CDesck 2.10.5 — Dashboard administrativo, fluxo, segurança e identidade dinâmica por empresa. */ #app.cdesck-app-root,#app.cdesck-app-root *{box-sizing:border-box} #app.cdesck-app-root{--cd-blue:#1769aa;--cd-blue-wp:#2271b1;--cd-text:#1d2327;--cd-heading:#101828;--cd-label:#344054;--cd-muted:#667085;--cd-border:#d0d5dd;--cd-line:#e5e7eb;--cd-soft:#f8fafc;--cd-soft2:#f2f4f7;--cd-danger:#d92d20;--cd-success:#027a48;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--cd-text)!important;line-height:1.45!important;width:100%!important;max-width:100%!important;min-width:0!important;background:transparent!important;container-type:inline-size} #app.cdesck-app-root :where(button,input,textarea,select){font-family:inherit!important;box-sizing:border-box!important} #app.cdesck-app-root .app-shell{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 16px!important;background:transparent!important;color:inherit!important} #app.cdesck-app-root .page{width:min(100%,920px)!important;max-width:100%!important;margin:30px auto!important;padding:0 0 30px!important;min-width:0!important} #app.cdesck-app-root .login-wrap{min-height:65vh!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:24px 0!important} #app.cdesck-app-root .card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;padding:30px!important;box-shadow:0 8px 30px rgba(0,0,0,.05)!important;color:var(--cd-text)!important;min-width:0!important;overflow-wrap:anywhere!important} #app.cdesck-app-root .login-card{width:min(100%,560px)!important;margin:30px auto!important} #app.cdesck-app-root .platform-brand{text-align:center!important;margin-bottom:28px!important} #app.cdesck-app-root .platform-brand strong{display:block!important;font-size:30px!important;line-height:1.2!important;font-weight:800!important;color:var(--cd-heading)!important} #app.cdesck-app-root .platform-brand span{display:block!important;color:var(--cd-muted)!important;font-size:13px!important;margin-top:6px!important} #app.cdesck-app-root .brand-area.compact{margin:0 0 18px!important} #app.cdesck-app-root .brand-area.compact .platform-brand{text-align:left!important;margin:0!important} #app.cdesck-app-root .brand-area.compact .platform-brand strong{font-size:20px!important;color:var(--cd-blue)!important} #app.cdesck-app-root .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:22px!important} #app.cdesck-app-root .eyebrow,#app.cdesck-app-root .label{display:block!important;font-size:12px!important;font-weight:800!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:var(--cd-blue)!important;margin-bottom:8px!important} #app.cdesck-app-root .title{margin:0 0 8px!important;font-size:30px!important;line-height:1.2!important;font-weight:700!important;color:var(--cd-heading)!important} #app.cdesck-app-root .section-title{margin:0 0 18px!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;color:var(--cd-heading)!important} #app.cdesck-app-root .subtle,#app.cdesck-app-root .hint,#app.cdesck-app-root .address{color:var(--cd-muted)!important} #app.cdesck-app-root .hint{margin-top:14px!important;text-align:center!important;font-size:13px!important} #app.cdesck-app-root .small{font-size:13px!important} #app.cdesck-app-root .value{font-size:15px!important;color:var(--cd-heading)!important} #app.cdesck-app-root .big-stat{font-size:32px!important;line-height:1.1!important;font-weight:800!important;color:var(--cd-heading)!important} /* Formulários — mesmos princípios do MEDIA Alliance */ #app.cdesck-app-root .form-card{padding:0!important;overflow:hidden!important} #app.cdesck-app-root .form-card-head{padding:20px 24px 16px!important;border-bottom:1px solid #eef0f3!important;background:#fff!important} #app.cdesck-app-root .form-card-title{font-size:20px!important;font-weight:700!important;color:var(--cd-heading)!important} #app.cdesck-app-root .form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;padding:24px!important} #app.cdesck-app-root .form-grid.refined{gap:16px!important} #app.cdesck-app-root .form-field{display:flex!important;flex-direction:column!important;min-width:0!important} #app.cdesck-app-root .form-field.full{grid-column:1/-1!important} #app.cdesck-app-root .form-field>label{display:block!important;margin:0 0 6px!important;font-weight:600!important;color:var(--cd-label)!important;font-size:14px!important} #app.cdesck-app-root .required-mark{color:var(--cd-danger)!important} #app.cdesck-app-root .field{display:block!important;width:100%!important;max-width:100%!important;min-height:44px!important;padding:12px 13px!important;margin:0!important;border:1px solid var(--cd-border)!important;border-radius:8px!important;background:#fff!important;color:var(--cd-text)!important;font:inherit!important;box-shadow:none!important;outline:none!important} #app.cdesck-app-root textarea.field{min-height:90px!important;resize:vertical!important} #app.cdesck-app-root .field:focus{outline:2px solid rgba(23,105,170,.15)!important;outline-offset:0!important;border-color:var(--cd-blue)!important;box-shadow:none!important} #app.cdesck-app-root .field::placeholder{color:#98a2b3!important;opacity:1!important} #app.cdesck-app-root .form-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;padding:0 24px 24px!important} #app.cdesck-app-root .form-actions .btn{width:auto!important;min-width:160px!important} #app.cdesck-app-root .login-form-grid{display:grid!important;gap:16px!important;margin:18px 0!important} #app.cdesck-app-root .employee-form{padding:30px!important} #app.cdesck-app-root .employee-form h3{margin:24px 0 14px!important;padding-top:24px!important;border-top:1px solid #eef0f3!important;font-size:20px!important;color:var(--cd-heading)!important} #app.cdesck-app-root .employee-form h3:first-of-type{margin-top:0!important;padding-top:0!important;border-top:0!important} #app.cdesck-app-root .children-grid{display:grid!important;grid-template-columns:2fr .7fr!important;gap:16px!important} #app.cdesck-app-root .sensitive-note{padding:15px!important;background:#fffaeb!important;border:1px solid #fedf89!important;border-radius:8px!important;color:#93370d!important;font-size:13px!important;margin:0 24px 18px!important} #app.cdesck-app-root .policy{border:1px solid #e4e7ec!important;border-radius:10px!important;background:#f8fafc!important;padding:14px 16px!important;margin-top:15px!important} #app.cdesck-app-root .policy summary{font-weight:700!important;color:var(--cd-label)!important;cursor:pointer!important} #app.cdesck-app-root .checkrow{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px 0!important;color:var(--cd-label)!important} #app.cdesck-app-root .checkrow input{width:auto!important;min-width:auto!important;margin:3px 0 0!important} /* Botões — removida a classe wp-element-button para o tema não interferir. */ #app.cdesck-app-root .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;background:var(--cd-blue)!important;color:#fff!important;padding:13px 22px!important;border-radius:8px!important;text-decoration:none!important;border:0!important;cursor:pointer!important;font-weight:700!important;font-size:15px!important;line-height:1.2!important;box-shadow:none!important;text-shadow:none!important;appearance:none!important} #app.cdesck-app-root .btn:hover,#app.cdesck-app-root .btn:focus{background:#145b93!important;color:#fff!important;text-decoration:none!important} #app.cdesck-app-root .btn:disabled{opacity:.6!important;cursor:wait!important} #app.cdesck-app-root .linkbtn,#app.cdesck-app-root .nav-back{border:0!important;background:transparent!important;color:var(--cd-blue)!important;font-weight:700!important;text-decoration:none!important;padding:6px 0!important;box-shadow:none!important} #app.cdesck-app-root .linkbtn:hover,#app.cdesck-app-root .nav-back:hover{text-decoration:underline!important;background:transparent!important;color:var(--cd-blue)!important} #app.cdesck-app-root .confirm{border:1px solid var(--cd-border)!important;border-radius:8px!important;background:#fff!important;color:var(--cd-label)!important;padding:9px 12px!important;font-weight:700!important;box-shadow:none!important} #app.cdesck-app-root .confirm.ok{border-color:#abefc6!important;background:#ecfdf3!important;color:#067647!important} /* Login e navegação */ #app.cdesck-app-root .tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:18px 0!important;border:0!important;padding:0!important} #app.cdesck-app-root .tab{flex:1 1 140px!important;border:0!important;border-radius:999px!important;background:var(--cd-soft2)!important;color:var(--cd-muted)!important;padding:9px 14px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important} #app.cdesck-app-root .tab.active{background:var(--cd-blue)!important;color:#fff!important;border-color:var(--cd-blue)!important} #app.cdesck-app-root .language-bar{display:flex!important;gap:8px!important;justify-content:flex-end!important;width:min(100%,920px)!important;margin:8px auto 0!important;padding:0 16px!important} #app.cdesck-app-root .language-btn{border:1px solid #e4e7ec!important;background:#fff!important;color:var(--cd-label)!important;border-radius:999px!important;padding:7px 10px!important;font-size:12px!important;box-shadow:none!important} #app.cdesck-app-root .language-btn.active{background:var(--cd-blue)!important;color:#fff!important;border-color:var(--cd-blue)!important;font-weight:700!important} #app.cdesck-app-root .admin-tabs{display:flex!important;gap:8px!important;flex-wrap:nowrap!important;overflow-x:auto!important;border-bottom:1px solid #dcdcde!important;padding:0 0 8px!important;margin-bottom:20px!important} #app.cdesck-app-root .admin-tabs button{flex:0 0 auto!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;color:#50575e!important;padding:10px 12px!important;font-weight:600!important;box-shadow:none!important} #app.cdesck-app-root .admin-tabs button.active{border-bottom-color:var(--cd-blue-wp)!important;color:var(--cd-blue-wp)!important;font-weight:700!important;background:transparent!important} #app.cdesck-app-root .admin-content{margin-top:20px!important;min-width:0!important} #app.cdesck-app-root .desktop-two{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;gap:20px!important;align-items:start!important;min-width:0!important} #app.cdesck-app-root .stack,#app.cdesck-app-root .jobs{display:grid!important;gap:15px!important;min-width:0!important} /* Dashboard */ #app.cdesck-app-root .dashboard-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:20px 0!important} #app.cdesck-app-root .dash-stat{padding:25px!important;border:1px solid #ddd!important;border-radius:8px!important;box-shadow:none!important} #app.cdesck-app-root .dashboard-table-card{padding:0!important;overflow:hidden!important;border-radius:8px!important} #app.cdesck-app-root .dashboard-list-title{padding:20px 22px!important;font-weight:700!important;font-size:18px!important} #app.cdesck-app-root .dashboard-table{width:100%!important;min-width:0!important} #app.cdesck-app-root .dashboard-head,#app.cdesck-app-root .dashboard-row{display:grid!important;grid-template-columns:1.05fr 1.55fr 1fr 1.05fr .9fr!important;gap:12px!important;align-items:start!important;padding:12px 18px!important} #app.cdesck-app-root .dashboard-head{background:#f8fafc!important;border-top:1px solid #e4e7ec!important;border-bottom:1px solid #e4e7ec!important;color:var(--cd-muted)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important} #app.cdesck-app-root .dashboard-row{background:#fff!important;border-bottom:1px solid #eef0f3!important;font-size:13px!important} #app.cdesck-app-root .dashboard-notes{grid-column:1/-1!important;background:#f8fafc!important;border-left:3px solid #1769aa!important;border-radius:8px!important;padding:10px 12px!important} /* Operação */ #app.cdesck-app-root .job-card{display:flex!important;align-items:center!important;gap:15px!important;padding:18px!important;border:1px solid #e4e7ec!important;border-radius:10px!important;text-decoration:none!important;color:var(--cd-heading)!important;background:#fff!important;box-shadow:none!important;width:100%!important;text-align:left!important} #app.cdesck-app-root .job-card:hover{border-color:#1769aa!important;background:#fff!important} #app.cdesck-app-root .num{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#f2f4f7!important;color:#475467!important;font-weight:800!important} #app.cdesck-app-root .client{flex:1!important;font-size:16px!important;font-weight:700!important;color:var(--cd-heading)!important} #app.cdesck-app-root .time{margin-top:3px!important;color:var(--cd-label)!important;font-weight:600!important} #app.cdesck-app-root .badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 12px!important;border-radius:999px!important;background:#f2f4f7!important;color:#667085!important;font-size:12px!important;font-weight:700!important} #app.cdesck-app-root .statusline{padding:15px!important;background:#ecfdf3!important;border:1px solid #abefc6!important;color:#067647!important;border-radius:8px!important;font-weight:700!important;text-align:center!important} #app.cdesck-app-root .photo-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:9px!important;margin-top:10px!important} #app.cdesck-app-root .photo-grid img{width:100%!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:9px!important;border:1px solid #e4e7ec!important} #app.cdesck-app-root .schedule-row{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important} #app.cdesck-app-root .footer-actions{position:sticky!important;bottom:0!important;padding:16px 0!important;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 35%)!important} #app.cdesck-app-root .toast{position:fixed!important;left:50%!important;bottom:24px!important;transform:translateX(-50%)!important;z-index:999999!important;width:min(92vw,520px)!important;padding:12px 15px!important;border-radius:10px!important;background:#101828!important;color:#fff!important;box-shadow:0 10px 32px rgba(16,24,40,.28)!important;text-align:center!important;font-weight:700!important} #app.cdesck-app-root .hidden{display:none!important} @media(min-width:760px){#app.cdesck-app-root .jobs{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:900px){#app.cdesck-app-root .desktop-two{grid-template-columns:1fr!important}#app.cdesck-app-root .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* CDesck 2.9.1 — tela de acesso/senha 20% mais compacta */ #app.cdesck-app-root .login-wrap{padding:19.2px 0!important} #app.cdesck-app-root .login-card{margin:24px auto!important;padding:24px!important} #app.cdesck-app-root .login-card .platform-brand{margin-bottom:22.4px!important} #app.cdesck-app-root .login-card .tabs{margin:14.4px 0!important} #app.cdesck-app-root .login-card .login-form-grid{gap:12.8px!important;margin:14.4px 0!important} #app.cdesck-app-root .login-card .hint{margin-top:11.2px!important} @media(max-width:760px){ #app.cdesck-app-root .app-shell{padding:0 10px!important}#app.cdesck-app-root .page{margin:15px auto!important;padding-bottom:20px!important} #app.cdesck-app-root .card{padding:20px!important;border-radius:10px!important}#app.cdesck-app-root .login-card{padding:20px!important;margin:15px auto!important} #app.cdesck-app-root .title{font-size:24px!important}#app.cdesck-app-root .section-title{font-size:20px!important} #app.cdesck-app-root .form-grid{grid-template-columns:1fr!important;padding:20px!important}#app.cdesck-app-root .form-field,#app.cdesck-app-root .form-field.full{grid-column:1!important} #app.cdesck-app-root .children-grid{grid-template-columns:1fr!important} #app.cdesck-app-root .employee-form{padding:20px!important} #app.cdesck-app-root .form-actions{padding:0 20px 20px!important}#app.cdesck-app-root .form-actions .btn{width:100%!important;min-width:0!important} #app.cdesck-app-root .dashboard-head{display:none!important}#app.cdesck-app-root .dashboard-row{grid-template-columns:1fr!important;gap:7px!important;padding:13px 14px!important} #app.cdesck-app-root .dashboard-row>div:not(.dashboard-notes){display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:8px!important} #app.cdesck-app-root .dashboard-row>div:not(.dashboard-notes)::before{content:attr(data-label)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;color:var(--cd-muted)!important} #app.cdesck-app-root .schedule-row{flex-direction:column!important}#app.cdesck-app-root .schedule-row .confirm{width:100%!important} #app.cdesck-app-root .job-card{align-items:flex-start!important;flex-wrap:wrap!important} #app.cdesck-app-root .language-btn span:last-child{display:none!important} } @media(max-width:480px){#app.cdesck-app-root .dashboard-stats{grid-template-columns:1fr!important}#app.cdesck-app-root .tabs{display:grid!important;grid-template-columns:1fr 1fr!important}} @container (max-width:760px){#app.cdesck-app-root .desktop-two{grid-template-columns:1fr!important}#app.cdesck-app-root .form-grid{grid-template-columns:1fr!important}#app.cdesck-app-root .form-field,#app.cdesck-app-root .form-field.full{grid-column:1!important}#app.cdesck-app-root .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @container (max-width:520px){#app.cdesck-app-root .dashboard-stats{grid-template-columns:1fr!important}#app.cdesck-app-root .dashboard-head{display:none!important}#app.cdesck-app-root .dashboard-row{grid-template-columns:1fr!important}#app.cdesck-app-root .schedule-row{flex-direction:column!important}} /* CDesck 2.7 — Usuários editáveis + seletor de idioma fixo */ #app.cdesck-app-root .app-shell{padding-top:58px!important} #app.cdesck-app-root .language-bar{position:fixed!important;top:16px!important;right:18px!important;left:auto!important;z-index:999998!important;width:auto!important;max-width:calc(100vw - 36px)!important;margin:0!important;padding:0!important;justify-content:flex-end!important;flex-wrap:nowrap!important} #app.cdesck-app-root .language-btn{white-space:nowrap!important;cursor:pointer!important} #app.cdesck-app-root .user-card{display:block!important;width:100%!important;text-align:left!important;cursor:pointer!important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease!important} #app.cdesck-app-root .user-card:hover{border-color:#1769aa!important;box-shadow:0 8px 24px rgba(23,105,170,.12)!important;transform:translateY(-1px)!important} #app.cdesck-app-root .user-card.selected{border-color:#1769aa!important;box-shadow:0 0 0 3px rgba(23,105,170,.12)!important;background:#f8fbff!important} #app.cdesck-app-root .user-form-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important} #app.cdesck-app-root .user-form-actions .confirm{min-height:42px!important} @media(max-width:760px){#app.cdesck-app-root .language-bar{top:10px!important;right:10px!important;max-width:calc(100vw - 20px)!important;gap:5px!important}#app.cdesck-app-root .language-btn{padding:6px 8px!important;font-size:11px!important}#app.cdesck-app-root .language-btn span:last-child{display:inline!important}#app.cdesck-app-root .app-shell{padding-top:54px!important}} @media(max-width:430px){#app.cdesck-app-root .language-bar{overflow-x:auto!important;justify-content:flex-start!important}#app.cdesck-app-root .language-btn{flex:0 0 auto!important}} /* CDesck 2.9 — câmera, materiais e estados do dashboard */ #app.cdesck-app-root .camera-input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important} #app.cdesck-app-root .camera-button{display:inline-flex!important;width:auto!important;margin-top:12px!important;cursor:pointer!important;gap:8px!important} #app.cdesck-app-root .photo-count{margin-top:4px!important} #app.cdesck-app-root .status-badge.confirmed-status{background:#fffaeb!important;border:1px solid #fedf89!important;color:#b54708!important} #app.cdesck-app-root .status-badge.done{background:#ecfdf3!important;border:1px solid #abefc6!important;color:#067647!important} #app.cdesck-app-root .status-badge.late{background:#fef3f2!important;border:1px solid #fecdca!important;color:#b42318!important} #app.cdesck-app-root .status-badge.pending-status{background:#f2f4f7!important;border:1px solid #e4e7ec!important;color:#667085!important} #app.cdesck-app-root .day-summary{margin-top:10px!important;padding-top:10px!important;border-top:1px solid #e4e7ec!important;line-height:1.65!important;color:#344054!important} #app.cdesck-app-root .material-request .material-meta{margin-top:8px!important;color:#344054!important} @media(max-width:760px){#app.cdesck-app-root .camera-button{width:100%!important;justify-content:center!important}} @media(max-width:760px){ #app.cdesck-app-root .login-wrap{padding:19.2px 0!important} #app.cdesck-app-root .login-card{padding:16px!important;margin:12px auto!important} } /* CDesck 2.10 — logomarca da plataforma no acesso e logomarca da empresa após autenticação */ #app.cdesck-app-root .platform-brand.image-brand{display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:22.4px!important;min-width:0!important} #app.cdesck-app-root .platform-brand.image-brand img{display:block!important;width:auto!important;max-width:100%!important;object-fit:contain!important} #app.cdesck-app-root .platform-brand.cdesck-brand img{max-height:100px!important} #app.cdesck-app-root .brand-area.compact .platform-brand.image-brand{justify-content:flex-start!important;margin:0!important} #app.cdesck-app-root .brand-area.compact .platform-brand.company-brand img{max-width:190px!important;max-height:74px!important} #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand img{max-width:175px!important;max-height:68px!important} #app.cdesck-app-root .platform-brand.text-brand strong{font-size:22px!important;color:var(--cd-blue)!important} @media(max-width:760px){ #app.cdesck-app-root .platform-brand.cdesck-brand img{max-height:82px!important} #app.cdesck-app-root .brand-area.compact .platform-brand.company-brand img{max-width:160px!important;max-height:62px!important} } /* CDesck 2.10.5 — Dashboard administrativo operacional */ #app.cdesck-app-root .dashboard-hero{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:4px 0 20px!important} #app.cdesck-app-root .dashboard-title{margin:3px 0 0!important} #app.cdesck-app-root .dashboard-updated{display:flex!important;align-items:center!important;gap:7px!important;color:var(--cd-muted)!important;font-size:12px!important;white-space:nowrap!important} #app.cdesck-app-root .live-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#12b76a!important;box-shadow:0 0 0 4px rgba(18,183,106,.12)!important} #app.cdesck-app-root .dashboard-stats-modern{gap:14px!important;margin:0 0 18px!important} #app.cdesck-app-root .dashboard-stats-modern .dash-stat{position:relative!important;overflow:hidden!important;padding:18px 19px!important;border:1px solid #e4e7ec!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 16px rgba(16,24,40,.045)!important} #app.cdesck-app-root .dash-stat-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font-size:12px!important;font-weight:700!important;color:#475467!important;text-transform:uppercase!important;letter-spacing:.035em!important} #app.cdesck-app-root .dash-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:#f2f4f7!important;color:#344054!important;font-size:14px!important} #app.cdesck-app-root .dashboard-stats-modern .big-stat{font-size:30px!important;line-height:1!important;margin:10px 0 7px!important;color:#101828!important} #app.cdesck-app-root .dash-stat-foot{font-size:12px!important;color:#667085!important} #app.cdesck-app-root .dash-stat.primary{border-top:3px solid #1769aa!important} #app.cdesck-app-root .dash-stat.info{border-top:3px solid #2e90fa!important} #app.cdesck-app-root .dash-stat.success{border-top:3px solid #12b76a!important} #app.cdesck-app-root .dash-stat.neutral{border-top:3px solid #98a2b3!important} #app.cdesck-app-root .dashboard-main-grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)!important;gap:18px!important;margin-bottom:18px!important;align-items:stretch!important} #app.cdesck-app-root .dashboard-secondary-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr)!important;gap:18px!important;margin-bottom:18px!important} #app.cdesck-app-root .dashboard-operation-card,#app.cdesck-app-root .attention-card,#app.cdesck-app-root .next-services-card,#app.cdesck-app-root .dashboard-workforce-card{padding:18px!important;border-radius:14px!important;border:1px solid #e4e7ec!important;box-shadow:0 4px 16px rgba(16,24,40,.035)!important} #app.cdesck-app-root .dashboard-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:13px!important} #app.cdesck-app-root .dashboard-card-head>div{display:flex!important;flex-direction:column!important;gap:3px!important} #app.cdesck-app-root .progress-track{height:8px!important;border-radius:999px!important;background:#eef2f6!important;overflow:hidden!important;margin-bottom:13px!important} #app.cdesck-app-root .progress-track>span{display:block!important;height:100%!important;border-radius:999px!important;background:#12b76a!important;transition:width .25s ease!important} #app.cdesck-app-root .today-operation-list{display:flex!important;flex-direction:column!important;gap:0!important} #app.cdesck-app-root .today-op-item{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:11px 0!important;border-top:1px solid #eef0f3!important} #app.cdesck-app-root .today-op-item:first-child{border-top:0!important} #app.cdesck-app-root .today-op-time{font-weight:750!important;color:#1769aa!important;font-variant-numeric:tabular-nums!important} #app.cdesck-app-root .today-op-main{display:flex!important;flex-direction:column!important;min-width:0!important} #app.cdesck-app-root .today-op-main strong{color:#101828!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #app.cdesck-app-root .today-op-main span{font-size:12px!important;color:#667085!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #app.cdesck-app-root .attention-card.has-attention{border-color:#fedf89!important;background:#fffcf5!important} #app.cdesck-app-root .attention-count{display:grid!important;place-items:center!important;min-width:32px!important;height:32px!important;padding:0 8px!important;border-radius:999px!important;background:#f2f4f7!important;font-weight:800!important;color:#344054!important} #app.cdesck-app-root .attention-card.has-attention .attention-count{background:#fef0c7!important;color:#b54708!important} #app.cdesck-app-root .attention-list{display:flex!important;flex-direction:column!important;gap:0!important} #app.cdesck-app-root .attention-list>div{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:10px 0!important;border-top:1px solid rgba(228,231,236,.85)!important;font-size:13px!important} #app.cdesck-app-root .attention-list>div span{color:#475467!important} #app.cdesck-app-root .attention-list>div strong{color:#101828!important} #app.cdesck-app-root .dashboard-empty{padding:18px!important;border-radius:10px!important;background:#f8fafc!important;color:#667085!important;text-align:center!important;font-size:13px!important} #app.cdesck-app-root .dashboard-empty.good{background:#ecfdf3!important;color:#067647!important} #app.cdesck-app-root .next-job-item{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:15px!important;padding:11px 0!important;border-top:1px solid #eef0f3!important} #app.cdesck-app-root .next-job-item:first-of-type{border-top:0!important} #app.cdesck-app-root .next-job-item>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important} #app.cdesck-app-root .next-job-item strong{font-size:13px!important;color:#101828!important} #app.cdesck-app-root .next-job-item span{font-size:12px!important;color:#667085!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} #app.cdesck-app-root .dashboard-workforce-card{display:flex!important;flex-direction:column!important;justify-content:center!important} #app.cdesck-app-root .workforce-number{font-size:38px!important;font-weight:800!important;line-height:1!important;color:#1769aa!important;margin:7px 0!important} #app.cdesck-app-root .workforce-number span{font-size:18px!important;font-weight:600!important;color:#98a2b3!important} #app.cdesck-app-root .dashboard-table-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:17px 20px!important;border-bottom:1px solid #e4e7ec!important;background:#fff!important} #app.cdesck-app-root .dashboard-table-toolbar>div:first-child{display:flex!important;flex-direction:column!important;gap:2px!important} #app.cdesck-app-root .dashboard-table-toolbar .dashboard-list-title{padding:0!important;font-size:16px!important} #app.cdesck-app-root .dashboard-filters{display:flex!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important} #app.cdesck-app-root .dashboard-filters button{appearance:none!important;border:1px solid #d0d5dd!important;background:#fff!important;color:#475467!important;border-radius:8px!important;padding:7px 10px!important;font:inherit!important;font-size:12px!important;font-weight:700!important;cursor:pointer!important} #app.cdesck-app-root .dashboard-filters button.active{background:#1769aa!important;border-color:#1769aa!important;color:#fff!important} #app.cdesck-app-root .dashboard-row-modern{padding-top:14px!important;padding-bottom:14px!important} #app.cdesck-app-root .summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px 14px!important;margin-bottom:7px!important} #app.cdesck-app-root .dashboard-alert-text{color:#b42318!important} #app.cdesck-app-root .status-badge.in-progress{background:#eff8ff!important;border:1px solid #b2ddff!important;color:#175cd3!important} #app.cdesck-app-root .dashboard-empty-table{margin:16px!important} @media(max-width:1000px){#app.cdesck-app-root .dashboard-main-grid,#app.cdesck-app-root .dashboard-secondary-grid{grid-template-columns:1fr!important}#app.cdesck-app-root .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:700px){#app.cdesck-app-root .dashboard-hero{align-items:flex-start!important;flex-direction:column!important}#app.cdesck-app-root .dashboard-table-toolbar{align-items:flex-start!important;flex-direction:column!important}#app.cdesck-app-root .dashboard-filters{justify-content:flex-start!important;width:100%!important}#app.cdesck-app-root .today-op-item{grid-template-columns:62px minmax(0,1fr)!important}#app.cdesck-app-root .today-op-item>.status-badge{grid-column:2!important;justify-self:start!important}#app.cdesck-app-root .next-job-item{grid-template-columns:1fr!important;gap:5px!important}} @media(max-width:480px){#app.cdesck-app-root .summary-grid{grid-template-columns:1fr!important}#app.cdesck-app-root .dashboard-filters button{flex:1 1 calc(50% - 6px)!important}} @container (max-width:760px){#app.cdesck-app-root .dashboard-main-grid,#app.cdesck-app-root .dashboard-secondary-grid{grid-template-columns:1fr!important}#app.cdesck-app-root .dashboard-table-toolbar{align-items:flex-start!important;flex-direction:column!important}#app.cdesck-app-root .dashboard-filters{justify-content:flex-start!important}} /* CDesck 2.10.5 — Agenda: duração calculada automaticamente */ #sm[readonly]{background:color-mix(in srgb, currentColor 4%, transparent);font-weight:700;cursor:not-allowed} /* CDesck 2.10.9 — CRUD e ações administrativas */ .record-actions,.schedule-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.confirm.danger,.photo-remove{border-color:#b42318;color:#b42318}.photo-item{position:relative}.photo-remove{position:absolute;top:.35rem;right:.35rem;width:2rem;height:2rem;border-radius:999px;background:rgba(255,255,255,.94);font-weight:700;cursor:pointer}.schedule-actions{align-items:center;justify-content:flex-end}@media(max-width:700px){.schedule-actions{justify-content:flex-start}.record-actions .confirm,.schedule-actions .confirm{flex:1 1 auto}} /* CDesck 4.0.2 — agrupamento visual dos agendamentos por data */ .schedule-groups{gap:18px} .schedule-date-group{display:grid;gap:10px} .schedule-date-heading{font-weight:800;font-size:1.02em;letter-spacing:.01em;padding:8px 2px 6px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)} .schedule-actions .service-completed{cursor:default;opacity:1} /* CDesck 4.0.4 — agendamentos por funcionário */ .employee-appointments{margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);display:grid;gap:10px} .employee-appointments-title{font-weight:800;font-size:.9em;letter-spacing:.04em;display:flex;align-items:center;gap:8px} .employee-appointments-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:.82em} .employee-appointment-date{display:grid;gap:7px} .employee-appointment-list{display:grid;gap:7px} .employee-appointment-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,currentColor 4%,transparent)} .employee-appointment-status{flex:0 0 auto;font-size:.72em;font-weight:800;letter-spacing:.03em;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);white-space:nowrap} .employee-appointments-empty{margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)} @media (max-width:560px){.employee-appointment-item{display:grid}.employee-appointment-status{justify-self:start}} /* CDesck 4.0.5 — feedback de login, recuperação de senha e responsividade integral */ body>.toast{position:fixed!important;left:50%!important;bottom:max(18px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;z-index:2147483647!important;width:min(calc(100vw - 28px),520px)!important;padding:12px 15px!important;border-radius:10px!important;background:#101828!important;color:#fff!important;box-shadow:0 10px 32px rgba(16,24,40,.28)!important;text-align:center!important;font-weight:700!important;box-sizing:border-box!important} #app.cdesck-app-root,#app.cdesck-app-root *{box-sizing:border-box!important} #app.cdesck-app-root img,#app.cdesck-app-root video,#app.cdesck-app-root canvas{max-width:100%!important;height:auto} #app.cdesck-app-root .login-message{width:100%!important;margin:0 0 14px!important;padding:11px 12px!important;border-radius:9px!important;font-size:13px!important;font-weight:650!important;line-height:1.45!important} #app.cdesck-app-root .login-message.hidden{display:none!important} #app.cdesck-app-root .login-message.error{display:block!important;background:#fef3f2!important;border:1px solid #fecdca!important;color:#b42318!important} #app.cdesck-app-root .login-message.success{display:block!important;background:#ecfdf3!important;border:1px solid #abefc6!important;color:#067647!important} #app.cdesck-app-root .auth-link{display:block!important;width:100%!important;border:0!important;background:transparent!important;color:#1769aa!important;text-align:center!important;padding:11px 8px!important;margin:5px 0 0!important;font-weight:700!important;cursor:pointer!important;text-decoration:underline!important;text-underline-offset:3px!important} #app.cdesck-app-root .auth-title{font-size:clamp(1.35rem,4vw,1.8rem)!important;line-height:1.2!important;margin:4px 0 8px!important;text-align:center!important;color:#101828!important} #app.cdesck-app-root .auth-description,#app.cdesck-app-root .security-hint{font-size:13px!important;line-height:1.55!important;color:#667085!important;text-align:center!important;margin:0 0 16px!important} #app.cdesck-app-root .security-hint{margin:14px 0 0!important;font-size:12px!important} #app.cdesck-app-root input,#app.cdesck-app-root select,#app.cdesck-app-root textarea,#app.cdesck-app-root button{max-width:100%!important} #app.cdesck-app-root .field{width:100%!important;min-width:0!important} #app.cdesck-app-root .page,#app.cdesck-app-root .admin-content,#app.cdesck-app-root .stack,#app.cdesck-app-root .desktop-two,#app.cdesck-app-root .form-grid,#app.cdesck-app-root .jobs{min-width:0!important;max-width:100%!important} #app.cdesck-app-root .dashboard-table-wrap,#app.cdesck-app-root .cdesck-table-wrap,#app.cdesck-app-root table{max-width:100%!important} #app.cdesck-app-root .dashboard-table-wrap,#app.cdesck-app-root .cdesck-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important} #app.cdesck-app-root .topbar,#app.cdesck-app-root .schedule-row,#app.cdesck-app-root .users-heading,#app.cdesck-app-root .form-actions{min-width:0!important} #app.cdesck-app-root .client,#app.cdesck-app-root .value,#app.cdesck-app-root .address,#app.cdesck-app-root .subtle{overflow-wrap:anywhere!important;word-break:break-word!important} @media (pointer:coarse){#app.cdesck-app-root button,#app.cdesck-app-root .btn,#app.cdesck-app-root .confirm,#app.cdesck-app-root .linkbtn,#app.cdesck-app-root .field{min-height:44px!important}} @media(max-width:760px){ #app.cdesck-app-root .app-shell{width:100%!important;padding-left:0!important;padding-right:0!important} #app.cdesck-app-root .page{width:100%!important;padding-left:12px!important;padding-right:12px!important} #app.cdesck-app-root .login-wrap{min-height:auto!important;padding:12px!important;align-items:flex-start!important} #app.cdesck-app-root .login-card{width:100%!important;max-width:520px!important;margin:8px auto!important;padding:18px!important} #app.cdesck-app-root .desktop-two,#app.cdesck-app-root .users-layout,#app.cdesck-app-root .form-grid.refined{grid-template-columns:minmax(0,1fr)!important} #app.cdesck-app-root .form-field.full{grid-column:1!important} #app.cdesck-app-root .topbar,#app.cdesck-app-root .schedule-row,#app.cdesck-app-root .users-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important} #app.cdesck-app-root .topbar .linkbtn,#app.cdesck-app-root .form-actions>.btn,#app.cdesck-app-root .form-actions>.confirm{width:100%!important} #app.cdesck-app-root .schedule-actions,#app.cdesck-app-root .record-actions,#app.cdesck-app-root .user-form-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important} #app.cdesck-app-root .schedule-actions button,#app.cdesck-app-root .record-actions button,#app.cdesck-app-root .user-form-actions button{width:100%!important} #app.cdesck-app-root .admin-tabs{width:100%!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:7px!important} #app.cdesck-app-root .admin-tabs button{flex:0 0 auto!important;scroll-snap-align:start!important;min-height:42px!important} #app.cdesck-app-root .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:480px){ #app.cdesck-app-root .page{padding-left:9px!important;padding-right:9px!important} #app.cdesck-app-root .card{padding:16px!important} #app.cdesck-app-root .login-card{padding:15px!important} #app.cdesck-app-root .title{font-size:clamp(1.35rem,7vw,1.8rem)!important} #app.cdesck-app-root .section-title{font-size:clamp(1.15rem,6vw,1.55rem)!important} #app.cdesck-app-root .photo-grid{grid-template-columns:1fr!important} #app.cdesck-app-root .language-bar{position:static!important;width:100%!important;max-width:100%!important;margin:0 0 10px!important;overflow-x:auto!important;justify-content:flex-start!important} #app.cdesck-app-root .app-shell{padding-top:0!important} } @media(max-width:360px){ #app.cdesck-app-root .page{padding-left:6px!important;padding-right:6px!important} #app.cdesck-app-root .card,#app.cdesck-app-root .login-card{padding:13px!important} #app.cdesck-app-root .language-btn{font-size:10px!important;padding:6px!important} } /* CDesck 4.0.6 — fluxo sequencial da Helper, checklist da casa e dashboard em tempo real */ #app.cdesck-app-root .employee-sequence{display:grid;gap:12px} #app.cdesck-app-root .sequence-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left} #app.cdesck-app-root .sequence-card .job-card-main{display:grid;gap:4px;min-width:0} #app.cdesck-app-root .sequence-card .sequence-status{font-size:.76em;font-weight:800;letter-spacing:.02em;white-space:normal;text-align:right} #app.cdesck-app-root .sequence-card .sequence-actions{grid-column:2 / -1;display:flex;justify-content:flex-end;gap:8px} #app.cdesck-app-root .sequence-card.locked-job{opacity:.72} #app.cdesck-app-root .waiting-helper{cursor:default;opacity:.9} #app.cdesck-app-root .dashboard-house-event{display:block;margin-top:5px;font-weight:800;font-size:.8em} #app.cdesck-app-root .dashboard-house-event.live{color:#175cd3} #app.cdesck-app-root .dashboard-house-event.done{color:#067647} #app.cdesck-app-root .dashboard-live-event{font-weight:800} #app.cdesck-app-root .completed-event{color:#067647} #app.cdesck-app-root .house-task-editor{margin-top:16px;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);display:grid;gap:10px} #app.cdesck-app-root .task-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center} #app.cdesck-app-root .task-draft-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important} #app.cdesck-app-root .task-remove{border:0;background:transparent;font-size:1.35em;line-height:1;cursor:pointer;padding:4px 7px} #app.cdesck-app-root .customer-task-summary{display:grid;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)} #app.cdesck-app-root .customer-task-summary>span{font-size:.85em} #app.cdesck-app-root .house-history{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)} #app.cdesck-app-root .house-history-item{padding:8px 9px;border-radius:9px;background:color-mix(in srgb,currentColor 4%,transparent)} #app.cdesck-app-root .strong-check{font-weight:700} #app.cdesck-app-root .work-confirm-card{border-style:dashed} #app.cdesck-app-root .supervisor-employee-list{max-width:100%} @media(max-width:700px){ #app.cdesck-app-root .sequence-card{grid-template-columns:auto minmax(0,1fr)} #app.cdesck-app-root .sequence-card .sequence-status{grid-column:2;text-align:left} #app.cdesck-app-root .sequence-card .sequence-actions{grid-column:1 / -1;justify-content:stretch} #app.cdesck-app-root .sequence-card .sequence-actions button{width:100%} #app.cdesck-app-root .task-add-row{grid-template-columns:minmax(0,1fr) 48px} } /* 4.0.7 — checklist da casa baseado no formulário operacional */ .house-task-category{border:1px solid rgba(15,23,42,.10);border-radius:12px;padding:10px 12px;margin:10px 0;background:rgba(255,255,255,.55)} .house-task-category-title{font-weight:800;font-size:.9rem;letter-spacing:.035em;margin-bottom:7px} .house-task-category .task-draft-row{margin:4px 0} @media (max-width:480px){.house-task-category{padding:9px}.house-task-category-title{font-size:.82rem}.house-task-category .task-draft-row{align-items:flex-start;gap:8px}} /* CDesck 4.0.9 — Clientes/Casas, aceite da Helper, notificações e sequência operacional */ #app.cdesck-app-root .customer-layout-v409{display:grid;gap:22px;max-width:100%} #app.cdesck-app-root .customer-new-first{width:100%;max-width:none} #app.cdesck-app-root .registered-houses-section{display:grid;gap:12px;padding-top:4px} #app.cdesck-app-root .registered-houses-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px} #app.cdesck-app-root .registered-houses-heading h3{margin:0;font:inherit;font-weight:800;letter-spacing:.04em} #app.cdesck-app-root .accept-house-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px} #app.cdesck-app-root .helper-acceptance-notifications{margin:0 0 16px;display:grid;gap:10px} #app.cdesck-app-root .notification-icon{font-size:1.2rem} #app.cdesck-app-root .acceptance-list{display:grid;gap:8px} #app.cdesck-app-root .acceptance-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,currentColor 4%,transparent)} #app.cdesck-app-root .acceptance-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#ecfdf3;color:#067647;font-weight:900} #app.cdesck-app-root .sequence-card.locked-job .accept-house-btn{opacity:1} #app.cdesck-app-root .sequence-card.locked-job{opacity:.84} @media(max-width:760px){ #app.cdesck-app-root .registered-houses-heading{align-items:flex-start} #app.cdesck-app-root .acceptance-item{grid-template-columns:auto minmax(0,1fr)} } /* CDesck 4.1.1 — seletor de idiomas sempre acima das telas */ #app.cdesck-app-root .language-bar{ position:fixed!important; top:max(12px, env(safe-area-inset-top))!important; right:16px!important; left:auto!important; z-index:2147483000!important; width:auto!important; max-width:calc(100vw - 32px)!important; margin:0!important; padding:6px!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; flex-wrap:nowrap!important; overflow:visible!important; background:rgba(255,255,255,.96)!important; border:1px solid rgba(16,24,40,.12)!important; border-radius:999px!important; box-shadow:0 8px 28px rgba(16,24,40,.18)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; isolation:isolate!important; transform:translateZ(0)!important; pointer-events:auto!important; } #app.cdesck-app-root .language-btn{ position:relative!important; z-index:1!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; flex:0 0 auto!important; min-height:38px!important; white-space:nowrap!important; pointer-events:auto!important; } #app.cdesck-app-root .language-btn span:last-child{display:inline!important} body.admin-bar #app.cdesck-app-root .language-bar{top:44px!important} @media(max-width:760px){ #app.cdesck-app-root .language-bar{ top:max(10px, env(safe-area-inset-top))!important; left:50%!important; right:auto!important; width:max-content!important; max-width:calc(100vw - 20px)!important; justify-content:center!important; overflow-x:auto!important; overflow-y:hidden!important; transform:translateX(-50%) translateZ(0)!important; scrollbar-width:none!important; } #app.cdesck-app-root .language-bar::-webkit-scrollbar{display:none!important} #app.cdesck-app-root .language-btn{min-height:40px!important;padding:7px 9px!important;font-size:11px!important} #app.cdesck-app-root .app-shell{padding-top:66px!important} body.admin-bar #app.cdesck-app-root .language-bar{top:58px!important} } @media(max-width:430px){ #app.cdesck-app-root .language-bar{ left:50%!important; right:auto!important; justify-content:center!important; position:fixed!important; width:max-content!important; max-width:calc(100vw - 16px)!important; margin:0!important; } #app.cdesck-app-root .language-btn{font-size:10.5px!important;padding:7px 8px!important} #app.cdesck-app-root .app-shell{padding-top:66px!important} } @media(max-width:360px){ #app.cdesck-app-root .language-bar{max-width:calc(100vw - 12px)!important;padding:5px!important;gap:3px!important} #app.cdesck-app-root .language-btn{font-size:10px!important;padding:6px 7px!important;min-height:38px!important} } /* CDESCK 4.2.0 — identidade oficial responsiva */ #app.cdesck-app-root .platform-brand.cdesck-brand{ width:100%!important; max-width:100%!important; overflow:visible!important; } #app.cdesck-app-root .platform-brand.cdesck-brand img{ width:min(100%,520px)!important; max-width:100%!important; max-height:none!important; height:auto!important; aspect-ratio:auto!important; object-fit:contain!important; object-position:center!important; margin-inline:auto!important; } #app.cdesck-app-root .login-card .platform-brand.cdesck-brand img{ width:min(100%,500px)!important; } #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand img{ width:min(100%,300px)!important; max-width:300px!important; max-height:none!important; margin-inline:0!important; } @media (max-width:760px){ #app.cdesck-app-root .platform-brand.cdesck-brand img, #app.cdesck-app-root .login-card .platform-brand.cdesck-brand img{ width:min(100%,410px)!important; } #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand{ justify-content:center!important; } #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand img{ width:min(100%,270px)!important; max-width:270px!important; margin-inline:auto!important; } } @media (max-width:430px){ #app.cdesck-app-root .platform-brand.cdesck-brand img, #app.cdesck-app-root .login-card .platform-brand.cdesck-brand img{ width:100%!important; max-width:340px!important; } #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand img{ max-width:235px!important; } } @media (max-width:360px){ #app.cdesck-app-root .platform-brand.cdesck-brand img, #app.cdesck-app-root .login-card .platform-brand.cdesck-brand img{ max-width:300px!important; } #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand img{ max-width:215px!important; } } /* CDESCK 4.2.2 — Clientes / Casas: títulos uniformes + Endereço */ #app.cdesck-app-root .customer-new-first{overflow:hidden!important;border:1px solid color-mix(in srgb,var(--cd-heading) 14%,transparent)!important} #app.cdesck-app-root .customer-new-first .form-card-head{padding:18px 22px!important;margin:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--cd-heading) 8%,white),color-mix(in srgb,var(--cd-accent) 5%,white))!important;border-bottom:1px solid color-mix(in srgb,var(--cd-heading) 12%,transparent)!important} #app.cdesck-app-root .customer-new-first .form-card-title{font-size:clamp(1.15rem,2.2vw,1.45rem)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.015em!important;color:var(--cd-heading)!important} #app.cdesck-app-root .customer-form-section{margin:0 22px 18px!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--cd-heading) 12%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--cd-surface,#fff) 96%,var(--cd-heading) 4%)!important} #app.cdesck-app-root .customer-form-section:first-of-type{margin-top:20px!important} #app.cdesck-app-root .customer-form-section-title{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;padding:0 0 10px!important;border-bottom:2px solid color-mix(in srgb,var(--cd-accent) 45%,transparent)!important;font-size:clamp(1.15rem,2.2vw,1.45rem)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.015em!important;color:var(--cd-heading)!important} #app.cdesck-app-root .customer-form-section-title::before{content:""!important;display:block!important;width:5px!important;height:1.15em!important;border-radius:999px!important;background:var(--cd-accent)!important;flex:0 0 5px!important} #app.cdesck-app-root .customer-form-section .form-grid{padding:0!important;gap:16px!important} #app.cdesck-app-root .customer-form-section .form-field label{font-weight:700!important;color:var(--cd-heading)!important} #app.cdesck-app-root .customer-form-section .field{background:#fff!important} #app.cdesck-app-root .customer-checklist-section{margin:0 22px 18px!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--cd-accent) 20%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--cd-accent) 4%,white)!important} #app.cdesck-app-root .customer-checklist-section .label{font-size:clamp(1.15rem,2.2vw,1.45rem)!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.015em!important;color:var(--cd-heading)!important;margin-bottom:6px!important} #app.cdesck-app-root .customer-checklist-section .label::before{content:"";display:inline-block;width:5px;height:1.05em;border-radius:999px;background:var(--cd-accent);margin-right:10px;vertical-align:-.12em} #app.cdesck-app-root .customer-new-first .sensitive-note{margin:0 22px 18px!important} #app.cdesck-app-root .customer-new-first .form-actions{padding:0 22px 22px!important;margin:0!important} #app.cdesck-app-root .customer-editing .form-card-head{background:linear-gradient(135deg,color-mix(in srgb,var(--cd-accent) 12%,white),color-mix(in srgb,var(--cd-heading) 7%,white))!important} #app.cdesck-app-root .customer-editing .form-card-title::after{content:"";display:inline-block;width:8px;height:8px;margin-left:10px;border-radius:50%;background:var(--cd-accent);vertical-align:middle} @media (max-width:760px){ #app.cdesck-app-root .customer-new-first .form-card-head{padding:16px!important} #app.cdesck-app-root .customer-form-section,#app.cdesck-app-root .customer-checklist-section{margin-left:14px!important;margin-right:14px!important;padding:14px!important;border-radius:12px!important} #app.cdesck-app-root .customer-new-first .sensitive-note{margin-left:14px!important;margin-right:14px!important} #app.cdesck-app-root .customer-new-first .form-actions{padding-left:14px!important;padding-right:14px!important} } @media (max-width:430px){ #app.cdesck-app-root .customer-form-section-title,#app.cdesck-app-root .customer-checklist-section .label{font-size:clamp(1.15rem,2.2vw,1.45rem)!important} #app.cdesck-app-root .customer-form-section,#app.cdesck-app-root .customer-checklist-section{margin-left:10px!important;margin-right:10px!important;padding:12px!important} #app.cdesck-app-root .customer-new-first .sensitive-note{margin-left:10px!important;margin-right:10px!important} #app.cdesck-app-root .customer-new-first .form-actions{padding-left:10px!important;padding-right:10px!important} } /* CDesck 4.2.6 — fluxo de fotos e relatório final da casa */ #app.cdesck-app-root .photo-grid{align-items:start!important} #app.cdesck-app-root .photo-item{position:relative!important;min-width:0!important;background:var(--wp--preset--color--base,#fff)!important;border:1px solid rgba(16,24,40,.10)!important;border-radius:12px!important;overflow:hidden!important} #app.cdesck-app-root .photo-link{display:block!important;line-height:0!important;text-decoration:none!important} #app.cdesck-app-root .photo-item img{display:block!important;width:100%!important;min-height:112px!important;aspect-ratio:1/1!important;object-fit:cover!important;background:#f2f4f7!important} #app.cdesck-app-root .photo-status{position:absolute!important;left:7px!important;bottom:7px!important;z-index:3!important;display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:3px 8px!important;border-radius:999px!important;background:rgba(16,24,40,.82)!important;color:#fff!important;font-size:.76rem!important;font-weight:700!important;line-height:1.15!important} #app.cdesck-app-root .photo-pending{outline:2px solid rgba(23,105,170,.35)!important;outline-offset:1px!important} #app.cdesck-app-root .photo-pending img{opacity:.82!important} #app.cdesck-app-root .photo-load-error{min-height:112px!important;background:#f9fafb!important} #app.cdesck-app-root .photo-load-error::after{content:'Foto indisponível';position:absolute;inset:0;display:grid;place-items:center;padding:10px;text-align:center;color:#667085;font-size:.78rem;background:#f9fafb;z-index:2} #app.cdesck-app-root .photo-empty{grid-column:1/-1!important;padding:10px 0!important} #app.cdesck-app-root .house-final-report{margin-top:12px!important;border:1px solid rgba(16,24,40,.12)!important;border-radius:12px!important;background:rgba(248,250,252,.82)!important;overflow:hidden!important} #app.cdesck-app-root .house-final-report>summary{cursor:pointer!important;list-style:none!important;padding:12px 14px!important;font-weight:800!important;letter-spacing:.02em!important} #app.cdesck-app-root .house-final-report>summary::-webkit-details-marker{display:none!important} #app.cdesck-app-root .house-final-report>summary::after{content:'+';float:right;font-size:1.1em!important} #app.cdesck-app-root .house-final-report[open]>summary::after{content:'−'} #app.cdesck-app-root .house-final-report-body{padding:0 14px 14px!important;display:grid!important;gap:14px!important} #app.cdesck-app-root .final-report-block{padding-top:10px!important;border-top:1px solid rgba(16,24,40,.08)!important} #app.cdesck-app-root .final-report-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} #app.cdesck-app-root .final-checklist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 12px!important;margin-top:7px!important} #app.cdesck-app-root .final-check-item{display:flex!important;gap:7px!important;align-items:flex-start!important;font-size:.88rem!important} #app.cdesck-app-root .final-check-item.done>span:first-child{font-weight:900!important} #app.cdesck-app-root .house-final-report .photo-grid{grid-template-columns:repeat(auto-fill,minmax(88px,120px))!important} @media(max-width:700px){#app.cdesck-app-root .final-report-grid,#app.cdesck-app-root .final-checklist{grid-template-columns:1fr!important}#app.cdesck-app-root .house-final-report .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* CDesck 4.2.7 — upload de fotos com baixo uso de memoria no dispositivo */ .photo-upload-placeholder{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed currentColor;border-radius:12px;padding:12px;text-align:center} .photo-upload-icon{font-size:30px;line-height:1} .photo-upload-placeholder .photo-status{display:block;font-size:.86em;font-weight:600} /* CDesck 4.2.10 — câmera de baixa memória */ #app.cdesck-app-root .camera-input{display:none!important} .cdesck-camera-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:12px} .cdesck-camera-panel{width:min(680px,100%);max-height:96vh;overflow:auto;background:#101828;color:#fff;border-radius:16px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.45)} .cdesck-camera-title{font-weight:800;text-align:center;margin-bottom:10px;letter-spacing:.03em} #cdesckCameraVideo{display:block;width:100%;max-height:68vh;object-fit:contain;background:#000;border-radius:12px} .cdesck-camera-help{font-size:.84rem;opacity:.82;text-align:center;margin:9px 0} .cdesck-camera-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .cdesck-camera-actions .btn,.cdesck-camera-actions .confirm{min-height:46px;padding:10px 16px} @media(max-width:600px){.cdesck-camera-modal{padding:0}.cdesck-camera-panel{width:100%;height:100dvh;max-height:none;border-radius:0;display:flex;flex-direction:column;justify-content:center}#cdesckCameraVideo{max-height:62dvh}.cdesck-camera-actions .btn,.cdesck-camera-actions .confirm{flex:1 1 44%}} /* 4.2.14 - link administrativo, sem interferir no carregamento do app */ #app.cdesck-app-root .cdesck-admin-access{ display:block!important; margin:10px auto 0!important; text-align:center!important; width:max-content!important; max-width:100%!important; font-weight:700!important; text-decoration:none!important; } #app.cdesck-app-root .cdesck-admin-access:hover, #app.cdesck-app-root .cdesck-admin-access:focus{text-decoration:underline!important} /* CDesck 4.2.17 — recuperação, navegação e idiomas */ #app.cdesck-app-root .forgot-identifier-field{ margin-bottom:20px!important; } #app.cdesck-app-root .forgot-identifier-field + #sendReset{ margin-top:4px!important; } /* Notebook e tablet: seletor sempre centralizado e na camada frontal. */ @media (min-width:761px) and (max-width:1440px){ #app.cdesck-app-root .language-bar{ position:fixed!important; top:max(12px,env(safe-area-inset-top))!important; left:50%!important; right:auto!important; width:max-content!important; max-width:calc(100vw - 28px)!important; justify-content:center!important; transform:translateX(-50%) translateZ(0)!important; z-index:2147483000!important; margin:0!important; } body.admin-bar #app.cdesck-app-root .language-bar{top:44px!important} #app.cdesck-app-root .app-shell{padding-top:70px!important} } @media(max-width:760px){ #app.cdesck-app-root .forgot-identifier-field{margin-bottom:22px!important} } /* CDesck 4.2.19 - Botao SAIR no lado esquerdo (Administradora/Supervisora) */ #app.cdesck-app-root .admin-topbar{justify-content:flex-start!important;align-items:center!important} #app.cdesck-app-root .admin-topbar .logout-left{order:0!important;width:auto!important;min-width:108px!important;margin:0 18px 0 0!important;padding:11px 22px!important;flex:0 0 auto!important} #app.cdesck-app-root .admin-topbar .admin-heading{order:1!important;min-width:0!important} @media(max-width:720px){#app.cdesck-app-root .admin-topbar{flex-direction:column!important;align-items:stretch!important}#app.cdesck-app-root .admin-topbar .logout-left{width:100%!important;margin:0 0 10px!important}#app.cdesck-app-root .admin-topbar .admin-heading{width:100%!important}} /* CDesck 4.2.20 - Funcionarios no padrao MEDIA Alliance + logout Helper */ #app.cdesck-app-root .helper-logout{width:auto!important;min-width:108px!important;margin:0 18px 0 0!important;padding:11px 22px!important;order:-1!important} #app.cdesck-app-root .employee-form-full{width:100%!important;max-width:none!important;margin-bottom:28px!important} #app.cdesck-app-root .employee-directory{margin-top:24px;border:1px solid #d9dee7;background:#fff;border-radius:14px;overflow:hidden} #app.cdesck-app-root .employee-directory-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid #d9dee7} #app.cdesck-app-root .employee-directory-top h3{margin:0 0 5px;font-size:24px} #app.cdesck-app-root .employee-search{max-width:520px!important;margin:0!important} #app.cdesck-app-root .employee-table{overflow-x:auto} #app.cdesck-app-root .employee-table-head,#app.cdesck-app-root .employee-table-row{display:grid;grid-template-columns:80px minmax(230px,1.5fr) minmax(145px,.8fr) minmax(145px,.8fr) minmax(110px,.65fr) minmax(190px,.9fr);gap:14px;align-items:start;padding:14px 18px;min-width:1000px} #app.cdesck-app-root .employee-table-head{font-weight:700;background:#f8fafc;border-bottom:1px solid #d9dee7} #app.cdesck-app-root .employee-table-row{border-bottom:1px solid #edf0f4} #app.cdesck-app-root .employee-table-row:nth-child(odd){background:#fbfcfd} #app.cdesck-app-root .employee-name-cell{display:flex;flex-direction:column;gap:4px}.employee-name-cell small{font-weight:400;color:#596579} #app.cdesck-app-root .employee-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px} #app.cdesck-app-root .employee-text-action{border:0;background:transparent;padding:0;color:#175cff;cursor:pointer;font:inherit}.employee-text-action.danger-text{color:#c92a2a} #app.cdesck-app-root .employee-print{padding:8px 12px!important} @media(max-width:720px){#app.cdesck-app-root .topbar .helper-logout{width:100%!important;margin:0 0 12px!important}#app.cdesck-app-root .employee-directory-top{align-items:stretch;flex-direction:column}#app.cdesck-app-root .employee-search{max-width:none!important;width:100%!important}} /* 4.2.21 - Funcionários no padrão administrativo MEDIA Alliance Brasil */ #app.cdesck-app-root .employee-directory{margin:0 0 28px!important;border-radius:4px!important;border:1px solid #ccd0d4!important;box-shadow:none!important} #app.cdesck-app-root .employee-directory-top{padding:18px 20px!important;background:#fff!important;align-items:center!important} #app.cdesck-app-root .employee-directory-top h3{font-size:22px!important;font-weight:600!important} #app.cdesck-app-root .employee-searchbar{display:flex;gap:10px;align-items:center;flex:1;justify-content:flex-end} #app.cdesck-app-root .employee-search{max-width:650px!important;width:100%!important} #app.cdesck-app-root .employee-search-btn{width:auto!important;min-width:120px!important;padding:12px 22px!important} #app.cdesck-app-root .employee-table{overflow-x:auto} #app.cdesck-app-root .employee-table-head,#app.cdesck-app-root .employee-table-row{grid-template-columns:minmax(260px,1.55fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(120px,.65fr) minmax(190px,.9fr)!important;min-width:900px!important;padding:14px 18px!important} #app.cdesck-app-root .employee-table-row:nth-child(odd){background:#f7f7f7} #app.cdesck-app-root .employee-form{margin-top:0!important;padding:28px 30px!important} #app.cdesck-app-root .employee-form .form-grid,#app.cdesck-app-root .employee-form .children-grid{align-items:start!important;gap:16px 22px!important} #app.cdesck-app-root .employee-form .field{min-height:50px!important;height:auto!important;box-sizing:border-box!important} #app.cdesck-app-root .employee-form textarea.field{min-height:100px!important} #app.cdesck-app-root .employee-form h3{font-size:21px!important;margin-top:30px!important} @media(max-width:720px){#app.cdesck-app-root .employee-searchbar{flex-direction:column;align-items:stretch}#app.cdesck-app-root .employee-search-btn{width:100%!important}#app.cdesck-app-root .employee-form{padding:20px 16px!important}} /* 4.2.22 - Funcionarios Cadastrar + endereco americano */ #app.cdesck-app-root .employee-directory-actions{display:flex;align-items:center;gap:14px;flex:1;justify-content:flex-end} #app.cdesck-app-root .employee-new-btn{white-space:nowrap;min-width:140px} #app.cdesck-app-root .employee-form-collapsed{display:none!important} #app.cdesck-app-root .customer-map-row{display:flex;justify-content:flex-start;align-items:center} #app.cdesck-app-root .customer-map-btn{min-width:190px} @media(max-width:760px){#app.cdesck-app-root .employee-directory-actions{width:100%;flex-direction:column;align-items:stretch}#app.cdesck-app-root .employee-new-btn,#app.cdesck-app-root .employee-searchbar{width:100%}#app.cdesck-app-root .customer-map-btn{width:100%}} /* 4.2.23 - padronizacao dos cabecalhos de formularios e busca */ #app.cdesck-app-root .standard-form-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important} #app.cdesck-app-root .standard-form-title{margin:0!important;flex:0 0 auto!important} #app.cdesck-app-root .standard-form-search{display:flex!important;align-items:center!important;gap:10px!important;flex:1 1 440px!important;justify-content:flex-end!important} #app.cdesck-app-root .standard-form-search .field{width:min(100%,520px)!important;margin:0!important} #app.cdesck-app-root .standard-form-search .btn{margin:0!important;white-space:nowrap!important} #app.cdesck-app-root .users-layout-standard{display:block!important} #app.cdesck-app-root .users-layout-standard .user-editor{width:100%!important;max-width:none!important;margin-bottom:26px!important} #app.cdesck-app-root .standard-record-list{margin-top:24px!important} #app.cdesck-app-root .standard-list-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important} #app.cdesck-app-root .standard-list-head h3{margin:0!important} @media(max-width:760px){#app.cdesck-app-root .standard-form-head{align-items:stretch!important;flex-direction:column!important}#app.cdesck-app-root .standard-form-search{width:100%!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important}#app.cdesck-app-root .standard-form-search .field,#app.cdesck-app-root .standard-form-search .btn{width:100%!important;max-width:none!important}#app.cdesck-app-root .standard-list-head{align-items:stretch!important;flex-direction:column!important}} /* 4.2.24 - Funcionarios alinhado ao mesmo padrao visual de Clientes */ #app.cdesck-app-root .employee-layout-v424{display:grid;gap:24px} #app.cdesck-app-root .employee-layout-v424 .employee-form{margin:0;width:100%;max-width:none} #app.cdesck-app-root .employee-layout-v424 .employee-directory{margin-top:0} #app.cdesck-app-root .employee-layout-v424 .employee-form>h3{font-size:16px!important;font-weight:800!important;letter-spacing:.02em;margin:22px 0 12px!important;padding-top:18px!important;border-top:1px solid #eef0f3!important} #app.cdesck-app-root .employee-layout-v424 .employee-form>h3:first-of-type{margin-top:18px!important} @media(max-width:720px){#app.cdesck-app-root .employee-layout-v424{gap:18px}} /* 4.2.25 - padrao visual unico Clientes / Funcionarios / Usuarios */ #app.cdesck-app-root .standard-form-search{flex:1 1 520px!important;justify-content:flex-end!important} #app.cdesck-app-root .standard-form-search .field{flex:1 1 auto!important;width:auto!important;max-width:520px!important;min-width:260px!important} #app.cdesck-app-root .standard-form-search .btn{flex:0 0 auto!important;width:auto!important;min-width:112px!important;max-width:140px!important;padding:12px 20px!important} #app.cdesck-app-root .employee-form.customer-new-first{padding:0!important;overflow:hidden!important} #app.cdesck-app-root .employee-form.customer-new-first>.form-grid, #app.cdesck-app-root .employee-form.customer-new-first>.children-grid, #app.cdesck-app-root .employee-form.customer-new-first>.sensitive-note, #app.cdesck-app-root .employee-form.customer-new-first>.conditions-box, #app.cdesck-app-root .employee-form.customer-new-first>.supervisor-box{margin-left:22px!important;margin-right:22px!important} #app.cdesck-app-root .employee-form.customer-new-first>h3{margin-left:22px!important;margin-right:22px!important} #app.cdesck-app-root .users-layout-standard .user-editor.customer-new-first{padding:0!important;overflow:hidden!important} #app.cdesck-app-root .users-layout-standard .user-editor.customer-new-first>.form-grid{margin:20px 22px 18px!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--cd-heading) 12%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--cd-surface,#fff) 96%,var(--cd-heading) 4%)!important;gap:16px!important} #app.cdesck-app-root .users-layout-standard .user-editor.customer-new-first>.form-grid .field{background:#fff!important} #app.cdesck-app-root .users-layout-standard .user-editor.customer-new-first>.form-grid label{font-weight:700!important;color:var(--cd-heading)!important} #app.cdesck-app-root .employee-form.customer-new-first .form-actions .btn, #app.cdesck-app-root .user-editor.customer-new-first .form-actions .btn, #app.cdesck-app-root .customer-new-first .form-actions .btn{width:auto!important;min-width:220px!important;max-width:280px!important;padding:13px 24px!important;text-transform:uppercase!important} @media(max-width:760px){ #app.cdesck-app-root .standard-form-search{flex:1 1 auto!important;flex-direction:row!important;align-items:center!important} #app.cdesck-app-root .standard-form-search .field{min-width:0!important;max-width:none!important} #app.cdesck-app-root .standard-form-search .btn{width:auto!important;min-width:100px!important;max-width:120px!important} #app.cdesck-app-root .employee-form.customer-new-first>.form-grid,#app.cdesck-app-root .employee-form.customer-new-first>.children-grid,#app.cdesck-app-root .employee-form.customer-new-first>.sensitive-note,#app.cdesck-app-root .employee-form.customer-new-first>.conditions-box,#app.cdesck-app-root .employee-form.customer-new-first>.supervisor-box,#app.cdesck-app-root .employee-form.customer-new-first>h3{margin-left:14px!important;margin-right:14px!important} #app.cdesck-app-root .users-layout-standard .user-editor.customer-new-first>.form-grid{margin-left:14px!important;margin-right:14px!important;padding:14px!important} #app.cdesck-app-root .employee-form.customer-new-first .form-actions .btn,#app.cdesck-app-root .user-editor.customer-new-first .form-actions .btn,#app.cdesck-app-root .customer-new-first .form-actions .btn{width:100%!important;max-width:none!important;min-width:0!important} } @media(max-width:480px){#app.cdesck-app-root .standard-form-search{flex-direction:column!important;align-items:stretch!important}#app.cdesck-app-root .standard-form-search .btn{width:100%!important;max-width:none!important}} /* 4.2.26 - Funcionarios usa os mesmos cards/secoes visuais de Clientes/Casas */ #app.cdesck-app-root .employee-form.customer-new-first .employee-form-section{margin:30px 22px 0!important;padding:28px!important;background:#f6f7f8!important;border:1px solid #d9dee5!important;border-radius:18px!important} #app.cdesck-app-root .employee-form.customer-new-first .employee-form-section .customer-form-section-title{margin:0 0 24px!important;padding:0!important;border:0!important;font-size:18px!important;font-weight:800!important} #app.cdesck-app-root .employee-form.customer-new-first .employee-form-section .form-field label{display:block;margin:0 0 8px;font-weight:700;color:#17233a} #app.cdesck-app-root .employee-form.customer-new-first .employee-form-section .field{width:100%;min-height:52px} #app.cdesck-app-root .employee-form.customer-new-first .employee-form-section textarea.field{min-height:110px} #app.cdesck-app-root .employee-form.customer-new-first .employee-form-section .sensitive-note{margin:20px 0!important} #app.cdesck-app-root .employee-form.customer-new-first>.policy,#app.cdesck-app-root .employee-form.customer-new-first>.acknowledgement{margin-left:22px!important;margin-right:22px!important} @media(max-width:720px){#app.cdesck-app-root .employee-form.customer-new-first .employee-form-section{margin:18px 14px 0!important;padding:18px 14px!important}} /* 4.2.30 - Agenda: Servicos concluidos em largura total, fotos e impressao */ #app.cdesck-app-root .completed-services-section{width:100%;margin-top:34px;padding-top:24px;border-top:1px solid #d9dee5} #app.cdesck-app-root .completed-services-title{margin-bottom:18px} #app.cdesck-app-root .completed-services-list{width:100%} #app.cdesck-app-root .completed-service-card{width:100%;box-sizing:border-box;padding:24px} #app.cdesck-app-root .completed-service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px} #app.cdesck-app-root .completed-service-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;padding:18px 0;border-top:1px solid #e4e7eb;border-bottom:1px solid #e4e7eb} #app.cdesck-app-root .completed-service-info .full{grid-column:1/-1} #app.cdesck-app-root .completed-service-photos{margin-top:18px} #app.cdesck-app-root .completed-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px} #app.cdesck-app-root .completed-photo-grid .photo-item{width:100%;min-width:0} #app.cdesck-app-root .completed-photo-grid .photo-item img{width:100%;height:110px;object-fit:cover;border-radius:10px} #app.cdesck-app-root .completed-print-btn{width:auto!important;min-width:130px!important;padding:11px 18px!important} @media(max-width:800px){#app.cdesck-app-root .completed-service-info{grid-template-columns:1fr 1fr}#app.cdesck-app-root .completed-service-head{flex-direction:column}#app.cdesck-app-root .completed-print-btn{width:100%!important}} @media(max-width:520px){#app.cdesck-app-root .completed-service-info{grid-template-columns:1fr}#app.cdesck-app-root .completed-service-info .full{grid-column:auto}#app.cdesck-app-root .completed-service-card{padding:18px 14px}} /* 4.2.32 - Usuários cadastrados no mesmo padrão visual de Funcionários */ #app.cdesck-app-root .user-table-head,#app.cdesck-app-root .user-table-row{grid-template-columns:minmax(260px,1.55fr) minmax(140px,.8fr) minmax(130px,.7fr) minmax(110px,.6fr) minmax(120px,.65fr)!important;min-width:820px!important} #app.cdesck-app-root .user-table-row{cursor:pointer;border-bottom:1px solid #e5e7eb;background:#fff} #app.cdesck-app-root .user-table-row:nth-child(even){background:#f8f8f8} #app.cdesck-app-root .user-table-row:hover,#app.cdesck-app-root .user-table-row:focus{background:#f1f7fc;outline:2px solid rgba(25,118,185,.25);outline-offset:-2px} #app.cdesck-app-root .user-table-row.selected{background:#eef7ff} /* 4.2.33 - Usuarios cadastrados replica estruturalmente Funcionarios cadastrados */ #app.cdesck-app-root .user-directory{margin-top:0!important} #app.cdesck-app-root .user-table{overflow-x:auto!important} #app.cdesck-app-root .user-table-head,#app.cdesck-app-root .user-table-row{display:grid!important;grid-template-columns:minmax(260px,1.55fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(120px,.65fr) minmax(190px,.9fr)!important;gap:14px!important;align-items:start!important;min-width:900px!important;padding:14px 18px!important} #app.cdesck-app-root .user-table-head{font-weight:700!important;background:#f8fafc!important;border-bottom:1px solid #d9dee7!important} #app.cdesck-app-root #adminUsersList{display:block!important;min-width:900px!important} #app.cdesck-app-root #adminUsersList .user-table-row{width:100%!important;box-sizing:border-box!important} #app.cdesck-app-root .user-table-row:nth-child(odd){background:#f7f7f7!important} #app.cdesck-app-root .user-table-row:nth-child(even){background:#fff!important} #app.cdesck-app-root .user-table-row>span{display:block!important;min-width:0!important} #app.cdesck-app-root .user-table-row .employee-actions{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important} #app.cdesck-app-root .user-table-row .employee-text-action{display:inline!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#06f!important;font:inherit!important;cursor:pointer!important} #app.cdesck-app-root .user-table-row .employee-action-separator{display:inline!important;color:#344054!important} /* 4.2.34 - Ações e impressão de Usuários no padrão Funcionários */ #app.cdesck-app-root .user-table-row .employee-name-cell{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important} #app.cdesck-app-root .user-table-row .employee-name-cell strong{display:block!important;line-height:1.25!important} #app.cdesck-app-root .user-table-row .employee-name-cell small{display:block!important;color:#667085!important;line-height:1.25!important} #app.cdesck-app-root .user-table-row .user-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important} #app.cdesck-app-root .user-table-row .user-action-links{display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important} #app.cdesck-app-root .user-table-row .user-print{display:inline-flex!important;width:auto!important;min-width:116px!important;justify-content:center!important;margin:0!important} /* CDesck 4.2.39 — decisão da Helper */ #app.cdesck-app-root .sequence-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} #app.cdesck-app-root .reject-house-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px} /* 4.2.43 — próximos agendamentos da Helper */ .helper-upcoming-section{margin-top:32px}.helper-upcoming-title{font-size:1.35rem;margin:0 0 16px}.future-job{border-style:solid}.future-job .sequence-status{font-weight:700} @media(max-width:700px){.helper-upcoming-section{margin-top:26px}.helper-upcoming-title{font-size:1.2rem;margin-left:2px}} /* 4.2.44 — destaque visual de reagendamento após recusa da Helper */ #app.cdesck-app-root [data-reassign-job].confirm.danger{background:#b42318!important;border-color:#b42318!important;color:#fff!important;font-weight:800!important} #app.cdesck-app-root [data-reassign-job].confirm.danger:hover,#app.cdesck-app-root [data-reassign-job].confirm.danger:focus{background:#8f1c13!important;border-color:#8f1c13!important;color:#fff!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item [data-reassign-job]{margin-top:14px!important} #app.cdesck-app-root .schedule-card [data-reassign-job].waiting-helper{background:#b42318!important;border-color:#b42318!important;color:#fff!important;opacity:1!important} /* 4.2.46 — responsividade real do painel e alertas de reagendamento */ #app.cdesck-app-root{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important} #app.cdesck-app-root .helper-acceptance-notifications{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important} #app.cdesck-app-root .helper-acceptance-notifications .dashboard-card-head{min-width:0!important} #app.cdesck-app-root .helper-acceptance-notifications .dashboard-card-head>div{min-width:0!important;max-width:100%!important} #app.cdesck-app-root .helper-acceptance-notifications .label,#app.cdesck-app-root .helper-acceptance-notifications .subtle{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item{min-width:0!important;max-width:100%!important;box-sizing:border-box!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item>div{min-width:0!important;max-width:100%!important} #app.cdesck-app-root [data-reassign-job]{white-space:normal!important;line-height:1.25!important;height:auto!important;max-width:100%!important} @media(max-width:900px){ #app.cdesck-app-root .helper-acceptance-notifications{padding:18px!important} #app.cdesck-app-root .helper-acceptance-notifications .dashboard-card-head{align-items:flex-start!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item{align-items:flex-start!important} } @media(max-width:600px){ #app.cdesck-app-root .helper-acceptance-notifications{padding:15px 12px!important;border-radius:14px!important} #app.cdesck-app-root .helper-acceptance-notifications .dashboard-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important} #app.cdesck-app-root .helper-acceptance-notifications .label{font-size:.82rem!important;line-height:1.35!important} #app.cdesck-app-root .helper-acceptance-notifications .subtle{font-size:.82rem!important;line-height:1.4!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:14px 10px!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item [data-reassign-job]{display:flex!important;width:100%!important;min-width:0!important;margin-top:16px!important;padding:13px 10px!important;font-size:.88rem!important;text-align:center!important} } /* CDesck 4.2.48 — responsividade dedicada da área Supervisora */ #app.cdesck-app-root .supervisor-page{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important} #app.cdesck-app-root .supervisor-page .admin-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important} #app.cdesck-app-root .supervisor-page .dashboard-hero, #app.cdesck-app-root .supervisor-page .dashboard-stats-modern, #app.cdesck-app-root .supervisor-page .dashboard-main-grid, #app.cdesck-app-root .supervisor-page .dashboard-secondary-grid, #app.cdesck-app-root .supervisor-page .dashboard-table-card, #app.cdesck-app-root .supervisor-page .helper-acceptance-notifications{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important} #app.cdesck-app-root .supervisor-page .admin-tabs{max-width:100%!important;box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important} @media(max-width:900px){ #app.cdesck-app-root .supervisor-page .dashboard-hero{flex-direction:column!important;align-items:flex-start!important;gap:8px!important} #app.cdesck-app-root .supervisor-page .dashboard-updated{white-space:normal!important} #app.cdesck-app-root .supervisor-page .dashboard-stats-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important} #app.cdesck-app-root .supervisor-page .dashboard-main-grid,#app.cdesck-app-root .supervisor-page .dashboard-secondary-grid{grid-template-columns:minmax(0,1fr)!important} #app.cdesck-app-root .supervisor-page .today-op-item{grid-template-columns:minmax(64px,.35fr) minmax(0,1fr)!important} #app.cdesck-app-root .supervisor-page .today-op-item>.status-badge{grid-column:2!important;justify-self:start!important} #app.cdesck-app-root .supervisor-page .dashboard-table-toolbar{flex-direction:column!important;align-items:stretch!important} #app.cdesck-app-root .supervisor-page .dashboard-filters{justify-content:flex-start!important;width:100%!important} } @media(max-width:600px){ #app.cdesck-app-root .supervisor-page{padding-left:0!important;padding-right:0!important} #app.cdesck-app-root .supervisor-page .admin-heading .eyebrow{font-size:.76rem!important;line-height:1.35!important;overflow-wrap:anywhere!important} #app.cdesck-app-root .supervisor-page .admin-heading .title{font-size:clamp(1.45rem,7vw,2rem)!important;line-height:1.15!important} #app.cdesck-app-root .supervisor-page .admin-tabs{display:flex!important;gap:4px!important;margin-left:0!important;margin-right:0!important;padding:0 0 7px!important} #app.cdesck-app-root .supervisor-page .admin-tabs button{padding:9px 10px!important;font-size:.86rem!important;min-width:max-content!important} #app.cdesck-app-root .supervisor-page .dashboard-stats-modern{grid-template-columns:minmax(0,1fr)!important} #app.cdesck-app-root .supervisor-page .dash-stat{padding:15px!important} #app.cdesck-app-root .supervisor-page .helper-acceptance-notifications{padding:14px 10px!important} #app.cdesck-app-root .supervisor-page .helper-acceptance-notifications .acceptance-item{grid-template-columns:30px minmax(0,1fr)!important;padding:12px 8px!important} #app.cdesck-app-root .supervisor-page .helper-acceptance-notifications .acceptance-item>div{font-size:.94rem!important;line-height:1.4!important} #app.cdesck-app-root .supervisor-page .today-op-item{grid-template-columns:minmax(0,1fr)!important;gap:6px!important} #app.cdesck-app-root .supervisor-page .today-op-item>.status-badge{grid-column:1!important} #app.cdesck-app-root .supervisor-page .dashboard-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important} #app.cdesck-app-root .supervisor-page .dashboard-filters button{width:100%!important;min-width:0!important} #app.cdesck-app-root .supervisor-page .dashboard-row>div:not(.dashboard-notes){grid-template-columns:92px minmax(0,1fr)!important} } @media(max-width:380px){ #app.cdesck-app-root .supervisor-page .admin-tabs button{font-size:.8rem!important;padding:8px!important} #app.cdesck-app-root .supervisor-page .dashboard-row>div:not(.dashboard-notes){grid-template-columns:78px minmax(0,1fr)!important} } /* === CDesck 4.2.49 hardening: responsive containment === */ .cdesck-app-root, .cdesck-app-root * { box-sizing:border-box; } .cdesck-app-root { width:100%; max-width:100%; overflow-x:hidden; } .cdesck-app-root img, .cdesck-app-root video, .cdesck-app-root canvas { max-width:100%; height:auto; } .cdesck-app-root input, .cdesck-app-root select, .cdesck-app-root textarea, .cdesck-app-root button { max-width:100%; } .cdesck-app-root .ocw-card, .cdesck-app-root .card, .cdesck-app-root [class*="card"], .cdesck-app-root [class*="panel"] { min-width:0; overflow-wrap:anywhere; } @media (max-width:1024px){ .cdesck-app-root .admin-shell, .cdesck-app-root .supervisor-shell, .cdesck-app-root .dashboard-grid, .cdesck-app-root .admin-grid { width:100%!important; max-width:100%!important; min-width:0!important; } .cdesck-app-root nav, .cdesck-app-root .tabs, .cdesck-app-root .admin-tabs { max-width:100%!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch; scrollbar-width:thin; } } @media (max-width:767px){ .cdesck-app-root .dashboard-grid, .cdesck-app-root .admin-grid, .cdesck-app-root .form-grid { grid-template-columns:minmax(0,1fr)!important; } .cdesck-app-root table { max-width:100%; } .cdesck-app-root .table-wrap, .cdesck-app-root [class*="table-wrap"] { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; } .cdesck-app-root button, .cdesck-app-root .button, .cdesck-app-root .btn { white-space:normal; overflow-wrap:anywhere; } } /* === CDesck 4.2.50 — responsividade global e legibilidade === */ #app.cdesck-app-root{font-size:16px!important;line-height:1.45!important;-webkit-text-size-adjust:100%;text-size-adjust:100%} #app.cdesck-app-root *{min-width:0;box-sizing:border-box} #app.cdesck-app-root p,#app.cdesck-app-root li,#app.cdesck-app-root label,#app.cdesck-app-root .subtle{line-height:1.45} #app.cdesck-app-root input,#app.cdesck-app-root select,#app.cdesck-app-root textarea{font-size:16px!important;line-height:1.35!important} #app.cdesck-app-root button,#app.cdesck-app-root .btn,#app.cdesck-app-root .button{line-height:1.25;min-height:44px} #app.cdesck-app-root .admin-heading .title{font-size:clamp(1.7rem,4vw,2.5rem)!important;line-height:1.12!important} #app.cdesck-app-root .admin-heading .eyebrow{font-size:.88rem!important;line-height:1.4!important;letter-spacing:.12em!important} #app.cdesck-app-root .admin-tabs{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin} #app.cdesck-app-root .admin-tabs button{font-size:.95rem!important;line-height:1.2!important;min-height:48px!important;white-space:nowrap!important} #app.cdesck-app-root .dashboard-card,#app.cdesck-app-root .dash-stat,#app.cdesck-app-root .schedule-card,#app.cdesck-app-root .acceptance-item{max-width:100%!important;overflow-wrap:break-word!important} #app.cdesck-app-root .status-badge{white-space:normal!important;text-align:center!important} @media(max-width:1024px){ #app.cdesck-app-root{font-size:16px!important} #app.cdesck-app-root .admin-tabs{gap:6px!important;padding-bottom:8px!important} #app.cdesck-app-root .admin-tabs button{font-size:.92rem!important;padding:10px 12px!important} #app.cdesck-app-root .dashboard-stats-modern{gap:14px!important} #app.cdesck-app-root .helper-acceptance-notifications .label{font-size:.95rem!important} #app.cdesck-app-root .helper-acceptance-notifications .subtle{font-size:.92rem!important} } @media(max-width:767px){ #app.cdesck-app-root{font-size:16px!important;overflow-x:hidden!important} #app.cdesck-app-root .admin-heading{padding-left:14px!important;padding-right:14px!important} #app.cdesck-app-root .admin-heading .title{font-size:clamp(1.65rem,7vw,2rem)!important} #app.cdesck-app-root .admin-heading .eyebrow{font-size:.82rem!important;letter-spacing:.11em!important} #app.cdesck-app-root .admin-tabs{padding-left:8px!important;padding-right:8px!important;scroll-snap-type:x proximity} #app.cdesck-app-root .admin-tabs button{font-size:.9rem!important;padding:11px 12px!important;scroll-snap-align:start} #app.cdesck-app-root h1{font-size:1.8rem!important;line-height:1.15!important} #app.cdesck-app-root h2{font-size:1.5rem!important;line-height:1.2!important} #app.cdesck-app-root h3{font-size:1.2rem!important;line-height:1.25!important} #app.cdesck-app-root .dashboard-card,#app.cdesck-app-root .dash-stat,#app.cdesck-app-root .schedule-card{border-radius:16px!important} #app.cdesck-app-root .dash-stat .value{font-size:2rem!important;line-height:1.1!important} #app.cdesck-app-root .dash-stat .label{font-size:.95rem!important} #app.cdesck-app-root .helper-acceptance-notifications .label{font-size:.92rem!important;line-height:1.4!important} #app.cdesck-app-root .helper-acceptance-notifications .subtle{font-size:.9rem!important;line-height:1.45!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item>div{font-size:1rem!important;line-height:1.45!important} #app.cdesck-app-root [data-reassign-job]{font-size:.95rem!important;line-height:1.3!important;padding:14px 16px!important;min-height:50px!important} #app.cdesck-app-root .dashboard-row>div:not(.dashboard-notes){grid-template-columns:minmax(105px,.42fr) minmax(0,1fr)!important;gap:10px!important;font-size:1rem!important} #app.cdesck-app-root .dashboard-row .label,#app.cdesck-app-root .dashboard-row dt{font-size:.9rem!important;line-height:1.35!important} #app.cdesck-app-root .dashboard-row .value,#app.cdesck-app-root .dashboard-row dd{font-size:1rem!important;line-height:1.4!important} #app.cdesck-app-root .confirm,#app.cdesck-app-root .secondary,#app.cdesck-app-root .danger{font-size:1rem!important} } @media(max-width:430px){ #app.cdesck-app-root .admin-tabs button{font-size:.86rem!important;padding:10px 9px!important} #app.cdesck-app-root .dashboard-row>div:not(.dashboard-notes){grid-template-columns:100px minmax(0,1fr)!important} #app.cdesck-app-root .helper-acceptance-notifications{padding:16px 12px!important} #app.cdesck-app-root .helper-acceptance-notifications .acceptance-item{padding:14px 10px!important} } /* === CDesck 4.2.51 — menu administrativo hamburger responsivo global === */ #app.cdesck-app-root .admin-menu-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;margin:22px 0 10px!important;padding:0 2px!important} #app.cdesck-app-root .admin-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;min-width:138px!important;min-height:50px!important;padding:11px 17px!important;border:1px solid #9aa4ad!important;border-radius:12px!important;background:#fff!important;color:#142235!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;cursor:pointer!important} #app.cdesck-app-root .admin-menu-toggle span{display:block!important;width:24px!important;height:3px!important;border-radius:3px!important;background:currentColor!important;position:absolute!important;left:16px!important;transition:.2s ease!important} #app.cdesck-app-root .admin-menu-toggle{position:relative!important;padding-left:52px!important} #app.cdesck-app-root .admin-menu-toggle span:nth-child(1){transform:translateY(-7px)} #app.cdesck-app-root .admin-menu-toggle span:nth-child(2){transform:translateY(0)} #app.cdesck-app-root .admin-menu-toggle span:nth-child(3){transform:translateY(7px)} #app.cdesck-app-root .admin-menu-toggle b{font-size:.98rem!important;letter-spacing:.05em!important} #app.cdesck-app-root .admin-menu-toggle.open span:nth-child(1){transform:rotate(45deg)} #app.cdesck-app-root .admin-menu-toggle.open span:nth-child(2){opacity:0} #app.cdesck-app-root .admin-menu-toggle.open span:nth-child(3){transform:rotate(-45deg)} #app.cdesck-app-root .admin-current-section{font-weight:800!important;font-size:1rem!important;letter-spacing:.05em!important;color:#1c6fa9!important;text-align:right!important;overflow-wrap:anywhere!important} #app.cdesck-app-root .admin-menu-panel{display:none!important;width:100%!important;max-width:520px!important;margin:0 0 22px!important;padding:10px!important;background:#fff!important;border:1px solid #e0e5ea!important;border-radius:14px!important;box-shadow:0 12px 28px rgba(20,34,53,.12)!important;overflow:visible!important;flex-direction:column!important;gap:5px!important} #app.cdesck-app-root .admin-menu-panel.open{display:flex!important} #app.cdesck-app-root .admin-menu-panel button{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:48px!important;padding:12px 15px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#26364a!important;font-size:1rem!important;font-weight:700!important;text-align:left!important;white-space:normal!important} #app.cdesck-app-root .admin-menu-panel button:hover,#app.cdesck-app-root .admin-menu-panel button:focus{background:#eef6fb!important;outline:2px solid transparent!important} #app.cdesck-app-root .admin-menu-panel button.active{background:#1f75b5!important;color:#fff!important} @media(max-width:767px){ #app.cdesck-app-root .admin-menu-bar{margin:16px 0 8px!important;padding:0 12px!important} #app.cdesck-app-root .admin-menu-toggle{min-width:0!important;width:58px!important;height:52px!important;padding:0!important;border-radius:10px!important} #app.cdesck-app-root .admin-menu-toggle b{display:none!important} #app.cdesck-app-root .admin-menu-toggle span{left:17px!important;width:24px!important} #app.cdesck-app-root .admin-current-section{font-size:.95rem!important;max-width:calc(100% - 76px)!important} #app.cdesck-app-root .admin-menu-panel{max-width:none!important;width:calc(100% - 24px)!important;margin:0 12px 18px!important;padding:8px!important;border-radius:12px!important} #app.cdesck-app-root .admin-menu-panel button{font-size:1rem!important;min-height:50px!important;padding:13px 14px!important} } /* === CDesck 4.2.52 — tipografia + menu administrativo mobile === */ #app.cdesck-app-root .admin-heading .title{font-size:clamp(2rem,3.1vw,2.65rem)!important;line-height:1.12!important} #app.cdesck-app-root .admin-content h1{font-size:clamp(1.9rem,3vw,2.5rem)!important;line-height:1.15!important} #app.cdesck-app-root .admin-content h2{font-size:clamp(1.55rem,2.3vw,2rem)!important;line-height:1.2!important} #app.cdesck-app-root .admin-content h3{font-size:clamp(1.25rem,1.8vw,1.55rem)!important;line-height:1.25!important} #app.cdesck-app-root .admin-menu-toggle b{font-size:1.08rem!important;font-weight:800!important} #app.cdesck-app-root .admin-menu-panel button{font-size:1.08rem!important;font-weight:800!important} #app.cdesck-app-root .admin-current-section{font-size:1.08rem!important} @media(max-width:767px){ #app.cdesck-app-root .admin-heading .title{font-size:2rem!important} #app.cdesck-app-root .admin-content h1{font-size:1.85rem!important} #app.cdesck-app-root .admin-content h2{font-size:1.5rem!important} #app.cdesck-app-root .admin-content h3{font-size:1.25rem!important} #app.cdesck-app-root .admin-menu-toggle{width:auto!important;min-width:132px!important;height:56px!important;padding:0 16px 0 52px!important;justify-content:flex-start!important} #app.cdesck-app-root .admin-menu-toggle b{display:block!important;font-size:1.05rem!important;letter-spacing:.05em!important} #app.cdesck-app-root .admin-menu-toggle span{left:17px!important;width:25px!important;height:3px!important} #app.cdesck-app-root .admin-current-section{font-size:1.02rem!important;max-width:calc(100% - 150px)!important} #app.cdesck-app-root .admin-menu-panel button{font-size:1.08rem!important;min-height:54px!important;padding:14px 16px!important} /* Oculta o menu hamburger do tema/site no cabeçalho público quando o CDesck está aberto. O menu interno do CDesck (#adminMenuToggle) permanece visível. */ body:has(#app.cdesck-app-root) header .menu-toggle, body:has(#app.cdesck-app-root) header .navbar-toggler, body:has(#app.cdesck-app-root) header .mobile-menu-toggle, body:has(#app.cdesck-app-root) header .nav-toggle, body:has(#app.cdesck-app-root) .site-header .menu-toggle, body:has(#app.cdesck-app-root) .site-header .navbar-toggler, body:has(#app.cdesck-app-root) .site-header .mobile-menu-toggle, body:has(#app.cdesck-app-root) .site-header .nav-toggle{display:none!important} } /* === CDesck 4.2.53 — remove exclusivamente o hamburger externo do tema no mobile === */ @media(max-width:767px){ body.cdesck-app-active [data-cdesck-external-mobile-menu="hidden"]{display:none!important;visibility:hidden!important;pointer-events:none!important} } /* CDesck 4.2.55 — fotos concluídas para Administração/Supervisão + visualizador responsivo */ #app.cdesck-app-root .photo-view-button{appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in;line-height:0;text-align:inherit} #app.cdesck-app-root .dashboard-completed-photos{margin-top:14px;padding-top:12px;border-top:1px solid rgba(16,24,40,.10)} #app.cdesck-app-root .dashboard-photo-grid{grid-template-columns:repeat(auto-fill,minmax(92px,120px));gap:10px;margin-top:10px} #app.cdesck-app-root .dashboard-photo-grid .photo-item img{width:100%;height:92px;object-fit:cover;border-radius:9px} body.cdesck-photo-viewer-open{overflow:hidden!important} .cdesck-photo-viewer{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(7,12,20,.92);box-sizing:border-box} .cdesck-photo-viewer-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0} .cdesck-photo-viewer-stage img{display:block;max-width:min(94vw,1600px);max-height:88vh;width:auto;height:auto;object-fit:contain;object-position:center;border-radius:10px;box-shadow:0 12px 50px rgba(0,0,0,.45);background:#111} .cdesck-photo-viewer-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2147483001;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:34px;line-height:42px;text-align:center;cursor:pointer} @media(max-width:700px){ #app.cdesck-app-root .dashboard-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #app.cdesck-app-root .dashboard-photo-grid .photo-item img{height:auto;aspect-ratio:1/1} .cdesck-photo-viewer{padding:10px} .cdesck-photo-viewer-stage img{max-width:96vw;max-height:84vh;border-radius:8px} .cdesck-photo-viewer-close{width:46px;height:46px;font-size:32px} } /* CDesck 4.2.56 - visualização administrativa do serviço concluído */ #app.cdesck-app-root .today-view-service{display:inline-flex!important;width:auto!important;margin-top:10px!important;padding:10px 18px!important;font-weight:800!important} .cdesck-service-viewer{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.68);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto} .cdesck-service-viewer-panel{width:min(920px,100%);margin:auto;background:#f6f7f9;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden} .cdesck-service-viewer-top{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.cdesck-service-viewer-top>strong{text-align:center;color:#17233a;font-size:18px}.cdesck-service-viewer-close{border:0;background:transparent;font-size:34px;line-height:1;cursor:pointer;color:#17233a}.service-view-back{margin:0!important}.service-view-content{padding:22px}.service-view-content>h2{margin:0 0 16px;color:#101828}.service-view-content .card{margin-bottom:16px}.service-view-summary{display:grid;gap:12px}.service-view-meta{color:#667085}.service-view-tasks{display:grid;gap:8px;margin-top:12px}.service-view-task{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;background:#f7f8fa}.service-view-task.done>span:first-child{color:#079455;font-weight:900}.service-view-section-gap{margin-top:16px!important}.service-view-completed{text-align:center}.service-view-completed .big-stat{color:#079455}.cdesck-service-viewer-open{overflow:hidden!important} @media(max-width:700px){.cdesck-service-viewer{padding:0}.cdesck-service-viewer-panel{min-height:100%;border-radius:0;margin:0}.cdesck-service-viewer-top{padding:12px;grid-template-columns:auto 1fr auto}.cdesck-service-viewer-top>strong{font-size:15px}.service-view-content{padding:14px}.service-view-back{padding:9px 11px!important;font-size:13px!important}#app.cdesck-app-root .today-view-service{width:100%!important;justify-content:center!important}.service-view-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* 4.2.57: camada responsiva isolada — sem alterar fluxos nem dados */ #app.cdesck-app-root,#app.cdesck-app-root *{box-sizing:border-box} #app.cdesck-app-root .app-shell,#app.cdesck-app-root .page,#app.cdesck-app-root .admin-content{min-width:0;max-width:100%} #app.cdesck-app-root img,#app.cdesck-app-root video{max-width:100%;height:auto} #app.cdesck-app-root .field,#app.cdesck-app-root input,#app.cdesck-app-root select,#app.cdesck-app-root textarea{max-width:100%;min-width:0} #app.cdesck-app-root .card,#app.cdesck-app-root .job-card,#app.cdesck-app-root .dashboard-card{min-width:0;overflow-wrap:break-word} #app.cdesck-app-root .employee-table,#app.cdesck-app-root .user-table,#app.cdesck-app-root .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} #app.cdesck-app-root table{border-collapse:collapse} #app.cdesck-app-root .photo-item img{object-fit:cover} @media (max-width:1024px){ #app.cdesck-app-root .app-shell{width:100%;max-width:100%} #app.cdesck-app-root .admin-menu-panel{max-width:min(520px,100%)} #app.cdesck-app-root .dashboard-stats-modern{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))} } @media (max-width:767px){ #app.cdesck-app-root .page,#app.cdesck-app-root .admin-content{width:100%;min-width:0} #app.cdesck-app-root .job-card-main,#app.cdesck-app-root .sequence-actions{min-width:0;max-width:100%} #app.cdesck-app-root .sequence-actions{display:flex;flex-wrap:wrap;gap:8px} #app.cdesck-app-root .sequence-actions>button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere} #app.cdesck-app-root .form-field,#app.cdesck-app-root .employee-form-section{min-width:0} #app.cdesck-app-root input:not([type="checkbox"]):not([type="radio"]),#app.cdesck-app-root select,#app.cdesck-app-root textarea{font-size:16px} #app.cdesck-app-root .admin-menu-panel{max-height:min(70dvh,650px);overflow-y:auto!important;overscroll-behavior:contain} #app.cdesck-app-root .admin-current-section{min-width:0;overflow-wrap:anywhere} #app.cdesck-app-root .dashboard-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .cdesck-photo-viewer-stage img{max-height:calc(100dvh - 70px)} } @media (max-width:430px){ #app.cdesck-app-root .sequence-actions>button{flex:1 1 100%;width:100%} #app.cdesck-app-root .dashboard-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #app.cdesck-app-root .admin-menu-bar{gap:8px!important} #app.cdesck-app-root .admin-current-section{font-size:.94rem!important} } @media (prefers-reduced-motion:reduce){#app.cdesck-app-root *,#app.cdesck-app-root *::before,#app.cdesck-app-root *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}} /* 4.2.58 — legibilidade proporcional: não reduzir informações para caber */ @media(max-width:700px){ #app.cdesck-app-root .dashboard-operation-card .today-op-item{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;align-items:start!important;padding:17px 0!important} #app.cdesck-app-root .dashboard-operation-card .today-op-time{grid-column:1!important;display:block!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:17px!important;line-height:1.4!important} #app.cdesck-app-root .dashboard-operation-card .today-op-main{grid-column:1!important;min-width:0!important;gap:4px!important} #app.cdesck-app-root .dashboard-operation-card .today-op-main strong{font-size:18px!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} #app.cdesck-app-root .dashboard-operation-card .today-op-main>span{font-size:15px!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word!important} #app.cdesck-app-root .dashboard-operation-card .today-op-item>.status-badge{grid-column:1!important;justify-self:start!important;font-size:14px!important;max-width:100%;white-space:normal!important} #app.cdesck-app-root .dashboard-operation-card .today-op-main .today-view-service{min-height:44px!important;font-size:15px!important} #app.cdesck-app-root .dashboard-operation-card .dashboard-card-head .label{font-size:15px!important;line-height:1.4!important;letter-spacing:.07em!important} #app.cdesck-app-root .dashboard-operation-card .dashboard-card-head .small{font-size:15px!important} #app.cdesck-app-root .dashboard-operation-card{padding:clamp(14px,4vw,24px)!important} #app.cdesck-app-root .dashboard-card-head{gap:10px!important;min-width:0!important} #app.cdesck-app-root .dashboard-card-head strong{flex-shrink:0!important} #app.cdesck-app-root .card{max-width:100%!important} } @media(min-width:701px) and (max-width:1024px){ #app.cdesck-app-root .dashboard-operation-card .today-op-item{grid-template-columns:110px minmax(0,1fr) auto!important} #app.cdesck-app-root .dashboard-operation-card .today-op-time{white-space:nowrap!important;font-size:16px!important} #app.cdesck-app-root .dashboard-operation-card .today-op-main>span{font-size:14px!important} } /* 4.2.59 — AGENDA: título à esquerda e ação de cadastro à direita */ .cdesck-schedule-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px} .cdesck-schedule-heading .section-title{margin:0;min-width:0} .cdesck-schedule-create{margin-left:auto;white-space:normal;text-align:center;min-height:44px;font-size:15px;flex-shrink:0} #scheduleFormTitle{scroll-margin-top:110px} @media(max-width:520px){.cdesck-schedule-heading{align-items:center;gap:10px}.cdesck-schedule-heading .section-title{font-size:clamp(17px,4.5vw,23px)}.cdesck-schedule-create{font-size:13px;padding:10px 12px;min-height:44px;max-width:48%}} /* CDesck 4.2.60: escala tipografica responsiva, sem reduzir para caber */ @media (max-width: 900px) { #app.cdesck-app-root{font-size:clamp(16px,1.65vw,18px)!important;line-height:1.55!important} #app.cdesck-app-root :is(p,li,td,th,label,input,select,textarea,button,.small,.muted,.description){font-size:clamp(16px,1.7vw,18px)!important;line-height:1.5!important} #app.cdesck-app-root :is(input,select,textarea,button,.btn,.button){min-height:46px} #app.cdesck-app-root :is(h1,.page-title){font-size:clamp(26px,4vw,34px)!important;line-height:1.2!important} #app.cdesck-app-root :is(h2,.section-title){font-size:clamp(22px,3vw,28px)!important;line-height:1.3!important} #app.cdesck-app-root :is(h3,.card-title){font-size:clamp(19px,2.5vw,24px)!important;line-height:1.35!important} #app.cdesck-app-root :is(.card,.panel,.dashboard-card){min-width:0;overflow-wrap:anywhere} } @media (max-width: 600px) { #app.cdesck-app-root{font-size:17px!important} #app.cdesck-app-root :is(p,li,td,th,label,input,select,textarea,button,.small,.muted,.description){font-size:16px!important;line-height:1.55!important} #app.cdesck-app-root :is(.dashboard-operation-card .today-op-time){font-size:18px!important;white-space:nowrap!important} #app.cdesck-app-root :is(.dashboard-operation-card .today-op-main strong){font-size:19px!important;line-height:1.35!important} #app.cdesck-app-root :is(.dashboard-operation-card .today-op-main>span){font-size:16px!important;line-height:1.55!important;white-space:normal!important} #app.cdesck-app-root .cdesck-schedule-heading{flex-wrap:wrap;gap:12px} #app.cdesck-app-root .cdesck-schedule-create{font-size:16px!important;max-width:100%;padding:12px 16px;min-height:48px;margin-left:auto} #app.cdesck-app-root :is(table,.table-wrap){max-width:100%} #app.cdesck-app-root :is(.table-responsive,.table-wrap){overflow-x:auto;-webkit-overflow-scrolling:touch} } /* 4.2.62 — proporções equilibradas, sem afetar controles de idioma */ #app.cdesck-app-root .admin-current-section{display:none!important} #app.cdesck-app-root .admin-menu-bar{justify-content:flex-start!important;gap:10px!important} #app.cdesck-app-root .brand-area.compact .platform-brand.company-brand img{width:auto!important;height:auto!important;max-width:205px!important;max-height:78px!important} #app.cdesck-app-root .brand-area.compact .platform-brand.cdesck-brand img{width:auto!important;height:auto!important;max-width:195px!important;max-height:75px!important} @media(max-width:1024px){ #app.cdesck-app-root{font-size:16px!important;line-height:1.5!important} #app.cdesck-app-root :is(.form-field label,.form-card label,.employee-form-section label,.field-label,.form-grid label){font-size:16px!important;line-height:1.45!important;font-weight:600!important} #app.cdesck-app-root :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.field){font-size:16px!important;line-height:1.45!important;min-height:44px!important} #app.cdesck-app-root :is(.btn,.button,.form-actions button){font-size:16px!important;line-height:1.4!important;min-height:44px!important} #app.cdesck-app-root :is(p,li,td,th,.small,.subtle,.muted,.hint,.description){font-size:15px!important;line-height:1.5!important} #app.cdesck-app-root :is(.form-card-title,.section-title){font-size:clamp(20px,2.5vw,26px)!important;line-height:1.3!important} #app.cdesck-app-root .admin-menu-toggle{width:auto!important;min-width:112px!important;min-height:46px!important;height:46px!important;padding:7px 12px 7px 44px!important} #app.cdesck-app-root .admin-menu-toggle b{display:inline!important;font-size:15px!important;letter-spacing:0!important} #app.cdesck-app-root .admin-menu-toggle span{left:13px!important;width:21px!important;height:2.5px!important} #app.cdesck-app-root .admin-menu-panel button{font-size:16px!important;min-height:46px!important;padding:10px 14px!important} #app.cdesck-app-root .language-bar{padding:4px!important;gap:4px!important} #app.cdesck-app-root .language-btn{font-size:12px!important;line-height:1.25!important;min-height:36px!important;height:auto!important;padding:7px 9px!important;gap:4px!important;white-space:nowrap!important} #app.cdesck-app-root .language-btn span:last-child{font-size:inherit!important;line-height:inherit!important} #app.cdesck-app-root .brand-area.compact .platform-brand.company-brand img{max-width:190px!important;max-height:72px!important} } @media(max-width:600px){ #app.cdesck-app-root .language-bar{max-width:calc(100vw - 16px)!important;gap:3px!important;padding:4px!important} #app.cdesck-app-root .language-btn{font-size:clamp(10px,2.8vw,12px)!important;min-height:34px!important;padding:6px clamp(5px,1.8vw,8px)!important;gap:3px!important} #app.cdesck-app-root .admin-menu-toggle{min-width:106px!important;height:44px!important;min-height:44px!important} #app.cdesck-app-root .admin-menu-toggle b{font-size:15px!important} #app.cdesck-app-root .brand-area.compact .platform-brand.company-brand img{max-width:min(185px,48vw)!important;max-height:70px!important} } @media(max-width:370px){ #app.cdesck-app-root .language-btn{font-size:10px!important;padding:6px 5px!important} }