:root{ --green:#1d6b3b; --green-dark:#14502c; --green-light:#fbfcfc; --green-gradient:linear-gradient(135deg,var(--green-dark) 0%,var(--green) 58%,#228a48 100%); --bg:#fafbfb; --surface:#ffffff; --text:#1d2a22; --muted:#66756b; --border:#d8e2dc; --warning:#c57a00; --danger:#b3261e; --shadow:0 18px 50px rgba(20,80,44,.14); --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px); --space-xs:8px; --space-sm:12px; --space-md:16px; --space-lg:20px; --space-xl:24px; --radius-sm:12px; --radius-md:16px; --radius-lg:18px; --btn-gap:10px; } *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} html{-webkit-text-size-adjust:100%;overflow-x:hidden} body{ margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:linear-gradient(135deg,#fafcfb 0%,#ffffff 48%,#f7f9f8 100%); color:var(--text); min-height:100vh; min-height:100dvh; overflow-x:hidden; width:100%; max-width:100vw; } /* Trava o bounce/pull-to-refresh do app mobile - app.css tambem e carregado pelos 4 paineis desktop (body.painel-app), onde quem rola e o , nao o body; "none" aqui quebrava o scroll do mouse la. */ body:not(.painel-app){overscroll-behavior-y:none} button,input,textarea,select{font:inherit;touch-action:manipulation} body.auth-login .app-shell{display:none!important} body.auth-login .login-screen{display:grid!important} body.auth-app .login-screen{display:none!important} body.auth-app .app-shell{display:block} .app-shell{ min-height:100vh; min-height:100dvh; display:block; width:100%; max-width:100vw; overflow-x:hidden; } .brand-mark{ width:46px;height:46px;border-radius:14px;background:var(--green-gradient); display:grid;place-items:center;color:white;font-weight:900;box-shadow:var(--shadow) } .brand-logo{ display:block; flex-shrink:0; object-fit:contain; background:transparent; border-radius:12px; } .product-logo{ width:72px;height:72px;margin:0 auto 12px; box-shadow:0 8px 18px rgba(20,80,44,.12); } .main{ padding:var(--space-md); padding-top:calc(var(--space-sm) + var(--safe-top)); padding-bottom:calc(88px + var(--safe-bottom)); min-width:0; width:100%; max-width:100vw; display:flex; flex-direction:column; align-items:stretch; box-sizing:border-box; } .topbar{ display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm); flex-wrap:wrap; margin:0 0 var(--space-md); width:100%; max-width:100%; position:sticky; top:0; z-index:20; box-sizing:border-box; } .topbar:not(.gan-app-bar){ background:rgba(247,249,248,.92); backdrop-filter:blur(12px); padding:var(--space-sm) 0; padding-top:calc(var(--space-sm) + var(--safe-top)); border-bottom:1px solid var(--border); } .topbar h2{margin:0;font-size:22px;line-height:1.2} .topbar p{margin:5px 0 0;color:var(--muted);font-size:13px} .user-pill{ display:flex;align-items:center;gap:10px;background:var(--surface);padding:9px 12px; border-radius:999px;border:1px solid var(--border) } .avatar{width:34px;height:34px;border-radius:50%;background:var(--green-gradient);color:white;display:grid;place-items:center;font-weight:800} .screen{display:none} .screen.active{ display:flex;flex-direction:column;gap:var(--space-md); width:100%;max-width:100%;min-width:0;animation:fade .15s ease; } @media (prefers-reduced-motion: reduce){ .screen.active{animation:none} .app-toast{animation:none} } .screen-stack{display:flex;flex-direction:column;gap:var(--space-md);width:100%} @keyframes fade{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}} .resultado-loading{ margin:8px 0 0;font-size:14px;color:var(--muted);font-style:italic;text-align:center; } .resultado-loading-wrap{margin:10px 0 0;padding:0;max-width:100%} .gan-result-hero .gps-skeleton-bar, .gan-result-hero .gps-skeleton-circle{ background:linear-gradient(90deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.42) 45%,rgba(255,255,255,.22) 90%); background-size:200% 100%; } .result-hub--loading .gan-body,.result-hub--loading .result-actions{opacity:.45;pointer-events:none} .hero{ background:var(--green-gradient); color:white;border-radius:24px;padding:var(--space-lg);box-shadow:var(--shadow);margin-bottom:20px; display:grid;grid-template-columns:1fr;gap:var(--space-md);align-items:center } .hero h3{font-size:22px;margin:0 0 10px;line-height:1.15} .hero p{margin:0;opacity:.9;line-height:1.45;font-size:14px} .hero-badge{ justify-self:start;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25); border-radius:20px;padding:14px;width:100%;max-width:100% } .hero-badge strong{display:block;font-size:18px} .hero-badge span{font-size:13px;opacity:.9} .grid{display:grid;grid-template-columns:1fr;gap:16px} .grid.two{grid-template-columns:1fr} .grid-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)} .action-grid.cols-2,.relatar-actions,.plan-share-actions,.media-actions,.wizard-nav{grid-template-columns:1fr} .card{ background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg); padding:var(--space-lg);box-shadow:0 7px 24px rgba(20,80,44,.06);width:100%; } .card-title{margin:0 0 var(--space-sm);font-size:18px;color:var(--green-dark)} .card.clickable{cursor:pointer;transition:.2s} .card.clickable:hover,.card.clickable:active{transform:translateY(-2px);box-shadow:var(--shadow)} .card h4{margin:0 0 7px;font-size:18px} .card p{margin:0;color:var(--muted);line-height:1.45} .icon{ width:42px;height:42px;border-radius:12px;background:var(--green-light);display:grid;place-items:center; margin-bottom:13px;font-size:20px } .metric strong{font-size:32px;display:block;margin:8px 0} .metric small{color:var(--muted)} .section-title{ display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm); margin:var(--space-md) 0 var(--space-sm);flex-wrap:wrap;width:100%; } .section-title h3{margin:0} .btn{ border:none;border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;font-weight:700; background:var(--green-gradient);color:white;min-height:44px; display:inline-flex;align-items:center;justify-content:center;text-align:center; line-height:1.3;transition:filter .15s ease,transform .15s ease; white-space:normal;overflow-wrap:anywhere;word-break:break-word;hyphens:auto; max-width:100%;min-width:0; } .btn:active{transform:scale(.98)} .action-grid{display:grid;gap:var(--btn-gap);width:100%} .action-grid.cols-2,.action-grid.cols-1{grid-template-columns:1fr} .action-grid .btn,.btn-stack .btn,.wizard-nav .btn,.home-actions .btn,.result-actions .btn,.plan-form-actions .btn{width:100%} .btn-stack{display:grid;gap:var(--btn-gap);width:100%} .result-card .attention-summary{margin:var(--space-sm) 0} .result-card .risk-panel{margin:var(--space-sm) 0} .btn.secondary{background:white;color:var(--green);border:1px solid var(--green)} .btn.ghost{background:var(--green-light);color:var(--green-dark)} .btn.danger{background:var(--danger);color:#fff;border:none} .form{display:grid;gap:14px} .field{display:grid;gap:7px} label{font-weight:700;font-size:14px} input,textarea,select{ width:100%;max-width:100%;min-width:0;border:1px solid var(--border);border-radius:12px;background:#fff; padding:12px 13px;color:var(--text);font-size:16px;box-sizing:border-box; } input[type="date"], input[type="time"]{ display:block;-webkit-appearance:none;appearance:none; min-height:44px;line-height:1.2; } textarea{min-height:120px;resize:vertical} .question{ background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px } .question-title{font-weight:700;margin-bottom:12px} .options{display:flex;flex-wrap:wrap;gap:8px} .option{ border:1px solid var(--border);background:#fff;border-radius:999px; padding:10px 14px;cursor:pointer;min-height:44px; } .option.selected{background:var(--green-gradient);color:white;border-color:var(--green-dark)} /* Todas as respostas do check-in usam verde ao selecionar - valor interno define a lógica */ .option[data-value="sim"].selected, .option[data-value="nao"].selected, .option[data-value="atencao"].selected, .option[data-value="na"].selected{background:var(--green-gradient);color:white;border-color:var(--green-dark)} .answer-tag{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;margin:0 0 6px} .answer-tag-nao{background:#e8f4ec;color:var(--green-dark)} .answer-tag-atencao{background:#e8f4ec;color:var(--green-dark)} .result-box{ margin-top:16px;border-radius:16px;padding:16px;background:var(--green-light);color:var(--green-dark) } .status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:var(--green-light);color:var(--green-dark);font-size:12px;font-weight:700} .table-wrap{overflow:visible;background:transparent;border:none;border-radius:0} .table-wrap table{min-width:0} .table-wrap thead{display:none} .table-wrap tbody tr{ display:block;background:var(--surface);border:1px solid var(--border); border-radius:14px;padding:12px;margin-bottom:10px; } .table-wrap td{ display:flex;justify-content:space-between;gap:12px; border:none;padding:7px 0;font-size:14px; } .table-wrap td::before{ content:attr(data-label); font-weight:700;color:var(--muted);flex-shrink:0; } .table-wrap td:last-child{border:none} table{width:100%;border-collapse:collapse;min-width:0} th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--border)} th{background:#f7f9f8;color:var(--muted);font-size:13px} .photo-box{ border:2px dashed var(--border);border-radius:18px;padding:26px;text-align:center;background:#fafcfb } .photo-preview{ display:none;margin-top:14px;border-radius:14px;max-width:100%;max-height:300px } .notice{padding:14px;border-radius:12px;background:#fff8eb;color:#7b4d00;border:1px solid #f1d394} .chat{ background:white;border:1px solid var(--border);border-radius:18px;padding:16px;display:grid;gap:12px } .bubble{max-width:80%;padding:12px 14px;border-radius:16px;line-height:1.45} .bubble.user{justify-self:end;background:var(--green-gradient);color:white;border-bottom-right-radius:5px} .bubble.ai{justify-self:start;background:var(--green-light);color:var(--green-dark);border-bottom-left-radius:5px} .footer-note{margin-top:24px;color:var(--muted);font-size:12px;text-align:center} .mobile-nav{ display:grid; grid-template-columns:repeat(4,1fr); position:fixed; left:0;right:0;bottom:0; z-index:50; width:100%; max-width:100vw; background:rgba(255,255,255,.96); backdrop-filter:blur(16px); border-top:1px solid var(--border); padding:8px 8px calc(8px + var(--safe-bottom)); box-shadow:0 -8px 30px rgba(20,80,44,.08); box-sizing:border-box; gap:6px; } .mobile-tab{ border:none;background:transparent;color:var(--muted); display:grid;place-items:center;gap:4px; padding:8px 6px;border-radius:14px;cursor:pointer; min-height:60px;min-width:0;font-size:12px;font-weight:700; } .mobile-tab-icon{ display:grid;place-items:center;width:28px;height:28px;line-height:0;flex-shrink:0; } .mobile-tab-svg{width:24px;height:24px;display:block} .mobile-tab.active .mobile-tab-icon{color:var(--green-dark)} .mobile-tab small{ font-size:9px;letter-spacing:.01em;line-height:1.15; white-space:normal;text-align:center;max-width:100%; } .mobile-tab.active{color:var(--green-dark);background:var(--green-light)} .topbar-actions .user-pill small{display:none} .topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .btn-sm{min-height:40px;padding:8px 12px} .btn-xl{padding:16px;font-size:17px;border-radius:14px;min-height:52px} .flow-strip{ display:grid;grid-template-columns:1fr;gap:var(--space-xs); align-items:center;margin-bottom:var(--space-sm);width:100%; } .flow-arrow{display:none} .flow-strip .flow-step{width:100%} .flow-strip .flow-step span{width:22px;height:22px;border-radius:50%;background:var(--border);display:grid;place-items:center;font-size:11px} .flow-strip .flow-step.active{background:var(--green-light);color:var(--green-dark);border-color:var(--green)} .flow-strip .flow-step.active span{background:var(--green-gradient);color:white} .flow-strip .flow-step.done span{background:var(--green-gradient);color:white} .flow-arrow{color:var(--muted);font-size:12px} /* -- Tela Início -- */ .home-hub{padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0} .home-hero{ position:relative;overflow:hidden; padding:calc(var(--space-xl) + 2px) var(--space-lg) var(--space-lg); background:var(--green-gradient); color:white;text-align:left; } .home-hero::after{ content:"";position:absolute;right:12px;top:-54px;width:148px;height:148px;border-radius:999px; background:rgba(255,255,255,.11);pointer-events:none; } .home-greeting{margin:0 0 6px;font-size:14px;opacity:.9;font-weight:600;color:#fff} .home-headline{position:relative;margin:0 0 8px;font-size:26px;line-height:1.12;font-weight:850;letter-spacing:-.02em} .home-lead{position:relative;margin:0;font-size:14px;line-height:1.45;opacity:.92;max-width:30em} .home-stats{ display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px; width:100%;padding:var(--space-md) var(--space-lg) 0;text-align:center; } .home-stat{ padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700; background:var(--green-light);color:var(--green-dark);border:1px solid #c8e6d0; } .home-actions{padding:var(--space-md) var(--space-lg) var(--space-lg);width:100%} .home-actions .action-grid .btn{width:100%} .progress-bar{height:6px;background:var(--border);border-radius:999px;margin-bottom:10px;overflow:hidden} .progress-fill{height:100%;background:var(--green-gradient);border-radius:999px;transition:width .3s} .step-label{font-size:13px;color:var(--muted);margin:0 0 12px;font-weight:700} .wizard-block{display:flex;flex-direction:column;gap:var(--space-sm);width:100%} .checkin-wizard.wizard-card{ display:flex;flex-direction:column;gap:var(--space-sm); padding:var(--space-md); } .checkin-wizard-runner{display:flex;flex-direction:column;gap:var(--space-sm);width:100%} .checkin-wizard .checkin-progress-block{margin:0 0 4px} .checkin-wizard .checkin-progress-block[hidden]{display:none!important} .checkin-wizard .step-label{margin:0 0 8px} .checkin-wizard .wizard-nav{ margin-top:4px;padding-top:var(--space-sm); border-top:1px solid var(--border); } .checkin-wizard .wizard-nav[hidden]{display:none!important} .wizard-question{font-size:20px;line-height:1.35;margin:0 0 var(--space-md)} .options-stack{display:grid;gap:var(--btn-gap)} .option-block{width:100%;text-align:left;border-radius:14px;padding:14px 16px;min-height:48px;white-space:normal;overflow-wrap:anywhere;word-break:break-word} .result-card{text-align:center;padding:var(--space-xl)} .result-badge{display:inline-block;padding:6px 14px;border-radius:999px;color:white;font-size:12px;font-weight:800;margin-bottom:var(--space-sm)} .result-summary{color:var(--muted);line-height:1.5;margin:0 0 var(--space-md)} .result-actions{display:grid;gap:var(--btn-gap);width:100%} .result-actions .btn{width:100%} .relatar-header{text-align:center;margin-bottom:16px} .relatar-header .hub-logo{margin:0 auto 8px} .field-label{font-weight:700;font-size:14px;display:block;margin-bottom:6px} .char-count{text-align:right;font-size:12px;color:var(--muted);margin-top:4px} .check-row{ display:flex;align-items:flex-start;justify-content:flex-start; gap:10px;font-size:14px;margin:8px 0;text-align:left;cursor:pointer; width:100%;max-width:100%; } .check-row input[type="checkbox"]{ flex-shrink:0;width:20px;height:20px;margin:2px 0 0; accent-color:var(--green); } .check-row span{ flex:1;min-width:0;line-height:1.4;text-align:left; overflow-wrap:anywhere;word-break:break-word; } .photo-mini{margin:12px 0} .photo-mini input{width:100%} .wizard-nav{display:grid;grid-template-columns:1fr;gap:var(--btn-gap);margin-top:var(--space-sm);width:100%} .checkin-progress-block{width:100%} .pillar-badge{ display:inline-block;padding:6px 12px;border-radius:999px; background:var(--green-light);color:var(--green-dark); font-size:12px;font-weight:800;margin-bottom:12px; } .attention-followup{ margin-top:16px;padding:14px;border-radius:14px; background:#fff8eb;border:1px solid #f1d394; } .followup-title{margin:0 0 12px;font-weight:700;color:#7b4d00;font-size:14px} .hub-day-card{ margin:0;padding:14px;border:1px solid #dcebe1;border-radius:16px; background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%); box-shadow:0 8px 22px rgba(20,80,44,.06); } .hub-day-title{margin:0 0 10px;font-size:12px;font-weight:900;color:var(--green-dark);letter-spacing:.045em;text-transform:uppercase} .hub-day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .hub-day-item{ display:flex;align-items:center;gap:10px;flex-wrap:wrap; padding:12px 13px;border-radius:13px;font-size:14px;line-height:1.4; border:1px solid #e3ebe6;background:#fff; } .hub-day-icon{ flex-shrink:0;width:24px;height:24px;border-radius:999px; display:inline-grid;place-items:center;background:#edf7f1;color:var(--green-dark);font-weight:900; } .hub-day-text{flex:1;min-width:120px} .hub-day-link{margin-left:auto;flex-shrink:0;padding:8px 11px!important;font-size:12px!important;min-height:40px} .hub-day-item--pending{border-color:#f1d394;background:#fffaf0} .hub-day-item--stable{border-color:#b8dcc4;background:#f0f9f3} .hub-day-item--partial{border-color:#f1d394;background:#fffaf0} .hub-day-item--alert{border-color:#ffcdd2;background:#ffebee} .hub-day-item--critical{border-color:#ef9a9a;background:#ffe0e0} .hub-day-item--done{border-color:#b8dcc4;background:#f0f9f3} .hub-day-item--action{border-color:#c8e6d0;background:#f5fbf7} .hub-day-item--urgent{border-color:#ffcdd2;background:#ffebee} .hub-day-item--ok{border-color:#b8dcc4;background:#f5fbf7;color:var(--green-dark)} .hub-day-item--notice{border-color:#b8dcc4;background:#eef8f1} .hub-day-loading{margin:0;font-size:13px} .hub-alerts{display:flex;flex-direction:column;gap:10px;margin-bottom:12px} .hub-alert{ display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px; border:1px solid var(--border);background:#fff; box-shadow:0 2px 10px rgba(20,80,44,.06); } .hub-alert--checkin{border-color:#f1d394;background:linear-gradient(180deg,#fffaf0 0%,#fff 100%)} .hub-alert--overdue{border-color:#f0c4c0;background:linear-gradient(180deg,#fff5f4 0%,#fff 100%)} .hub-alert--setup{border-color:#c8e6d0;background:linear-gradient(180deg,#f3fbf6 0%,#fff 100%)} .hub-alert-head{display:flex;align-items:flex-start;gap:10px} .hub-alert-icon{font-size:20px;line-height:1.2;flex-shrink:0} .hub-alert-copy{flex:1;min-width:0} .hub-alert-title{margin:0 0 4px;font-size:15px;font-weight:800;color:var(--green-dark)} .hub-alert-text{margin:0;font-size:13px;line-height:1.45;color:var(--text)} .hub-alert-actions{display:flex;flex-wrap:wrap;gap:8px} .btn-whatsapp{ background:#128C7E!important;border-color:#0f7a6e!important;color:#fff!important; font-weight:800; } .btn-whatsapp:hover,.btn-whatsapp:focus-visible{background:#0f7a6e!important} .notifications-card{margin-top:12px} .notifications-card-body{padding:12px 14px 14px} .notifications-lead{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--muted)} .notifications-opt{margin:10px 0 12px} .login-notify-details{ margin:12px 0 4px;border:1px solid var(--border);border-radius:12px;background:#fafcfb;overflow:hidden; } .login-notify-details summary{ padding:11px 14px;font-weight:800;cursor:pointer;list-style:none; } .login-notify-details summary::-webkit-details-marker{display:none} .login-notify-body{padding:0 14px 14px} .login-notify-hint{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--muted)} .login-notify-opt{margin-top:8px} .login-remember{margin:0} .login-footer-art{ flex:1 1 auto; display:flex; align-items:flex-end; justify-content:center; min-height:120px; margin:4px -16px calc(-1 * var(--space-lg)); margin-bottom:calc(-1 * var(--space-lg) - env(safe-area-inset-bottom, 0px)); padding:0; overflow:hidden; background:linear-gradient(180deg,#fff 0%,#f7fbf8 42%,#eaf5ee 100%); } .login-footer-art-img{ display:block; width:100%; max-width:480px; height:auto; min-height:140px; object-fit:cover; object-position:center bottom; opacity:.92; pointer-events:none; user-select:none; -webkit-user-select:none; } .signature-modal-card{max-width:420px} .signature-modal-lead{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text)} .signature-modal-note{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--muted)} .signature-canvas-wrap{ border:1.5px dashed var(--border);border-radius:12px;background:#fff; padding:8px;touch-action:none; } .signature-canvas{ display:block;width:100%;height:140px;border-radius:8px;background:#fafcfb; touch-action:none;cursor:crosshair; } .signature-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} .signature-modal-actions .btn:last-child{grid-column:1 / -1} .reminder-modal-card{max-width:420px} .reminder-modal-message{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--text)} .reminder-modal-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:10px} .reminder-modal-dismiss{width:100%;margin-top:4px} .app-header-avatar{ flex-shrink:0; } .mobile-tab--muted{opacity:.45} .mobile-tab--muted[aria-disabled="true"]{pointer-events:auto} .app-toast{ position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%) translateY(16px); max-width:min(92vw,360px);padding:12px 16px;border-radius:12px; background:#1f2933;color:#fff;font-size:14px;line-height:1.4;text-align:center; box-shadow:0 8px 24px rgba(0,0,0,.22);opacity:0;pointer-events:none; transition:opacity .2s ease,transform .2s ease;z-index:9999; } .app-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)} .app-toast--success{background:var(--green-gradient)} .app-toast--danger{background:#8b2e2e} .app-toast--info{background:#1f2933} .flow-mode-banner{ margin:0 var(--space-lg) var(--space-sm);padding:12px 14px;border-radius:var(--radius-sm); font-size:13px;font-weight:600;line-height:1.4; } .flow-mode-banner--adhoc{background:#eef6ff;border:1px solid #b8d4f0;color:#1a4d7a} .flow-mode-banner--complement{background:#f0f9f3;border:1px solid #b8dcc4;color:#1f5c38} .flow-mode-banner--escalation{background:#fff0f0;border:1px solid #e8b4b4;color:#8b1e1e} .complement-flow-banner{ margin:0 0 var(--space-md);padding:10px 12px;border-radius:var(--radius-sm); font-size:13px;font-weight:600;line-height:1.35; } .complement-flow-banner--adhoc{background:#eef6ff;border:1px solid #b8d4f0;color:#1a4d7a} .complement-flow-banner--checkin{background:#f5fbf7;border:1px solid #c8e6d0;color:#1f5c38} .media-privacy-notice{ margin:0 0 10px;padding:10px 12px;border-radius:var(--radius-sm); background:#fff8eb;border:1px solid #f1d394;color:#7b4d00;font-size:12px;line-height:1.4; } .media-privacy-notice--complement{margin-top:0} .legal-disclaimer{ margin:8px 0;padding:10px 12px;border-radius:var(--radius-sm); border-left:3px solid var(--green);background:#f7faf8; font-size:11px;line-height:1.45;color:var(--muted); } .legal-disclaimer[hidden]{display:none!important} /* Ocorrência pontual: tipografia/espaçamento contínuos (sem checkbox confidencial). */ .complement-card #adhocCategoryWrap{margin:0 0 8px} .complement-card #sitCategoryAlert{margin:0 0 8px} .complement-card #sitLegalDisclaimer{margin:0 0 8px} .complement-card .complement-media-block{margin:0;padding:0} .complement-card .media-privacy-notice--complement{margin:0 0 8px} .complement-card .complement-media-block .field-label{margin:0 0 6px} .complement-card .complement-media-block .media-actions{margin:0} .complement-card .relatar-actions{margin-top:12px} .field-hint{margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:600} .result-layer-hint{ margin:0 0 var(--space-sm);padding:10px 12px;border-radius:var(--radius-sm); background:#f4f8f5;border:1px solid var(--border);font-size:12px;line-height:1.45;color:var(--muted); } .app-modal{ position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-end;justify-content:center; padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px)); } .app-modal[hidden]{display:none!important} .app-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)} .app-modal-card{ position:relative;width:100%;max-width:400px;background:#fff;border-radius:16px 16px 12px 12px; box-shadow:0 12px 40px rgba(0,0,0,.2);max-height:85vh;overflow:auto; } .app-modal-head{padding:16px 18px 0} .app-modal-head h3{margin:0;font-size:18px} .app-modal-body{padding:12px 18px 18px} .app-modal-body p{margin:0 0 12px;line-height:1.45;font-size:15px} .app-modal-input{ width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid var(--border); border-radius:var(--radius-sm);font:inherit;resize:vertical; } .app-modal-actions{display:flex;gap:10px} .app-modal-actions .btn{flex:1} .plan-closure-lead{margin-bottom:14px!important} .plan-closure-field-label{ display:block;margin:0 0 8px;font-size:12px;font-weight:800; letter-spacing:.02em;color:var(--green-dark); } .plan-closure-note{margin-bottom:14px!important} .plan-closure-evidence{margin:0 0 8px} .plan-closure-evidence .plan-closure-photo-btn{width:100%;margin:0} .plan-closure-photo-preview{margin-top:10px} .plan-closure-hint{margin:0 0 12px!important;font-size:12px;line-height:1.45;color:var(--muted)} .onboarding-steps{margin:0 0 16px;padding-left:20px;font-size:14px;line-height:1.5} .onboarding-steps li{margin-bottom:10px} .onboarding-steps li:last-child{margin-bottom:0} /* Tour leve - 1º acesso (sem overlay bloqueante) */ .gps-tour-mark{ position:relative;z-index:9101; outline:3px solid var(--green,#1b7d3f);outline-offset:3px; border-radius:12px; } .gps-tour-card{ position:fixed;z-index:9200; padding:14px 16px 12px; background:#fff;border:1px solid #d8e8de;border-radius:14px; box-shadow:0 12px 32px rgba(15,45,28,.14); pointer-events:auto; animation:gps-tour-in .22s ease-out; } @keyframes gps-tour-in{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} } .gps-tour-kicker{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5a7a66} .gps-tour-title{display:block;margin:0 0 6px;font-size:15px;color:var(--green-dark,#14502c)} .gps-tour-text{margin:0 0 12px;font-size:13px;line-height:1.45;color:#33443a} .gps-tour-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center} .gps-tour-skip{color:#64748b!important} .plan-saved-success{ padding:14px;border-radius:var(--radius-sm);background:#f0f9f3;border:1px solid #b8dcc4; } .plan-saved-success strong{display:block;margin-bottom:6px;font-size:16px;color:var(--green-dark)} .nao-context-chooser{margin:12px 0 0;padding:12px;border-radius:var(--radius-sm);background:#f8faf9;border:1px solid var(--border)} .nao-context-chooser .option.selected{border-color:var(--green);background:var(--green-light)} .answer-context-absent.selected,.answer-context-stable.selected{border-color:#6b9fd4!important;background:#eef6ff!important} .result-next-step{ margin:8px 0 12px;padding:11px 13px;border-radius:12px; background:#fff7e8;border:1px solid #f0d39a;color:#7a4d00; font-size:13px;line-height:1.4;font-weight:850; } .result-details{ margin-top:10px;border:1px solid #e0e8e3;border-radius:14px;background:#fff;overflow:hidden; box-shadow:0 6px 18px rgba(27,45,34,.04); } .result-details summary{ display:flex;align-items:center;justify-content:space-between;gap:10px; padding:12px 14px;font-size:13px;font-weight:850;cursor:pointer;list-style:none; color:var(--green-dark);background:#fbfdfb; -webkit-tap-highlight-color:transparent; } .result-details summary::-webkit-details-marker{display:none} .result-details-label{flex:1;min-width:0} .result-details summary::after{ content:"";flex-shrink:0;width:9px;height:9px; border-right:2.5px solid var(--green-dark);border-bottom:2.5px solid var(--green-dark); transform:rotate(-45deg);transition:transform .2s ease;margin-top:-2px; } .result-details[open] summary::after{transform:rotate(45deg);margin-top:2px} .result-details[open] summary{border-bottom:1px solid var(--border)} .result-details .gan-section,.result-details .risk-panel{border:none;border-radius:0;margin:0} .result-preventive-wrap{margin-top:12px} .preventive-index-card{ position:relative;overflow:hidden; padding:15px;border:1px solid #d5d9de;border-radius:16px; background:#f4f5f7; box-shadow:0 8px 20px rgba(40,48,56,.06); } .preventive-index-card::after{ content:"";position:absolute;right:10px;top:-44px;width:112px;height:112px;border-radius:999px; background:rgba(90,101,112,.08);pointer-events:none; } .preventive-index-kicker{ position:relative;display:block;margin-bottom:8px;font-size:10.5px;font-weight:900;letter-spacing:.055em; text-transform:uppercase;color:var(--muted); } .preventive-index-main{display:flex;align-items:center;justify-content:space-between;gap:10px} .preventive-index-score{display:flex;flex-direction:column;gap:4px;min-width:0} .preventive-index-main strong, .preventive-index-score strong{position:relative;font-size:30px;line-height:1;color:var(--green-dark);letter-spacing:-.03em} .preventive-index-scale-hint{ font-size:11px;font-weight:700;line-height:1.2;color:#5f7166;letter-spacing:.01em; } .preventive-index-badge{ position:relative;flex:0 1 auto;max-width:58%;padding:6px 10px;border-radius:999px;color:#fff;font-size:11px;font-weight:900; text-align:center;box-shadow:0 6px 16px rgba(20,80,44,.16);line-height:1.25; } .preventive-index-badge--sensitive{ box-shadow:0 6px 16px rgba(70,78,86,.18); } .preventive-index-summary{position:relative;margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#4f6257;font-weight:650} .preventive-index-summary--chip{ display:inline-block;margin:8px 0 0;padding:4px 10px;border-radius:999px; font-size:11px;font-weight:800;background:rgba(46,125,74,.12);color:var(--green-dark); } .preventive-index-summary--sensitive{ display:block;margin:8px 0 0;padding:8px 10px;border-radius:12px; font-size:12px;font-weight:700;line-height:1.4; background:#eceff1;color:#3d4650;border:1px solid #c5CCD3; } .preventive-critical-list{ margin:8px 0 0;padding:0 0 0 16px;list-style:disc; font-size:12px;line-height:1.45;color:#7a2e12;font-weight:650; } .preventive-critical-list li{margin:4px 0} .preventive-breakdown-inset{ position:relative;margin-top:14px;padding-top:14px; border-top:1px solid rgba(46,125,74,.14); display:grid;gap:10px; } .preventive-card-inset{ position:relative;margin-top:12px;padding-top:12px; border-top:1px solid rgba(46,125,74,.14); display:grid;gap:6px; } .preventive-card-inset--solo{margin-top:0;padding-top:0;border-top:none} .preventive-card-inset .preventive-breakdown-inset{ margin-top:0;padding-top:0;border-top:none;gap:6px; } .preventive-card-inset .preventive-ai-disclaimer{margin:0} .preventive-index-card .result-details{ margin-top:0; border-color:rgba(46,125,74,.16); box-shadow:none; } .preventive-index-card .result-details summary{ padding:10px 12px;font-size:12.5px; } .preventive-index-card .result-details[open] summary{ padding-bottom:9px; } .preventive-index-card .preventive-breakdown-fold + .preventive-breakdown-fold, .preventive-index-card .result-details + .preventive-breakdown-inset, .preventive-index-card .preventive-breakdown-inset + .result-details{ margin-top:0; } .preventive-index-card .preventive-breakdown-body{padding:10px 12px 12px} .preventive-index-card .result-recommended-body{padding:10px 12px 12px} .preventive-index-card .attention-summary{padding:10px 12px 12px} .preventive-breakdown-inset .preventive-breakdown-fold{margin-top:0;box-shadow:0 4px 14px rgba(27,45,34,.03)} .preventive-breakdown-body{padding:12px 14px 14px} .preventive-breakdown-block + .preventive-breakdown-block{margin-top:16px;padding-top:2px} .preventive-breakdown-title{ display:block;margin:0 0 10px;font-size:13px;line-height:1.35; font-weight:800;color:var(--green-dark); } .preventive-pillar-mini{display:grid;gap:10px} .preventive-pillar-mini .pillar-row{padding:10px 12px;background:#fff} .preventive-pillar-mini .pillar-row-head{margin-bottom:8px} .preventive-pillar-mini .pillar-name{font-size:12.5px} .preventive-pillar-mini .pillar-total{font-size:10.5px;padding:3px 8px} .preventive-pillar-mini .pillar-bar-track{height:9px} .preventive-pillar-mini .pillar-row-meta{margin-top:8px;font-size:10.5px;gap:10px} .preventive-pillar-mini .pillar-severity{font-size:9.5px;padding:3px 8px} .preventive-dimension-list{ list-style:none;margin:0;padding:0;display:grid;gap:9px; } .preventive-dimension-item{ display:flex;align-items:flex-start;justify-content:space-between;gap:12px; padding:10px 11px;border-radius:10px;background:#fff;border:1px solid #e8efe9; } .preventive-dimension-copy{min-width:0;display:grid;gap:5px} .preventive-dimension-copy strong{font-size:12px;line-height:1.35;color:var(--text);font-weight:800} .preventive-dimension-nr{font-size:10px;font-weight:700;color:#607066;line-height:1.3} .preventive-dimension-alert{font-size:10px;font-weight:800;color:#b3261e;line-height:1.3} .preventive-dimension-meta{ flex-shrink:0;display:grid;gap:5px;justify-items:end;text-align:right; } .preventive-dimension-pct{font-size:12.5px;font-weight:900;color:var(--green-dark);line-height:1.1} .preventive-dimension-level{font-size:9.5px} .preventive-breakdown-group strong{display:block;margin-bottom:7px;font-size:13px;color:var(--green-dark)} .preventive-breakdown-group ul{margin:0;padding:0;list-style:none;display:grid;gap:7px} .preventive-breakdown-group li{ display:flex;align-items:center;justify-content:space-between;gap:10px; padding:8px 9px;border-radius:10px;background:#f7faf8;font-size:12px; } .preventive-breakdown-group span small{display:block;margin-top:2px;font-size:10.5px;font-weight:700;color:#b3261e} .preventive-breakdown-group b{ flex:0 0 auto;min-width:38px;padding:3px 7px;border-radius:999px; background:color-mix(in srgb,var(--preventive-color) 14%,white); color:var(--preventive-color);text-align:center;font-size:12px; } .preventive-empty{margin:0;font-size:12px;line-height:1.45;color:var(--muted)} .result-recommended-body{padding:12px 14px 14px} .result-recommended-lead{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--muted)} .result-recommended-list{margin:0;padding-left:18px} .checkin-analyzing{margin:10px 0 4px;padding:12px 14px;border-radius:12px;background:var(--green-light);color:var(--green-dark);font-size:14px;font-weight:600;text-align:center} .sit-alert{ display:flex;align-items:flex-start;gap:10px; margin:0;padding:11px 14px;border-radius:12px; font-size:13px;font-weight:600;line-height:1.45; } /* display:flex sobrescreve o [hidden] nativo — sem isto fica um bloco vazio sob Categoria. */ .sit-alert[hidden]{display:none!important} .complement-media-block[hidden]{display:none!important} .field-error[hidden]{display:none!important} .sit-alert__icon{ flex:0 0 auto;font-size:15px;line-height:1.45;opacity:.88; } .sit-alert__text{flex:1;min-width:0;margin:0} .sit-alert--accident{ background:#fdecea;border:1px solid #f0c4c0;color:#b3261e;font-weight:700; } .sit-alert--near-miss{ background:#fffbeb;border:1px solid #f5e6a8;color:#7b5e00; } .complement-card .media-privacy-notice--complement{ margin:0 0 8px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.45; } .painel-open-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .painel-open-link{ border:none;background:transparent;padding:0;font:inherit;font-weight:800;color:var(--green-dark); text-decoration:underline;cursor:pointer; } .checkin-phase{display:flex;flex-direction:column;gap:var(--space-md)} .checkin-phase[hidden],.checkin-wizard-runner[hidden]{display:none!important} .login-screen{ position:fixed;inset:0;z-index:300; min-height:100vh;min-height:100dvh; display:none;place-items:stretch stretch; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain; background:#fff; padding:0; padding-top:var(--safe-top); box-sizing:border-box; touch-action:pan-y; } .login-card{ width:100%;max-width:100%;min-width:0; background:var(--surface);border:none; border-radius:0;box-shadow:none; display:flex;flex-direction:column; min-height:calc(100dvh - var(--safe-top)); box-sizing:border-box; } .login-card:not(.gan-hub){ padding:24px 20px;display:grid;gap:14px; } .login-card h2{margin:0;text-align:center;color:var(--green-dark)} .login-card>p{margin:0;text-align:center;color:var(--muted)} .login-card .btn{width:100%} .login-error{margin:0;min-height:20px;color:var(--danger);font-size:14px;text-align:center} .login-hint{ display:block;text-align:center;color:var(--muted); line-height:1.5;margin-top:4px;font-size:12px; overflow-wrap:anywhere;word-break:break-word; } .terms-page{ width:100%;max-width:480px;min-height:100dvh;margin:0 auto; padding:calc(14px + var(--safe-top)) 16px calc(20px + var(--safe-bottom)); background:linear-gradient(180deg,#f5fbf7 0%,#ffffff 42%); box-sizing:border-box; display:flex;flex-direction:column; } .terms-page .terms-hero{ position:relative;overflow:hidden;margin-bottom:12px;border-radius:20px; min-height:188px;padding:22px 16px 18px;text-align:center; background:linear-gradient(135deg,#165a32 0%,#2e7d4a 58%,#3f9a5f 100%); box-shadow:0 10px 26px rgba(20,80,44,.12); flex-shrink:0; } .terms-hero::after{ content:"";position:absolute;right:-42px;top:-54px;width:140px;height:140px;border-radius:999px; background:rgba(255,255,255,.12);pointer-events:none; } .terms-hero .terms-logo,.terms-hero .gan-kicker,.terms-hero .gan-headline,.terms-meta{position:relative} .terms-hero .terms-logo{ display:block;width:96px;height:96px;max-height:none;object-fit:contain; margin:0 auto 16px;padding:0;border-radius:12px; background:transparent;box-shadow:0 8px 18px rgba(0,0,0,.10); box-sizing:border-box; } .terms-page h1{font-size:22px;margin:0 0 8px;letter-spacing:-.02em;color:#fff} .terms-hero .gan-headline,.terms-hero .gan-kicker,.terms-hero .terms-meta{color:#fff} .terms-meta{margin:0;color:rgba(255,255,255,.9);font-size:12px;line-height:1.4;font-weight:700} .terms-body{ flex:1 1 auto;min-height:0; display:flex;flex-direction:column;gap:0; padding:0;background:transparent; } #termsBody{ flex:1 1 auto;min-height:0;overflow-y:auto; display:flex;flex-direction:column;gap:10px; padding:2px 2px 10px;margin:0; -webkit-overflow-scrolling:touch; } .terms-intro p{margin:0 0 8px;font-size:14px;line-height:1.55} .terms-intro p:last-of-type{margin-bottom:0} .terms-nr1{ margin:10px 0 0;padding-top:10px;border-top:1px solid #e0ebe4; font-weight:650;font-size:13px;line-height:1.45;color:var(--green-dark); } .terms-loading{ text-align:center;color:#64748b;padding:28px 12px;font-size:14px; } .terms-section{ padding:14px 14px 13px;border-radius:15px;background:#fff;border:1px solid #e0e8e3; box-shadow:0 6px 18px rgba(27,45,34,.04); flex-shrink:0; } .terms-section h2{ margin:0 0 7px;font-size:14px;line-height:1.25;color:var(--green-dark);font-weight:900; } .terms-section p{ margin:0;font-size:13.5px;line-height:1.55;color:var(--text); } .terms-body .gan-notice, .terms-footer-note{ margin:2px 0 0;flex-shrink:0; background:#f4faf6;border-color:#d4eadc;color:#526459; font-size:13px;line-height:1.5; } .terms-body .gan-notice a{color:var(--green-dark);font-weight:700} .terms-body .gan-notice code{ color:var(--green-dark);font-weight:800; } .terms-back{ display:flex;flex-direction:column;gap:10px; margin-top:12px;padding-top:4px;flex-shrink:0; } .terms-back .btn{ width:100%;min-height:48px;margin:0; display:inline-flex;align-items:center;justify-content:center; } .field-error{ margin:10px 0 0;padding:10px 12px;border-radius:10px; background:#fdecea;color:var(--danger);font-size:14px;font-weight:600; } .risk-panel{ margin:18px 0;padding:16px;border-radius:16px; background:#f8faf9;border:1px solid var(--border);text-align:left; } .risk-panel-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px} .risk-context{ display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px; } .risk-context-item{ padding:10px 12px;border-radius:10px;background:white;border:1px solid var(--border); } .risk-context-label{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:4px} .risk-context-item strong{font-size:14px;line-height:1.3} .plan-auto-notice{margin:0 0 12px;background:#e8f5e9;border-color:#a5d6a7} .plan-ai-steps{margin:0 0 var(--space-md);padding-left:18px;font-size:13px;line-height:1.45} .plan-share-block{ margin:var(--space-sm) 0;padding:var(--space-md);border-radius:var(--radius-sm); background:#f0f7f2;border:1px dashed var(--border); } .plan-share-card{ margin:12px 0 10px;display:grid;gap:10px; } .plan-share-trigger, .plan-report-download-btn{ width:100%;min-height:48px;padding:12px 16px; background:var(--green-gradient)!important; color:#fff!important;font-size:15px;font-weight:800;letter-spacing:.02em; border:1px solid #1b6b38;border-radius:12px; box-shadow:0 8px 18px rgba(20,80,44,.18); } .plan-share-trigger:active{transform:translateY(1px);filter:brightness(.98)} .plan-share-trigger.is-active{ box-shadow:inset 0 2px 10px rgba(0,0,0,.14); filter:brightness(.96); } .plan-report-view-card{ margin:12px 0 10px; } .plan-report-download-btn{ min-height:48px;grid-column:1 / -1; } .plan-report-download-btn:active{transform:translateY(1px);filter:brightness(.98)} .plan-share-hint{margin:0 0 var(--space-sm);font-size:13px;color:var(--muted);line-height:1.4} .plan-share-actions{display:none;grid-template-columns:1fr 1fr;gap:var(--btn-gap);width:100%;margin-top:10px} .plan-share-actions.is-open{display:grid!important} .plan-share-actions[hidden]:not(.is-open){display:none!important} .plan-share-actions .btn{width:100%;min-height:44px;font-weight:700} .plan-share-actions .plan-share-channel-btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; background:#dff3e6!important;color:var(--green-dark)!important; border:1px solid #b8dcc4!important;box-shadow:none; } .plan-share-actions .plan-share-whatsapp-btn .share-channel-icon{color:#128C7E} .plan-share-actions .plan-share-email-btn .share-channel-icon{color:var(--green-dark)} .plan-share-actions .plan-share-channel-btn:active{ background:#cfeadb!important;transform:scale(.98); } .plan-share-actions .share-channel-icon{ flex-shrink:0;width:20px;height:20px;display:block; } .plan-share-actions .btn-share-native{grid-column:1 / -1} .report-pdf-group{ display:grid;gap:8px;width:100%; } .report-pdf-label{ display:block;font-size:12px;font-weight:700;color:var(--green-dark);line-height:1.3; } .report-pdf-actions{ display:grid;grid-template-columns:1fr auto;gap:8px;width:100%; } .report-pdf-actions .report-pdf-view{min-width:0} .report-pdf-actions .report-pdf-download{ padding-left:12px;padding-right:12px;white-space:nowrap; } .plan-action-pdf-wrap{width:100%;grid-column:1 / -1} .pdf-viewer-modal{ align-items:stretch;justify-content:center;padding:0; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); } .pdf-viewer-modal .pdf-viewer-card{ width:100%;max-width:100%;height:100%;max-height:100%; border-radius:0;display:flex;flex-direction:column;overflow:hidden; } .pdf-viewer-head{padding:14px 16px 10px;border-bottom:1px solid var(--border)} .pdf-viewer-body{ flex:1;min-height:0;background:#eef5f0;overflow:hidden;position:relative; } .pdf-viewer-scroll{ width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch; } .pdf-viewer-pages{ display:flex;flex-direction:column;align-items:center;gap:12px; padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px)); } .pdf-viewer-page{ width:100%;display:flex;justify-content:center; background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08); overflow:hidden; } .pdf-viewer-canvas{display:block;max-width:100%;height:auto} .pdf-viewer-embed{ display:block;width:100%;height:calc(100vh - 150px);min-height:60vh;border:0;background:#fff; } .pdf-viewer-loading-inline{ margin:24px auto;padding:12px;text-align:center;color:var(--muted);font-size:14px; } .pdf-viewer-loading{ position:absolute;inset:0;display:grid;place-items:center;padding:24px; margin:0;text-align:center;color:var(--muted);font-size:14px;line-height:1.45; background:rgba(238,245,240,.92); } .pdf-viewer-loading[hidden], .pdf-viewer-fallback[hidden]{ display:none!important; } .pdf-viewer-fallback{ position:absolute;inset:0;display:grid;place-items:center;padding:24px; margin:0;text-align:center;color:var(--muted);font-size:14px;line-height:1.45; } .report-view-html{ width:100%;max-width:720px;margin:0 auto; } .report-view-card{ background:#fff;border:1px solid var(--border);border-radius:12px; padding:22px 22px 20px;text-align:left;box-shadow:0 1px 3px rgba(20,80,44,.05); } .report-view-card h3{ margin:0 0 14px;color:var(--green-dark);font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.01em; } .report-view-section{ margin:18px 0 0;padding-top:14px;border-top:1px solid #e3ece6; } .report-view-section h4{ margin:0 0 10px;color:var(--green-dark);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:800; } .report-view-section p,.report-view-card > p{ margin:0;color:var(--text);font-size:14px;line-height:1.38;text-align:justify;hyphens:auto;white-space:pre-wrap; } .report-view-section p + p{margin-top:6px} .report-view-list li{ margin:0 0 5px;color:var(--text);font-size:14px;line-height:1.38;text-align:justify; } .report-view-meta{ display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px; } .report-view-meta-item{ min-width:0;padding:11px 12px;border-radius:8px;background:#f6faf7;border:1px solid #dce9e1; } .report-view-meta-item span{ display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em; } .report-view-meta-item strong{ display:block;color:var(--text);font-size:13px;line-height:1.4;overflow-wrap:anywhere;font-weight:700; } .report-view-risk{ display:inline-flex;align-items:center;gap:8px;margin:0 0 12px; padding:8px 12px;border-radius:8px;background:#eaf5ee;color:var(--green-dark); border:1px solid #cce5d4;font-weight:800;font-size:13px; } .report-view-list{ margin:0;padding-left:18px; } .report-view-list li:last-child{margin-bottom:0} .report-view-normative{ margin:0;font-size:13px;line-height:1.38;color:var(--muted);text-align:justify; } .report-view-source{ margin:0;padding:12px 14px;border-radius:8px;background:#f8fbf9;border:1px solid #e0ebe4; } .report-view-source .report-view-meta{margin-top:0} .report-director-note{ margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--green-dark,#14502c); background:#f4faf6;border-radius:0 8px 8px 0; } .report-director-note strong{ display:block;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--green-dark); } .report-director-note p{margin:0;font-size:14px;line-height:1.5} .report-director-note-meta{ margin:8px 0 0;font-size:11px;color:var(--muted); } .report-evidence-lead{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.4} .report-evidence-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px} .report-evidence-actions .report-evidence-btn{margin:0} .report-evidence-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; } @media (min-width:720px){ .report-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } .report-evidence-tile{ display:flex; flex-direction:column; align-items:stretch; gap:6px; margin:0; padding:0; border:1px solid var(--border,rgba(20,80,44,.18)); border-radius:10px; background:var(--surface,#fff); color:inherit; text-align:left; cursor:pointer; overflow:hidden; } .report-evidence-tile:focus-visible{ outline:2px solid var(--primary,#14502c); outline-offset:2px; } .report-evidence-tile-thumb{ display:block; aspect-ratio:4/3; width:100%; background: linear-gradient(180deg,rgba(20,80,44,.06),rgba(20,80,44,.12)), #eef4ef center/28px no-repeat; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314502c' stroke-width='1.6'%3E%3Cpath d='M4 7h3l2-2h6l2 2h3v12H4V7z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E"); background-size:cover,28px; background-position:center,center; background-repeat:no-repeat,no-repeat; } .report-evidence-tile-thumb.is-loaded{ background-size:cover; background-image:none; } .report-evidence-tile-thumb img{ display:block; width:100%; height:100%; object-fit:cover; } .report-evidence-tile-label{ display:block; padding:0 8px 8px; font-size:12px; font-weight:600; color:var(--text,#123); line-height:1.3; } .plan-form-title{margin:0 0 10px;font-size:16px;color:var(--green-dark)} @media (max-width:380px){ .report-view-meta{grid-template-columns:1fr} } .pdf-viewer-actions{ padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--border);background:#fff; } /* Trava só o overflow do documento; touch-action fica no modal (Android: touch-action:none no body mata o scroll depois). */ body.pdf-viewer-open{overflow:hidden} .pdf-viewer-modal:not([hidden]){touch-action:none} .pdf-viewer-modal:not([hidden]) .pdf-viewer-scroll{touch-action:pan-y} /* * Android Chrome: um único scroller = documento (pós-login). * Scroll aninhado + overscroll contain no body = gesto “morto” (tela parece travada). * iOS não entra aqui (html.ios-device / ios.css). */ html.android-device{ height:auto; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:none; -webkit-overflow-scrolling:touch; } html.android-device body{ height:auto; min-height:100%; min-height:100dvh; /* * CRÍTICO (bug do gesto morto): overflow-x:hidden em QUALQUER eixo faz o * overflow-y:visible computar como auto → body vira scroll container sem * conteúdo próprio; com overscroll-behavior:none o toque morre nele e nunca * chega ao documento (roda do mouse rola, dedo não). * body 100% visible (o html acima já clipa o eixo X) e chaining liberado. */ overflow:visible!important; overscroll-behavior-y:auto; touch-action:manipulation; } html.android-device body.auth-login{ /* Login: scroller é .login-screen (fixed), não o body. */ overflow:hidden; height:100%; height:100dvh; overscroll-behavior-y:none; } html.android-device .login-screen{ overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; touch-action:pan-y; -webkit-overflow-scrolling:touch; } html.android-device .login-body{ overflow:visible!important; } html.android-device body.auth-app .app-shell, html.android-device .main, html.android-device .screen.active, html.android-device .screen-stack, html.android-device .gan-hub, html.android-device .home-hub{ overflow:visible!important; max-height:none; height:auto; -webkit-overflow-scrolling:auto; } html.android-device body.pdf-viewer-open{ overflow:hidden; /* mantém pan no documento quando o modal fecha sem remover a classe a tempo */ touch-action:manipulation; } .report-share-wrap{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f4faf6;border:1px solid #d4eadc} .report-share-block{display:flex;justify-content:flex-start;margin:0} .report-pdf-btn{min-width:140px} .painel-report-actions{flex-wrap:wrap;gap:8px} .btn-whatsapp{background:#25d366;color:white} .btn-whatsapp:hover,.btn-whatsapp:focus{filter:brightness(1.05)} .btn-email{border-color:var(--green)} .risk-level-badge{ display:inline-block;padding:5px 10px;border-radius:999px; color:white;font-size:11px;font-weight:800; max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center; } .risk-steps{margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.5;color:var(--text)} .risk-steps li{margin:4px 0} .ai-panel-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:10px} .ai-panel p{margin:0 0 12px;line-height:1.5} .relatar-actions{display:grid;grid-template-columns:1fr;gap:var(--btn-gap);margin-top:var(--space-sm);width:100%} .relatar-actions .btn{width:100%} .risk-alert{margin:0;background:#fff3e0;border:1px solid #ffcc80;padding:10px 12px;border-radius:10px} .complement-card,.plan-form-card{text-align:left;margin-top:0} .panel-footer{margin-top:var(--space-sm)} /* -- Skeleton loaders (Fase 1 premium) -- */ @keyframes gps-skeleton-shimmer{ 0%{background-position:200% 0} 100%{background-position:-200% 0} } .gps-skeleton-bar, .gps-skeleton-dot, .gps-skeleton-track, .gps-skeleton-fill, .gps-skeleton-circle{ display:block;border-radius:999px; background:linear-gradient(90deg,#e8efe9 0%,#f4f8f5 45%,#e8efe9 90%); background-size:200% 100%; animation:gps-skeleton-shimmer 1.35s ease-in-out infinite; } .gps-skeleton-stack{display:grid;gap:12px;margin-top:14px} .gps-skeleton-row{display:flex;align-items:flex-start;gap:10px} .gps-skeleton-row--between{justify-content:space-between;align-items:center} .gps-skeleton-col{flex:1;min-width:0;display:grid;gap:8px} .gps-skeleton-dot{width:32px;height:32px;border-radius:10px;flex-shrink:0} .gps-skeleton-list{display:grid;gap:10px} .gps-skeleton-plan{ padding:14px;border-radius:12px;border:1px solid var(--border);background:#f8faf9; display:grid;gap:10px; } .gps-skeleton-pillars{display:grid;gap:12px} .gps-skeleton-pillar-row{display:grid;gap:8px} .gps-skeleton-track{height:10px;border-radius:999px;overflow:hidden;background:#e8efe9;animation:none} .gps-skeleton-fill{height:100%;border-radius:999px} .gps-skeleton-result{display:grid;gap:10px;padding:4px 0} .gps-skeleton-score{margin-top:6px} .gps-skeleton-circle{border-radius:14px!important} .visually-hidden{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap;border:0; } .painel-smart-strip.is-skeleton-loading [data-sync-metric]{ color:transparent!important;position:relative;overflow:hidden;border-radius:6px; background:linear-gradient(90deg,#e8efe9 0%,#f4f8f5 45%,#e8efe9 90%); background-size:200% 100%;animation:gps-skeleton-shimmer 1.35s ease-in-out infinite; min-width:2.5ch;min-height:1.1em;display:inline-block; } .painel-smart-strip.is-skeleton-loading [data-sync-metric]::after{content:""} @media (prefers-reduced-motion: reduce){ .gps-skeleton-bar,.gps-skeleton-dot,.gps-skeleton-fill,.gps-skeleton-circle, .painel-smart-strip.is-skeleton-loading [data-sync-metric]{animation:none} } /* -- Painel (dashboard) -- */ .painel-dashboard{ display:grid;gap:var(--space-md); color:var(--text); } .painel-dashboard .gan-notice{color:var(--text)} .painel-dashboard .gan-notice a, .painel-dashboard .painel-footer a{ color:var(--green-dark);font-weight:700;text-decoration:underline; } .painel-dashboard .text-muted, .painel-dashboard .chart-empty, .painel-dashboard .painel-loading{color:var(--muted)} .painel-dashboard .adhoc-plan-chip{color:var(--text)} .painel-dashboard .chart-legend{color:var(--muted)} .painel-dashboard .chart-legend span{color:var(--text)} .painel-period-inline{ margin:8px 0 0; font-size:12px; font-weight:500; color:#fff; opacity:.9; line-height:1.4; } .painel-method-link{ margin:10px 0 0; text-align:center; } .painel-method-link .login-install-link{ color:#fff; opacity:.92; font-size:12px; font-weight:600; text-decoration:underline; text-underline-offset:2px; } .result-method-link{ margin:8px 0 0; text-align:center; } .result-method-link .login-install-link{ color:rgba(255,255,255,.92); font-size:12px; font-weight:600; } .dashboard-empty-hint{ margin:0 0 12px; padding:10px 12px; font-size:13px; line-height:1.45; color:var(--muted); text-align:center; border-radius:12px; background:#f4faf6; border:1px dashed #c8e6d0; } #hubPrimaryBtn.is-done{ background:linear-gradient(180deg,#2a7a45 0%,#1d6b3b 100%); } .app-header-sync{ width:8px;height:8px;border-radius:50%; background:#d4a017;flex-shrink:0; box-shadow:0 0 0 2px rgba(212,160,23,.25); } .app-header-sync[hidden]{display:none!important} .app-header-inbox{ position:relative;display:inline-flex;align-items:center;justify-content:center; width:36px;height:36px;border:none;border-radius:999px;background:#f4faf6; color:var(--green-dark);cursor:pointer;flex-shrink:0; } .app-header-inbox-icon{font-size:17px;line-height:1} .app-header-inbox-badge{ position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px; border-radius:999px;background:#c62828;color:#fff;font-size:10px;font-weight:800; line-height:16px;text-align:center;box-shadow:0 0 0 2px #fff; } .app-header-inbox-badge[hidden],.app-header-inbox[hidden]{display:none!important} .leader-inbox-sheet{ position:fixed;inset:0;z-index:12000;display:flex;align-items:flex-end;justify-content:center; } .leader-inbox-sheet[hidden]{display:none!important} .leader-inbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)} .leader-inbox-panel{ position:relative;width:min(520px,100%);max-height:min(78vh,640px);background:#fff; border-radius:18px 18px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.16); display:flex;flex-direction:column;overflow:hidden; } .leader-inbox-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0} .leader-inbox-head h3{margin:0;font-size:18px;color:var(--green-dark)} .leader-inbox-close{border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--muted)} .leader-inbox-lead{margin:8px 18px 12px;font-size:13px;color:var(--muted);line-height:1.45} .leader-inbox-list{display:flex;flex-direction:column;gap:10px;padding:0 18px 18px;overflow:auto} .leader-inbox-item{ display:block;width:100%;text-align:left;border:1px solid #dce8e0;border-radius:14px; background:#f8fbf9;padding:12px 14px;cursor:pointer; } .leader-inbox-item-kicker{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px} .leader-inbox-item-title{display:block;font-size:15px;color:var(--green-dark);margin-bottom:6px} .leader-inbox-item-text{margin:0 0 6px;font-size:13px;line-height:1.45;color:var(--text)} .leader-inbox-item-meta{font-size:11px;color:var(--muted)} .leader-inbox-empty{margin:0 18px 20px;font-size:13px;color:var(--muted);text-align:center} .mobile-tab{position:relative} .mobile-tab-badge{ position:absolute;top:6px;right:calc(50% - 18px); width:7px;height:7px;border-radius:50%; background:#d4a017; box-shadow:0 0 0 2px #fff; pointer-events:none; } .painel-hero .gan-headline{margin-bottom:0} .painel-hero .gan-kicker{margin-bottom:4px} .painel-toolbar{ padding:12px 14px;border-radius:var(--radius-md); background:var(--green-gradient); color:#fff;box-shadow:0 8px 24px rgba(20,80,44,.18); } .painel-toolbar-main{display:flex;flex-direction:column;gap:10px} .painel-period-label{margin:0;font-size:13px;font-weight:600;color:#fff;line-height:1.35;opacity:.95} .painel-period-filter{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)} .painel-hero .painel-period-filter{ display:flex;align-items:center;gap:8px;margin-top:10px; padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.22); } .painel-period-select{ flex:1;min-width:0;padding:8px 10px;border-radius:8px; border:1px solid rgba(255,255,255,.35);background:#fff;color:var(--green-dark); font-size:13px;font-weight:600; } .painel-period-filter .period-btn{ background:#eaf5ee; color:var(--green-dark); border:1px solid #c8e6d0; } .painel-period-filter .period-btn.active{ background:#fff !important; color:var(--green-dark) !important; border-color:#fff !important; box-shadow:0 2px 8px rgba(0,0,0,.12); } .painel-kpi-strip{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%; max-width:100%; overflow:visible; } .painel-kpi-strip .kpi-card{ grid-column:auto; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:12px 8px; min-height:72px; } .painel-kpi-strip .kpi-body small{ text-transform:none; white-space:normal; font-size:11px; letter-spacing:0; } .kpi-card{ display:flex;flex-direction:row;align-items:center;gap:8px; min-width:0;padding:10px;border-radius:12px; background:var(--surface);border:1px solid var(--border); box-shadow:0 2px 10px rgba(20,80,44,.05); } .kpi-icon{font-size:16px;line-height:1;flex-shrink:0} .kpi-body{min-width:0;flex:1} .kpi-body strong{display:block;font-size:20px;font-weight:800;color:var(--green-dark);line-height:1.1} .kpi-body small{ display:block;margin-top:2px;font-size:9px;font-weight:700;color:#4a5c52; text-transform:uppercase;letter-spacing:.02em;line-height:1.2; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .kpi-checkins{border-top:3px solid var(--green)} .kpi-attention{border-top:3px solid var(--warning)} .kpi-adhoc{border-top:3px solid #5b7fd6} .kpi-risk{border-top:3px solid var(--danger)} .kpi-plans{border-top:3px solid #7b5ea7} .kpi-done{border-top:3px solid var(--green)} .kpi-done .kpi-body strong{color:var(--green)} .kpi-closure{border-top:3px solid #3d8b6e} .kpi-verify{border-top:3px solid #6a8f3c} .kpi-verified{border-top:3px solid #2f7d6d} .kpi-iap{border-top:3px solid #7a8f82} .kpi-iap[data-iap-tone="adequate"]{border-top-color:var(--green,#2e7d4a)} .kpi-iap[data-iap-tone="adequate"] .kpi-body strong{color:var(--green-dark,#14502c)} .kpi-iap[data-iap-tone="attention"]{border-top-color:var(--warning,#c57a00)} .kpi-iap[data-iap-tone="improvement"]{border-top-color:#d84315} .kpi-iap[data-iap-tone="priority"]{border-top-color:#bf5b00} .kpi-iap[data-iap-tone="critical"]{border-top-color:#b3261e} .kpi-iap[data-iap-tone="critical"] .kpi-body strong, .kpi-iap[data-iap-tone="priority"] .kpi-body strong{color:#8a2e1f} .painel-smart-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); } .painel-smart-strip--leader .kpi-card{ padding:12px 8px; min-height:76px; } .painel-smart-strip--leader .kpi-body strong{font-size:22px} .painel-smart-strip--leader .kpi-body small{ font-size:11px; font-weight:600; text-transform:none; letter-spacing:0; } .painel-kpi-footnote{ margin:-2px 0 12px; text-align:center; font-size:12px; line-height:1.45; color:#5a6b62; } .dashboard-preventive-main--compact{ padding:0 0 4px; } .dashboard-preventive-main--compact .dashboard-preventive-reading{ display:flex; flex-direction:column; gap:10px; align-items:flex-start; } .painel-kpi-period{ margin:0 0 10px; text-align:center; font-size:12px; color:#4a5c52; } .painel-scope-notice{ margin:0 0 8px; text-align:center; font-size:11px; font-weight:600; color:#66756b; line-height:1.35; } .recurrence-alerts-panel{ background:#fffdf7; border-color:#f2dfab; } .recurrence-alerts-list{ list-style:none;margin:0;padding:0;display:grid;gap:8px; } .recurrence-alert{ display:flex;align-items:flex-start;gap:8px; padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #f0e1b8; } .recurrence-alert-badge{ flex-shrink:0;padding:4px 8px;border-radius:999px; background:#fff4d8;color:#7b5e00;font-size:10px;font-weight:900;line-height:1.1; } .recurrence-alert--high .recurrence-alert-badge{background:#fdecea;color:var(--danger)} .recurrence-alert--low .recurrence-alert-badge{background:#edf7f0;color:var(--green-dark)} .recurrence-alert-text{ min-width:0;font-size:12px;line-height:1.4;color:var(--text);font-weight:650; } .planos-open-head{ display:flex;align-items:center;justify-content:space-between;gap:10px; margin-bottom:4px; } .planos-open-title{ margin:0;font-size:16px;font-weight:800;color:var(--green-dark);line-height:1.25; } .planos-fold-badges{display:inline-flex;gap:6px;align-items:center;margin-left:auto} .planos-fold-badge--open{background:#ede8f5;color:#5b3f8a} .planos-fold-badge--done{background:#e6f4ea;color:var(--green-dark)} .painel-card{ padding:var(--space-md);border-radius:var(--radius-md); background:var(--surface);border:1px solid var(--border); box-shadow:0 4px 16px rgba(20,80,44,.05); } .painel-card{ box-shadow:0 10px 28px rgba(20,80,44,.07); } .painel-card-head{margin-bottom:var(--space-md)} .painel-card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .painel-card-title{margin:0;font-size:16px;font-weight:800;color:var(--green-dark);line-height:1.25} .painel-card-sub{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4} .painel-card-badge{ flex-shrink:0;min-width:28px;height:28px;padding:0 8px; display:grid;place-items:center;border-radius:999px; background:var(--green-light);color:var(--green-dark); font-size:12px;font-weight:800; } .dashboard-preventive-panel{ position:relative;overflow:hidden; background:linear-gradient(135deg,#ffffff 0%,#f6fbf8 100%); border-color:#d4eadc; } .dashboard-preventive-panel::after{ content:"";position:absolute;right:10px;top:-52px;width:140px;height:140px;border-radius:999px; background:rgba(46,125,74,.07);pointer-events:none; } .dashboard-preventive-panel .painel-card-head{ position:relative;margin-bottom:12px; } .dashboard-preventive-main{ position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px; padding:14px;border-radius:16px;background:#fff;border:1px solid #e0eee5; box-shadow:0 5px 14px rgba(20,74,43,.045); } .dashboard-preventive-score{flex-shrink:0;min-width:88px} .dashboard-preventive-score strong{ display:block;font-size:34px;line-height:.95;color:var(--green-dark); white-space:nowrap;letter-spacing:-.04em; } .dashboard-preventive-score small{ display:block;margin-top:7px;font-size:9px;line-height:1.2;color:#6b7b70;font-weight:900; text-transform:uppercase;letter-spacing:.04em; } .dashboard-preventive-reading{ min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px; } .dashboard-preventive-reading .preventive-index-badge{ padding:6px 10px;font-size:11px;font-weight:900;box-shadow:0 6px 16px rgba(20,80,44,.14); } .dashboard-preventive-main p{margin:0;font-size:12px;line-height:1.45;color:#526459;font-weight:700} .dashboard-preventive-decision{ position:relative;margin:18px 0 0!important;padding:10px 12px;border-radius:13px; background:#fff8e8;color:#7a4d00!important; border:1px solid #f0d39a;font-size:12.5px;line-height:1.35;font-weight:900!important; } .dashboard-preventive-main + .dashboard-preventive-decision{margin-top:18px!important} .dashboard-preventive-focus{ position:relative;list-style:none;margin:10px 0 0;padding:0; display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; } .dashboard-preventive-focus-card{ min-width:0;padding:11px 12px;border-radius:14px;background:#f7f8f7;border:1px solid #e2e7e3; box-shadow:0 6px 16px rgba(27,45,34,.035); } .dashboard-preventive-focus-card--primary{ grid-column:1/-1;background:#f1f7f3;border-color:#d6e8dc; } .dashboard-preventive-focus-card--primary strong{ font-size:15px;color:var(--green-dark); } .dashboard-preventive-focus-card .dashboard-focus-label{ display:block;margin-bottom:5px;font-size:9.5px;line-height:1.15;color:#66736b; font-weight:900;text-transform:uppercase;letter-spacing:.04em; } .dashboard-preventive-focus-card strong{ display:block;font-size:12.5px;line-height:1.25;color:var(--text);font-weight:850; } .dashboard-preventive-focus-card small{ display:block;margin-top:5px;font-size:10.5px;line-height:1.25;color:#607066;font-weight:800; } @media (max-width:390px){ .dashboard-preventive-focus{grid-template-columns:1fr} } .painel-export-btn{flex-shrink:0;min-width:44px;padding:8px 10px} .painel-loading{margin:0;text-align:center;padding:var(--space-md) 0;font-size:13px} .painel-footer{text-align:center;font-size:12px} .painel-shortcut-card{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding:var(--space-md);background:linear-gradient(135deg,#f4faf6,#eef8f1); border:1px solid #d4eadc; } .painel-shortcut-copy{flex:1;min-width:0} .painel-shortcut-btn{flex-shrink:0;white-space:nowrap} .planos-hero .gan-lead{opacity:.9} .planos-period-hint{ margin:8px 0 0;font-size:13px;font-weight:600;color:var(--green-dark);line-height:1.4; } .planos-filter{ display:flex;flex-wrap:wrap;align-items:center;gap:10px; padding:10px 12px;border-radius:12px;background:#f4f8f5;border:1px solid var(--border); } .planos-filter-label{ font-size:13px;font-weight:800;color:var(--muted);white-space:nowrap; } .planos-period-filter{flex:1;min-width:0} .planos-period-filter .period-btn{ background:#fff;color:var(--green-dark);border:1px solid #c8e6d0; } .planos-period-filter .period-btn.active{ background:var(--green-gradient);color:#fff;border-color:var(--green-dark); } .planos-day-picker{ display:flex;align-items:center;gap:10px;margin-top:0;flex-wrap:wrap; } .planos-day-picker[hidden]{display:none!important} .planos-day-label{ margin:0;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap; } .planos-day-input{ flex:1;min-width:140px;max-width:220px; padding:8px 12px;border-radius:10px;border:1px solid var(--border); background:#fff;color:var(--text);font:inherit;font-size:14px; } .planos-kpi-strip{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:var(--space-md); align-items:stretch; } .planos-kpi-strip .kpi-card{ grid-column:auto; min-height:68px; align-items:center; } .planos-kpi-strip .kpi-body small{ text-transform:none; white-space:normal; font-size:10px; font-weight:700; letter-spacing:0; } .planos-section{margin-top:4px} .planos-section+.planos-section{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)} .planos-section-title{ margin:0 0 10px;font-size:13px;font-weight:800;color:var(--green-dark); letter-spacing:.02em;text-transform:uppercase; } .planos-section-list{display:grid;gap:10px} .planos-footer{text-align:center;font-size:12px} .planos-fold{border:none;margin:0} .planos-fold-summary{ display:flex;align-items:center;justify-content:space-between;gap:10px; min-height:42px;padding:6px 0;cursor:pointer;list-style:none;font-weight:800;font-size:16px; color:var(--green-dark);-webkit-tap-highlight-color:transparent; } .planos-fold-summary::-webkit-details-marker{display:none} .planos-fold-title{flex:1;min-width:0} .planos-fold-badge{flex-shrink:0} .planos-fold-summary::after{ content:"";flex-shrink:0;width:9px;height:9px; border-right:2.5px solid var(--green-dark);border-bottom:2.5px solid var(--green-dark); transform:rotate(-45deg);transition:transform .2s ease;margin-top:-2px; } .planos-fold[open] .planos-fold-summary::after{transform:rotate(45deg);margin-top:2px} .planos-fold-body{ margin-top:12px;padding-top:12px;border-top:1px solid var(--border); min-width:0;max-width:100%;overflow-x:hidden; } .planos-fold-body .plans-list, .planos-fold-body .planos-section-list{ min-width:0;max-width:100%; } .planos-fold-body .plan-item, .planos-fold-body .adhoc-item--history{ min-width:0;max-width:100%;box-sizing:border-box; } .planos-fold-body .painel-card-sub{margin:0 0 10px} .painel-fold-summary{align-items:flex-start} .painel-fold-copy{ flex:1;min-width:0;display:grid;gap:3px; } .painel-fold-copy .painel-card-sub{ display:block;margin:0;font-weight:600; } .painel-fold-body{ margin-top:10px;padding-top:12px; } .pdca-trail-card{ background:linear-gradient(135deg,#ffffff 0%,#f4faf6 100%); border-color:#cfe7d6; transition:box-shadow .25s ease,border-color .25s ease; } .pdca-trail-card--focus{ border-color:var(--green); box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent); } .adhoc-item--history{border-left:4px solid #5b7fd6;display:block} .plan-item.adhoc-item--history{display:block} .pdca-trail-grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; } .pdca-trail-item{ padding:10px;border-radius:12px;background:#fff;border:1px solid #dcebe1;text-align:center; } .pdca-trail-item strong{ display:block;font-size:18px;line-height:1.1;color:var(--green-dark);font-weight:900; } .pdca-trail-item span{ display:block;margin-top:4px;font-size:10px;line-height:1.25;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.02em; } .pdca-trail-summary{ margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--muted); } .planos-fold-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px} .planos-day-group+.planos-day-group{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)} .planos-day-label{ margin:0 0 8px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em; } .painel-chart-card .pillars-chart{gap:12px;margin-bottom:4px} .pillars-insight{ margin:16px 0 0; padding:14px 16px; border-radius:12px; background:#f4faf6; border:1px solid #d4eadc; } .pillars-insight-title{ margin:0 0 10px; font-size:12px; font-weight:700; color:var(--green-dark); line-height:1.35; } .pillars-insight-text{ margin:0; font-size:12px; line-height:1.55; color:var(--text); } .pillars-insight-loading{color:var(--muted);font-style:italic} .pillar-row{ padding:12px;border-radius:12px;background:#f8faf9;border:1px solid var(--border); } .pillar-row-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:10px} .pillar-name{font-weight:800;font-size:13px;color:var(--green-dark)} .pillar-total{font-size:11px;color:var(--muted);font-weight:700;background:#fff;padding:3px 8px;border-radius:999px;border:1px solid var(--border)} .pillar-bar-track{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#e8efe9} .pillar-bar-seg{height:100%;min-width:0;transition:width .35s ease} .pillar-bar-fill--stable{background:linear-gradient(90deg,#56b86a,var(--green-dark))} .pillar-bar-fill--attention{background:linear-gradient(90deg,#f5c842,#c57a00)} .pillar-bar-fill--elevated{background:linear-gradient(90deg,#f08a4a,#d84315)} .pillar-bar-fill--critical{background:linear-gradient(90deg,#ef5350,#b3261e)} .pillar-severity-legend{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; width:100%; max-width:100%; margin:0 0 12px; padding:0; list-style:none; font-size:12px; font-weight:600; color:var(--muted); box-sizing:border-box; overflow:hidden; } .pillar-severity-legend li{ display:inline-flex; align-items:center; justify-content:center; gap:5px; flex:0 0 auto; white-space:nowrap; line-height:1.25; } .pillar-severity-legend li span{ white-space:nowrap; line-height:1.2; } .pillar-severity-legend .legend-dot{ flex-shrink:0; width:10px; height:10px; margin:0; } .legend-stable{background:#56b86a} .legend-attention{background:#f5c842} .legend-elevated{background:#f08a4a} .legend-critical{background:#ef5350} .pillar-row-meta{ display:flex;align-items:center;justify-content:space-between; flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11px;color:var(--muted) } .pillar-severity{ font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;line-height:1.2; } .pillar-severity--stable{background:#e8f5e9;color:#2e7d4f} .pillar-severity--attention{background:#fff8eb;color:#7b4d00} .pillar-severity--elevated{background:#fff0e8;color:#9a3412} .pillar-severity--critical{background:#ffebee;color:#b3261e} .pillar-row-meta > span:not([class*="pillar-severity"]){ background:#fff;padding:2px 8px;border-radius:999px;border:1px solid var(--border) } .planos-export-btn{flex-shrink:0;white-space:nowrap} .pillar-row--humanizada{border-left:4px solid var(--green)} .pillar-row--produtividade{border-left:4px solid var(--warning)} .pillar-row--juridica{border-left:4px solid var(--danger)} .painel-chart-legend{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)} .painel-alerts{display:grid;gap:8px} .painel-alert{ display:flex;gap:10px;align-items:flex-start;padding:12px 14px; border-radius:12px;font-size:13px;line-height:1.45; } .painel-alert-high{background:#ffebee;border:1px solid #ffcdd2;color:#7f1d1d} .painel-alert-med{background:#fff8eb;border:1px solid #f1d394;color:#7b4d00} .painel-alert-icon{flex-shrink:0;font-size:16px} .adhoc-list,.plans-list{display:grid;gap:10px} .adhoc-empty,.plans-empty{ text-align:center;padding:var(--space-lg) var(--space-md); background:linear-gradient(180deg,#fafcfb 0%,#f4f8f5 100%); border:1px dashed var(--border);border-radius:var(--radius-md); } .adhoc-empty p,.plans-empty p{margin:0 0 var(--space-sm);line-height:1.45} .plans-empty .btn{margin-top:var(--space-sm);width:100%} .adhoc-item{ display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start; padding:12px 14px;border-radius:12px;background:#f8faf9;border:1px solid var(--border); } .adhoc-item--high{border-left:4px solid var(--danger)} .adhoc-item--med{border-left:4px solid var(--warning)} .adhoc-item--low{border-left:4px solid var(--green)} .adhoc-item-dot{ width:36px;height:36px;border-radius:10px;display:grid;place-items:center; background:var(--green-light);font-size:16px;flex-shrink:0; } .adhoc-item-body{min-width:0} .adhoc-item-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px} .adhoc-badge{ font-size:9px;font-weight:800;padding:3px 7px;border-radius:999px; background:var(--green-gradient);color:#fff;text-transform:uppercase;letter-spacing:.04em; } .adhoc-category{font-size:11px;font-weight:600;color:var(--muted)} .adhoc-risk{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px} .adhoc-risk-high{background:#fdecea;color:var(--danger)} .adhoc-risk-med{background:#fff3e0;color:#7b4d00} .adhoc-risk-low{background:#eef5f1;color:var(--green-dark)} .adhoc-item-title{margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.35;color:var(--text)} /* Texto sem espaços (ex.: palavra contínua digitada) não pode vazar do cartão */ .adhoc-item-title,.adhoc-item-desc,.adhoc-plan-chip,.adhoc-flow-hint, .plan-item-title,.plan-item-desc,.plan-verify-text{ overflow-wrap:anywhere;word-break:break-word; } .adhoc-item-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)} .adhoc-item-desc{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--text)} .adhoc-evidence-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px} .adhoc-evidence-btn{font-size:12px;padding:8px 12px} .adhoc-no-evidence{margin:0 0 10px;font-size:12px} .adhoc-plan-chip{ margin-top:8px;padding:8px 10px;border-radius:8px; background:#fff;border:1px solid var(--border);font-size:12px;line-height:1.35; } .adhoc-plan-chip strong{color:var(--green-dark)} .adhoc-flow-trail{ display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px; padding:10px;border-radius:10px;background:#f0f7f2;border:1px solid #cfe7d6; } .adhoc-flow-step{ display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted); } .adhoc-flow-step.is-done{color:var(--green-dark)} .adhoc-flow-dot{ width:18px;height:18px;border-radius:999px;display:grid;place-items:center; background:#dfe9e3;color:var(--muted);font-size:11px;font-weight:900;flex:0 0 auto; } .adhoc-flow-step.is-done .adhoc-flow-dot{ background:var(--green-gradient);color:#fff; } .adhoc-flow-hint{ margin:8px 0 0;padding:9px 10px;border-radius:10px; background:#fff;border:1px dashed #b7d9c2;color:var(--green-dark); font-size:12px;line-height:1.4; } .painel-item-actions{margin-top:10px;display:flex;justify-content:flex-end} .painel-delete-btn{color:var(--danger)!important;border-color:#f5c2c0!important;background:#fff!important} .evidence-modal{ position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px; } .evidence-modal[hidden]{display:none!important} .evidence-modal-backdrop{position:absolute;inset:0;background:rgba(15,35,24,.55)} .evidence-modal-card{ position:relative;width:100%;max-width:360px;max-height:85dvh; background:var(--surface);border-radius:16px;overflow:hidden; box-shadow:var(--shadow);display:flex;flex-direction:column; } .evidence-modal-head{ display:flex;align-items:center;justify-content:space-between; padding:12px 14px;border-bottom:1px solid var(--border); } .evidence-modal-head h3{margin:0;font-size:16px;color:var(--green-dark)} .evidence-modal-close{ border:none;background:transparent;font-size:24px;line-height:1; color:var(--muted);cursor:pointer;padding:4px 8px; } .evidence-modal-body{padding:14px;overflow:auto} .evidence-image-preview{display:block;width:100%;max-height:60dvh;object-fit:contain;border-radius:10px} .evidence-audio-player{width:100%} .evidence-audio-hint{margin:10px 0 8px;font-size:12px} .evidence-audio-download{margin-top:4px} .plan-item{ padding:14px;border-radius:12px;background:#f8faf9;border:1px solid var(--border); border-left:4px solid var(--green); min-width:0;max-width:100%;box-sizing:border-box; } .plan-item--adhoc{border-left-color:#5b7fd6} .plan-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px} .plan-item-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center} .plan-priority{ font-size:9px;font-weight:800;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em; } .plan-priority-high{background:#fdecea;color:var(--danger)} .plan-priority-med{background:#fff3e0;color:#7b4d00} .plan-priority-low{background:var(--green-light);color:var(--green-dark)} .plan-due{font-size:11px;font-weight:700;white-space:normal;text-align:right;overflow-wrap:anywhere;max-width:52%} .plan-due-late{color:var(--danger)} .plan-due-today{color:var(--warning)} .plan-due-soon{color:#7b4d00} .plan-due-ok,.plan-due-none{color:var(--muted)} .plan-item-title{margin:0 0 6px;font-size:15px;font-weight:800;line-height:1.35;color:var(--green-dark)} .plan-item-desc{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--muted)} .plan-item-foot{ display:flex;justify-content:space-between;align-items:center;gap:8px; flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);font-size:12px; } .plan-item-owner{color:var(--muted)} .plan-item-owner strong{color:var(--text)} .plan-status{font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px} .plan-status-open{background:var(--green-light);color:var(--green-dark)} .plan-status-done{background:#e8f4ec;color:var(--green-dark)} .plan-status-fail{background:#fdecea;color:var(--danger)} .plan-status-default{background:#f0f0f0;color:var(--muted)} .plan-offline-tag{font-size:10px;font-weight:700;color:var(--warning)} .plan-verify-note{ margin:8px 0 0;padding:10px 11px;border-radius:10px; background:#f4faf6;border:1px solid #d4eadc; max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden; } .plan-verify-label{ display:block;margin:0 0 4px;font-size:11px;font-weight:800; letter-spacing:.02em;text-transform:uppercase;color:var(--green-dark);line-height:1.3; } .plan-verify-text{ margin:0;font-size:12px;line-height:1.45;color:var(--text); overflow-wrap:anywhere;word-break:break-word;hyphens:auto; } .plan-director-note{ margin:8px 0 0;padding:10px 11px;border-radius:10px; background:#fafbfa;border:1px solid #e2e8e4;border-left:3px solid var(--green-dark); max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden; } .plan-director-label{ display:block;margin:0 0 4px;font-size:10px;font-weight:700; letter-spacing:.02em;text-transform:uppercase;color:var(--muted);line-height:1.3; } .plan-director-text{ margin:0;font-size:12px;line-height:1.45;color:var(--text); overflow-wrap:anywhere;word-break:break-word; } .plan-pdca-actions{display:flex;gap:8px;margin-top:12px} .plan-pdca-actions .btn{flex:1} .plan-actions-grid{ display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px;width:100%; } .plan-action-btn{ width:100%;min-height:42px;padding:10px 12px; display:inline-flex;align-items:center;justify-content:center; white-space:normal;line-height:1.3;text-align:center; } .plan-action-pdf{ background:var(--green-dark);color:#fff;border-color:var(--green-dark);font-weight:700; } .plan-action-pdf:hover,.plan-action-pdf:focus{ background:var(--green-dark);color:#fff;border-color:var(--green-dark);filter:brightness(1.08); } .plan-action-delete{color:var(--danger);border-color:transparent} .period-filter{display:flex;flex-wrap:nowrap;width:100%;border:1px solid var(--border);border-radius:999px;padding:3px;background:#f8faf9;box-sizing:border-box} .period-btn{flex:1;border:none;background:transparent;color:var(--muted);padding:8px 10px;border-radius:999px;font-weight:700;font-size:12px;cursor:pointer;min-height:36px} .period-btn.active{background:var(--green-gradient);color:white} .pillars-chart{display:grid;gap:var(--space-sm)} .chart-legend{display:flex;gap:var(--space-md);font-size:12px;color:var(--muted)} .legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:6px;vertical-align:middle} .legend-atencao{background:var(--warning)} .legend-nao{background:var(--danger)} .dashboard-report-actions{margin-top:12px} .chart-empty{margin:0;text-align:center;padding:var(--space-md) 0;font-size:13px;color:var(--muted)} .login-brand{margin:0 auto var(--space-md)} .text-muted{color:var(--muted)} .result-box-sub{margin:var(--space-xs) 0 0;font-size:13px;color:var(--muted);line-height:1.45} .result-box .btn-stack{margin-top:var(--space-sm)} .media-actions{display:grid;grid-template-columns:1fr;gap:var(--btn-gap);margin-top:var(--space-sm);width:100%} .media-actions .btn{width:100%} .media-btn{font-size:13px;padding:12px 10px} .media-btn.recording{background:#fdecea;color:var(--danger);border-color:#f5c2c0} .photo-file-label{ position:relative;display:flex;align-items:center;justify-content:center; width:100%;min-height:48px;margin:0;overflow:hidden; cursor:pointer;-webkit-tap-highlight-color:transparent; box-sizing:border-box; } .photo-file-label-text{ position:relative;z-index:1;pointer-events:none;user-select:none; } .photo-file-input{ position:absolute;inset:0;width:100%;height:100%; opacity:0;cursor:pointer;font-size:16px;z-index:2; border:0;padding:0;margin:0; -webkit-appearance:none;appearance:none; } .photo-file-label--blocked .photo-file-input{pointer-events:none} .photo-file-label--blocked{opacity:.72;cursor:not-allowed} .media-status{font-size:12px;color:var(--muted);margin:8px 0 0} .media-preview-list{display:flex;flex-direction:column;gap:8px;margin-top:10px} .media-attach-item{ display:flex;align-items:center;justify-content:space-between;gap:10px; padding:10px 12px;border-radius:10px;background:#f8faf9;border:1px solid var(--border); } .media-attach-label{font-size:13px;font-weight:700;color:var(--text);min-width:0} .media-attach-remove{flex-shrink:0;color:var(--danger)!important;border-color:#f5c2c0!important;background:#fff!important} .media-chip{ display:inline-flex;align-items:center;gap:6px;padding:6px 10px; border-radius:999px;background:var(--green-light);font-size:12px; } .media-chip button{border:none;background:transparent;cursor:pointer;font-size:16px;line-height:1} .attention-summary{ margin:var(--space-md) 0;padding:14px;border-radius:14px; background:var(--green-light);text-align:left; } .attention-summary h4{margin:0 0 10px;font-size:14px;color:var(--green-dark)} .attention-list{margin:0;padding:0;list-style:none;display:grid;gap:10px} .attention-list li{ padding:10px 12px;border-radius:10px;background:white; border:1px solid var(--border);font-size:13px;line-height:1.45; } .attention-pillar{ display:inline-block;font-size:10px;font-weight:800; padding:3px 8px;border-radius:999px;background:var(--green-light); color:var(--green-dark);margin-bottom:6px; } .attention-list strong{display:block;margin:4px 0} .attention-list small{color:var(--muted)} .complement-title{margin:0 0 6px;color:var(--green-dark)} .complement-hint{margin:0 0 var(--space-sm);font-size:13px;color:var(--muted)} .nr1-banner{ padding:10px 14px;border-radius:var(--radius-sm); background:#e8f4ec;border:1px solid #b8dcc4;font-size:13px;line-height:1.45; } .nr1-banner strong{color:var(--green-dark)} .checkin-meta-card{text-align:left;overflow:hidden;max-width:100%} .checkin-meta-grid{ grid-template-columns:1fr; gap:var(--space-sm); width:100%;max-width:100%;min-width:0; } .media-secure-hint{font-size:12px;color:var(--warning,#c57a00);margin:6px 0 0;line-height:1.4;font-weight:600} .checkin-datetime-row{ display:grid; grid-template-columns:minmax(0,1fr) 108px; column-gap:8px; row-gap:0; align-items:start; width:100%;min-width:0; } .checkin-datetime-row .field{ min-width:0;margin:0; } #checkinDateWrap{ width:100%;max-width:100%;min-width:0; } #checkinTimeWrap{ width:108px;max-width:108px;min-width:108px; justify-self:end; } .checkin-datetime-row .field label{ display:block;margin:0 0 7px;font-size:14px;line-height:1.2; } .checkin-datetime-row input[type="date"], .checkin-datetime-row input[type="time"]{ width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:block; min-height:44px;height:44px;margin:0;padding:12px 8px;font-size:16px;line-height:1.2; } .checkin-datetime-row input[type="time"], #checkinTime{ width:100%;max-width:108px;padding-left:4px;padding-right:4px; text-align:center;letter-spacing:-0.02em; } .nr1-pledge{margin-top:10px;font-size:13px} body.monitoring-mode .app-header-avatar{box-shadow:0 0 0 2px #b8dcc4} .sit-consolidated{ width:100%;background:#f8faf9;border:1px solid var(--border); border-radius:var(--radius-sm);padding:12px;font-size:13px;line-height:1.5;resize:vertical; } .result-body .plan-form-inline{ margin-top:12px;padding-top:12px;border-top:1px solid var(--border); background:transparent;box-shadow:none;border-radius:0; } .plan-complement-section{ margin-top:14px;padding-top:14px; border-top:1px dashed rgba(46,125,74,.22); } .plan-complement-label{ margin:0 0 10px;font-size:12.5px;font-weight:850;line-height:1.35;color:var(--green-dark); } .plan-complement-mount .complement-card{ margin:0;border:none;background:transparent;box-shadow:none; } .complement-card--inline .gan-hero{display:none} .complement-card--inline .complement-flow-banner{ margin:0 0 10px;padding:8px 10px;font-size:11.5px;border-radius:10px; } .complement-card--inline .gan-body{padding:0} .complement-card--inline .relatar-actions{margin-top:10px} .plan-escalation-notice{margin:0 0 10px} .result-body .plan-form-inline .plan-form-actions{margin-top:var(--space-sm)} .plan-title-input{ width:100%;min-height:6.5rem;resize:vertical;line-height:1.45; padding:12px 14px;font-size:15px; } .chart-period-label{margin:0;font-size:13px} .text-danger{color:var(--danger)} .offline-banner{ position:sticky;top:0;z-index:55; background:#fff8eb;color:#7b4d00; border-bottom:1px solid #f1d394; padding:10px 14px;font-size:13px;font-weight:600; text-align:center;line-height:1.35; } .recurrence-alerts{ background:#fff8eb;border:1px solid #f1d394;border-radius:var(--radius-md); padding:var(--space-md); } .plan-status-fail{background:#ffebee;color:#b71c1c} .plan-pdca-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px} .plan-pdca-actions .btn{width:100%} .plan-offline-tag{font-size:10px;font-weight:700;color:#7b4d00;background:#fff8eb;padding:3px 8px;border-radius:999px} /* Bloqueio desktop - app exclusivo celular */ .mobile-only-gate{ position:fixed;inset:0;z-index:9999; display:none;place-items:center; background:linear-gradient(135deg,#fafcfb 0%,#ffffff 48%,#f7f9f8 100%); padding:24px;padding-top:calc(24px + var(--safe-top)); padding-bottom:calc(24px + var(--safe-bottom)); box-sizing:border-box; } .mobile-only-card{ width:100%;max-width:360px;text-align:center; background:var(--surface);border:1px solid var(--border); border-radius:20px;padding:28px 22px;box-shadow:var(--shadow); } .mobile-only-logo{margin:0 auto 14px;width:56px;height:56px} .mobile-only-title{margin:0 0 12px;font-size:22px;font-weight:800;color:var(--green-dark)} .mobile-only-lead{margin:0 0 10px;font-size:15px;line-height:1.45;color:var(--text)} .mobile-only-hint{margin:0 0 10px;font-size:14px;line-height:1.45;color:var(--muted)} .mobile-only-sub{margin:0 0 14px;font-size:12px;color:var(--muted);line-height:1.4} .mobile-only-pc-links{display:grid;gap:8px;margin-top:4px} .mobile-only-pc-links .btn{width:100%;text-decoration:none;box-sizing:border-box} body.mobile-blocked .mobile-only-gate{display:grid!important} .mobile-only-steps{ margin:12px 0 10px;padding-left:20px;text-align:left; font-size:13px;line-height:1.5;color:var(--text) } .mobile-only-steps li{margin-bottom:6px} .pwa-reconnect-gate{ position:fixed;inset:0;z-index:10001; display:none;place-items:center; background:linear-gradient(135deg,#fafcfb 0%,#ffffff 48%,#f7f9f8 100%); padding:24px;padding-top:calc(24px + var(--safe-top)); padding-bottom:calc(24px + var(--safe-bottom)); box-sizing:border-box; } .pwa-reconnect-gate:not([hidden]){display:grid!important} body.pwa-reconnect-blocked #loginScreen, body.pwa-reconnect-blocked #appShell{display:none!important} .pwa-reconnect-card{ width:100%;max-width:380px;text-align:left; background:var(--surface);border:1px solid var(--border); border-radius:20px;padding:24px 20px;box-shadow:var(--shadow); } .pwa-reconnect-card h1{margin:12px 0 10px;font-size:20px;font-weight:800;color:var(--green-dark);text-align:center} .pwa-reconnect-lead{margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--text)} .pwa-reconnect-steps{margin:0 0 16px;padding-left:20px;font-size:13px;line-height:1.5;color:var(--text)} .pwa-reconnect-steps li{margin-bottom:8px} #pwaReconnectRetry{width:100%} .corp-wifi-gate{ position:fixed;inset:0;z-index:10000; display:none;place-items:center; background:linear-gradient(135deg,#fafcfb 0%,#ffffff 48%,#f7f9f8 100%); padding:20px; padding-top:calc(20px + var(--safe-top)); padding-bottom:calc(20px + var(--safe-bottom)); box-sizing:border-box; } .corp-wifi-gate:not([hidden]){display:grid!important} body.corp-wifi-blocked #loginScreen, body.corp-wifi-blocked #appShell{display:none!important} .corp-wifi-card{ width:100%;max-width:380px;text-align:left; background:var(--surface);border:1px solid var(--border); border-radius:20px;padding:24px 20px;box-shadow:var(--shadow); } .corp-wifi-card h1{margin:12px 0 10px;font-size:20px;font-weight:800;color:var(--green-dark);text-align:center} .corp-wifi-lead{margin:0 0 8px;font-size:14px;line-height:1.45;color:var(--text)} .corp-wifi-detail{margin:0 0 10px;font-size:13px;line-height:1.4;color:var(--muted)} .corp-wifi-rules{margin:0 0 16px;padding-left:20px;font-size:13px;line-height:1.5;color:var(--text)} .corp-wifi-rules li{margin-bottom:8px} #corpWifiRetry{width:100%} .login-device-terms-pledge{margin-top:8px} /* PWA install - líder */ .login-footer-links{ margin:10px 0 0; display:flex;flex-wrap:wrap;align-items:center;justify-content:center; gap:4px 8px;text-align:center; } .login-footer-links-sep{ color:var(--muted);font-size:13px;font-weight:600;line-height:1; user-select:none; } .login-install-link{ border:0;background:transparent;padding:0; font-size:13px;font-weight:700;color:var(--green-dark); text-decoration:underline;text-underline-offset:2px;cursor:pointer } a.login-install-link{display:inline} .pwa-install-body{padding-bottom:4px} .pwa-install-hint{margin:0 0 10px;font-size:13px;color:var(--muted);text-align:center} .pwa-install-fold{ margin:0 0 8px;border:1px solid #d8e8de;border-radius:12px;background:#fff;overflow:hidden } .pwa-install-fold[open]{border-color:#b8dcc8;background:#f9fcfa} .pwa-install-fold summary{ padding:11px 12px;cursor:pointer;list-style:none;font-size:12px;font-weight:800; text-transform:uppercase;letter-spacing:.03em;color:var(--green-dark) } .pwa-install-fold summary::-webkit-details-marker{display:none} .pwa-install-fold .pwa-install-steps{margin:0;padding:8px 12px 12px 28px;font-size:13px;line-height:1.5} .pwa-install-fold .pwa-install-steps li{margin-bottom:6px} .pwa-install-card .app-modal-head{text-align:center} .pwa-install-modal-icon{ display:block;margin:0 auto 10px;border-radius:14px; box-shadow:0 6px 16px rgba(20,80,44,.18) } .pwa-install-modal-lead{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--muted);font-weight:500} .pwa-install-actions{display:grid;gap:8px;margin-top:12px} .pwa-install-actions [hidden]{display:none!important} .pwa-install-copy{margin:0 auto} body.mobile-blocked #loginScreen, body.mobile-blocked #appShell{display:none!important;visibility:hidden!important} /* Bloqueio perfil executivo - app exclusivo líder */ .executive-role-gate{ position:fixed;inset:0;z-index:9998; display:none;place-items:center; background:linear-gradient(160deg,#0f3d22 0%,#1d6b3b 42%,#14502c 100%); padding:24px;padding-top:calc(24px + var(--safe-top)); padding-bottom:calc(24px + var(--safe-bottom)); box-sizing:border-box;color:#fff; } .executive-role-card{ width:100%;max-width:380px;text-align:center; background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18); border-radius:20px;padding:28px 22px;backdrop-filter:blur(8px); } .executive-role-logo{margin:0 auto 14px;width:64px;height:64px;border-radius:12px} .executive-role-title{margin:0 0 12px;font-size:21px;font-weight:800;line-height:1.25} .executive-role-lead,.executive-role-hint{margin:0 0 12px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92)} .executive-role-url{margin:0 0 18px;font-size:13px;color:rgba(255,255,255,.75)} .executive-role-url code{background:rgba(0,0,0,.22);padding:3px 8px;border-radius:6px;font-size:12px} body.executive-blocked .executive-role-gate{display:grid!important} body.executive-blocked #loginScreen, body.executive-blocked #appShell{display:none!important;visibility:hidden!important} /* App 100% mobile - estrutura unificada (html.mobile-app) */ html.mobile-app, html.mobile-app body{ width:100%;max-width:100vw;overflow-x:hidden; } html.mobile-app .card.clickable:hover{ transform:none;box-shadow:0 7px 24px rgba(20,80,44,.06); } html.mobile-app input[type="file"]:not(.photo-file-input):not(.app-modal-input){ position:absolute;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; } html.mobile-app .photo-file-input, html.mobile-app input[type="file"].app-modal-input{ position:absolute;inset:auto;width:auto;height:auto;margin:0;padding:0; overflow:visible;clip:auto;white-space:normal;border:0; } html.mobile-app .photo-file-input{ inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;z-index:2; } html.mobile-app input[type="file"].app-modal-input{ position:static;width:100%;height:auto;min-height:44px;opacity:1; font-size:16px;cursor:pointer; } html.mobile-app .file-trigger{width:100%} html.mobile-app .section-title{ flex-direction:column;align-items:stretch; } html.mobile-app .section-title .btn{width:100%} html.mobile-app .login-hint-details{ text-align:center;color:var(--muted);font-size:12px; } html.mobile-app .login-hint-details summary{ cursor:pointer;font-weight:700;color:var(--green-dark);padding:4px 0; } html.mobile-app .gan-hub, html.mobile-app .main, html.mobile-app .screen.active{ min-width:0;max-width:100%; }