/* Survey-me application design system — shared by every workspace and dialog. */
:root{color-scheme:dark;--bg:#0e1520;--sidebar:#101823;--panel:#151f2d;--panel-raised:#1b2738;--text:#eef2f8;--muted:#a1aec1;--line:#29374a;--blue:#9aafff;--green:#50d7ae;--yellow:#e9c579;--red:#fa8c9e;--sans:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #37465c;background:#202d40;color:#e4eaf5;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}button:hover,.button:hover{background:#2b3a51;border-color:#65778f}button.primary,.button.primary{background:#5874ee;border-color:#728aff;color:#fff;box-shadow:inset 0 1px 0 #ffffff15,0 2px 5px #0002}button.primary:hover,.button.primary:hover{background:#6883f3}button.quiet{background:transparent;border-color:transparent;color:var(--muted)}button.quiet:hover{background:var(--panel-raised);color:var(--text)}button.danger{color:var(--red)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid #a1b5ff;outline-offset:3px}input,select,textarea{display:block;width:100%;border:1px solid #39485e;border-radius:8px;padding:11px 13px;background:#0f1825;color:var(--text);margin-top:8px;min-height:42px}input:hover,select:hover,textarea:hover{border-color:#5e6e85}input:focus,select:focus,textarea:focus{border-color:#8ca5ff}input::placeholder,textarea::placeholder{color:#8b9aaf}input[type=checkbox]{display:inline-block;width:16px;height:16px;min-height:0;accent-color:#708afa;margin:0;vertical-align:middle}input[type=file]{padding:12px}input::file-selector-button{font:600 12px var(--sans);background:#293a52;color:var(--text);border:1px solid #455976;border-radius:6px;padding:8px 12px;margin-right:12px;cursor:pointer}label{display:block;margin-bottom:18px;font-size:12px;font-weight:600;color:#c0cada}label small,label .fineprint{font-weight:400}textarea{min-height:100px;resize:vertical}h1,h2,h3,p{margin:0 0 14px}h1{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:600}h2{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.02em}h3{font-size:15px;line-height:1.4;font-weight:600}small,.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;color:#98a9c4;text-transform:uppercase;margin-bottom:10px}.ui-icon{width:18px;height:18px;flex-shrink:0;display:block}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:26px 16px 18px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#344358 transparent;z-index:20}.logo{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:650;letter-spacing:-.045em;padding:0 10px}.logo svg{width:34px;height:34px;flex-shrink:0}.tagline{font-size:8px;font-weight:600;letter-spacing:.18em;color:#8c9db6;padding:0 11px;margin:9px 0 27px}.workspace{display:flex;align-items:center;gap:10px;background:#172230;border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:25px;min-width:0}.workspace-avatar{display:grid;place-items:center;width:30px;height:32px;border:1px solid #3b5262;background:#1c3541;color:#9cdec9;font-weight:600;border-radius:7px;flex-shrink:0}.workspace>div{min-width:0}.workspace strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.4}.workspace>div>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}nav{display:grid;gap:0}.nav-group{min-width:0}.nav-label{font-size:9px;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#8e9db4;margin:0 12px 9px}.nav-links{display:grid;gap:3px}.nav-links a{display:flex;align-items:center;gap:11px;color:#aab8cd;border:1px solid transparent;border-radius:7px;padding:10px 11px;min-height:39px;font-size:12px;font-weight:500;line-height:1.4}.nav-links a .ui-icon{width:16px;height:16px;color:#8b9db5}.nav-links a.active{color:#c7d4ff;background:#22304b;border-color:#33476b}.nav-links a.active .ui-icon{color:#a3bbff}.nav-links a:hover{background:#1d2a3b;color:var(--text)}.nav-group+.nav-group{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.sidebar-foot{border-top:1px solid var(--line);padding:18px 7px 0;margin-top:auto}.sidebar nav{padding-bottom:26px}.profile-line{display:flex;align-items:center;gap:10px}.profile-avatar{width:30px;height:30px;border-radius:50%;background:#283850;color:#c4d1ed;display:grid;place-items:center;flex-shrink:0;font-size:12px}.profile-line>div{min-width:0}.profile-line strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.profile-line span:not(.profile-avatar){display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:3px}.sidebar-foot button{margin:10px 0 0 33px;padding:5px 8px;min-height:30px;font-size:11px}.sidebar-foot button svg{width:14px;height:14px}.main{min-width:0;width:100%;max-width:1640px;padding:0 38px 28px;margin:0 auto;align-self:start}.topline{height:73px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);margin-bottom:33px}.test-label{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #4b4232;background:#26251f;border-radius:5px;font-size:10px;color:#dec28a;white-space:nowrap}.test-label:before{content:"";width:5px;height:5px;background:#dfbd74;border-radius:50%}.head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.head>div:first-child{min-width:0}.head p{font-size:13px;color:var(--muted);max-width:660px;line-height:1.7;margin:0}.head .actions{flex-shrink:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:22px;min-width:0;box-shadow:0 2px 3px #0001}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.grid>.panel{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.metric{position:relative;min-width:0;background:linear-gradient(120deg,#1b293a,#151f2d);border:1px solid var(--line);border-radius:10px;padding:19px 20px 18px;overflow:hidden}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#859ff5;opacity:.9}.metric:nth-child(2):before{background:var(--green)}.metric:nth-child(3):before{background:#9d98e9}.metric:nth-child(4):before{background:var(--yellow)}.metric small{font-size:11px;display:block;line-height:1.55}.metric>small:first-child{color:#c3cede;font-weight:500}.metric strong{display:block;font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.035em;color:#edf2fb;margin:17px 0 13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric:nth-child(2) strong{color:#78debe}.metric:nth-child(3) strong{color:#b2b0ff}.metric:nth-child(4) strong{color:#e9cb8c}.status{display:inline-flex;align-items:center;gap:5px;background:#193830;color:#88dcb9;font-size:10px;font-weight:600;line-height:1.4;padding:4px 8px;border:1px solid #2a5246;border-radius:5px;white-space:nowrap}.status.warning{color:#e7c785;background:#322d23;border-color:#51452f}.status.bad{color:#ffa4b4;background:#3b2531;border-color:#653747}.table-scroll{width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#40516b transparent}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:16px 14px}th{font-size:10px;font-weight:600;color:#9aaac0;background:#121d2b;letter-spacing:.03em;padding-top:12px;padding-bottom:12px}th:first-child{border-top-left-radius:6px}th:last-child{border-top-right-radius:6px}td:first-child{font-weight:500}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1b293b60}td button{padding:6px 10px;min-height:31px;font-size:10px;font-weight:500}td button+button{margin-left:4px}td small{font-size:10px}.empty{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:34px 24px}.empty-icon{display:grid;place-items:center;background:#202f43;border:1px solid #364861;color:#a1b6d9;width:42px;height:42px;border-radius:11px;margin-bottom:18px}.empty-icon .ui-icon{width:19px;height:19px}.empty h3{font-size:16px;margin-bottom:9px}.empty p{max-width:490px;font-size:13px;color:var(--muted);margin:0 0 18px;line-height:1.8}.section-heading{margin-bottom:26px}.section-heading .muted{font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{padding-top:18px;border-top:1px solid var(--line)}.step small{display:block;font-size:10px;color:#9cb2de;letter-spacing:.06em;margin-bottom:16px}.step h3{font-size:15px}.step p{font-size:12px;color:var(--muted);line-height:1.75;min-height:65px}.step>a{font-size:11px;font-weight:600}.checkline{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.6}.checkline input{margin-top:3px;flex-shrink:0}.stack{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth{max-width:470px;margin:10vh auto;padding:38px;background:linear-gradient(155deg,#1a293b,#121c29);box-shadow:0 24px 70px #0003}.auth .logo{padding:0;margin-bottom:34px}.auth h1{font-size:29px}.auth>p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:24px}.auth .primary{width:100%;margin-top:12px}.auth small{font-size:11px}.loading{padding:55px 24px;color:var(--muted);font-size:13px}.notice-inline{border:1px solid #514936;border-left:2px solid #c4a76a;padding:13px 16px;border-radius:7px;background:#28271f;margin:18px 0;color:#d6c8ab;font-size:12px;line-height:1.7}#notice{position:fixed;right:25px;bottom:24px;max-width:470px;padding:14px 19px;background:#1c3042;border:1px solid #496b83;border-radius:10px;box-shadow:0 10px 40px #0005;color:#e1e9f3;font-size:12px;z-index:100}#notice.error{background:#382332;border-color:#8d485c}.inline-error{color:var(--red)}dialog{width:min(1000px,94vw);max-height:88dvh;padding:0;border:1px solid #45546c;border-radius:15px;background:#131e2c;color:var(--text);box-shadow:0 32px 100px #0007;scrollbar-width:thin;scrollbar-color:#485a74 transparent}dialog::backdrop{background:#050912b8;backdrop-filter:blur(4px)}.dialog-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#172334;border-bottom:1px solid var(--line);padding:17px 25px;font-size:14px;font-weight:600}.dialog-top button{font-size:20px;width:32px;min-height:32px;padding:2px}.dialog-top+div{padding:27px}#dialogBody h2{font-size:24px;margin:0 0 14px}#dialogBody>.muted{font-size:12px}#dialogBody form>button:last-child{margin-top:15px}#dialogBody .metrics{gap:10px}#dialogBody .metric{padding:15px}#dialogBody .metric strong{font-size:29px}.questions{padding-left:22px}.questions li{padding:8px 0;color:#c0cbdc;font-size:13px;line-height:1.7}.conversation{max-width:440px;margin:auto;background:#101c29;border:1px solid #3d526b;border-radius:17px;overflow:hidden;box-shadow:0 10px 28px #0002}.chat-title{padding:19px 22px;background:#20334a;border-bottom:1px solid #33495f}.chat-title p{font-size:11px;color:var(--muted);margin:6px 0 0}.chat-body{padding:20px;max-height:350px;overflow:auto}.bubble{padding:12px 15px;border-radius:12px 12px 12px 3px;background:#223447;color:#e0e8f3;font-size:12px;line-height:1.7;margin-bottom:14px}.bubble.reply{background:#1e4a45;border-radius:12px 12px 3px 12px;margin-left:40px;color:#d7f3e8}.answer-box{padding:17px;background:#172536;border-top:1px solid var(--line)}.chart{width:100%;height:235px;display:block;margin:15px 0}.chart text{fill:var(--muted);font:12px var(--sans)}.comment{padding:20px;border:1px solid var(--line);border-radius:9px;background:#182535;margin-top:13px;border-left:2px solid #657fbd}.comment p{font-size:15px;line-height:1.8;margin:0 0 12px}.comment small{font-size:10px;line-height:1.6}.connector-list>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.fineprint{font-size:11px;color:#98a9bf;margin-top:19px;line-height:1.75}.plan{font-size:12px;color:var(--yellow)}.tabular{font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#8c9cb3}.footer-dot{padding:0 8px;color:#52667e}.menu-toggle,.nav-scrim{display:none}[hidden]{display:none!important}
@media(max-width:1180px){.main{padding:0 26px 24px}.head{align-items:flex-start}.head .actions{max-width:260px;justify-content:flex-end}.metric{padding:17px 15px}.metric strong{font-size:31px}.metrics{gap:10px}.grid{gap:16px}.panel{padding:20px}}
@media(max-width:950px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:23px 12px 16px}.nav-links a{font-size:11px;gap:8px}.main{padding:0 23px 22px}.head{display:block}.head .actions{max-width:none;justify-content:flex-start;margin-top:17px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.steps{gap:18px}.step p{min-height:95px}.test-label{font-size:9px}.topline{gap:10px}}
@media(max-width:680px){.shell{display:block}.main{padding:0 18px 24px}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:268px;height:100dvh;padding:25px 16px;z-index:30}.shell.nav-open .sidebar{display:flex}.shell.nav-open .nav-scrim{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#030812b0;backdrop-filter:blur(2px);z-index:25}.menu-toggle{display:inline-flex;padding:6px;min-height:32px}.topline{height:64px;font-size:10px;margin-bottom:27px;gap:10px}.topline>[data-workspace-context]{flex:1;font-size:10px;line-height:1.5}.test-label{max-width:104px;white-space:normal;font-size:9px;line-height:1.5;padding:4px 7px;flex-shrink:0}.test-label:before{display:none}h1{font-size:27px}.head p{font-size:12px;line-height:1.8}.head .eyebrow{font-size:9px}.head .actions{gap:8px}.head .actions button,.head .actions .button{font-size:11px;padding:9px 11px}.metrics{gap:10px;margin:20px 0}.metric{padding:16px 14px}.metric strong{font-size:31px;margin:15px 0 10px}.metric small{font-size:10px}.panel{padding:18px;border-radius:10px}.panel h2{font-size:18px}.grid{gap:18px;margin-bottom:18px}.steps{grid-template-columns:1fr;gap:22px}.step p{min-height:0}.form-row{grid-template-columns:1fr;gap:0}.auth{margin:4vh 15px;padding:28px 23px;max-width:none}.auth h1{font-size:27px}dialog{width:calc(100vw - 20px);max-height:92dvh;border-radius:12px}.dialog-top{padding:14px 18px}.dialog-top+div{padding:19px}#dialogBody h2{font-size:21px}#dialogBody .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fineprint{font-size:10px}th,td{padding:13px 10px}footer{font-size:9px;flex-wrap:wrap;gap:8px;margin-top:27px}.chart{height:215px}.comment{padding:16px}.comment p{font-size:13px}#notice{left:15px;right:15px;bottom:15px;max-width:none}.service-identity{min-width:0}.service-identity h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.connections-layout{max-width:1040px}.connection-card{border:1px solid #39516b;border-radius:16px;background:linear-gradient(125deg,#1b2e41,#182638);overflow:hidden;margin-bottom:18px}.connection-card-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px}.service-identity{display:flex;align-items:center;gap:18px;min-width:0}.service-mark{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;background:#253f52;color:#83e1c3;border:1px solid #3f6571;border-radius:14px;font-size:28px;font-weight:600}.service-category{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:0 0 5px}.service-identity h2{font:600 25px/1.2 Arial,sans-serif;margin:0}.service-account{font-size:13px;color:var(--muted);margin:6px 0 0}.connection-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:100px;font-size:12px;white-space:nowrap}.connection-pill.is-connected{background:#1e403c;color:#80e7c5}.connection-pill.is-pending{background:#39392d;color:#efdc9e}.connection-pill.is-error{background:#462d36;color:#ffa0b0}.connection-stats{display:grid;grid-template-columns:1fr 1.7fr;margin:0 32px;padding:26px 0;border-top:1px solid #34495f;border-bottom:1px solid #34495f;gap:24px}.connection-stats>div+div{border-left:1px solid #34495f;padding-left:28px}.connection-stats span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.connection-stats strong{display:block;font-size:38px;line-height:1.2;font-weight:400;letter-spacing:-.02em}.connection-stats .connection-date{font-size:22px;letter-spacing:0;padding-top:8px}.connection-schedule{display:flex;gap:12px;align-items:flex-start;padding:24px 32px}.connection-schedule strong{font-size:13px;font-weight:500}.connection-schedule p{margin:5px 0 0;font-size:12px;color:var(--muted);line-height:1.7}.schedule-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);flex-shrink:0;margin-top:7px}.schedule-dot.is-connected{background:var(--green)}.connection-card-footer{background:#142333;border-top:1px solid #34495f;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.connection-card-footer p{font-size:12px;color:var(--muted);margin:0}.connection-card-footer .actions{flex-shrink:0;gap:8px}.connection-card-footer button,.connection-card-footer .button{font-size:13px}.connection-alert{margin:0 32px 22px;border-left:2px solid var(--red);padding:10px 14px;color:#ffabb8;font-size:13px}.connection-settings{border:1px solid var(--line);border-radius:10px;background:#14202d;margin:0 0 22px}.connection-settings summary{padding:18px 22px;cursor:pointer;font-size:14px;outline-offset:3px}.connection-settings>summary span{font-size:11px;color:var(--muted);margin-left:12px}.connection-settings-body{padding:0 22px 22px;border-top:1px solid var(--line)}.connection-settings-body>p{color:var(--muted);font-size:13px}.connection-settings-body .actions{margin:20px 0}.connection-token,.connection-check{border-top:1px solid var(--line);margin-top:20px}.connection-token summary,.connection-check summary{padding:18px 0}.connection-settings form{max-width:650px;padding:8px 0}.connection-settings .fineprint{margin-top:8px}.connection-note{display:flex;gap:12px;padding:0 8px;color:var(--muted);font-size:12px}.connection-note p{margin:0;max-width:680px}.connection-note>span{color:var(--blue);font-size:19px}
@media(max-width:650px){.connection-card-top{padding:23px 20px;flex-wrap:wrap;gap:16px}.service-identity h2{font-size:22px}.service-mark{width:44px;height:44px}.connection-stats{margin:0 20px;grid-template-columns:1fr;gap:20px}.connection-stats>div+div{border:0;padding:0}.connection-stats strong{font-size:32px}.connection-stats .connection-date{font-size:20px;padding:0}.connection-schedule{padding:22px 20px}.connection-card-footer{padding:20px;align-items:flex-start;flex-direction:column;gap:15px}.connection-card-footer .actions{flex-wrap:wrap;flex-shrink:1}.connection-settings>summary span{display:block;margin:6px 0 0 17px}.connection-alert{margin-left:20px;margin-right:20px}}

/* Connection card follows the shared surface and type scale. */
.connection-card{background:linear-gradient(120deg,#1b2a3d,#151f2d);border-color:var(--line);border-radius:12px}.connections-layout{max-width:1040px}.connection-card-top{padding:26px 28px}.service-mark{width:46px;height:46px;border-radius:10px;font-size:24px;background:#213b44;border-color:#35565e}.service-identity h2{font-family:var(--sans);font-size:22px;letter-spacing:-.02em}.service-category{font-size:9px}.service-account{font-size:12px}.connection-stats{margin:0 28px;border-color:var(--line);padding:24px 0}.connection-stats>div+div{border-color:var(--line)}.connection-stats .connection-date{font-size:20px}.connection-stats strong{font-size:34px}.connection-stats span{font-size:11px}.connection-schedule{padding:22px 28px}.connection-card-footer{background:#121d2b;border-color:var(--line);padding:16px 28px}.connection-card-footer button,.connection-card-footer .button{font-size:11px}.connection-card-footer p{font-size:11px}.connection-settings{background:#141f2e;border-color:var(--line);border-radius:9px}.connection-settings summary{font-size:12px;padding:16px 20px}.connection-settings>summary span{font-size:10px}.connection-settings-body{padding:0 20px 20px}.connection-settings-body>p{font-size:12px}.connection-settings-body .connection-token summary,.connection-settings-body .connection-check summary{padding-left:0}.connection-note{font-size:11px}.connection-schedule strong{font-size:12px}.connection-schedule p{font-size:11px}.connection-pill{font-size:10px}
@media(max-width:680px){.connection-card-top{padding:22px 19px}.connection-stats{margin:0 19px}.connection-schedule{padding:20px 19px}.connection-card-footer{padding:18px 19px;align-items:flex-start;flex-direction:column;gap:14px}.connection-card-footer .actions{gap:7px}.connection-card-footer button,.connection-card-footer .button{padding:9px 10px}.service-identity h2{font-size:20px}.connection-settings>summary span{display:inline;margin-left:8px}.connection-settings summary{padding:15px 17px}.connection-settings-body{padding:0 17px 17px}}

/* White sidebar lettering and icons across every client and owner page. */
.sidebar,.sidebar a,.sidebar button,.sidebar .nav-label,.sidebar .ui-icon,.sidebar .tagline,.sidebar .workspace strong,.sidebar .workspace span,.sidebar .profile-line strong,.sidebar .profile-line span,.sidebar .logo{color:#fff}.sidebar .nav-links a.active,.sidebar .nav-links a:hover,.sidebar button.quiet{color:#fff}

.sidebar .nav-links a .ui-icon,.sidebar .nav-links a.active .ui-icon{color:#fff;opacity:1}

.care-filter-bar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}.care-filter-bar label{flex:1;min-width:145px;margin:0}.care-filter-bar select{margin-top:6px}.care-section{border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.care-section form{margin-top:20px}.care-pagination,.care-case-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.care-overdue{color:var(--red)}.care-case-summary{margin:0 0 20px}#dialogBody .care-case-summary h2{margin-top:10px}#dialogBody .metric strong{overflow-wrap:anywhere}.care-section .comment p{white-space:pre-wrap}@media(max-width:680px){.care-filter-bar{gap:10px}.care-filter-bar label{min-width:130px}.care-pagination{flex-wrap:wrap}.care-case-summary{align-items:flex-start}}

.report-filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:24px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.report-filter-bar label{flex:1;min-width:125px;margin:0}.report-filter-bar input,.report-filter-bar select{margin-top:6px}.report-filter-bar button{min-height:42px}@media(max-width:680px){.report-filter-bar{padding:14px;gap:10px}.report-filter-bar label{min-width:125px}.report-filter-bar button{flex:1}}

.survey-question{font-size:24px;margin:22px 0}.survey-ratings{border:0;padding:0;display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.survey-ratings label{margin:0;position:relative}.survey-ratings input{position:absolute;opacity:0;width:1px;min-height:0}.survey-ratings span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #57667b;border-radius:8px;cursor:pointer}.survey-ratings input:checked+span{background:#5874ee;border-color:#a1b5ff;color:white}.survey-ratings input:focus-visible+span{outline:2px solid white;outline-offset:3px}.customer-survey .logo{margin-bottom:24px}#survey-optout{margin-top:18px}.customer-survey #survey-error{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

.customer-survey h1.survey-question{font-size:22px;line-height:1.45;font-weight:600;outline:none}

#dialogNotice:not([hidden]){display:block;margin:18px 24px 0;padding:12px 15px;border:1px solid #455f75;border-radius:8px;background:#1c3442;color:#e5edf7}#dialogNotice.error{border-color:#945364;background:#3a2330;color:#ffd4dc}#dialogNotice[hidden]{display:none}#dialogBody{padding:24px}@media(max-width:800px){#dialogBody{padding:19px}#dialogNotice:not([hidden]){margin:14px 19px 0}}

.dialog-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.dialog-top>#dialogNotice:not([hidden]){grid-column:1/-1;margin:0;padding:11px 14px;font-size:12px;line-height:1.5;max-width:100%}
#notice.success,#dialogNotice.success{border-color:#3d8068;background:#193c32;color:#d9fff0}#notice.pending,#dialogNotice.pending{border-color:#657abd;background:#23304b;color:#e7edff}#notice.info,#dialogNotice.info{border-color:#8c7645;background:#352f21;color:#ffe6ad}.unsaved-hint{color:#efd39a;font-size:12px;margin:12px 0}
button.is-working:before{content:"";width:12px;height:12px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:feedback-spin .8s linear infinite}button.is-working{opacity:1;cursor:wait}@keyframes feedback-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){button.is-working:before{animation:none}}

.survey-feedback{color:#b9e2d2;padding:10px 0;font-size:13px}

/* Shared automotive dashboard and explicit workspace navigation. */
.workspace-brand-logo{width:36px;height:42px;object-fit:contain;background:white;border-radius:3px;padding:2px}.sidebar .workspace{margin-bottom:10px}.workspace-switch{width:100%;color:white;margin-bottom:22px;justify-content:space-between;background:#1c2c40;font-size:12px}.sidebar .nav-group{margin-top:20px}.sidebar .nav-label{font-size:9px;letter-spacing:.1em}.sidebar .nav-links a{padding-top:10px;padding-bottom:10px}.workspace-choices{display:grid;gap:12px;margin:24px 0}.workspace-choices button{justify-content:space-between;text-align:left;padding:18px}.workspace-choices small{display:block;margin-top:6px;font-weight:400;color:var(--muted)}.workspace-choices strong{font-size:16px}.experience-tabs{display:flex;gap:8px;margin-bottom:18px}.experience-tabs button{border-radius:8px;font-size:12px;background:transparent;color:var(--muted);min-width:90px}.experience-tabs button[aria-pressed=true]{background:#24334d;border-color:#8093d7;color:white}.dashboard-metrics .metric{border-top:3px solid #50d7ae;border-radius:0 0 9px 9px;padding:24px}.dashboard-metrics .metric:before{display:none}.dashboard-metrics .metric:nth-child(2){border-top-color:#3acee3}.dashboard-metrics .metric:nth-child(3){border-top-color:#f0ce55}.dashboard-metrics .metric:nth-child(4){border-top-color:#ed7187}.dashboard-metrics .metric strong{font-size:44px;color:#50d7ae}.dashboard-metrics .metric:nth-child(2) strong{color:#3acee3}.dashboard-metrics .metric:nth-child(3) strong{color:#f0ce55}.dashboard-metrics .metric:nth-child(4) strong{color:#ed7187}.dashboard-source{font-size:11px;line-height:1.7;color:var(--muted);margin:-8px 0 24px}.dashboard-operations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.dashboard-operations .metric{padding:19px;background:#1b293b}.dashboard-operations .metric strong{font-size:28px;color:white}.panel h2 em{font-style:normal;color:#a6b5ff;font-weight:400}.journey-bar{display:grid;grid-template-columns:140px minmax(0,1fr) 55px;gap:14px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);font-size:12px}.journey-bar small{grid-column:1/-1;font-size:10px}.journey-track{width:100%;height:9px;border:0;appearance:none;background:#35485f;border-radius:3px;overflow:hidden}.journey-track::-webkit-progress-bar{background:#35485f}.journey-track::-webkit-progress-value{background:#f0ce55}.journey-track::-moz-progress-bar{background:#f0ce55}.journey-bar strong{text-align:right}.dashboard-path{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#192638;border:1px solid var(--line);padding:18px;border-radius:10px;font-size:12px}.dashboard-path button{padding:0;background:none;border:0;min-height:30px;color:var(--blue);font-size:12px}.dashboard-empty .empty{min-height:180px}.dashboard-empty>.fineprint{text-align:center;margin:0}.response-case{display:flex;align-items:center;gap:12px;margin-top:18px}.response-case button{font-size:11px}
@media(max-width:1100px){.dashboard-metrics .metric strong{font-size:36px}.dashboard-metrics .metric{padding:18px}.dashboard-operations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.dashboard-metrics .metric strong{font-size:32px}.dashboard-metrics .metric{padding:15px}.experience-tabs{gap:6px}.experience-tabs button{min-width:0;flex:1;padding:9px 7px;font-size:11px}.journey-bar{grid-template-columns:100px minmax(0,1fr) 45px;gap:8px;font-size:11px}.dashboard-operations{gap:10px}.dashboard-operations .metric{padding:15px}.dashboard-path{font-size:11px;gap:10px}.dashboard-path button{font-size:11px}}

.dashboard-path{margin-bottom:22px}.dashboard-source{max-width:950px}

/* Appearance controls and optional light palette for the administration app. */
.appearance-control{padding:14px 0 4px}.appearance-control>span{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}
.appearance-choices{display:flex;gap:8px;flex-wrap:wrap}.appearance-choices button,.sidebar-foot .appearance-choices button{margin:0;min-height:38px;padding:8px 12px;gap:8px;font-size:12px}
.appearance-choices button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.appearance-swatch{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #9ba8ba}.appearance-swatch.light{background:#fff}.appearance-swatch.dark{background:#172230}
.appearance-panel p{max-width:640px;font-size:12px}.appearance-panel .appearance-choices{margin-top:18px}
:root[data-appearance=light]{color-scheme:light;--bg:#f5f6f9;--sidebar:#fff;--panel:#fff;--panel-raised:#f0f3f8;--panel-alt:#f0f3f8;--text:#202b3a;--ink:#202b3a;--muted:#5a6779;--faint:#647287;--line:#dce2ea;--blue:#245dcb;--blue-solid:#2563d5;--blue-wash:#e9f0ff;--green:#087e59;--positive:#087e59;--yellow:#946600;--neutral:#946600;--red:#c02e48;--negative:#c02e48;--cyan:#007b92;--violet:#7450b2}
html[data-appearance=light] body{background:var(--bg);color:var(--text)}
html[data-appearance=light] .sidebar{background:var(--sidebar);border-color:var(--line);scrollbar-color:#c4ccda transparent}
html[data-appearance=light] .sidebar :is(a,button,.nav-label,.ui-icon,.tagline,.workspace strong,.workspace span,.profile-line strong,.profile-line span,.logo){color:var(--text)}
html[data-appearance=light] .sidebar :is(.nav-label,.tagline,.profile-line span:not(.profile-avatar),.workspace>div>span){color:var(--muted)}
html[data-appearance=light] .sidebar .nav-links a{color:var(--muted)}
html[data-appearance=light] .sidebar .nav-links a.active{background:var(--blue-wash);color:var(--blue);border-color:#d8e5ff}
html[data-appearance=light] .sidebar .nav-links a:hover{background:var(--panel-raised);color:var(--text)}
html[data-appearance=light] .sidebar .nav-links a .ui-icon{color:inherit}
html[data-appearance=light] :is(.workspace,.workspace-switch,.empty-icon,.profile-avatar,.workspace-avatar,.service-mark){background:var(--panel-raised);color:var(--blue);border-color:var(--line)}
html[data-appearance=light] :is(.panel,.metric,.connection-card,.connection-settings,dialog,.auth,.comment){background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:0 3px 14px #20304a05}
html[data-appearance=light] :is(.dialog-top,.connection-card-footer,.chat-title,.answer-box,th){background:var(--panel-raised);color:var(--text);border-color:var(--line)}
html[data-appearance=light] dialog::backdrop{background:#26364b55}
html[data-appearance=light] :is(button,.button){background:var(--panel);color:var(--text);border-color:#cdd6e3}
html[data-appearance=light] :is(button,.button):hover{background:var(--panel-raised);border-color:var(--blue)}
html[data-appearance=light] :is(button.primary,.button.primary){background:var(--blue-solid);border-color:var(--blue-solid);color:#fff}
html[data-appearance=light] :is(button.primary,.button.primary):hover{background:#1d51b4;color:#fff}
html[data-appearance=light] button.quiet{background:transparent;border-color:transparent;color:var(--muted)}
html[data-appearance=light] button.danger{color:var(--red)}
html[data-appearance=light] :is(input,select,textarea){background:#fff;color:var(--text);border-color:#cdd6e3}
html[data-appearance=light] :is(input,textarea)::placeholder{color:#687589}
html[data-appearance=light] input::file-selector-button{background:var(--panel-raised);color:var(--text);border-color:var(--line)}
html[data-appearance=light] :is(label,.questions li,.metric>small:first-child){color:var(--muted)}
html[data-appearance=light] .metric strong{color:var(--text)}
html[data-appearance=light] .metric:nth-child(2) strong{color:var(--green)}
html[data-appearance=light] .metric:nth-child(3) strong{color:var(--violet)}
html[data-appearance=light] .metric:nth-child(4) strong{color:var(--yellow)}
html[data-appearance=light] .metrics>.metric{--metric-accent:var(--green)}
html[data-appearance=light] .metrics>.metric:nth-child(2){--metric-accent:var(--cyan)}
html[data-appearance=light] .metrics>.metric:nth-child(3){--metric-accent:var(--yellow)}
html[data-appearance=light] .metrics>.metric:nth-child(4){--metric-accent:var(--red)}
html[data-appearance=light] .portal-ui .metrics>.metric>strong{color:var(--metric-accent)}
html[data-appearance=light] tbody tr:hover{background:#f3f6fb}
html[data-appearance=light] :is(.eyebrow,.step small,.linked-application a){color:var(--blue)}
html[data-appearance=light] .linked-application a span{color:var(--muted)}
html[data-appearance=light] :is(.status,.connection-pill.connected){background:#e4f5ed;color:#126442;border-color:#b8ddca}
html[data-appearance=light] :is(.status.warning,.notice-inline,.test-label,.connection-pill){background:#fff6de;color:#785214;border-color:#ead7a3}
html[data-appearance=light] :is(.status.bad,.connection-pill.error){background:#fff0f2;color:#a62541;border-color:#ebbac4}
html[data-appearance=light] .connection-alert{color:var(--red)}
html[data-appearance=light] :is(.conversation,.dashboard-path,.dashboard-operations .metric){background:var(--panel);border-color:var(--line)}
html[data-appearance=light] .bubble{background:#edf2fa;color:var(--text)}
html[data-appearance=light] .bubble.reply{background:#dff3eb;color:#225441}
html[data-appearance=light] :is(#notice,#dialogNotice:not([hidden])){background:#eaf1ff;color:#254d8e;border-color:#bdcfee}
html[data-appearance=light] :is(#notice.success,#dialogNotice.success){background:#e3f5eb;color:#185d3e;border-color:#b2d8c2}
html[data-appearance=light] :is(#notice.error,#dialogNotice.error){background:#fff0f2;color:#a62541;border-color:#ebbac4}
html[data-appearance=light] :is(#notice.info,#dialogNotice.info,.unsaved-hint){background:#fff6de;color:#785214;border-color:#ead7a3}
html[data-appearance=light] :is(#notice.pending,#dialogNotice.pending){background:#eaf1ff;color:#254d8e;border-color:#bdcfee}
html[data-appearance=light] .experience-tabs button[aria-pressed=true]{background:var(--blue-wash);color:var(--blue)}
html[data-appearance=light] .appearance-choices button[aria-pressed=true]{background:var(--blue-wash);border-color:var(--blue);color:var(--blue)}
html[data-appearance=light] .panel h2 em{color:var(--blue)}