/* Camada visual isolada: Pesquisas. Não altera formulários, IDs, dados ou ações. */
#app .surveys-page{--survey-ink:#111214;--survey-muted:#70777f;--survey-line:rgba(17,18,20,.11);--survey-lime:#c8ff16;--survey-paper:#fff;--survey-soft:#f5f7f2}
#app .surveys-page .page-header{position:relative;align-items:end;padding:6px 0 25px;border-bottom:1px solid var(--survey-line)}
#app .surveys-page .page-header h1{letter-spacing:-.045em}
#app .surveys-page .page-header .page-actions{margin-left:auto}
#app .surveys-page .page-header .button.primary{min-height:44px;border-radius:13px;box-shadow:0 10px 18px rgba(17,18,20,.14)}
#app .surveys-page .surveys-notice{border-radius:14px}
#app .surveys-page .surveys-notice:not(.hidden){margin:22px 0 0;border:1px solid rgba(133,172,34,.32);background:linear-gradient(90deg,rgba(200,255,22,.15),rgba(255,255,255,.85));box-shadow:0 12px 24px rgba(17,18,20,.06)}
#app .surveys-page .survey-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 20px}
#app .surveys-page .survey-overview-card{position:relative;overflow:hidden;min-height:134px;padding:24px 26px;border:1px solid var(--survey-line);border-radius:22px;background:var(--survey-paper);box-shadow:0 12px 28px rgba(17,18,20,.07);isolation:isolate}
#app .surveys-page .survey-overview-card::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:54px;height:5px;background:var(--survey-lime)}
#app .surveys-page .survey-overview-card::after{content:"";position:absolute;z-index:-1;right:-30px;bottom:-56px;width:150px;height:150px;border:20px solid rgba(200,255,22,.09);border-radius:50%}
#app .surveys-page .survey-overview-card span{color:#737a84;font:800 10px/1 Roboto,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
#app .surveys-page .survey-overview-card strong{display:block;margin:16px 0 8px;color:var(--survey-ink);font:850 38px/.9 Roboto,Arial,sans-serif;letter-spacing:-.06em}
#app .surveys-page .survey-overview-card small{color:var(--survey-muted);font-size:12px}
#app .surveys-page .survey-card{overflow:hidden;margin-top:20px;padding:0!important;border:1px solid var(--survey-line);border-radius:26px;background:var(--survey-paper);box-shadow:0 18px 38px rgba(17,18,20,.09)}
#app .surveys-page .survey-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:start;padding:30px 30px 25px;background:linear-gradient(120deg,#fff 0%,#fafcf6 100%)}
#app .surveys-page .survey-status{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#111214;color:#fff;font:800 10px/1 Roboto,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
#app .surveys-page .survey-status.ativa{background:#15220a;color:var(--survey-lime);box-shadow:inset 0 0 0 1px rgba(200,255,22,.3)}
#app .surveys-page .survey-card h2{max-width:900px;margin:16px 0 8px;color:var(--survey-ink);font:850 clamp(20px,2.2vw,30px)/1.1 Roboto,Arial,sans-serif;letter-spacing:-.045em;text-transform:none}
#app .surveys-page .survey-card>header p{max-width:900px;margin:0;color:var(--survey-muted);font-size:13px;line-height:1.6}
#app .surveys-page .survey-card-count{display:grid;place-items:center;min-width:112px;min-height:112px;padding:14px;border:1px solid rgba(17,18,20,.11);border-radius:20px;background:#111214;color:#fff;font:850 42px/.9 Roboto,Arial,sans-serif;letter-spacing:-.06em;box-shadow:0 12px 22px rgba(17,18,20,.13)}
#app .surveys-page .survey-card-count small{display:block;margin-top:8px;color:var(--survey-lime);font:800 9px/1 Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#app .surveys-page .survey-card>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--survey-line);border-bottom:1px solid var(--survey-line);background:var(--survey-soft)}
#app .surveys-page .survey-card>dl>div{min-height:78px;padding:17px 20px;border-right:1px solid var(--survey-line)}
#app .surveys-page .survey-card>dl>div:last-child{border-right:0}
#app .surveys-page .survey-card dt{margin-bottom:8px;color:#7b8289;font:800 9px/1 Roboto,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
#app .surveys-page .survey-card dd{margin:0;color:var(--survey-ink);font:800 13px/1.2 Roboto,Arial,sans-serif}
#app .surveys-page .survey-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 22px;background:#fff}
#app .surveys-page .survey-card-link{min-width:0;padding:14px 16px;border:1px solid var(--survey-line);border-radius:14px;background:#fbfcfa}
#app .surveys-page .survey-card-link.result-link{background:linear-gradient(135deg,#f7faef,#fff)}
#app .surveys-page .survey-card-link span{display:block;margin-bottom:8px;color:#78808a;font:800 9px/1 Roboto,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
#app .surveys-page .survey-card-link code{display:block;overflow:hidden;color:#434950;font:600 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:nowrap;text-overflow:ellipsis}
#app .surveys-page .survey-card>footer{display:flex;flex-wrap:wrap;gap:9px;padding:0 22px 22px;background:#fff}
#app .surveys-page .survey-card>footer .button{min-height:42px;border-radius:12px;font-size:11px;letter-spacing:.015em}
#app .surveys-page .survey-card>footer .button.primary,#app .surveys-page .survey-card>footer .survey-whatsapp-button{background:#111214;color:#fff;box-shadow:0 8px 15px rgba(17,18,20,.11)}
#app .surveys-page .survey-card>footer .button.primary:hover,#app .surveys-page .survey-card>footer .survey-whatsapp-button:hover{background:var(--survey-lime);color:#111214}
#app .surveys-page .survey-card>footer .survey-status-button{margin-left:auto;border-color:rgba(182,133,22,.35);background:#fff9e8;color:#865f0e}
#app .surveys-page .survey-card>footer .survey-delete-button{border-color:rgba(190,52,52,.24);background:#fff7f7;color:#b22424}
#app .surveys-page .survey-create-panel,#app .surveys-page .survey-results-panel{border-radius:24px;border-color:var(--survey-line);box-shadow:0 16px 34px rgba(17,18,20,.08)}
#app .surveys-page .survey-create-panel .panel-title,#app .surveys-page .survey-results-header{padding-bottom:18px;border-bottom:1px solid var(--survey-line)}
#app .surveys-page .survey-form-grid label,#app .surveys-page .survey-template-preview{border-radius:14px}
@media(max-width:900px){#app .surveys-page .survey-overview{gap:12px}#app .surveys-page .survey-overview-card{padding:21px 18px}#app .surveys-page .survey-card>header{padding:24px}#app .surveys-page .survey-card-count{min-width:94px;min-height:94px;font-size:36px}}
@media(max-width:680px){#app .surveys-page .page-header{align-items:start}#app .surveys-page .page-header .page-actions{margin-left:0;margin-top:16px}#app .surveys-page .survey-overview{grid-template-columns:1fr;gap:10px}#app .surveys-page .survey-overview-card{min-height:106px}#app .surveys-page .survey-overview-card strong{font-size:32px;margin:13px 0 7px}#app .surveys-page .survey-card{border-radius:20px}#app .surveys-page .survey-card>header{grid-template-columns:1fr;gap:18px;padding:22px}#app .surveys-page .survey-card-count{grid-template-columns:auto 1fr;justify-content:start;min-width:0;min-height:auto;padding:15px 17px;font-size:31px}#app .surveys-page .survey-card-count small{margin:0 0 0 10px}#app .surveys-page .survey-card>dl,#app .surveys-page .survey-links-grid{grid-template-columns:1fr}#app .surveys-page .survey-card>dl>div{border-right:0;border-bottom:1px solid var(--survey-line)}#app .surveys-page .survey-card>dl>div:last-child{border-bottom:0}#app .surveys-page .survey-links-grid{padding:16px}#app .surveys-page .survey-card>footer{display:grid;grid-template-columns:1fr;padding:0 16px 16px}#app .surveys-page .survey-card>footer .button{width:100%}#app .surveys-page .survey-card>footer .survey-status-button{margin-left:0}}

/* Formulário de criação: somente apresentação; os campos e o submit existentes são preservados. */
#app .surveys-page .survey-create-panel{overflow:hidden;padding:0!important;border:1px solid rgba(17,18,20,.12)!important;background:#fff!important}
#app .surveys-page .survey-create-panel>.panel-title{position:relative;display:flex;justify-content:space-between;gap:20px;padding:22px 26px 20px!important;border-bottom:1px solid var(--survey-line)!important;background:linear-gradient(112deg,#fff 0%,#f5f8ed 100%)}
#app .surveys-page .survey-create-panel>.panel-title>div{min-width:0}
#app .surveys-page .survey-create-panel>.panel-title .eyebrow{color:#69735b!important;font-weight:850!important;letter-spacing:.1em!important}
#app .surveys-page .survey-create-panel>.panel-title h2{margin:5px 0 7px!important;color:var(--survey-ink)!important;font:850 clamp(21px,2.4vw,29px)/1 Roboto,Arial,sans-serif!important;letter-spacing:-.055em!important}
#app .surveys-page .survey-create-panel>.panel-title h2::after{content:"";display:block;width:40px;height:3px;margin-top:10px;background:var(--survey-lime)}
#app .surveys-page .survey-create-panel>.panel-title p:last-child{max-width:650px;color:var(--survey-muted)!important;font-size:12px!important;line-height:1.45!important}
#app .surveys-page .survey-close-create{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0!important;border:1px solid rgba(17,18,20,.14)!important;border-radius:11px!important;background:#111214!important;color:#fff!important;font:700 22px/1 Arial,sans-serif!important;transition:background .2s ease,transform .2s ease!important}
#app .surveys-page .survey-close-create:hover{background:var(--survey-lime)!important;color:#111214!important;transform:rotate(90deg)}
#app .surveys-page .survey-create-form{padding:16px 26px 20px!important}
#app .surveys-page .survey-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
#app .surveys-page .survey-form-grid>label{display:block!important;min-width:0;padding:10px 12px 11px;border:1px solid var(--survey-line);border-radius:14px;background:#fbfcfa;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
#app .surveys-page .survey-form-grid>label>span{display:block;margin-bottom:6px;color:#6b737b;font:850 10px/1 Roboto,Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase}
#app .surveys-page .survey-form-grid>label :is(select,input,textarea){width:100%;border:1px solid rgba(17,18,20,.13)!important;border-radius:11px!important;background:#fff!important;color:#17181a!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease!important}
#app .surveys-page .survey-form-grid>label :is(select,input){min-height:40px;padding:0 11px!important;font-weight:700!important}
#app .surveys-page .survey-form-grid>label textarea{min-height:68px;padding:10px 11px!important;font-weight:600!important;line-height:1.4!important;resize:vertical}
#app .surveys-page .survey-form-grid>label:focus-within{border-color:rgba(162,205,18,.68);box-shadow:0 0 0 4px rgba(200,255,22,.13)}
#app .surveys-page .survey-form-grid>label:focus-within :is(select,input,textarea){border-color:#afdf14!important}
#app .surveys-page .survey-form-grid>.survey-field-full{grid-column:1/-1}
#app .surveys-page .survey-unit-auto-field{display:flex;align-items:center;min-height:40px;padding:0 11px;border:1px solid rgba(162,205,18,.34);border-radius:11px;background:linear-gradient(90deg,rgba(200,255,22,.15),#fff);color:#26330b;font-weight:800}
#app .surveys-page .survey-unit-title-hint{display:block;margin-top:6px;color:#777f88;font-size:11px;line-height:1.25}
#app .surveys-page .survey-template-preview{margin-top:14px!important;overflow:hidden;border:1px solid var(--survey-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 20px rgba(17,18,20,.05)}
#app .surveys-page .survey-template-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px!important;background:#111214!important;color:#fff}
#app .surveys-page .survey-template-preview-head strong{font:850 12px/1 Roboto,Arial,sans-serif!important;letter-spacing:.05em;text-transform:uppercase}
#app .surveys-page .survey-template-preview-head span{padding:7px 10px;border-radius:999px;background:rgba(200,255,22,.16);color:var(--survey-lime);font:850 10px/1 Roboto,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}
#app .surveys-page .survey-adaptation-note{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0!important;padding:11px 18px!important;border-bottom:1px solid rgba(17,18,20,.1)!important;background:linear-gradient(90deg,#f4fae2,#fff)!important;color:#29320b!important}
#app .surveys-page .survey-adaptation-note strong{font:850 10px/1 Roboto,Arial,sans-serif!important;letter-spacing:.055em;text-transform:uppercase}
#app .surveys-page .survey-adaptation-note span{font-size:11px!important;font-weight:700!important}
#app .surveys-page .survey-template-question{display:grid!important;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;margin:0!important;padding:13px 18px!important;border-bottom:1px solid rgba(17,18,20,.08)!important;background:#fff!important}
#app .surveys-page .survey-template-question:last-child{border-bottom:0!important}
#app .surveys-page .survey-template-question>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#111214;color:var(--survey-lime);font:850 10px/1 Roboto,Arial,sans-serif}
#app .surveys-page .survey-template-question strong{display:block;color:#202226;font:750 12px/1.35 Roboto,Arial,sans-serif!important}
#app .surveys-page .survey-template-question small{display:block;margin-top:4px;color:#7b838b;font:800 9px/1 Roboto,Arial,sans-serif!important;letter-spacing:.05em;text-transform:uppercase}
#app .surveys-page .survey-create-form>.form-actions{display:flex;justify-content:flex-end;gap:10px;margin:14px 0 0!important;padding:14px 0 0;border-top:1px solid var(--survey-line)}
#app .surveys-page .survey-create-form>.form-actions .button{min-height:42px;border-radius:11px;font-size:12px}
#app .surveys-page .survey-create-form>.form-actions .button.primary{min-width:160px;box-shadow:0 10px 18px rgba(17,18,20,.14)}
@media(max-width:680px){#app .surveys-page .survey-create-panel>.panel-title{padding:22px 20px!important}#app .surveys-page .survey-create-panel>.panel-title h2{font-size:25px!important}#app .surveys-page .survey-close-create{width:38px;height:38px}#app .surveys-page .survey-create-form{padding:20px!important}#app .surveys-page .survey-form-grid{grid-template-columns:1fr!important;gap:12px!important}#app .surveys-page .survey-form-grid>.survey-field-full{grid-column:auto}#app .surveys-page .survey-template-preview-head{padding:15px 16px!important}#app .surveys-page .survey-adaptation-note{display:block;padding:13px 16px!important}#app .surveys-page .survey-adaptation-note span{display:block;margin-top:6px}#app .surveys-page .survey-template-question{padding:15px 16px!important}#app .surveys-page .survey-create-form>.form-actions{display:grid;grid-template-columns:1fr}#app .surveys-page .survey-create-form>.form-actions .button{width:100%}}