:root{--navy:#12324a;--blue:#1b6e93;--green:#237a57;--bg:#f4f7f8;--surface:#ffffff;--line:#dce5e8;--text:#18313f;--muted:#667b86;--white:#fff;--red:#b33a3a;--orange:#b36519} :root[data-theme="dark"]{--blue:#5aa9cc;--green:#5fbf8f;--bg:#15140f;--surface:#1d1c16;--line:#333026;--text:#f3f1e8;--muted:#a39d8a;--red:#e57b7b;--orange:#e0a856;--table-hover:#242219}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);overflow-x:hidden}img,svg{max-width:100%;height:auto}a{color:var(--blue);text-decoration:none}:focus-visible{outline:3px solid #6fb8d6;outline-offset:2px}.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}.topbar{min-height:68px;background:var(--navy);color:white;display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;padding:12px 4vw;gap:32px;position:sticky;top:0;z-index:5}.brand{font-size:19px;font-weight:700;color:#fff;white-space:nowrap}.brand span,.login-mark{background:#2a9169;color:#fff;padding:7px 9px;border-radius:8px;margin-right:7px}.topbar nav{display:flex;gap:8px 20px;flex:1;flex-wrap:wrap}.topbar nav a{color:#dceaf0;white-space:nowrap;font-size:14px}.account{display:flex;align-items:center;gap:15px;white-space:nowrap}.account form{margin:0}.link{border:0;background:none;color:#bfe1ef;cursor:pointer}.container{max-width:1760px;margin:0 auto;padding:38px 2vw 70px}.guest-container{min-height:100vh;display:grid;place-items:center}.login-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(18,50,74,.06)}.login-card{width:min(430px,92vw);padding:38px}.login-mark{display:inline-block;font-size:20px;font-weight:800;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--green);margin:0 0 5px}h1{font-size:30px;line-height:1.18;margin:0 0 8px}h2{font-size:19px;margin:0 0 5px}.muted{color:var(--muted);margin:0}.stack{display:grid;gap:17px;margin-top:26px}label{display:grid;gap:6px;font-weight:600}input,select,textarea{width:100%;border:1px solid #bdccd2;border-radius:8px;padding:11px 12px;background:var(--surface);color:var(--text);font:inherit}textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px;font-weight:400}.check input{width:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;border:1px solid #b8c8ce;border-radius:8px;background:var(--surface);color:var(--text);font-weight:650;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.button:hover{border-color:#96aab2;box-shadow:0 3px 10px rgba(18,50,74,.1)}.button:active{transform:translateY(1px);box-shadow:none}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#175d7c;border-color:#175d7c;box-shadow:0 4px 14px rgba(27,110,147,.28)}.button.danger{color:var(--red);border-color:#ddbaba}.button.danger:hover{background:#fdf1f1;box-shadow:0 3px 10px rgba(179,58,58,.14)}.button.small{padding:6px 10px;font-size:13px}.button[aria-current="page"]:hover,.button[aria-disabled="true"]:hover{transform:none;box-shadow:none}.page-head,.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 22px;margin-bottom:25px}.panel{padding:24px;margin-bottom:24px}.narrow{max-width:720px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:28px 0}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px}.metric strong{font-size:30px}.metric small{grid-column:2;color:var(--muted)}.dot{width:11px;height:11px;border-radius:50%}.green{background:var(--green)}.blue{background:var(--blue)}.red{background:var(--red)}.orange{background:var(--orange)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px;border-bottom:2px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr{transition:background-color .1s ease}tbody tr:hover{background-color:var(--table-hover,#f2f7f9)}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:#edf2f4;color:#48606b;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.status-approved,.status-closed{background:#e1f3e9;color:#1b6d4a}.status-submitted{background:#e0f0f7;color:#155d7d}.status-late{background:#fae4e4;color:#9b2929}.status-pending,.status-draft,.status-planned{background:#fff0dc;color:#95520d}.status-returned{background:#f6e5ef;color:#8d3567}.empty{text-align:center;color:var(--muted);padding:36px}.alert{padding:13px 16px;border-radius:9px;margin-bottom:20px}.alert.success{background:#e2f5e9;color:#1d6749}.alert.error{background:#fde6e6;color:#8e2929}.alert ul{margin:5px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.indicators label{padding:15px;border:1px solid var(--line);border-radius:10px}.indicators small{color:var(--muted);font-weight:400}.actions,.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.actions{justify-content:flex-end;margin-top:20px}.submit-row{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;display:flex;align-items:center;gap:15px}.split{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(400px,1.2fr);gap:22px}.history{display:grid;gap:4px;padding:15px 0;border-bottom:1px solid var(--line)}.history span,.history small{color:var(--muted)}fieldset{border:1px solid var(--line);border-radius:9px;padding:15px}legend{font-weight:700}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.review-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:15px}.filter{margin-bottom:20px}.filter select{width:auto}details pre{max-width:500px;white-space:pre-wrap;font-size:11px}.pagination{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.pagination-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.pagination-dots{color:var(--muted);padding:0 4px}.button[aria-current="page"]{cursor:default}.button[aria-disabled="true"]{opacity:.45;cursor:default}@media(max-width:900px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:15px 4vw}.topbar nav{order:3;width:100%}.metric-grid{grid-template-columns:repeat(2,1fr)}.split,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.review-form{grid-template-columns:1fr}}@media(max-width:520px){.metric-grid,.check-grid{grid-template-columns:1fr}.account span{display:none}.container{padding-top:24px}} [hidden]{display:none!important} .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .access-quick-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:stretch;margin-bottom:24px}.access-quick-card{margin:0}.access-quick-card .stack{margin-top:16px}.active-visits-card{margin:0;padding:24px;color:var(--text);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:linear-gradient(145deg,#12324a,#1b6e93);color:#fff}.active-visits-card small,.active-visits-card em{display:block;color:#d9edf5;font-style:normal}.active-visits-card strong{display:block;font-size:20px;margin:4px 0}.active-visits-card b{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:#fff;color:var(--navy);font-size:20px}.active-visits-icon{font-size:32px}.visitor-search-wrap{position:relative}.visitor-suggestions{position:absolute;z-index:20;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(18,50,74,.16);max-height:260px;overflow:auto}.visitor-suggestions button{display:grid;width:100%;gap:2px;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.visitor-suggestions button:hover{background:#eef6f8}.visitor-suggestions small{color:var(--muted)}.live-dot{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;background:#e1f3e9;color:#1b6d4a;font-size:12px;font-weight:700}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#27a36b}.direction-pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.direction-pill.entrada{background:#e1f3e9;color:#1b6d4a}.direction-pill.saida{background:#e0f0f7;color:#155d7d}.visit-actions{flex-wrap:wrap;justify-content:flex-start;margin:0}.visit-actions form{margin:0}@media(max-width:900px){.access-quick-grid{grid-template-columns:1fr}} .access-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;align-items:start}.access-dashboard>.panel{margin:0}.active-visits-panel{grid-column:1/-1}.live-passages-card{max-height:650px;overflow:hidden}.live-passage-list{display:grid;margin-top:14px;max-height:535px;overflow:auto}.live-passage-list article{padding:12px 4px;border-bottom:1px solid var(--line)}.live-passage-list strong,.live-passage-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-passage-list small{color:var(--muted);font-size:12px}.active-visits-panel td small,.report-filters+* td small,table td>small{display:block;color:var(--muted)}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.report-filters .actions{grid-column:1/-1}.page-head>.actions,.section-heading>.actions{margin-top:0}.count-pill{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:999px;background:#e0f0f7;color:#155d7d;font-weight:800}@media(max-width:1050px){.access-dashboard{grid-template-columns:1fr}.active-visits-panel{grid-column:auto}.report-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.report-filters{grid-template-columns:1fr}.live-passages-card{max-height:none}} .visit-status-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.visit-status-actions form{margin:0} .passage-state{display:block;font-size:14px;line-height:1.55;color:var(--text)} .access-visitor-fields{grid-template-columns:minmax(280px,2fr) minmax(170px,1fr)}.access-visitor-name-field{grid-column:1/-1}.live-passage-list article{display:grid;grid-template-columns:36px 70px minmax(0,1fr);align-items:center;gap:10px}.live-passage-list time{color:var(--blue);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.live-passage-photo{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--line);color:var(--muted);font-weight:800;font-size:14px}.live-passage-photo img{width:100%;height:100%;object-fit:cover}.report-pagination{margin-top:18px}.report-pagination nav>div{gap:10px}.report-pagination svg{width:18px!important;height:18px!important;max-width:18px!important}.report-pagination a,.report-pagination span{font-size:13px}.kitchen-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media(max-width:650px){.access-visitor-fields{grid-template-columns:1fr}.access-visitor-name-field{grid-column:auto}.live-passage-list article{grid-template-columns:30px 60px minmax(0,1fr)}.live-passage-photo{width:30px;height:30px;font-size:12px}} .feedback-toast{display:flex;align-items:center;gap:12px} .feedback-toast-close{background:transparent;border:0;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 2px;opacity:.8} .feedback-toast-close:hover{opacity:1} /* Liberado x negado precisam se distinguir de relance, na portaria e no relatório: a linha negada saía com o mesmo peso das demais. */ .passage-status{display:inline-block;font-weight:800;font-size:12px;letter-spacing:.02em;text-transform:uppercase;padding:3px 9px;border-radius:999px} .passage-status.is-allowed{color:#186a4a;background:#dcf3e8} .passage-status.is-denied{color:#a11d1d;background:#fbe0e0} .passage-denied-reason{display:block;color:#a11d1d;font-size:11px;line-height:1.4;margin-top:2px} .live-passage-list article.is-denied{background:#fdf2f2;border-left:3px solid #c62828;padding-left:7px;border-radius:5px} .live-passage-list article.is-denied time{color:#a11d1d} /* Campo sozinho ocupava metade da linha e deixava um vão ao lado. */ .access-quick-card .form-grid.is-wide{grid-template-columns:1fr} .access-quick-card .visitor-search-wrap label,.access-quick-card .form-grid label{width:100%} /* Permissões da conta: o que vem do perfil precisa se distinguir do que foi concedido só para aquela pessoa, senão ninguém sabe o que pode mexer. */ .permission-groups{display:grid;gap:16px;margin-top:14px} .permission-group{border:1px solid var(--line);border-radius:8px;padding:12px 14px} .permission-group legend{font-weight:800;font-size:13px;padding:0 6px} .permission-group legend small{font-weight:400;margin-left:6px} .permission-group .check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 14px} .permission-group .check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start} .permission-group .check input{width:auto;margin-top:3px} .permission-group .check.from-profile{color:var(--muted)} .permission-group .check.from-profile small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.03em} .insurance-logo-thumb{max-width:78px;max-height:40px;object-fit:contain} .person-photo-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover} .person-photo-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:4px 0} /* Cada seção da página do site vira um bloco, para quem edita saber onde o texto aparece sem precisar abrir o site ao lado. */ .insurance-section-fields{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-top:14px;display:grid;gap:12px} .insurance-section-fields legend{font-weight:800;font-size:13px;padding:0 6px} .insurance-section-fields label small{display:block;font-weight:400;color:var(--muted);margin-top:2px} /* ========================================================================== Rede de segurança de responsividade Telas montadas para o monitor da mesa vazavam no tablet e no celular: tabela larga, grade de duas colunas e imagem em tamanho natural. ========================================================================== */ img,video,canvas{max-width:100%;height:auto} .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} @media(max-width:820px){ .form-grid,.filter-grid,.room-layout,.meal-request-card,.access-dashboard, .monthly-comparison,.user-form-grid,.access-visitor-fields{grid-template-columns:1fr} .room-form{position:static} .page-head{flex-direction:column;align-items:flex-start;gap:10px} .page-head .actions{width:100%;flex-wrap:wrap} .section-heading{flex-direction:column;align-items:flex-start;gap:8px} .permission-group .check-grid,.check-grid{grid-template-columns:1fr} .meal-week{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))} } @media(max-width:560px){ .actions .button,.form-actions .button{width:100%} .row-actions,.table-actions{flex-wrap:wrap} .calendar-grid,.calendar-weekdays{font-size:12px} .calendar-day{min-height:96px} .report-pagination nav{flex-wrap:wrap;gap:6px} } /* A listagem mostra uma amostra das fotos; a publicação aberta traz todas. */ .post-thumb-strip{display:flex;gap:6px;align-items:center;margin:10px 0 6px;flex-wrap:wrap} .post-thumb-strip img{width:64px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--line)} .post-thumb-more{font-size:12px;font-weight:800;color:var(--muted);padding:0 6px} .post-attachment-list{margin-top:16px;display:grid;gap:8px} .post-attachment-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:8px} .post-attachment-row img{width:56px;height:42px;object-fit:cover;border-radius:5px} .post-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:16px 0} .post-gallery img{width:100%;border-radius:8px;border:1px solid var(--line)} .app-modal.wide-modal{overflow-y:auto} .modal-related-records{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)} .modal-related-records .section-heading{margin-bottom:0} .modal-related-records .table-wrap{max-height:48vh;overflow:auto;border:1px solid var(--line);border-radius:9px} .modal-related-records table{margin:0} /* ========================================================================== Quadro de vagas do estacionamento Fica no mesmo canto do chat, acima dele: quem está na guarita usa os dois. Verde é livre, vermelho é ocupada — a cor precisa ser lida de longe. ========================================================================== */ .parking-widget{position:fixed;right:24px;bottom:96px;z-index:60;display:grid;justify-items:end;gap:10px} .parking-launcher{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;background:var(--navy);color:#fff;border:0;border-radius:50%;width:42px;height:42px;padding:0;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(12,26,35,.22)} .parking-launcher b{background:#1f9d63;border-radius:999px;padding:1px 6px;font-size:11px;position:absolute;top:-3px;right:-3px} .parking-window{width:min(520px,92vw);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 42px rgba(12,26,35,.25);overflow:hidden} .parking-window header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--navy);color:#fff} .parking-window header small{display:block;opacity:.85;font-weight:400} .parking-window header button{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer} .parking-yard{display:grid;gap:10px;padding:14px} /* 19 não divide ao meio: dez em cima, nove embaixo, e a fileira menor centraliza para as duas ficarem alinhadas. */ .parking-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px} .parking-row:last-child{grid-template-columns:repeat(9,minmax(0,1fr));margin:0 auto;width:calc(90% + 6px)} .parking-spot{display:grid;gap:2px;place-items:center;padding:10px 2px;border-radius:8px;border:2px solid transparent;font-weight:800;cursor:pointer;color:#fff;line-height:1.1} .parking-spot strong{font-size:15px} .parking-spot small{font-size:9px;text-transform:uppercase;letter-spacing:.03em;font-weight:700} .parking-spot.is-free{background:#1f9d63} .parking-spot.is-occupied{background:#c62828} .parking-spot:disabled{cursor:default;opacity:.9} .parking-spot:not(:disabled):hover{border-color:rgba(0,0,0,.35)} .parking-hint,.parking-error{margin:0;padding:0 14px 14px;font-size:12px;color:var(--muted)} .parking-error{color:#a11d1d} .parking-launcher .widget-label{display:none} @media(max-width:900px){.parking-widget{right:12px;bottom:84px}} /* Com a conversa aberta o quadro ficaria por cima dela. O --chat-stack chega medido pelo chat.js: repetir a altura aqui faria as duas contas discordarem assim que o chat encolhesse no celular. */ .parking-widget{transition:bottom .18s ease} body.chat-is-open .parking-widget{bottom:calc(30px + var(--chat-stack,0px))} @media(max-width:560px){.parking-row,.parking-row:last-child{grid-template-columns:repeat(5,minmax(0,1fr));width:auto}} /* Assinatura eletrônica simples (Ouvidoria/SAME): campo de desenho num canvas, usado tanto na solicitação quanto na confirmação de recebimento. */ .signature-pad{display:grid;gap:8px;justify-items:start} .signature-pad canvas{width:100%;max-width:500px;height:160px;background:#fff;border:1px dashed #9fb4bc;border-radius:8px;touch-action:none;cursor:crosshair} .signature-legal-note{font-size:12px;color:var(--muted);background:#f4f7f8;border:1px solid var(--line);border-radius:8px;padding:10px 12px} .same-days-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-weight:700;font-size:13px} .same-days-badge.is-preparing{background:#fff0dc;color:#95520d} .same-days-badge.is-available{background:#e1f3e9;color:#1b6d4a} .same-days-badge.is-expired{background:#fae4e4;color:#9b2929} .same-signature-img{max-width:260px;border:1px solid var(--line);border-radius:8px;background:#fff} /* ========================================================================== Passagens ao vivo do facial da Cozinha Mesmo padrão do Estacionamento: botão flutuante que abre e fecha quando quiser. Fica um degrau acima do Estacionamento (que já fica acima do chat) para as duas pilhas nunca se sobreporem quando a pessoa tem os dois acessos. ========================================================================== */ .meals-live-widget{position:fixed;right:24px;bottom:176px;z-index:59;transition:bottom .18s ease} .meals-live-launcher{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;background:var(--green);color:#fff;border:0;border-radius:50%;width:42px;height:42px;padding:0;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(12,26,35,.22)} .meals-live-launcher .widget-label{display:none} .meals-live-window{width:min(360px,92vw);max-height:min(560px,calc(100vh - 200px));overflow:auto;margin:10px 0 0;box-shadow:0 18px 42px rgba(12,26,35,.25)} .meals-live-window-actions{display:flex;align-items:center;gap:10px} .meals-live-window [data-meals-live-close]{background:transparent;border:0;font-size:20px;line-height:1;cursor:pointer;color:var(--text)} body.chat-is-open .meals-live-widget{bottom:calc(110px + var(--chat-stack,0px))} @media(max-width:900px){.meals-live-widget{right:12px;bottom:164px}} /* Abas de Documentos: POPs e Formulários dividem a mesma lista. O contador ao lado do nome evita abrir uma aba vazia para descobrir que está vazia. */ .tab-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px} .tab-row .button small{opacity:.7;margin-left:6px} /* Só aparece depois de uma rolagem longa e fica no lado oposto aos widgets. */ .back-to-top{align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;margin:36px auto 8px;padding:11px 18px;background:var(--navy);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(12,26,35,.18)} .back-to-top:hover{transform:translateY(-1px)} .back-to-top:focus-visible{outline:3px solid #65c9bb;outline-offset:3px} .back-to-top[hidden]{display:none} @media(max-width:700px){.back-to-top{padding:10px 14px}} /* ========================================================================== Formulários montados em Documentos O impresso sai desta mesma tela: os espaços têm a altura de quem escreve à mão, e o que é da tela — menu, botões — não entra no papel. ========================================================================== */ .document-questions{display:grid;gap:14px;margin-top:18px} .document-question{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:12px;background:#fbfcfd} .document-question .form-grid{gap:12px;margin:0} .document-question [hidden]{display:none!important} .document-form{margin-top:22px;display:grid;gap:18px} .document-form-field{display:grid;gap:6px;break-inside:avoid} .document-form-label{font-weight:650} .document-form-lines{display:grid;gap:14px;margin-top:6px} .document-form-lines span{display:block;border-bottom:1px solid #9fb0b8;height:20px} .document-form-signature{margin-top:26px;display:grid;justify-items:center;width:min(320px,100%)} .document-form-signature span{display:block;width:100%;border-bottom:1px solid #9fb0b8} .document-form-choices{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:4px} .document-form-choice{display:inline-flex;align-items:center;gap:7px} .document-form-choice i{width:14px;height:14px;border:1.5px solid #6d818b;display:inline-block} .document-form-choice i.box-round{border-radius:50%} @media print{ .topbar,.chat-widget,.parking-widget,.extensions-widget,.meals-live-widget,.page-backbar,.back-to-top,.no-print{display:none!important} .panel{border:0;box-shadow:none;padding:0} .container{padding:0} } /* A faixa de administração da biblioteca de Documentos: o cadastro dos três tipos mora só aqui, logo abaixo das abas de quem consulta. */ .document-admin-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px} .document-admin-bar strong{display:block} /* Autocomplete simples (ex.: funcionário na Avaliação de Desempenho): lista de botões abaixo do campo de busca, cada um uma sugestão clicável. */ .autocomplete-suggestions{display:grid;gap:4px;margin-top:-10px;margin-bottom:18px;max-height:220px;overflow:auto} .autocomplete-suggestions .button{justify-content:flex-start;text-align:left} /* Menu "Configurações" por linha (ex.: equipamento facial): reusa o visual do menu da conta, mas como
nativo — sem JS extra por linha. */ .row-config-menu{display:inline-block} .row-config-menu summary{list-style:none;cursor:pointer} .row-config-menu summary::-webkit-details-marker{display:none} .row-config-menu .account-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:220px} .row-config-menu .account-dropdown form{margin:0;padding:0;border:0} /* Barra de progresso dos Projetos -- cor vem do status (inline style), só o trilho e o cantinho arredondado são fixos aqui. */ .progress-track{background:var(--line);border-radius:999px;height:10px;overflow:hidden;min-width:80px} .progress-fill{height:100%;border-radius:999px;transition:width .2s ease} .status-color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle} /* Filtro de Projetos -- lado a lado sempre que couber, sem depender do .filter-grid genérico (que em telas largas às vezes fica com uma coluna só quando o número de campos não preenche as faixas de auto-fit). */ .projects-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;align-items:end} @media(max-width:900px){.projects-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.projects-filter-grid{grid-template-columns:1fr}} /* Caixa "Todos" que abre uma lista de checkboxes -- pra marcar mais de um item (ex. Setor, em Projetos) sem precisar segurar Ctrl num