/* ZS Orbital — presentation layer, business selectors and handlers retained. */
:root{--page:#f4f5fb;--card:#fff;--text:#323257;--muted:#77788f;--line:#e4e3ef;--line-soft:#eeedf6;--blue:#8370ee;--blue-dark:#6d56d4;--blue-soft:#f0ecff;--button:#8370ee;--shadow:0 16px 40px #4f428c0b;--navy:#fff;--navy-deep:#fff;--navy-hover:#f3efff}
html{min-width:320px;background:var(--page)}
body{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:radial-gradient(ellipse at 52% 80%,#eae5fc88,transparent 65%),#f4f5fb;font-size:14px;line-height:1.5}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #937af080;outline-offset:4px}
button{transition:background-color 150ms,box-shadow 150ms,transform 150ms,border-color 150ms}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed}
.app-shell{grid-template-columns:88px minmax(0,1fr);transition:grid-template-columns 220ms}.sidebar{height:100dvh;position:sticky;top:0;background:#ffffffd9;color:#7e7b9a;border-right:1px solid #ecebf4;z-index:30;display:flex;flex-direction:column;backdrop-filter:blur(18px)}
.brand-area{height:92px;min-height:92px;padding:0 20px;background:transparent;border:0;justify-content:center}.brand-logo{position:relative;min-height:38px;justify-content:center}.brand-logo:before{content:"";width:30px;height:30px;flex-shrink:0;border:8px solid #a07bf1;border-top-color:#e4a1e9;border-right-color:#884bdf;border-radius:50%;box-shadow:0 4px 12px #ab89eb22;transform:rotate(-25deg)}.brand-logo img{display:none}
.side-nav{display:grid;gap:8px;padding:25px 16px;overflow:visible}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;padding:0;width:56px;min-height:48px;height:48px;border:0;border-radius:15px;background:transparent;color:#9692b0;font-size:13px;white-space:nowrap;transition:background 160ms,color 160ms,transform 160ms}.nav-item>span:first-child{display:grid;place-items:center;width:24px;height:24px;color:inherit;flex-shrink:0}.nav-item svg{height:21px;width:21px;stroke-width:1.7}.nav-item b{display:none}.nav-item .nav-label{display:none}.nav-item:hover{background:#f5f2fd;color:#795cdd;transform:translateY(-1px)}.nav-item.active{background:#ede7ff;color:#8064e5}.nav-item.active span,.nav-item.active b{color:inherit}.nav-item.active:before{content:"";position:absolute;left:-16px;top:14px;height:20px;width:3px;border-radius:3px;background:#9576f0}.nav-item:after{content:attr(aria-label);position:absolute;left:calc(100% + 12px);padding:7px 12px;border-radius:9px;background:#383054;color:white;box-shadow:0 6px 22px #38305420;font-size:12px;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity 120ms,transform 120ms;z-index:55}.nav-item:hover:after,.nav-item:focus-visible:after{opacity:1;transform:none}.sidebar-foot{margin:auto 0 24px;display:grid;gap:9px;justify-items:center;color:#9b95b4;font-size:9px;letter-spacing:1px}.sidebar-avatar{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(135deg,#e5dcff,#b6bff0);color:#65549e;font-size:11px;font-weight:700;letter-spacing:0;border:3px solid #fff;box-shadow:0 3px 10px #7f6cad20}
.nav-expanded.app-shell{grid-template-columns:216px minmax(0,1fr)}.nav-expanded .side-nav{padding:25px 14px}.nav-expanded .nav-item{width:100%;justify-content:flex-start;gap:14px;padding:0 16px}.nav-expanded .nav-label{display:inline}.nav-expanded .nav-item b{display:block;margin-left:auto}.nav-expanded .nav-item:after{display:none}.nav-expanded .nav-item.active:before{left:-14px}.nav-expanded .brand-logo:before{display:none}.nav-expanded .brand-logo img{display:block;max-width:174px}.nav-expanded .brand-area{padding:0 20px}
.topbar{height:76px;background:transparent;color:#66647f;padding:0 38px;gap:16px;border-bottom:1px solid #ebe9f480}.collapse-button{color:#9690af;width:34px;height:34px;border-radius:10px;font-size:21px;flex-shrink:0}.collapse-button:hover{background:#eae5fa}.topbar-context{margin-right:auto;font-size:12px;color:#87819b;letter-spacing:.5px}.top-actions{gap:14px;font-size:12px}.role-pill{background:#ebe5fc;color:#8063cc;border-radius:8px;padding:4px 9px}.user-name{font-weight:500;color:#67617b}.divider{height:17px;background:#ddd8ea}.logout-button{font-size:22px;color:#9c95b1}
.workspace{padding:22px 38px 38px}.crumb{font-size:11px;color:#9a93aa;margin:0 0 20px}.crumb strong{color:#7c718e;font-weight:500}.content-card{min-height:calc(100vh - 150px);border-radius:22px;border:1px solid #ffffffd9;box-shadow:var(--shadow);background:#ffffffd9}.page-active{animation:page-enter 230ms ease-out}.list-header{padding:28px 30px;border-color:#efedf6}.list-header h1{font-size:23px;letter-spacing:-.5px;color:#39345c;font-weight:550}.list-header p{color:#8c859f;font-size:12px}.list-toolbar{background:#faf9fd;padding:20px 30px;border-color:#efedf6;grid-template-columns:minmax(200px,1fr) 180px auto}.search-field span,.filter-field span{font-size:11px;font-weight:500;color:#8b829e}
.primary-button,.plain-button,.danger-button{border-radius:11px;min-height:40px;font-weight:500;font-size:12px;padding:9px 17px}.primary-button{background:linear-gradient(135deg,#9980f1,#7d66e1);border-color:transparent;box-shadow:0 5px 13px #8a6fe72b;color:white}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#8b6ce9,#7158d4);box-shadow:0 7px 18px #8a6fe744}.plain-button{background:#fff;border-color:#e4dfee;color:#7f709c}.plain-button:hover:not(:disabled){border-color:#b5a4e4;background:#f7f3ff}.danger-button{border-color:#f1cbd1;color:#c05e73}.danger-button:hover:not(:disabled){background:#fff1f4}.table-wrap{margin:12px 30px 24px;border:1px solid #eeebf5;border-radius:14px}.crm-table{color:#666078;font-size:12px}.crm-table th{background:#f7f5fc;color:#8b819e;font-size:11px;font-weight:500;border-color:#efebf6;padding-top:16px;padding-bottom:16px}.crm-table td{border-color:#efedf5;padding-top:18px;padding-bottom:18px}.crm-table tbody tr:hover{background:#faf8ff}.application-table{min-width:980px}.empty-cell{height:240px!important;color:#a39aaf!important;font-size:13px}.search-field input,.filter-field select,.field input,.field select,.field textarea,input,select,textarea{border-color:#e3ddeb;border-radius:9px;color:#554c6b;background:#fff}.field>span{font-weight:500;color:#7e748d;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a48ce2;box-shadow:0 0 0 3px #a48ce21a}.form-section h2,.detail-section h2,.flow-section h2{font-size:16px;font-weight:550;color:#544668}.form-section h2:before,.detail-section h2:before,.flow-section h2:before{background:#a98be7;width:3px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}.form-section{margin:0 30px;padding:25px 0}.card-title-row{border-color:#eeebf5;background:#faf9fe}.card-title-row h1{font-size:20px;color:#65517d;letter-spacing:5px}.staff-table-wrap{border-radius:14px;border-color:#eeeaf6}.status-tag,.status-pill{border-radius:7px}.link-card{border-radius:15px;background:#f6f2ff;border-color:#e8dff7}.operation-menu{border-radius:13px;padding:6px;border-color:#e6dfef;box-shadow:0 12px 40px #48326320}.operation-menu button{border-radius:8px;color:#6b597f}.operation-menu button:hover,.operation-menu button:focus{background:#f3edfc}.modal-backdrop{background:#34264d55;backdrop-filter:blur(5px)}.approval-modal,.survey-dialog{border-radius:22px;border-color:#e9e2f0;box-shadow:0 30px 90px #39255230;animation:modal-enter 200ms ease-out}.approval-modal>header,.approval-modal>footer,.survey-dialog header,.survey-dialog footer{background:#fcfaff;border-color:#eee7f4}.approval-modal h2{color:#66517e;font-weight:550}.survey-page-tabs button.active{color:#8c6add;border-color:#a387ed}.survey-dialog input:focus,.survey-dialog textarea:focus,.survey-dialog select:focus{outline-color:#9d79df33;border-color:#9d79df}.approval-modal .table-wrap{margin:0}
/* Overview: real metrics sit around a decorative orb, echoing the supplied reference. */
#page-home{padding-top:20px}.orbital-dashboard{position:relative;padding:0;overflow:hidden;min-height:calc(100vh - 116px);border:0;box-shadow:none;border-radius:0;background:none}.overview-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 0}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#a59bb6;margin:0 0 8px}.overview-heading h1{font-weight:450;font-size:27px;letter-spacing:-.6px;margin:0;color:#464064}.overview-subtitle{font-size:12px;color:#9a91aa;margin:8px 0 0}.overview-heading>.plain-button{align-self:flex-start;margin-top:18px;background:#ffffffa8;border:1px solid #fff;box-shadow:0 5px 15px #5b478408}.overview-heading>.plain-button span{display:inline-block;font-size:16px;margin-right:5px}
.overview-stage{position:relative;min-height:548px;display:grid;grid-template-columns:1fr 1.8fr .9fr;grid-template-rows:350px auto;column-gap:25px;padding-top:35px}.globe-scene{position:absolute;top:-57px;left:calc(50% - 360px);width:720px;height:720px;pointer-events:none;z-index:0}.ui-globe{position:absolute;width:540px;height:540px;left:90px;top:80px;filter:drop-shadow(0 30px 32px #706be322);animation:orb-float 9s ease-in-out infinite}.orbit{position:absolute;inset:0;border:34px solid #ffffff75;border-radius:50%}.orbit-one{inset:35px;border-width:35px}.orbit-two{inset:-35px;border-width:24px;opacity:.5}.orb-caption{position:absolute;bottom:74px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:3px;color:#a499ba}
.total-block{position:relative;z-index:1;grid-column:1;grid-row:1;padding-top:13px}.stat-label{font-size:12px;margin:0 0 12px;font-weight:600;color:#64567f}.stat-label span{display:block;font-size:8px;letter-spacing:1.3px;color:#b0a5bf;margin-top:5px;font-weight:400}.total-block>strong{display:block;font-size:68px;line-height:1;font-weight:350;letter-spacing:-3px;color:#514173;font-variant-numeric:tabular-nums}.live-caption{font-size:10px;color:#9b90ac;display:flex;align-items:center;gap:7px;margin-top:16px}.live-caption i{width:5px;height:5px;background:#65ba9b;border-radius:50%;box-shadow:0 0 0 3px #65ba9b13}.activity-key{margin-top:40px;max-width:205px}.activity-key>span{font-size:11px;color:#7b6c90}.activity-bar{display:flex;gap:3px;height:5px;margin:12px 0}.activity-bar i{display:block;border-radius:5px;background:#a58bef;width:42%}.activity-bar i:nth-child(2){background:#86c8ed;width:34%}.activity-bar i:nth-child(3){background:#f1bc8a;width:24%}.activity-key p{color:#a195b0;font-size:9px;white-space:nowrap}.activity-key b{font-weight:400;padding:0 5px;color:#c5b9d3}
.period-metrics{position:relative;z-index:1;grid-column:3;grid-row:1;padding-top:10px}.period-metrics h2{font-size:12px;font-weight:550;margin:0 0 24px;color:#64557c}.period-metrics h2 small{font-size:7px;letter-spacing:1px;margin-left:10px;color:#aaa0b9}.period-stat{display:flex;align-items:center;gap:13px;margin-bottom:24px}.stat-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:16px;color:white;font-size:25px}.purple{background:linear-gradient(135deg,#a88bfd,#8469eb);box-shadow:0 7px 15px #957ce923}.cyan{background:linear-gradient(135deg,#9cddf4,#69c6ef);box-shadow:0 7px 15px #69c6ef23}.period-stat>div{display:grid;gap:2px}.period-stat div>span{font-size:11px;color:#877596}.period-stat strong{font-weight:550;font-size:23px;line-height:1.3;color:#5b4775;font-variant-numeric:tabular-nums}.period-stat small{font-size:9px;color:#b0a0ba}.activity-note{margin-top:35px}.tiny-label{font-size:8px;letter-spacing:1.5px;color:#aa9ab7}.activity-note p{color:#9e8bb0;font-size:14px;line-height:1.8;margin:10px 0}.note-line{display:block;height:1px;width:110px;background:linear-gradient(90deg,#cbb7e4,transparent)}
.stage-cards{position:relative;z-index:2;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;align-self:end;padding-bottom:14px}.floating-stat{position:relative;min-height:150px;padding:24px 24px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;text-align:left;background:#ffffffec;border:1px solid #ffffff;border-radius:20px;box-shadow:0 16px 25px #71608f14;color:#7e6b90;backdrop-filter:blur(12px)}.floating-stat:hover{transform:translateY(-5px);box-shadow:0 22px 32px #71608f22;border-color:#e2d5f6}.floating-stat:active{transform:translateY(-2px)!important}.mini-icon{display:grid;place-items:center;grid-column:2;grid-row:1/3;width:34px;height:34px;border-radius:11px;font-size:20px}.violet{background:#f0e9ff;color:#a18ae4}.sky{background:#e9f5fd;color:#7db6df}.mint{background:#e9f7ef;color:#7fbaa0}.peach{background:#fff0ec;color:#dca490}.card-label{grid-column:1;grid-row:1;font-size:11px;color:#9d8eaa}.floating-stat strong{grid-column:1;grid-row:2;font-size:35px;font-weight:400;letter-spacing:-1px;line-height:1.4;color:#655079;font-variant-numeric:tabular-nums}.card-foot{grid-column:1/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#ac9bb7;border-top:1px solid #f1ebf6;padding-top:11px;margin-top:9px}.card-foot b{font-size:15px;font-weight:400;color:#b4a1c8}
.workflow-strip{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 14px;margin-top:14px;border-top:1px solid #e6dfef80}.workflow-copy{display:flex;align-items:center;gap:15px}.flow-badge{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ded4ed;border-radius:14px;color:#b196d6;background:#f1ebf9;font-size:22px}.workflow-copy h2{font-weight:500;font-size:14px;color:#77618c;margin:0 0 5px}.workflow-copy p{font-size:10px;color:#a693b4;margin:0}.quick-actions{gap:10px}.quick-actions button{font-size:11px}.quick-actions .primary-button span{margin-left:20px}.topbar-context:before{content:"";display:inline-block;height:4px;width:4px;border-radius:50%;background:#a48ce2;vertical-align:middle;margin-right:8px}
/* Authentication follows the same surface system. */
.login-screen{position:relative;overflow:hidden;background:radial-gradient(circle at 28% 30%,#dceaff 0,transparent 40%),radial-gradient(circle at 75% 75%,#e2d8fa 0,transparent 45%),#f5f5fb}.login-screen:before,.login-screen:after{content:"";position:absolute;width:520px;height:520px;border:40px solid #ffffff66;border-radius:50%;pointer-events:none}.login-screen:before{left:-180px;top:-220px}.login-screen:after{right:-230px;bottom:-240px}.login-card{position:relative;z-index:1;gap:28px;padding:44px 40px;border:1px solid #ffffff;border-radius:26px;background:#fffffff0;box-shadow:0 25px 80px #72549416}.login-card h1{font-weight:500;color:#58456e;font-size:20px}.login-brand img{width:250px}.login-field span{font-size:12px;font-weight:500;color:#9882a6}.login-field input{height:46px;padding:10px 13px;border-radius:11px;border:1px solid #e5ddec}.login-submit{height:46px}.login-field input:focus{outline:3px solid #ac8ee729;outline-offset:0;border-color:#ac8ee7}
@keyframes page-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes modal-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@keyframes orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:1600px){.overview-stage{min-height:620px;grid-template-rows:410px auto}.globe-scene{left:calc(50% - 400px);width:800px;height:800px;top:-70px}.ui-globe{width:620px;height:620px}.total-block{padding-top:30px}.period-metrics{padding-top:30px}.floating-stat{min-height:165px}}
@media(max-width:1150px){.topbar,.workspace{padding-left:26px;padding-right:26px}.overview-stage{grid-template-columns:1fr 1.3fr .95fr;column-gap:15px}.globe-scene{left:calc(50% - 320px);width:640px;height:640px;top:-15px}.ui-globe{width:470px;height:470px;top:68px;left:85px}.orb-caption{bottom:45px}.stage-cards{gap:13px}.floating-stat{padding:20px 18px}.total-block>strong{font-size:58px}.activity-key{max-width:180px}.period-stat{gap:9px}.stat-icon{width:38px;height:38px;border-radius:12px}.period-metrics h2 small{display:none}.workflow-strip{gap:16px}.workflow-copy p{max-width:240px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.side-nav{padding:20px 10px;gap:6px}.nav-item{width:51px;height:46px;min-height:46px}.nav-item.active:before{left:-10px}.brand-area{height:76px;min-height:76px;padding:0 16px}.brand-logo:before{width:25px;height:25px;border-width:7px}.topbar{height:64px;padding:0 20px}.topbar-context{display:none}.top-actions{margin-left:auto;gap:8px}.user-name,.top-actions .divider{display:none}.workspace{padding:20px}.overview-heading h1{font-size:23px}.overview-subtitle{font-size:11px}.overview-heading>.plain-button{font-size:0;width:39px;padding:5px;margin-top:15px}.overview-heading>.plain-button span{font-size:20px;margin:0}.overview-stage{grid-template-columns:1fr 1fr;grid-template-rows:330px auto;min-height:0;padding-top:30px;gap:16px}.globe-scene{width:540px;height:540px;left:calc(50% - 240px);top:30px;opacity:.75}.ui-globe{width:400px;height:400px;left:70px;top:70px}.period-metrics{grid-column:2;justify-self:end;min-width:125px}.activity-note{display:none}.period-metrics h2{margin-bottom:16px}.period-stat{background:#ffffffbf;padding:10px;border-radius:14px;margin-bottom:12px;gap:10px}.period-stat small{display:none}.period-stat strong{font-size:23px}.stage-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.floating-stat{min-height:145px}.activity-key{margin-top:32px}.workflow-strip{flex-direction:column;align-items:stretch;padding-top:22px}.workflow-copy p{max-width:none}.quick-actions{display:flex}.quick-actions button{flex:1}.content-card{border-radius:18px}.list-header{padding:24px;align-items:flex-start;gap:14px;flex-wrap:wrap}.list-header h1{font-size:22px}.list-toolbar{padding:18px 24px;grid-template-columns:1fr auto}.search-field{grid-column:1/-1}.table-wrap{margin:10px 20px 20px}.form-section{margin:0 22px}.field-config-row,.approval-edit-grid{grid-template-columns:1fr}.submit-zone{padding:20px;gap:15px;flex-wrap:wrap}.approval-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.nav-expanded.app-shell{grid-template-columns:72px minmax(0,1fr)}.nav-expanded .sidebar{position:fixed;width:216px;left:0;box-shadow:20px 0 80px #42335d22}.nav-expanded .main-shell{grid-column:2}.nav-expanded .side-nav{padding:20px 14px}.nav-expanded:after{content:"";position:fixed;inset:0 0 0 216px;background:#3b305044;z-index:25;backdrop-filter:blur(2px)}.nav-expanded .brand-area{height:76px;min-height:76px}.form-grid{column-gap:18px}.admin-form-grid{grid-template-columns:1fr}.two-col-toolbar{grid-template-columns:1fr}}
@media(max-width:480px){.app-shell{grid-template-columns:60px minmax(0,1fr)}.side-nav{padding:18px 7px;gap:7px}.nav-item{width:45px;height:43px;min-height:43px;border-radius:12px}.nav-item svg{width:19px;height:19px}.nav-item.active:before{left:-7px}.brand-area{height:70px;min-height:70px;padding:0 12px}.brand-logo:before{width:22px;height:22px;border-width:6px}.sidebar-avatar{width:30px;height:30px}.sidebar-foot{font-size:7px}.topbar{padding:0 16px;height:62px;gap:8px}.role-pill{font-size:9px;padding:4px 7px}.top-actions{gap:9px}.workspace{padding:18px 16px 25px}.overview-heading h1{font-size:21px}.eyebrow{font-size:7px;letter-spacing:1.5px}.overview-subtitle{font-size:10px;max-width:175px}.overview-heading>.plain-button{height:34px;width:34px;min-height:34px;margin-top:12px}.overview-stage{grid-template-rows:270px auto;gap:12px;padding-top:28px}.total-block{padding-top:5px}.stat-label{font-size:11px}.stat-label span{font-size:6px;letter-spacing:.7px}.total-block>strong{font-size:55px}.live-caption{font-size:8px;margin-top:12px;gap:5px}.activity-key{margin-top:27px;max-width:106px}.activity-key>span{font-size:9px}.activity-key p{font-size:7px;white-space:normal;line-height:1.9}.activity-key b{padding:0 2px}.globe-scene{width:380px;height:380px;left:calc(50% - 160px);top:27px;opacity:.6}.ui-globe{width:300px;height:300px;left:40px;top:40px}.orbit-one{inset:20px;border-width:22px}.orbit-two{inset:-15px;border-width:14px}.orb-caption{display:none}.period-metrics{min-width:102px;padding-top:4px}.period-metrics h2{font-size:10px;margin:0 0 17px;text-align:right}.period-stat{padding:10px 9px;gap:8px;border:1px solid #fff;margin-bottom:11px}.stat-icon{width:27px;height:30px;border-radius:9px;font-size:18px}.period-stat div>span{font-size:8px}.period-stat strong{font-size:20px}.stage-cards{gap:10px}.floating-stat{padding:15px 13px 12px;min-height:137px;border-radius:16px}.floating-stat strong{font-size:30px}.card-label{font-size:10px;max-width:65px}.mini-icon{width:26px;height:26px;font-size:16px;border-radius:8px}.card-foot{font-size:7px;padding-top:9px;margin-top:8px;gap:2px}.workflow-copy{gap:10px}.flow-badge{width:32px;height:35px;flex-shrink:0;font-size:18px;border-radius:11px}.workflow-copy h2{font-size:12px}.workflow-copy p{font-size:9px;line-height:1.8}.quick-actions{gap:8px}.quick-actions button{font-size:9px;padding:9px 7px;border-radius:9px}.quick-actions .primary-button span{margin-left:5px}.workflow-strip{gap:18px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.form-section{margin:0 18px}.list-header{padding:20px}.list-header p{font-size:11px}.list-toolbar{padding:16px 20px;gap:12px}.list-toolbar .plain-button{padding:9px 13px}.filter-field select{width:100%;min-width:0}.list-header-actions{flex-wrap:wrap}.source-label{white-space:normal;font-size:10px}.inline-create{grid-template-columns:1fr}.admin-form{padding:20px}.login-screen{padding:20px}.login-card{padding:32px 25px;gap:22px}.login-card h1{font-size:17px}.login-brand img{width:220px}.crumb{line-height:1.8;font-size:9px}.nav-expanded.app-shell{grid-template-columns:60px minmax(0,1fr)}.topbar .logout-button{font-size:22px}.button-row{flex-wrap:wrap}.review-layout{grid-template-columns:1fr}.survey-edit-grid{grid-template-columns:1fr}.survey-editor-header{gap:15px}#survey-editor{padding:20px 18px 0}}
.overview-heading>.plain-button{min-width:0;flex-shrink:0}.overview-heading>div{min-width:0}.overview-heading h1{white-space:nowrap}
@media(max-width:350px){.overview-heading{gap:8px}.overview-heading h1{font-size:19px}.overview-subtitle{font-size:9px}.overview-heading>.plain-button{width:30px;min-height:30px;height:30px}.overview-heading>.plain-button span{font-size:17px}.stage-cards .card-label{font-size:9px}.floating-stat{padding:14px 11px}.mini-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.floating-stat:hover,.nav-item:hover{transform:none}}