:root{--ink:#1d1d1f;--muted:#68686e;--faint:#929298;--paper:#f5f5f7;--line:#e5e5e9;--opus:#e85631;--purple:#8057dd;--teal:#007e8a;--green:#087b60;--red:#b23a38;--ease:cubic-bezier(.2,.7,.2,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#080808;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e8563166;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-90px;left:20px;background:white;color:black;padding:12px;z-index:999}.skip:focus{top:12px}.icon{display:inline-block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:650;margin:0 0 20px;color:var(--muted);line-height:1.5}.eyebrow.light{color:#dfdfdf}.orange{--tone:#d74b27}.purple{--tone:var(--purple)}.teal{--tone:var(--teal)}.green{--tone:var(--green)}.red{--tone:var(--red)}::selection{background:#e8563140}.primary,.secondary{min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:28px;font-size:14px;font-weight:550;padding:13px 23px;border-radius:24px;transition:background .2s,transform .25s var(--ease)}.primary{background:#1d1d1f;color:white}.primary:hover{background:#39393d;transform:translateY(-1px)}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:#efeff2}.text-button{font-size:13px;min-height:44px;padding:8px 0;color:var(--muted)}.text-button:hover{color:var(--ink)}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background:#ededf1;color:#57575c;font-size:27px;font-weight:400;line-height:1}.icon-button:hover{background:#dddde2}.inline-error{color:var(--red);font-size:13px;line-height:1.6;margin:12px 0}.inline-error:empty{display:none}.muted-note{font-size:12px;line-height:1.7;color:var(--muted)}
#preview-banner{background:#e8edf7;color:#26355a;padding:9px 24px;font-size:11px;display:flex;justify-content:center;gap:24px;align-items:center;position:relative;z-index:50}#preview-banner button{font-weight:650;text-decoration:underline;min-height:30px}
.site-header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:32px;justify-content:space-between;background:#080808;color:#f5f5f7}.brand img{display:block;width:144px;height:auto;object-fit:contain}.header-caption{font-size:12px;color:#aaa;flex:1;text-align:center}.header-action{font-size:12px;color:#eee;display:flex;gap:25px;align-items:center;min-height:44px}.hero{position:relative;min-height:690px;height:calc(100svh - 86px);max-height:920px;isolation:isolate;overflow:hidden;color:white}.hero-photos,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 54%;opacity:0;transform:scale(1.035);transition:opacity 1.7s ease;animation:photo-drift 18s ease-in-out infinite alternate}.hero-photo.active{opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.76) 0,rgba(0,0,0,.47) 34%,rgba(0,0,0,.04) 70%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 28%);z-index:0;pointer-events:none}.hero-copy{position:relative;max-width:1240px;margin:auto;padding:clamp(110px,14vh,170px) 60px 110px;z-index:1;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero h1{font-size:clamp(72px,7.6vw,112px);line-height:.96;letter-spacing:-.055em;font-weight:650;margin:22px 0 29px;animation:reveal .95s var(--ease) both}.hero h1 span{color:#ff794f}.hero-description{font-size:20px;line-height:1.5;color:#ececee;font-weight:400;margin:0 0 34px;animation:reveal .95s .12s var(--ease) both}.hero-cta{display:inline-flex;align-items:center;gap:44px;background:rgba(250,250,252,.97);color:#222;padding:18px 26px;border-radius:30px;font-size:14px;font-weight:600;transition:transform .3s var(--ease),background .25s;animation:reveal .95s .2s var(--ease) both}.hero-cta:hover{transform:translateY(-3px);background:#fff}.hero-meta{font-size:12px;color:#c4c4c8;margin-top:18px}.photo-caption{position:absolute;bottom:45px;left:6.5%;display:flex;gap:40px;color:#eee;font-size:11px;letter-spacing:.03em}.photo-caption span:last-child{color:#bbb}.photo-controls{position:absolute;bottom:31px;right:6%;display:flex;align-items:center;gap:1px}.photo-controls button{width:44px;height:44px;color:white}.photo-controls button span{height:2px;display:block;background:#ffffff55;transition:background .4s}.photo-controls [aria-pressed=true] span{background:white}.photo-controls #pause-photos{margin-left:8px;font-size:17px}.motion-paused .hero-photo{animation-play-state:paused}.moments{background:#f5f5f7;padding:90px max(5vw,24px) 40px}.section-heading{max-width:1180px;margin:0 auto 40px}.section-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:650;margin:0}.section-heading h2 span{color:#828289}.feature-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{position:relative;background:rgba(255,255,255,.965);border-radius:28px;padding:30px;min-height:264px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:transform .45s var(--ease),box-shadow .45s var(--ease);color:var(--ink)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #00000008}.feature-icon .icon{width:37px;height:37px;color:var(--tone);stroke-width:1.45;margin:0 0 24px}.feature-text{font-size:26px;line-height:1.15;letter-spacing:-.03em;font-weight:650;margin-bottom:22px}.feature-text em{font-style:normal;color:var(--tone)}.plus{position:absolute;bottom:21px;right:21px;width:33px;height:33px;border-radius:50%;background:#e9e9ef;color:#77777d;text-align:center;font-size:24px;line-height:31px;font-weight:500}.section-note{font-size:13px;text-align:center;color:#88888f;margin:44px 0 0}.public-footer{background:#f5f5f7;padding:28px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #e6e6ea;font-size:11px;color:#737379}.public-footer nav{display:flex;gap:24px;align-items:center}.public-footer button{font-size:11px;padding:10px 0}.public-footer a:hover{color:#1d1d1f}
dialog{color:var(--ink);padding:0;border:0;outline:none}dialog::backdrop{background:rgba(0,0,0,.54);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.survey-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100svh - 40px);background:rgba(250,250,252,.975);border-radius:28px;box-shadow:0 30px 130px #0006;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.survey-dialog[open]{animation:dialog-enter .55s var(--ease) both}.survey-top{padding:20px 28px 8px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.05em}.survey-top i{font-style:normal;color:#8c8c93;font-weight:400;margin-left:12px;letter-spacing:0}.survey-progress{display:flex;justify-content:space-between;color:#7d7d84;font-size:10px;letter-spacing:.13em;padding:13px 32px 11px}.progress-track{height:2px;background:#e8e8ed;margin:0 32px}.progress-track>span{height:100%;background:var(--opus);display:block;width:0;transition:width .5s var(--ease)}#survey-view{padding:30px 36px 12px;min-height:336px}.question-enter{animation:question-enter .42s var(--ease) both}.question-enter-back{animation:question-back .42s var(--ease) both}.question-title{font-size:36px;line-height:1.1;letter-spacing:-.038em;font-weight:650;margin:4px 0 16px;outline:none}.question-title .tone{color:var(--tone,var(--opus))}.question-description{color:var(--muted);font-size:14px;line-height:1.65;max-width:600px;margin:0 0 26px}.survey-footer{position:sticky;bottom:-1px;background:rgba(250,250,252,.98);padding:18px 34px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9e9ed;z-index:2}.survey-footer .primary{min-width:150px}.survey-error{padding:0 36px}.rating-main{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:32px 0 14px}.rate-choice{position:relative;display:block;cursor:pointer}.rate-choice input{position:absolute;opacity:0;pointer-events:none}.rate-choice .rate-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:120px;border-radius:16px;background:#fff;border:1px solid transparent;transition:background .25s,transform .25s var(--ease),border-color .25s}.rate-choice:hover .rate-body{background:#f0f0f5;transform:translateY(-2px)}.rate-number{font-size:34px;letter-spacing:-.04em;font-weight:600;color:#333339}.rate-label{font-size:11px;color:#7b7b82}.rate-choice input:checked+.rate-body{border-color:var(--opus);background:#fff6f2}.rate-choice input:checked+.rate-body .rate-number{color:#d84e2b}.rate-choice input:focus-visible+.rate-body{outline:3px solid #e8563150;outline-offset:3px}.answer-note{font-size:12px;color:var(--muted);min-height:20px;text-align:center;margin:12px 0 6px}.question-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.question-tile{background:rgba(255,255,255,.97);border-radius:21px;padding:22px 20px 16px}.question-tile>.icon{color:var(--tone);width:30px;height:30px;margin-bottom:14px}.question-tile h3{font-size:21px;line-height:1.18;font-weight:600;letter-spacing:-.025em;margin:0 0 18px}.question-tile h3 span{color:var(--tone)}.rating-scale{display:flex;gap:4px;align-items:center}.scale-choice{flex:1;position:relative;cursor:pointer;min-width:0}.scale-choice input{position:absolute;opacity:0;pointer-events:none}.scale-choice span{display:flex;align-items:center;justify-content:center;height:44px;font-size:13px;border-radius:8px;border:1px solid #ececf1;background:#fff;color:#6f6f77;transition:background .2s,border-color .2s,color .2s}.scale-choice input:checked+span{background:var(--tone,var(--ink));border-color:var(--tone,var(--ink));color:#fff}.scale-choice input:focus-visible+span{outline:3px solid #e8563166;outline-offset:1px}.scale-na{flex:1.4}.scale-na span{font-size:10px}.scale-legend{display:flex;justify-content:space-between;font-size:10px;color:#88888e;margin-top:10px}.service-row{border-bottom:1px solid var(--line)}.service-check{display:flex;gap:13px;align-items:center;min-height:65px;font-size:15px;cursor:pointer}.service-check>.icon{color:#696972;width:23px;height:23px}.service-check input{margin-left:auto;width:19px;height:19px;accent-color:var(--opus)}.service-ratings{max-width:410px;margin:0 0 22px 36px;animation:question-enter .28s var(--ease)}.nps-main{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;margin:34px 0 8px}.nps-main .scale-choice span{height:56px;font-size:17px;border-radius:11px}.nps-extremes{display:flex;justify-content:space-between;color:#73737c;font-size:11px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}.input-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#64646c;font-weight:500}.input-field input,.input-field textarea,.input-field select{font-weight:400;font-size:16px;color:var(--ink);background:#fff;min-width:0;width:100%;border:1px solid #dcdcE3;border-radius:10px;padding:13px 14px;outline-offset:2px;transition:border-color .2s,box-shadow .2s}.input-field input::placeholder,.input-field textarea::placeholder{color:#a0a0a7}.input-field input:focus,.input-field textarea:focus{border-color:#9a9aa4;box-shadow:0 0 0 3px #1d1d1f07}.input-field textarea{resize:vertical;line-height:1.6;min-height:104px}.required{color:var(--opus)}.input-field .optional{color:#95959c;font-weight:400}.field-span{grid-column:1/-1}.recognition-fieldset{border:0;border-top:1px solid var(--line);margin:25px 0 0;padding:24px 0 0}.recognition-fieldset legend{float:left;width:100%;font-size:20px;line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0 0 16px;padding:0}.recognition-fieldset .icon{color:var(--opus);margin-right:10px}.recognition-fieldset .input-field{clear:both}.check-field{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:var(--muted);line-height:1.7;padding:20px 0 0;cursor:pointer}.check-field input{flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:#1d1d1f}.check-field a{text-decoration:underline}.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.review-section{border-bottom:1px solid var(--line);padding:16px 0}.review-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:16px}.review-top button{color:var(--muted);min-height:38px;font-size:12px}.review-lines{margin:4px 0 0;font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.review-lines b{font-weight:550;color:#34343b}.success{text-align:center;padding:16px 0 24px}.success>.icon{width:56px;height:56px;color:var(--green);margin-bottom:24px}.receipt{font-size:12px;font-family:ui-monospace,monospace;color:#73737b;margin-top:25px}.detail-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100svh - 40px);padding:42px 36px 32px;background:rgba(252,252,254,.985);border-radius:26px;box-shadow:0 30px 90px #0004;overflow-y:auto;scrollbar-width:thin}.detail-dialog.large{width:min(840px,calc(100% - 28px))}.detail-dialog[open]{animation:dialog-enter .45s var(--ease)}.close-dialog{position:absolute;right:17px;top:16px}.detail-dialog h2{font-size:31px;letter-spacing:-.035em;line-height:1.15;margin:10px 35px 24px 0}.detail-dialog p{line-height:1.75;font-size:14px}.info-icon .icon{color:var(--tone);width:44px;height:44px;margin-bottom:12px}.detail-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.toast{position:fixed;z-index:1000;left:50%;bottom:22px;transform:translate(-50%,12px);padding:14px 23px;border-radius:12px;background:#26262d;color:white;box-shadow:0 12px 25px #0002;font-size:13px;max-width:calc(100% - 30px);width:max-content;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;bottom:30px;background:white;color:black;padding:20px}
/* Private workspace */
#admin-page{background:var(--paper);min-height:100svh}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;position:relative}.login-home{position:absolute;top:28px;right:40px;z-index:2;font-size:12px;color:#73737b;min-height:44px}.login-photo{position:relative;isolation:isolate;overflow:hidden;min-height:100%}.login-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.login-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000a,#0002);z-index:-1}.login-photo>div{padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;height:100%;color:#fff}.login-photo>div>img{width:160px;height:auto}.login-photo p{font-size:clamp(48px,4vw,64px);font-weight:650;letter-spacing:-.045em;line-height:1.02;margin-bottom:38px}.login-photo p span{color:#ff865e}.login-form-wrap{align-self:center;padding:100px max(10%,40px);max-width:640px}.login-form-wrap h1{font-size:50px;line-height:1.03;letter-spacing:-.04em;font-weight:630;margin:0 0 20px}.login-lead{color:var(--muted);font-size:14px;margin:0 0 34px}.login-form-wrap .input-field{margin:22px 0}.login-form-wrap .primary{width:100%;margin-top:10px}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100svh}.admin-sidebar{position:sticky;top:0;height:100svh;padding:35px 22px 24px;background:#171719;color:white;display:flex;flex-direction:column;z-index:3}.admin-sidebar .brand{padding:0;align-self:flex-start}.admin-sidebar .brand img{width:132px}.sidebar-label{font-size:8px;letter-spacing:.14em;color:#797980;margin:31px 0 24px;line-height:1.8}.admin-sidebar nav{display:flex;flex-direction:column;gap:6px}.admin-nav-item{display:flex;align-items:center;gap:13px;min-height:45px;padding:10px 12px;color:#a6a6ae;font-size:12px;text-align:left;border-radius:9px}.admin-nav-item .icon{width:18px;height:18px}.admin-nav-item.active{background:#29292d;color:white}.admin-nav-item.active .icon{color:#ff805e}.admin-nav-item:hover{color:#fff;background:#222225}.sidebar-bottom{margin-top:auto;border-top:1px solid #313135;display:flex;flex-direction:column;align-items:flex-start;padding-top:24px;gap:10px;color:#bbb;font-size:11px}.sidebar-bottom button{font-size:11px;color:#898990;padding:5px 0;min-height:35px}.admin-workspace{padding:0 38px 50px;max-width:1600px;width:100%;margin:0 auto;min-width:0}.admin-top{height:78px;border-bottom:1px solid #e0e0e6;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#83838b;gap:24px}.admin-top .text-button{font-size:11px}.admin-title{padding-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.admin-title .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:10px;color:#95959c}.admin-title h1{font-size:34px;line-height:1.1;font-weight:640;letter-spacing:-.035em;margin:0}.admin-title .secondary{font-size:11px;min-height:38px;padding:10px 15px}.period-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.period-switch{display:inline-flex;background:#e9e9ee;border-radius:10px;padding:3px;gap:3px}.period-switch button{font-size:11px;min-height:33px;border-radius:8px;min-width:60px;padding:7px 12px;color:#73737b}.period-switch button.selected{background:#fff;color:#27272e;box-shadow:0 1px 4px #00000009}.period-date{display:flex;align-items:center;gap:7px}.period-date button{min-width:30px;height:38px;font-size:22px;color:#8a8a90}.period-date .text-button{font-size:11px}.period-date input{max-width:132px;font-size:11px;border:0;background:transparent;color:#777780;min-height:38px}.range-label{font-size:10px;color:#98989f;margin:0 0 22px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.kpi{background:#fff;border-radius:19px;padding:22px 22px 19px;position:relative}.kpi-label{font-size:11px;color:#81818a;display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-label .icon{width:21px;height:21px;color:var(--tone)}.kpi-value{font-size:42px;font-weight:650;line-height:1.25;letter-spacing:-.055em;color:var(--tone);margin:8px 0 5px}.kpi-value span{font-size:22px;font-weight:500;letter-spacing:-.02em;margin-left:2px}.kpi-note{font-size:9px;line-height:1.6;color:#a0a0a7}.kpi-note .good{color:var(--green)}.kpi-note .bad{color:var(--red)}.overview-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr);gap:22px;margin-bottom:23px}.surface{background:rgba(255,255,255,.985);border-radius:20px;padding:25px;min-width:0}.surface-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.surface-head h2,.surface-head h3{font-size:16px;letter-spacing:-.02em;font-weight:600;margin:0}.surface-head p{font-size:10px;color:#9b9ba4;margin:5px 0 0;line-height:1.5}.surface-head .text-button{font-size:10px;min-height:30px}.surface-head .icon{width:16px;height:16px;color:#9a9aa1}.trend-chart{width:100%;height:auto;display:block;margin:5px 0 0;overflow:visible}.trend-chart text{font-family:inherit;fill:#ababB3;font-size:10px}.chart-table{font-size:10px;color:#9c9ca5;margin-top:5px}.chart-table summary{cursor:pointer}.chart-table table{font-size:10px;margin-top:12px}.distribution{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:24px 0 22px;background:#f0f0f4;gap:3px}.distribution span{height:100%}.distribution .positive{background:#8fbeb1}.distribution .negative{background:#e59d92}.distribution .mixed{background:#b8a4e0}.distribution .neutral{background:#cfcfd7}.distribution .unclassified{background:#e3e3e9}.sentiment-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d7d86;padding:8px 0}.sentiment-line div{display:flex;align-items:center;gap:8px}.dot{height:6px;width:6px;border-radius:50%;display:inline-block}.dot.positive{background:#8fbeb1}.dot.negative{background:#e59d92}.dot.mixed{background:#b8a4e0}.dot.neutral,.dot.unclassified{background:#cfcfd7}.sentiment-line strong{font-size:12px;color:#55555f;font-weight:600}.small-note{font-size:10px;color:#a4a4ae;line-height:1.8;margin-top:16px}.banner{border-left:2px solid #dca979;padding:10px 14px;background:#fffaf4;border-radius:0 8px 8px 0;font-size:11px;color:#9c744e;line-height:1.7;margin:0 0 23px}.banner.neutral{background:#ececf2;color:#858591;border-color:#bebec9}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;color:#73737d}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.065em;font-weight:500;color:#a6a6ae;border-bottom:1px solid #eeeeF2;padding:9px 9px 13px;white-space:nowrap}.data-table td{padding:16px 9px;border-bottom:1px solid #f0f0f4;vertical-align:middle;line-height:1.6}.data-table tr:last-child td{border:0}.data-table td strong{color:#44444d;font-size:11px;font-weight:550}.data-table .mini-action{font-size:10px;color:#63636f;min-height:34px;white-space:nowrap}.data-table .mini-action:hover{color:var(--opus)}.badge{display:inline-block;font-size:9px;padding:4px 8px;border-radius:6px;white-space:nowrap;line-height:1.3;background:#eeeeF3;color:#777782}.badge.positive,.badge.closed,.badge.done,.badge.approved{background:#eaf4ef;color:#497e69}.badge.negative,.badge.critical{background:#fceceb;color:#bc625b}.badge.mixed,.badge.in_progress{background:#efebf8;color:#8b74b5}.badge.high{background:#fff0e8;color:#ba784d}.badge.medium,.badge.new,.badge.pending,.badge.open{background:#eeeff6;color:#858b9f}.badge.low,.badge.neutral,.badge.unclassified,.badge.dismissed{background:#f1f1f4;color:#9e9ea6}.summary-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:23px}.comment-preview{border-bottom:1px solid #eeeef2;padding:17px 0;display:flex;gap:15px;align-items:flex-start}.comment-preview:last-child{border:0}.score-mini{width:34px;height:34px;border-radius:10px;background:#f1f1f5;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;color:#777782}.score-mini.low{background:#fff1ed;color:#c4775d}.comment-preview h3{font-size:11px;font-weight:550;margin:0 0 5px;color:#575761}.comment-preview p{font-size:11px;line-height:1.7;color:#8a8a94;margin:0;max-width:500px}.comment-preview button{text-align:left;flex:1;min-width:0;padding:0}.comment-preview small{font-size:9px;color:#aaaab4}.area-row{margin:23px 0}.area-label{display:flex;justify-content:space-between;font-size:11px;color:#7d7d87;margin-bottom:8px}.area-label b{font-size:11px;color:#73737f;font-weight:550}.area-track{height:4px;background:#f0f0f5;border-radius:3px}.area-track span{height:100%;background:#ad9cc6;display:block;border-radius:3px}.filter-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.filter-form input,.filter-form select{font:inherit;font-size:12px;min-height:42px;border:1px solid #e1e1e8;background:white;border-radius:10px;padding:10px 12px;color:#767680}.filter-form input{flex:1;min-width:170px}.filter-form .secondary{font-size:11px;min-height:42px}.comment-body{background:#f1f1f6;border-radius:14px;padding:20px;font-size:14px;line-height:1.85;color:#555560;white-space:pre-wrap;overflow-wrap:anywhere}.comment-body mark{background:#ffe3d7;border-radius:3px;padding:1px;color:inherit}.detail-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-size:11px;color:#a0a0ab}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.detail-grid div{font-size:12px;line-height:1.6;color:#a0a0ab;overflow-wrap:anywhere}.detail-grid b{display:block;color:#50505b;font-weight:550}.divider{border:0;border-top:1px solid #e3e3ea;margin:25px 0}.topic-evidence{font-size:12px;line-height:1.8;color:#898994}.topic-evidence b{color:#676773}.section-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.section-actions p{font-size:12px;color:#92929c;line-height:1.7;margin:0}.section-actions .primary{min-height:42px;font-size:12px}.priority-list{display:flex;flex-direction:column;gap:16px}.priority-block{background:#fff;border-radius:20px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:20px}.priority-block h2{font-size:21px;letter-spacing:-.03em;margin:0 0 10px;font-weight:600}.priority-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#9e9ea7;font-size:11px}.priority-quote{font-size:12px;color:#8f8f99;line-height:1.8;padding:12px 0 0;max-width:700px;overflow-wrap:anywhere}.priority-block .primary{align-self:center;font-size:11px;min-height:42px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kanban-col{min-width:0}.kanban-col>h2{font-size:12px;font-weight:500;color:#9696a1;margin:3px 0 18px;display:flex;justify-content:space-between}.plan-card{display:block;background:#fff;border-radius:18px;padding:23px;margin-bottom:14px;line-height:1.7;text-align:left;width:100%;transition:transform .25s}.plan-card:hover{transform:translateY(-3px)}.plan-card h3{font-size:15px;line-height:1.3;letter-spacing:-.025em;margin:13px 0 12px;font-weight:550}.plan-card p{font-size:11px;color:#9a9aa4;margin:0 0 18px}.plan-card footer{font-size:10px;color:#a7a7b0;display:flex;justify-content:space-between;gap:12px}.plan-card .overdue{color:var(--red)}.employee-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:22px}.employee-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #efeff3}.employee-row:last-child{border:0}.employee-initial{background:#f1edf7;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#a391be;flex-shrink:0}.employee-row div:nth-child(2){flex:1}.employee-row strong{font-weight:550;font-size:13px;color:#686873}.employee-row small{display:block;font-size:10px;color:#a8a8b2;line-height:1.7}.employee-count{font-size:24px;letter-spacing:-.025em;font-weight:600;color:var(--purple)}.settings-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.settings-grid .input-field{margin:16px 0;font-size:11px}.settings-grid .input-field input{font-size:13px}.settings-grid .primary,.settings-grid .secondary{font-size:11px;min-height:42px}.settings-grid .small-note{font-size:11px}.settings-grid h2{font-size:18px;letter-spacing:-.025em;margin:0 0 18px;font-weight:600}.settings-stack{display:flex;flex-direction:column;gap:22px}.setting-rule{border-bottom:1px solid #e9e9ee;padding-bottom:12px;margin-bottom:22px}.empty{padding:35px 20px;text-align:center;color:#a2a2ab;font-size:13px;line-height:1.8}.empty .icon{width:30px;height:30px;color:#bfbfc7;margin-bottom:12px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:11px;color:#9696a1;margin-top:20px}.pagination button{min-width:35px;min-height:38px;border-radius:8px;background:#fff}.loading{padding:70px 15px;text-align:center;font-size:13px;color:#a0a0ab}.audit-line{font-size:10px;line-height:1.9;border-bottom:1px solid #efeff3;padding:8px 0;color:#9696a0}.audit-line strong{font-weight:500;color:#777781}
@keyframes reveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes question-enter{from{opacity:0;transform:translateX(13px)}to{opacity:1;transform:none}}@keyframes question-back{from{opacity:0;transform:translateX(-13px)}to{opacity:1;transform:none}}@keyframes photo-drift{from{transform:scale(1.025) translateY(0)}to{transform:scale(1.065) translateY(-5px)}}
@media(min-width:1650px){.hero-copy{max-width:1400px;padding-left:0}}
@media(max-width:1150px){.admin-shell{grid-template-columns:185px minmax(0,1fr)}.admin-sidebar{padding:28px 15px}.admin-workspace{padding:0 25px 35px}.kpi-grid{gap:12px}.kpi{padding:20px 16px}.kpi-value{font-size:37px}.overview-columns{grid-template-columns:1.5fr 1fr;gap:16px}.admin-title h1{font-size:29px}.surface{padding:22px}.summary-bottom{gap:16px}.feature-text{font-size:24px}}
@media(max-width:900px){.hero{min-height:640px}.hero-copy{padding:120px 6.5% 110px}.hero h1{font-size:76px}.hero-description{font-size:18px}.feature-card{padding:25px;min-height:249px}.feature-grid{gap:15px}.feature-text{font-size:23px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative;padding:18px 24px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.admin-sidebar .brand img{width:110px}.sidebar-label{display:none}.admin-sidebar nav{flex-direction:row;overflow-x:auto;grid-column:1/-1;order:3;gap:4px;padding-bottom:2px}.admin-nav-item{white-space:nowrap;font-size:11px;gap:8px;padding:8px 10px;min-height:38px}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;border:0;padding:0;justify-self:end;flex-direction:row;align-items:center;gap:18px}.admin-top{height:60px}.overview-columns{grid-template-columns:1.4fr 1fr}.employee-layout,.settings-grid{grid-template-columns:1fr}.login-form-wrap{padding:100px 32px}.login-form-wrap h1{font-size:39px}.login-photo>div{padding:40px 30px}.login-photo p{font-size:48px}.priority-block{grid-template-columns:1fr}.priority-block .primary{justify-self:start}.admin-title{padding-top:26px}}
@media(max-width:650px){.site-header{height:76px;padding:0 22px;gap:12px}.brand img{width:119px}.header-caption{display:none}.header-action{font-size:10px;gap:13px}.hero{height:calc(100svh - 76px);min-height:650px;max-height:820px}.hero-photo{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#0009,#0003 82%),linear-gradient(0deg,#0006,transparent 35%)}.hero-copy{padding:125px 28px 110px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:25px}.hero h1{font-size:clamp(64px,16vw,84px);letter-spacing:-.055em;margin:20px 0 30px}.hero-description{font-size:16px;line-height:1.6}.hero-cta{padding:17px 23px;gap:28px;font-size:12px}.hero-meta{font-size:10px}.photo-caption{left:28px;bottom:36px;font-size:9px;flex-direction:column;gap:9px}.photo-controls{bottom:27px;right:22px}.photo-controls button{width:33px;height:44px}.moments{padding:57px 23px 33px}.section-heading{margin-bottom:28px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.section-heading h2{font-size:37px}.feature-grid{grid-template-columns:1fr;gap:17px}.feature-card{min-height:246px;padding:28px}.feature-icon .icon{width:34px;height:34px;margin-bottom:17px}.feature-text{font-size:27px;line-height:1.15}.public-footer{padding:22px;flex-direction:column;align-items:flex-start;gap:15px;font-size:10px}.public-footer nav{gap:18px;font-size:10px;flex-wrap:wrap}.public-footer button{font-size:10px}.survey-dialog{width:calc(100% - 18px);max-height:calc(100svh - 18px);border-radius:24px}.survey-top{padding:16px 19px 4px;font-size:10px}.survey-top i{font-size:10px;margin-left:9px}.survey-progress{padding:11px 23px;font-size:9px}.progress-track{margin:0 23px}#survey-view{padding:25px 23px 9px;min-height:350px}.question-title{font-size:30px;line-height:1.07;margin:4px 0 16px}.question-description{font-size:12px;line-height:1.7;margin-bottom:21px}.survey-footer{padding:16px 23px 20px}.survey-footer .primary{font-size:12px;min-width:128px;min-height:45px;gap:23px;padding:12px 17px}.survey-error{padding:0 23px}.rating-main{gap:5px;margin-top:30px}.rate-choice .rate-body{min-height:112px;border-radius:12px;gap:12px}.rate-number{font-size:29px}.rate-label{font-size:9px;letter-spacing:-.02em}.question-tiles{grid-template-columns:1fr;gap:12px}.question-tile{padding:22px;display:grid;grid-template-columns:34px 1fr;gap:0 17px}.question-tile>.icon{margin:1px 0;width:28px;height:28px}.question-tile h3{font-size:22px;margin-bottom:18px}.question-tile .rating-scale,.question-tile .scale-legend{grid-column:1/-1}.input-grid{grid-template-columns:1fr;gap:18px}.nps-main{grid-template-columns:repeat(6,1fr);gap:7px}.nps-main .scale-choice span{height:49px;font-size:16px}.nps-extremes{font-size:10px}.service-check{font-size:14px}.service-ratings{margin-left:0}.detail-dialog{padding:45px 25px 25px;border-radius:22px}.detail-dialog h2{font-size:29px;margin-right:12px}.detail-grid{gap:15px 20px}.detail-grid div{font-size:11px}.detail-dialog p{font-size:13px}.recognition-fieldset legend{font-size:19px}.detail-actions{flex-wrap:wrap}.check-field{font-size:11px}.login-page{grid-template-columns:1fr}.login-photo{min-height:290px}.login-photo>div{padding:30px;height:290px}.login-photo>div>img{width:120px}.login-photo p{font-size:33px;margin:40px 0 0}.login-form-wrap{padding:44px 28px 60px;width:100%;max-width:none}.login-home{color:#eee;top:18px;right:23px;font-size:10px}.login-form-wrap h1{font-size:40px}.admin-sidebar{padding:18px 17px 9px;gap:11px}.admin-sidebar nav{gap:0}.admin-nav-item{font-size:10px;padding:8px;gap:6px}.admin-nav-item .icon{width:15px;height:15px}.admin-workspace{padding:0 18px 35px}.admin-title{margin-bottom:24px}.admin-title h1{font-size:26px;max-width:250px}.admin-title .secondary{font-size:9px;padding:10px 11px;gap:8px;min-height:36px}.admin-title .eyebrow{font-size:8px}.admin-top{height:53px;font-size:9px}.admin-top .text-button{font-size:9px}.period-tools{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:7px}.period-switch{width:100%}.period-switch button{flex:1;min-width:0;min-height:34px}.period-date{align-self:flex-end}.range-label{font-size:9px;line-height:1.6;margin-bottom:18px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.kpi{border-radius:18px;padding:18px}.kpi-value{font-size:38px}.kpi-label{font-size:10px}.kpi-note{font-size:9px}.kpi-label .icon{width:18px;height:18px}.overview-columns,.summary-bottom{grid-template-columns:1fr;gap:16px}.surface{padding:22px;border-radius:19px}.surface-head h2,.surface-head h3{font-size:16px}.surface-head p{font-size:10px}.banner{font-size:10px;margin-bottom:17px}.data-table{font-size:10px;min-width:540px}.data-table th{font-size:8px}.data-table td{padding:14px 8px}.data-table td strong{font-size:10px}.data-table .mini-action{font-size:10px}.summary-bottom{margin-top:16px}.section-actions p{font-size:11px}.section-actions .primary{font-size:11px;padding:12px 18px;white-space:nowrap;gap:8px}.kanban{grid-template-columns:1fr}.kanban-col>h2{margin-top:10px}.employee-layout{gap:16px}.priority-block{padding:25px}.priority-block h2{font-size:21px}.settings-grid{gap:16px}.sidebar-bottom{font-size:9px;gap:13px}.sidebar-bottom button{font-size:9px}#preview-banner{padding:7px 15px;gap:8px;font-size:9px;line-height:1.5}#preview-banner button{font-size:9px;min-width:100px}.photo-controls #pause-photos{margin-left:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-photo{transform:none}.hero-copy>*{animation:none}.hero-cta:hover,.feature-card:hover,.primary:hover{transform:none}}
@media print{.admin-sidebar,.admin-top,.period-tools,#export,.photo-controls,.hero-cta,.survey-dialog,.site-header,#preview-banner{display:none!important}.admin-shell{display:block}.admin-workspace{padding:0}.surface,.kpi{break-inside:avoid}.hero{height:500px}body{background:white}}

/* Integración v8: lista desplegable de detalles, accesos sociales y footer mínimo. */
.details-list{display:flex;flex-direction:column;margin-top:8px}.detail-row{border-bottom:1px solid var(--line)}.detail-row:first-child{border-top:1px solid var(--line)}.detail-toggle{width:100%;display:flex;align-items:center;gap:13px;min-height:72px;padding:0;background:none;border:0;text-align:left}.detail-toggle>.icon{color:#696972;width:23px;height:23px}.detail-label{font-size:15px;font-weight:500;color:var(--ink)}.detail-summary{margin-left:auto;font-size:12px;color:#8a8a91}.detail-plus{margin-left:10px;font-size:24px;line-height:1;color:#8a8a91;font-weight:300}.detail-ratings{padding:0 0 22px 36px;animation:question-enter .28s var(--ease)}
.rating-scale .scale-choice input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.hero-quick-links{position:absolute;right:6%;bottom:72px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px;max-width:calc(100% - 48px);border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(32,32,35,.44);color:#f5f5f7;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.18)}
.hero-link{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;color:#f5f5f7;background:rgba(255,255,255,.03);transition:background .24s var(--ease),transform .3s var(--ease)}.social-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hero-link[data-social="facebook"] .social-icon{width:25px;height:25px}.social-divider{width:1px;height:28px;margin:0 4px;background:rgba(255,255,255,.18)}.social-tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%,5px);font-size:11px;color:#f5f5f7;background:rgba(22,22,24,.94);border-radius:10px;padding:8px 11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s,transform .25s var(--ease)}.hero-link:hover,.hero-link:focus-visible{background:rgba(255,255,255,.12)}.hero-link:hover .social-tooltip,.hero-link:focus-visible .social-tooltip{opacity:1;transform:translate(-50%,0)}
.public-footer{margin:0;padding:0 max(5vw,24px);min-height:0;background:#080808;color:#99999f;border-top:1px solid rgba(255,255,255,.07);font-size:10px;line-height:1.25}.public-footer a,.public-footer button{display:inline-flex;align-items:center;min-height:28px;padding:0;font-size:10px;color:#aaaab0}.public-footer a:hover,.public-footer button:hover{color:#f5f5f7}
html{margin:0;padding:0}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}#preview-banner{flex:0 0 auto}#public-page{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}#public-page>.site-header{flex:0 0 auto}#public-page>#main{display:flex;flex-direction:column;flex:1 0 auto;min-width:0;margin:0;padding:0}#public-page .hero{display:flex;align-items:center;flex:1 0 auto;height:auto;min-height:0;max-height:none;margin:0}#public-page .hero-copy{width:100%;margin:0 auto}#public-page>.public-footer{flex:0 0 auto}
@media(max-width:650px){#public-page .hero-copy{padding:68px 28px 180px}.hero-quick-links{right:22px;bottom:72px;gap:5px;max-width:calc(100% - 44px);padding:6px}.hero-link{width:48px;height:48px;flex-basis:48px}.public-footer{padding:3px 22px 0;flex-direction:column;align-items:center;gap:0;font-size:9px;text-align:center}.public-footer nav{gap:16px;justify-content:center}.public-footer a,.public-footer button{font-size:9px;min-height:28px}.detail-ratings{padding-left:0}}
@media(max-width:380px){#public-page .hero-copy{padding:54px 22px 180px}#public-page .hero h1{font-size:clamp(52px,16vw,64px)}}
@media(min-width:651px) and (max-width:1050px){#public-page .hero-copy{padding-bottom:170px}}
@media(min-width:651px) and (max-height:850px){#public-page .hero-copy{padding-top:32px;padding-bottom:112px}}

/* Nitidez fotográfica: portada completa sin el zoom continuo que suavizaba la imagen. */
#public-page .hero{width:100%;margin:0}
.hero-photo{animation:none;transform:none}

/* Dashboard operativo v9: jerarquía y densidad inspiradas en plataformas CX empresariales. */
#admin-page{--dash-navy:#131a2a;--dash-navy-2:#1d2639;--dash-accent:#f47752;--dash-border:#e3e6ec;--dash-bg:#f4f5f8;background:var(--dash-bg)}
#admin-page .admin-shell{grid-template-columns:258px minmax(0,1fr)}
#admin-page .admin-sidebar{padding:28px 20px 22px;background:linear-gradient(180deg,var(--dash-navy),#101622);box-shadow:8px 0 30px #17203312}
#admin-page .admin-sidebar .brand{width:100%;padding:0 10px 20px;border-bottom:1px solid #ffffff14}
#admin-page .sidebar-label{margin:20px 10px 13px;color:#778197;font-size:9px;font-weight:650;text-transform:uppercase}
#admin-page .admin-sidebar nav{gap:3px}
#admin-page .admin-nav-item{min-height:43px;border-radius:7px;padding:9px 11px;color:#aeb7c8;font-size:12px;font-weight:520}
#admin-page .admin-nav-item.active{background:#ffffff12;color:#fff;box-shadow:inset 3px 0 0 var(--dash-accent)}
#admin-page .admin-nav-item.active .icon{color:var(--dash-accent)}
#admin-page .sidebar-bottom{border-color:#ffffff14;color:#c4cad5}
#admin-page .admin-workspace{max-width:1680px;padding:0 34px 56px}
#admin-page .admin-top{height:64px;margin:0 -34px;padding:0 34px;background:#fff;border-color:var(--dash-border);position:sticky;top:0;z-index:2}
#admin-page .admin-title{padding-top:28px;margin-bottom:22px}
#admin-page .admin-title h1{font-size:30px;color:#263044}
#admin-page .admin-title .eyebrow{color:#8b95a7;font-weight:650}
#admin-page .period-tools{background:#fff;border:1px solid var(--dash-border);border-radius:10px;padding:10px 12px;margin-bottom:9px;box-shadow:0 2px 7px #17203308}
#admin-page .period-switch{background:#eef0f4;border-radius:7px}
#admin-page .period-switch button{border-radius:5px;font-weight:550}
#admin-page .period-switch button.selected{color:#273149;box-shadow:0 1px 5px #17203314}
#admin-page .range-label{margin:0 3px 16px;color:#818b9d}
#admin-page .kpi-grid{gap:13px;margin-bottom:16px}
#admin-page .kpi{border:1px solid var(--dash-border);border-radius:10px;padding:18px 19px;background:#fff;box-shadow:0 3px 12px #17203308}
#admin-page .kpi:before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--tone)}
#admin-page .kpi-value{font-size:36px;color:#273149;margin-top:10px}
#admin-page .kpi-label{color:#697487;font-weight:600}
#admin-page .surface{border:1px solid var(--dash-border);border-radius:10px;padding:21px;background:#fff;box-shadow:0 3px 12px #17203307}
#admin-page .surface-head{padding-bottom:13px;border-bottom:1px solid #edf0f4;margin-bottom:13px}
#admin-page .surface-head h2,#admin-page .surface-head h3{color:#303a4e;font-size:15px}
#admin-page .overview-columns,#admin-page .summary-bottom{gap:16px;margin-top:16px;margin-bottom:16px}
#admin-page .data-table th{background:#f7f8fa;color:#6f798b;border-color:#e5e8ee;padding:11px 10px}
#admin-page .data-table td{border-color:#eceef2;padding:13px 10px}
#admin-page .data-table tbody tr:hover{background:#fafbfc}
#admin-page .priority-list{gap:11px}
#admin-page .priority-block{border:1px solid var(--dash-border);border-radius:10px;padding:20px;box-shadow:0 2px 8px #17203306}
#admin-page .priority-block h2{font-size:18px;color:#2e384b}
#admin-page .plan-card{border:1px solid var(--dash-border);border-radius:9px;box-shadow:0 2px 8px #17203307}
#admin-page .comment-body{background:#f6f7fa;border:1px solid #e3e6ed;border-radius:8px}
#admin-page .badge{border-radius:4px;font-weight:600;letter-spacing:.01em}
#admin-page .filter-form{background:#fff;border:1px solid var(--dash-border);border-radius:10px;padding:12px}
#admin-page .detail-dialog{border-radius:12px}
#admin-page .chart-table{border:1px solid #e4e7ed;border-radius:7px;padding:10px 12px;margin:12px 0;background:#fafbfc}
#admin-page .chart-table summary{color:#596579;font-weight:650;font-size:11px}
#admin-page .role-form{display:flex;align-items:center;gap:7px}
#admin-page .role-form select{min-height:34px;border:1px solid #dfe3ea;border-radius:6px;background:#fff;color:#596579;padding:6px 8px;font:inherit}
@media(max-width:1150px){#admin-page .admin-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){#admin-page .admin-shell{grid-template-columns:1fr}#admin-page .admin-sidebar{background:var(--dash-navy);box-shadow:none}#admin-page .admin-top{position:relative;margin:0 -25px;padding:0 25px}}
@media(max-width:650px){#admin-page .admin-top{margin:0 -18px;padding:0 18px}#admin-page .period-tools{padding:9px}#admin-page .kpi{border-radius:9px}}

/* Dashboard v10: composición horizontal de plataforma de experiencia. */
@media(min-width:901px){
#admin-page .admin-shell{display:block;background:#f8f9fb}
#admin-page .admin-sidebar{position:sticky;top:0;height:136px;width:100%;padding:0;background:#28344b;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);grid-template-rows:54px 82px;align-items:center;box-shadow:none;z-index:5}
#admin-page .admin-sidebar .brand{grid-column:1;grid-row:1;border:0;padding:0 0 0 max(28px,calc((100vw - 1540px)/2));width:auto}
#admin-page .admin-sidebar .brand img{width:112px}
#admin-page .sidebar-label{display:none}
#admin-page .admin-sidebar nav{grid-column:1/-1;grid-row:2;height:82px;padding:0 max(28px,calc((100vw - 1540px)/2));background:#4d5ed0;display:flex;flex-direction:row;align-items:flex-end;gap:30px;overflow-x:auto}
#admin-page .admin-nav-item{height:82px;min-height:82px;padding:0 2px 28px;border-radius:0;background:transparent!important;color:#d9defc;font-size:12px;font-weight:620;white-space:nowrap;position:relative}
#admin-page .admin-nav-item .icon{display:none}
#admin-page .admin-nav-item.active{color:#fff;box-shadow:none}
#admin-page .admin-nav-item.active:after{content:"";position:absolute;left:50%;bottom:15px;width:5px;height:5px;border-radius:50%;background:#fff;transform:translateX(-50%)}
#admin-page .sidebar-bottom{grid-column:3;grid-row:1;margin:0;padding:0 max(28px,calc((100vw - 1540px)/2)) 0 0;border:0;justify-self:end;flex-direction:row;align-items:center;color:#edf0f7}
#admin-page .admin-workspace{max-width:none;padding:0 0 56px;margin:0}
#admin-page .admin-top{height:50px;margin:0;padding:0 max(28px,calc((100vw - 1540px)/2));position:sticky;top:136px;border-bottom:1px solid #e0e4ea;background:#fff;z-index:4}
#admin-page .admin-title,#admin-page .period-tools,#admin-page .range-label,#admin-page #admin-content{width:min(1540px,calc(100% - 56px));margin-left:auto;margin-right:auto}
#admin-page .admin-title{padding-top:27px;margin-bottom:18px}
#admin-page .period-tools{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:10px 0;background:#fff}
}
#admin-page .cx-section-title{font-size:22px;font-weight:520;color:#252d3e;margin:18px 0 16px}
#admin-page .cx-gauge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}
#admin-page .cx-gauge{background:#fff;border:1px solid #e7e9ee;border-radius:14px;min-height:330px;padding:20px 21px 17px;box-shadow:0 3px 14px #17203310;display:flex;flex-direction:column}
#admin-page .cx-gauge header{display:flex;justify-content:space-between;gap:12px;min-height:52px}
#admin-page .cx-gauge-core{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}
#admin-page .cx-gauge h2{font-size:15px;line-height:1.25;color:#1e293d;margin:0;font-weight:650}
#admin-page .cx-gauge header p{font-size:10px;color:#929bad;margin:6px 0 0}
#admin-page .cx-card-actions{color:#8792a5;font-size:18px;letter-spacing:3px;white-space:nowrap}
#admin-page .cx-gauge-body{position:relative;width:190px;height:165px;margin:13px auto 0}
#admin-page .cx-gauge-body svg{width:190px;height:128px;overflow:visible}
#admin-page .cx-gauge-track,#admin-page .cx-gauge-value{fill:none;stroke:#edf0f3;stroke-width:9;stroke-linecap:round;path-length:201}
#admin-page .cx-gauge-value{transition:stroke-dasharray .5s ease}
#admin-page .cx-gauge-body>strong{position:absolute;left:0;right:0;top:62px;text-align:center;font-size:34px;line-height:1;color:#182236;font-weight:590}
#admin-page .cx-gauge-scale{position:absolute;left:20px;right:20px;bottom:16px;display:flex;justify-content:space-between;color:#9aa3b2;font-size:10px}
#admin-page .cx-gauge-scale i{font-style:normal}
#admin-page .cx-gauge footer{border-top:1px solid #eef0f4;margin-top:auto;padding-top:13px;font-size:11px;color:#526079}
#admin-page .cx-nps-faces{width:92px;flex:0 0 92px;display:flex;flex-direction:column;gap:7px;margin:2px 0 11px -13px}
#admin-page .cx-nps-faces>div{display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;color:#47556c}
#admin-page .cx-nps-faces b{font-size:13px;font-weight:600;line-height:1.05;color:#263149}
#admin-page .cx-nps-faces small{font-size:8px;line-height:1.15;color:#929bad}
#admin-page .cx-face{grid-row:1/3;position:relative;width:27px;height:27px;border:1.7px solid #8490a3;border-radius:50%;display:block}
#admin-page .cx-face:before,#admin-page .cx-face:after{content:"";position:absolute;top:7px;width:2px;height:2px;border-radius:50%;background:#8490a3}
#admin-page .cx-face:before{left:7px}#admin-page .cx-face:after{right:7px}
#admin-page .cx-face i{position:absolute;left:7px;right:7px;height:6px;border:1.7px solid #8490a3;border-top:0}
#admin-page .cx-face.happy i{bottom:5px;border-radius:0 0 10px 10px}
#admin-page .cx-face.neutral i{bottom:7px;height:0;border-width:0 0 1.7px;border-radius:0}
#admin-page .cx-face.sad i{bottom:4px;border-bottom:0;border-top:1.7px solid #8490a3;border-radius:10px 10px 0 0}
#admin-page .cx-matrix{background:#fff;border:1px solid #e5e8ed;border-radius:14px;padding:20px 21px;margin-bottom:20px;box-shadow:0 3px 14px #1720330c}
#admin-page .cx-matrix-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e8ebf0;padding-bottom:14px;margin-bottom:12px}
#admin-page .cx-matrix-head h2{font-size:15px;margin:0;color:#253046}
#admin-page .cx-matrix-head p{font-size:10px;margin:5px 0 0;color:#8e98aa}
#admin-page .cx-matrix-head>span{color:#71809a;font-size:17px;letter-spacing:9px}
#admin-page .cx-matrix table{border-collapse:collapse;width:100%;font-size:11px;text-align:center;color:#39455b}
#admin-page .cx-matrix th,#admin-page .cx-matrix td{border-bottom:1px solid #e8ebef;padding:15px 12px;min-width:90px}
#admin-page .cx-matrix th:first-child{text-align:left;min-width:210px;color:#59657a;font-weight:520}
#admin-page .cx-matrix thead th{font-size:10px;color:#28344c;font-weight:650}
#admin-page .cx-matrix .heat-bad{background:#f2a7b1}.cx-matrix .heat-mid{background:#fff0a8}.cx-matrix .heat-good{background:#ccebd5}.cx-matrix .heat-total{background:#deebfb;color:#326bb2;font-weight:650}
#admin-page .journey-analytics .icon{width:24px;height:24px;color:#5974bd}#admin-page .journey-trend-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 5px;padding-top:18px;border-top:1px solid #e8ebf0;color:#28344c;font-size:12px}#admin-page .journey-trend-title span{color:#8e98aa;font-size:10px}#admin-page .demographic-analytics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}#admin-page .demographic-analytics article{border:1px solid #e7e9ee;border-radius:13px;padding:16px;background:#fafbfc}#admin-page .demographic-analytics h3{font-size:13px;color:#263149;margin:0 0 9px}#admin-page .demographic-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #e8ebef;font-size:11px;color:#46536a}#admin-page .demographic-row>span,#admin-page .demographic-row>b{display:flex;flex-direction:column;gap:2px}#admin-page .demographic-row>b{text-align:right;color:#243049}#admin-page .demographic-row small{font-size:9px;color:#929bad;font-weight:400}
@media(max-width:1100px){#admin-page .cx-gauge-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){#admin-page .demographic-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){#admin-page .cx-gauge-grid{grid-template-columns:1fr}#admin-page .cx-gauge{min-height:310px}#admin-page .cx-section-title{font-size:19px}#admin-page .demographic-analytics{grid-template-columns:1fr}}
/* Extended local survey: compact, scrollable scales keep the established Opus card readable. */
.journey-list{display:grid;gap:14px}.journey-row{border:1px solid rgba(24,35,48,.12);border-radius:18px;padding:15px;margin:0;background:rgba(255,255,255,.42)}.journey-row legend{font-weight:700;padding:0 7px;display:flex;align-items:center;gap:9px}.journey-row legend .icon{width:21px;height:21px;color:var(--purple)}.journey-row:nth-child(2n) legend .icon{color:var(--opus)}.journey-row:nth-child(3n) legend .icon{color:var(--teal)}.compact-scale{margin-top:10px;gap:5px}.compact-scale .scale-choice span{min-width:34px;padding:9px 5px}.binary-choice{clear:both;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 30px}.binary-choice label{position:relative;display:flex;gap:10px;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #dcdce3;border-radius:12px;background:#fff;font-weight:650;cursor:pointer}.binary-choice label:has(input:checked){border-color:var(--opus);background:#fff4ef;color:#b83d20}.binary-choice input{width:18px;height:18px;accent-color:var(--opus)}.sustainability-grid{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:12px}.sustainability-grid .check-field{margin:0;padding:10px 12px}.input-field select{width:100%;margin-top:8px;border:1px solid rgba(24,35,48,.18);border-radius:12px;background:#fff;padding:12px;color:inherit;font:inherit}.survey-dialog{overflow-x:hidden}
@media(max-width:700px){.sustainability-grid{grid-template-columns:1fr}.compact-scale{overflow-x:auto;justify-content:flex-start;padding-bottom:5px}.compact-scale .scale-choice{flex:0 0 auto}}
.demographics-skip{display:flex;align-items:center;gap:13px;margin:0 0 24px;padding:15px 17px;border:1px solid #dddde4;border-radius:14px;background:#fff;cursor:pointer}.demographics-skip input{width:20px;height:20px;margin:0;accent-color:var(--purple);flex:0 0 auto}.demographics-skip span{display:flex;flex-direction:column;gap:3px}.demographics-skip b{font-size:14px;color:var(--ink)}.demographics-skip small{font-size:11px;color:var(--muted);line-height:1.4}.demographics-grid{gap:18px 24px}.demographic-field{gap:9px}.demographic-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:17px}.demographic-label b{font-size:12px;color:#64646c;font-weight:600}.demographic-label small{font-size:10px;color:#9898a0;font-weight:400}.demographic-field select,.demographic-field input{height:48px;margin-top:0}.demographic-field select:disabled,.demographic-field input:disabled{background:#f1f1f4;color:#9a9aa2;cursor:not-allowed}
@media(max-width:650px){.demographics-grid{grid-template-columns:1fr}.demographics-skip{margin-bottom:20px}}

/* Secciones CX por objetivo: experiencia, seguimiento, segmentos, equipo y mejora. */
#admin-page .followup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
#admin-page .followup-summary article{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:92px;padding:18px 20px;background:#fff;border:1px solid var(--dash-border);border-radius:11px;box-shadow:0 3px 12px #17203308}
#admin-page .followup-summary article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--alert-color)}
#admin-page .followup-summary span{font-size:12px;color:#697487;font-weight:600}
#admin-page .followup-summary b{font-size:30px;color:#263149;font-weight:620}
#admin-page .followup-rate{display:flex;align-items:flex-end;gap:14px;padding:12px 0 20px;border-bottom:1px solid #eceef2}
#admin-page .followup-rate b{font-size:48px;line-height:1;color:#263149;font-weight:590;letter-spacing:-.045em}
#admin-page .followup-rate span{max-width:150px;font-size:11px;line-height:1.45;color:#8791a2}
#admin-page .segment-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
#admin-page .compact-gauges .cx-gauge{min-height:306px}
#admin-page .compact-gauges .cx-gauge-body{margin-top:4px}
@media(min-width:901px){#admin-page .admin-sidebar nav{gap:24px}#admin-page .admin-nav-item{font-size:11.5px}}
@media(max-width:1100px){#admin-page .followup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#admin-page .segment-dimensions{grid-template-columns:1fr}}
@media(max-width:650px){#admin-page .followup-summary{grid-template-columns:1fr 1fr;gap:10px}#admin-page .followup-summary article{min-height:76px;padding:14px}#admin-page .followup-summary b{font-size:25px}}

/* Cabecera Opus: compacta, sobria y alineada con la identidad del hotel. */
@media(min-width:901px){
#admin-page .admin-sidebar{height:108px;grid-template-rows:58px 50px;background:#151517;border-bottom:0}
#admin-page .admin-sidebar .brand{height:58px;display:flex;align-items:center;padding-left:max(34px,calc((100vw - 1540px)/2))}
#admin-page .admin-sidebar .brand img{display:block;width:146px;height:auto;max-height:44px;object-fit:contain;object-position:left center;filter:none}
#admin-page .sidebar-bottom{height:58px;color:#dedee2}
#admin-page .admin-sidebar nav{height:50px;padding:0 max(34px,calc((100vw - 1540px)/2));align-items:center;gap:27px;background:#242426;border-top:1px solid #ffffff0d;overflow-y:hidden}
#admin-page .admin-nav-item{height:50px;min-height:50px;padding:0 2px;color:#bdbdc3;font-size:11.5px;font-weight:590}
#admin-page .admin-nav-item:hover{color:#fff}
#admin-page .admin-nav-item.active{color:#fff}
#admin-page .admin-nav-item.active:after{left:0;right:0;bottom:0;width:auto;height:3px;border-radius:3px 3px 0 0;background:var(--opus);transform:none}
#admin-page .admin-top{top:108px}
}