/* Explicit opaque light surfaces are intentional: previews may be embedded in a dark host. */
:root{color-scheme:only light;font-family:Inter,"Noto Sans CJK SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#23324a;background:#f6f8fa;font-synthesis:none;font-size:14px;--navy:#152b48;--teal:#168979;--teal-soft:#e9f6f2;--muted:#7c8797;--line:#e8ecf1;--canvas:#f6f8fa;--shadow:0 3px 14px #172f4a03}*{box-sizing:border-box}html{min-height:100%;background:#f6f8fa;color:#23324a;color-scheme:only light}body{margin:0;min-height:100vh;background:#f6f8fa;color:#23324a;color-scheme:only light}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:1px solid #dfe5eb;border-radius:8px;background:white;color:#47566c;padding:10px 15px;min-height:40px;line-height:1.35;transition:background .16s,border-color .16s,box-shadow .16s}button:hover{background:#f4f7f9;border-color:#c6d1dc}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78c8b8;outline-offset:3px}.primary{background:var(--navy);border-color:var(--navy);color:white;font-weight:600}.primary:hover{background:#224364;border-color:#224364}.secondary{background:#fff}.danger{background:#fff5f3;border-color:#f0d7d3;color:#ac4e45}.text-button{color:var(--teal);border:0;background:none;font-weight:600;padding:8px;white-space:nowrap}.text-button:hover{background:#dcefe8;border:0}.icon-button{font-size:21px;border:0;background:transparent;padding:5px 9px;min-height:30px}.hidden{display:none!important}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.035em}h1{font-size:30px;line-height:1.4;margin-bottom:8px}h2{font-size:18px;margin-bottom:7px;line-height:1.4}h3{font-size:15px}p{line-height:1.7}.muted{color:var(--muted)}.small{font-size:12px}.error{color:#b54d47}.ok{color:#168471}.warn{color:#a27532}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;color:#799092;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--navy);letter-spacing:.05em}.brand-mark{width:38px;height:38px;border-radius:11px;color:white;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:25px;line-height:1}.brand-en{display:block;font-size:8px;letter-spacing:.22em;color:#7b8b9b;margin-top:1px}.app-shell{display:flex;min-height:100vh;background:#f6f8fa;color:#23324a;color-scheme:only light}.sidebar{width:224px;min-width:224px;position:fixed;top:0;left:0;bottom:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:31px 18px 18px;z-index:20}.sidebar .brand{padding:0 9px}.workspace-switch{display:flex;gap:9px;align-items:center;margin:34px 0 26px;border:1px solid var(--line);padding:11px 9px;border-radius:9px;font-size:11px}.workspace-avatar{background:#eff1f7;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font-weight:700;color:#52617b}.workspace-switch strong,.profile strong{font-size:11px;font-weight:600;display:block}.workspace-switch small,.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.chevron{margin-left:auto;color:#95a0af}.nav-caption{padding:0 13px;color:#9ba5b1;font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between;margin-bottom:10px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:0;border-radius:7px;font-size:12px;color:#758092;text-align:left}.nav-item:hover{border:0;background:#f5f7f9}.nav-item.active{color:#1b7469;background:#edf7f3;font-weight:600}.nav-icon{width:18px;font-size:19px;line-height:20px;text-align:center;font-weight:400}.nav-tag{margin-left:auto;font-size:7px;letter-spacing:.09em;color:#1b8a73;background:#d9f0e7;padding:3px 5px;border-radius:3px}.team-caption{margin-top:32px}.team-nav{display:flex;flex-direction:column;gap:6px}.team-nav button{border:0;text-align:left;background:transparent;padding:9px 14px;min-height:32px;font-size:11px;color:#7a8596;display:flex;gap:10px;align-items:center}.team-nav button:before{content:"";width:7px;height:7px;border-radius:2px;background:#70afa3}.team-nav button:nth-child(2):before{background:#9da5cd}.team-nav button:nth-child(3):before{background:#d9b178}.team-nav button:hover,.team-nav button.active{background:#f5f8f9;color:var(--navy)}.team-nav .team-count{margin-left:auto;color:#a2abb6;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:28px}.privacy-card{background:#f7f9fa;border:1px solid #eff2f5;border-radius:10px;padding:14px 13px;margin-bottom:20px}.privacy-symbol{display:block;color:#62978e;font-size:22px;margin-bottom:9px}.privacy-card strong{font-size:10px;display:block;font-weight:500}.privacy-card p{font-size:10px;margin:7px 0 0;color:#98a3ae;line-height:1.9}.profile{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:17px}.avatar,.small-avatar{border:1px solid #dbe7e6;background:#eaf2ef;color:#598678;display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;font-size:11px;font-weight:600}.profile .icon-button{margin-left:auto;color:#9ba5b1;font-size:17px;padding:5px}.workspace-main{width:calc(100% - 224px);margin-left:224px;background:#f6f8fa;color:#23324a}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;color:#23324a;padding:0 36px}.breadcrumbs{font-size:11px;color:#9aa3af}.breadcrumbs span{padding:0 13px;color:#c5cbd2}.breadcrumbs strong{font-weight:500;color:#4b596c}.topbar-right{display:flex;align-items:center;gap:16px;font-size:10px;color:#83909d}.connection{display:flex;align-items:center;gap:6px;font-size:10px}.connection:before{content:"";width:6px;height:6px;background:#6caa96;border-radius:50%}.connection.error:before{background:#c88378}.topbar-divider{height:16px;width:1px;background:var(--line)}.small-avatar{width:29px;height:29px;font-size:10px}.workspace-content{max-width:1740px;margin:auto;padding:32px 36px 0;background:#f6f8fa;color:#23324a;min-height:calc(100vh - 78px)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:.15em}.page-heading h1{font-size:27px}.page-heading p{font-size:12px;color:#8a95a3;margin:0}.page-context{display:flex;align-items:flex-end;gap:10px;flex-direction:column;padding-bottom:4px}.local-mode{font-size:10px;color:#6c7c8f;background:#edf1f4;border:1px solid #e3e9ee;border-radius:6px;padding:7px 10px}.card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:24px;margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading h2{font-size:16px;margin:0 0 5px}.section-heading p{margin:0;color:#9099a6;font-size:11px}.section-heading button{font-size:11px}.pill,.subtle-tag{display:inline-flex;align-items:center;gap:5px;background:#f3f6f8;border:1px solid #e9eef2;color:#81909e;font-size:10px;border-radius:6px;padding:6px 9px;white-space:nowrap;font-weight:400;letter-spacing:0}.subtle-tag{padding:3px 6px;font-size:9px;vertical-align:middle;margin-left:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:19px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8a95a4}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #eaf0f4;border-radius:8px;font-size:15px;color:#7e8da2;background:#f7f9fb}.stat-icon.teal{color:#63a28f;background:#f0f8f4;border-color:#e6f2ec}.stat-icon.blue{color:#849ac2;background:#f3f6fc;border-color:#e9eef8}.stat-icon.purple{color:#9f8fb9;background:#f7f4fc;border-color:#efebf5}.stat-value{font-size:32px;line-height:1.1;font-weight:600;letter-spacing:-.04em;margin:11px 0 13px;color:#22334d;font-variant-numeric:tabular-nums}.stat-value small{font-size:11px;color:#a8b2bf;font-weight:400;margin-left:9px}.stat-foot{font-size:9px;color:#a0a9b4;display:flex;align-items:center;gap:5px;line-height:1.5}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bbc2cb}.dot.teal{background:#74af99}.intro-strip{display:flex;gap:14px;align-items:center;margin-bottom:24px;padding:17px 20px;background:#edf5f2;border:1px solid #e0ede6;border-radius:10px}.intro-icon{width:38px;height:38px;border:1px solid #d6e6df;background:#f6faf8;display:grid;place-items:center;color:#76a18f;border-radius:10px;font-size:23px}.intro-strip strong{font-size:12px;font-weight:550;color:#426d60}.intro-strip p{font-size:10px;color:#7c9a8e;margin:5px 0 0}.intro-strip button{margin-left:auto;font-size:10px}.overview-activity{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.overview-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.retention-card{background:#f2f5f7;position:relative;overflow:hidden}.retention-card:after{content:"◉";position:absolute;right:-40px;bottom:-70px;font-size:230px;color:#e5ebef;z-index:0}.retention-card>*{position:relative;z-index:1}.retention-card .eyebrow{font-size:8px}.retention-card h2{font-size:19px;line-height:1.6}.retention-number{font-size:35px;font-weight:600;color:#4f6679;margin:15px 0 10px}.retention-number span{font-size:10px;font-weight:400;margin-left:10px;color:#8898a6}.retention-card p{font-size:10px;color:#94a1ad;max-width:245px;margin-bottom:0}.outlined-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;font-size:22px;color:#98a5b2}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row label{min-width:120px}.row button{align-self:end}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#68788b;font-weight:500}input,select{border:1px solid #e0e6ed;color:#425369;padding:10px 12px;min-height:41px;background:#fff;border-radius:7px;min-width:0;max-width:100%;outline:none;font-size:12px}input::placeholder{color:#acb5c0}input:hover,select:hover{border-color:#b8c8d4}input:focus,select:focus{border-color:#5aa996;box-shadow:0 0 0 3px #edf7f3}.filter-bar{display:flex;gap:10px;margin-bottom:22px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e0e6ed;border-radius:7px;padding:0 12px;min-width:190px;flex:1;max-width:390px}.search-field span{font-size:20px;color:#94a1ae}.search-field input{border:none;box-shadow:none;background:transparent;padding:10px 0;width:100%}.filter-bar select{font-size:11px;min-width:135px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.employee-card{border:1px solid #e7ebf0;border-radius:9px;background:#fff;display:flex;gap:12px;padding:14px;align-items:center;text-align:left;position:relative;min-width:0}.employee-card:hover{background:#f9fcfb;border-color:#bad6cc}.employee-card.selected,.employee-card.primary{border-color:#86b7a8;background:#f0f8f4;color:#23324a}.employee-avatar{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:11px;background:#e9f2ee;color:#5d907e;font-size:12px}.employee-card:nth-child(3n+2) .employee-avatar{background:#eeedf6;color:#8b86a8}.employee-card:nth-child(3n+3) .employee-avatar{background:#f5efe6;color:#ac9878}.employee-info{flex:1;min-width:0}.employee-name{display:block;font-size:12px;font-weight:600;color:#394961}.employee-meta{display:block;font-size:9px;color:#9aa4b1;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.status-badge{font-size:9px;border-radius:4px;padding:3px 6px;background:#f2f4f6;color:#929daa;display:inline-flex;align-items:center;gap:4px;font-weight:400;white-space:nowrap}.status-badge.online,.status-badge.live,.status-badge.ok,.status-badge.sharing,.status-badge.complete{color:#568e7a;background:#eaf5ef}.status-badge.paused,.status-badge.warn,.status-badge.preparing{color:#af9258;background:#faf5e9}.status-badge.error,.status-badge.failed,.status-badge.disconnected{color:#b67871;background:#fcf0ee}.status-badge.offline{background:#f0f2f5;color:#9ba5b1}.wall-heading{display:flex;justify-content:space-between;margin:25px 0 13px;gap:15px}.wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{background:#fff;border:1px solid #e6ebf0;border-radius:10px;overflow:hidden;min-width:0}.tile-header{display:flex;align-items:center;justify-content:space-between;padding:12px;gap:8px}.tile-title{font-size:11px;font-weight:500}.tile-title strong{font-weight:550}.tile-status{font-size:9px;color:#8695a3}.tile-footer{padding:10px 12px;display:flex;justify-content:space-between;gap:6px;color:#a0aab6;font-size:8px}.videoBox{aspect-ratio:16/9;background:#eef2f5;position:relative;overflow:hidden}.videoBox video{width:100%;height:100%;object-fit:contain;display:block;background:#edf2f5}.overlay{position:absolute;inset:0;background:#edf2f5f7;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#9ba8b5;font-size:11px}.overlay:before{content:"▣";position:absolute;top:27%;font-size:26px;color:#c5cfd9}.overlay.hidden{display:none}.zoom-box{max-width:900px;border-radius:9px}.empty-state{text-align:center;padding:55px 20px;color:#9aa7b5;background:#fafbfc;border:1px dashed #dfe7ed;border-radius:9px}.empty-icon{width:48px;height:48px;display:grid;place-items:center;background:#f0f4f7;border:1px solid #e3eaf0;border-radius:12px;margin:0 auto 16px;font-size:25px;color:#a9b9c6}.empty-state h3{font-size:13px;color:#778ba0;margin-bottom:7px}.empty-state p{font-size:11px;margin-bottom:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-weight:500;color:#97a3b0;background:#f8fafb;padding:13px 14px;font-size:10px;white-space:nowrap}td{padding:16px 14px;border-bottom:1px solid #f0f3f6;color:#65758a;line-height:1.6;vertical-align:middle}tbody tr:last-child td{border-bottom:none}td strong{display:block;color:#3b4b62;font-size:11px;font-weight:500}td small{color:#a3adba;font-size:9px}td button{font-size:10px;padding:6px 9px;min-height:30px}.account-form{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.form-full{grid-column:1/-1}.form-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}.form-bottom p{margin:0;font-size:10px}.team-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.team-policy-card{padding:21px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:12px}.team-policy-card h3{font-size:14px;margin:0}.team-policy-card p{font-size:11px;color:#9ca6b2;margin:0}.team-policy-card button{font-size:11px;align-self:start}.admin-team-tools{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.admin-team-tools h3{font-size:13px;margin-bottom:17px}.admin-team-tools .row{margin-bottom:14px}.admin-team-tools input{font-size:11px}.audit-area{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.audit-area button{font-size:11px}#policyAudit{margin-top:14px;white-space:pre-wrap;line-height:1.8}.archive-filters{margin-bottom:24px;align-items:end}.archive-filters label{flex:1;min-width:130px}.archive-filters input,.archive-filters select{font-size:11px}.archive-filters button{font-size:11px}.archive-note{display:flex;gap:9px;color:#9aa6b2;font-size:10px;line-height:1.7;border-top:1px solid var(--line);padding-top:20px;margin-top:15px}.playback{border-top:1px solid var(--line);padding-top:24px;margin-top:20px}.playback video{display:block;width:100%;max-height:570px;aspect-ratio:16/9;background:#edf2f6;border-radius:9px}.timeline-heading{display:flex;justify-content:space-between;margin:20px 0 12px;font-size:11px}.playback-timeline{display:flex;gap:4px;margin-bottom:15px}.playback-timeline button{min-height:26px;flex:1;background:#d7eae4;border:0;border-radius:3px;padding:3px;font-size:8px}.playback-timeline button.active{background:#4a9a85;color:white}#segmentButtons button{font-size:10px;min-height:32px}.notice{border:1px solid #eee1c8;background:#fffaf0;color:#9a793e;padding:12px 16px;border-radius:8px;font-size:11px;line-height:1.8;margin-bottom:20px}.notice.error{border-color:#eed2ce;background:#fff5f3;color:#af665f}.notice.ok{border-color:#d3e8dd;background:#eff9f2;color:#5a8f72}.shift-summary{font-size:11px;line-height:2;word-break:break-word;margin-top:22px}.employee-welcome{display:flex;align-items:center;justify-content:space-between;padding:30px 32px;gap:30px;background:linear-gradient(110deg,#fff 60%,#f0f7f3)}.employee-welcome h2{font-size:23px;margin-bottom:12px}.employee-welcome p{font-size:12px;color:#8899a6;line-height:1.9}.shift-label{display:inline-flex;align-items:center;background:#eef3f5;color:#677f91;border-radius:6px;font-size:11px;padding:7px 10px;margin:5px 0 12px}.shift-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:330px}.shift-actions button{font-size:11px;min-height:44px}.consent-note{display:flex;gap:14px;align-items:center;background:#edf5f1;border:1px solid #e2ede5;border-radius:10px;padding:18px 22px;margin-bottom:20px}.consent-icon{font-size:28px;color:#80a796}.consent-note strong{font-size:11px;color:#658775;font-weight:500}.consent-note p{font-size:10px;color:#8ba494;margin:5px 0 0}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.slot{border:1px solid var(--line);border-radius:10px;overflow:hidden}.slot-heading{display:flex;gap:12px;align-items:center;padding:16px 18px}.slot-number{width:31px;height:31px;background:#f2f5f7;border:1px solid #e9edf1;border-radius:8px;display:grid;place-items:center;color:#91a1ae;font-size:10px}.slot-heading strong{font-size:12px;font-weight:550}.slot-heading small{display:block;font-size:9px;color:#98a5b3;margin-top:5px}.capture-box{background:#f6f8fa;margin:0 14px;border-radius:7px}.capture-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:#a0adba;gap:8px;background:#f5f8fa}.capture-placeholder span{font-size:32px;color:#b8c7d2;margin-bottom:5px}.capture-placeholder strong{font-size:11px;font-weight:500}.capture-placeholder small{font-size:9px;color:#b0bbc6}.capture-box:has(video[data-active="true"]) .capture-placeholder{display:none}.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 14px}.capture-actions button{font-size:10px;padding:9px}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:16px 0 24px;font-size:9px;color:#a7b0bd}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.04fr 1fr;background:#fff}.login-story{padding:44px 58px 28px;background:#ecf3f1;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100vh}.login-story:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #dce8e1;border-radius:50%;left:-255px;top:255px}.login-story:after{content:"";position:absolute;width:780px;height:780px;border:1px solid #e0eae5;border-radius:50%;left:-322px;top:188px}.login-story .brand{position:relative;z-index:1}.login-story-content{position:relative;z-index:1;padding-top:62px;margin:auto 0}.login-story-content .eyebrow{font-size:10px;letter-spacing:.18em;color:#82a293}.login-story-content h1{font-size:38px;color:#2b4b42;line-height:1.6;letter-spacing:.03em;font-weight:550;margin:16px 0 14px}.login-story-content>p{font-size:13px;color:#8b9e94;line-height:2;margin-bottom:26px}.login-illustration{position:relative;background:#fff;border:1px solid #dce7e2;border-radius:13px;box-shadow:0 24px 40px #476b5710;margin-top:40px;max-width:410px;transform:rotate(-2deg)}.illustration-top{display:flex;align-items:center;gap:4px;padding:11px 13px;border-bottom:1px solid #eff2f4}.mini-brand{font-size:9px;color:#79998b;margin-right:auto}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#dbe5df}.illustration-body{display:flex;height:190px}.illustration-side{width:62px;border-right:1px solid #f0f2f4;padding:18px 10px}.illustration-side i{height:5px;display:block;border-radius:2px;background:#e8eeeb;margin:11px 0}.illustration-side i:nth-child(2){background:#cadfd4}.illustration-main{padding:19px;flex:1}.illustration-heading{width:50%;height:7px;background:#dce7e1;border-radius:3px;margin-bottom:14px}.illustration-stats{display:flex;gap:7px;margin-bottom:14px}.illustration-stats i{background:#f5f8f7;border:1px solid #ebf0ed;flex:1;height:29px;border-radius:4px}.illustration-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.illustration-grid>div{border:1px solid #eaf0ec;background:#fcfdfc;border-radius:4px;height:43px;display:flex;align-items:center;padding:10px;gap:9px}.illustration-grid b{width:18px;height:18px;background:#edf6f1;border-radius:5px;font-size:9px;display:grid;place-items:center;color:#94b5a4}.illustration-grid i{height:4px;flex:1;background:#e2ebe5;border-radius:2px}.consent-float{position:absolute;right:-20px;bottom:5px;transform:rotate(2deg);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfebe4;padding:12px 16px;border-radius:9px;box-shadow:0 6px 20px #315e4520}.consent-float>span{border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#7eac93;background:#edf6ef}.consent-float strong{display:block;font-size:9px;font-weight:550;color:#5c7c68}.consent-float small{display:block;font-size:7px;color:#a1b0a6;margin-top:4px}.login-story-footer{display:flex;justify-content:space-between;gap:12px;margin-top:50px;color:#91a79b;font-size:8px;z-index:1}.login-form-side{padding:44px 50px 26px;display:flex;flex-direction:column;min-height:100vh}.login-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.login-topline a{font-size:10px;color:#8996a6}.login-form-wrap{max-width:340px;width:100%;margin:auto;position:relative;padding:50px 0}.login-form-wrap .eyebrow{color:#91a2ae;font-size:9px;letter-spacing:.15em}.login-form-wrap h2{font-size:28px;color:#24364f;margin:14px 0}.login-description{font-size:12px;color:#9ca6b3;line-height:1.9;margin-bottom:32px}#loginForm{display:flex;flex-direction:column;gap:21px}#loginForm input{min-height:46px;font-size:11px}#loginForm label{font-size:11px;color:#667689;gap:9px}.login-submit{width:100%;display:flex;justify-content:space-between;margin-top:6px;font-size:12px;min-height:46px;padding:12px 16px}.login-submit span{font-size:17px;font-weight:400}#loginMessage{font-size:11px;margin:0}.login-help{display:flex;gap:12px;margin-top:21px;border-top:1px solid var(--line);padding-top:23px;align-items:center}.outline-icon{font-size:22px;color:#9dafbb}.login-help p{margin:0;font-size:10px;color:#a0aaba;line-height:1.9}.login-help strong{font-weight:400;color:#748599}.login-bottom{text-align:center;font-size:9px;color:#b1bac6;line-height:1.9;margin-bottom:0}
@media(min-width:1650px){.wall{grid-template-columns:repeat(4,1fr)}.workspace-content{padding:38px 48px 0}.topbar{padding:0 48px}}
@media(max-width:1200px){.sidebar{width:200px;min-width:200px;padding:28px 13px 16px}.workspace-main{width:calc(100% - 200px);margin-left:200px}.workspace-content{padding:26px 25px 0}.topbar{padding:0 25px}.stat-card{padding:16px}.people-grid,.overview-activity{grid-template-columns:repeat(2,1fr)}.wall{grid-template-columns:repeat(2,1fr)}.login-story{padding:38px}.login-story-content h1{font-size:32px}.login-form-side{padding:38px}.account-form{grid-template-columns:1fr 1fr}.capture-grid{gap:15px}}
@media(max-width:900px){.sidebar{width:174px;min-width:174px;padding:23px 10px 14px}.sidebar .brand{font-size:18px}.workspace-main{width:calc(100% - 174px);margin-left:174px}.workspace-switch{margin-top:25px}.workspace-switch .workspace-avatar{display:none}.nav-item{font-size:11px;gap:9px;padding:12px 10px}.privacy-card{padding:12px 9px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:13px}.workspace-content{padding:24px 20px 0}.topbar{padding:0 20px;height:67px}.header-note{display:none}.page-heading h1{font-size:24px}.page-context{display:none}.card{padding:20px}.overview-bottom{grid-template-columns:1fr}.team-policy-grid{grid-template-columns:1fr}.employee-welcome{align-items:flex-start;flex-direction:column}.shift-actions{max-width:none;width:100%;grid-template-columns:repeat(2,1fr)}.capture-grid{grid-template-columns:1fr}.login-story-content h1{font-size:28px}.login-story{padding:30px}.login-form-side{padding:30px}.login-story-content{padding-top:35px}.login-illustration{margin-top:30px}.consent-float{right:-9px}.login-story-footer{flex-direction:column;gap:7px}.topbar-right{gap:10px}}
@media(max-width:650px){.sidebar{position:relative;width:100%;min-width:0;padding:17px 17px 0;border-right:0;border-bottom:1px solid var(--line);height:auto}.sidebar .brand{font-size:18px;padding:0}.brand-mark{width:32px;height:32px;font-size:22px;border-radius:9px}.workspace-switch,.nav-caption,.team-nav,.sidebar-bottom{display:none}.main-nav{flex-direction:row;gap:5px;margin-top:16px;overflow:auto;padding-bottom:10px}.nav-item{font-size:10px;justify-content:center;flex:1;white-space:nowrap;min-width:max-content;padding:9px;gap:5px}.nav-icon{font-size:15px;width:16px}.nav-tag{display:none}.app-shell{display:block}.workspace-main{margin:0;width:100%}.topbar{height:47px;padding:0 18px}.breadcrumbs{font-size:9px}.topbar-right{font-size:8px}.topbar-divider,.small-avatar{display:none}.workspace-content{padding:23px 17px 0}.page-heading{margin-bottom:20px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-top{font-size:10px}.stat-value{font-size:28px;margin:7px 0 11px}.stat-foot{font-size:8px}.stat-icon{width:24px;height:24px;font-size:13px}.intro-strip{padding:13px;gap:10px;align-items:flex-start}.intro-icon{flex-shrink:0;width:28px;height:28px;font-size:18px}.intro-strip strong{font-size:10px}.intro-strip p{font-size:9px}.intro-strip button{display:none}.card{padding:17px;border-radius:10px;margin-bottom:16px}.section-heading{align-items:flex-start;margin-bottom:17px}.section-heading h2{font-size:14px}.section-heading p{font-size:10px}.section-heading button{font-size:9px;padding:7px 9px;min-height:34px;white-space:nowrap}.section-heading .row{gap:4px}.overview-activity{grid-template-columns:1fr}.people-grid{grid-template-columns:1fr 1fr;gap:8px}.employee-card{padding:10px;gap:8px;align-items:flex-start}.employee-avatar{width:29px;height:29px;border-radius:8px;font-size:10px}.employee-name{font-size:10px}.employee-meta{font-size:8px}.status-row{gap:3px;margin-top:6px}.status-badge{font-size:8px;padding:3px 4px}.filter-bar{flex-wrap:wrap;gap:8px}.search-field{max-width:none;flex-basis:100%;height:39px}.filter-bar select{flex:1;min-width:0;font-size:10px;min-height:36px}.wall{grid-template-columns:1fr;gap:14px}.wall-heading{flex-direction:column;gap:7px;margin:18px 0 12px}.wall-heading .small{font-size:9px}.account-form{grid-template-columns:1fr;gap:16px}.form-bottom{flex-direction:column;gap:12px;align-items:stretch}.form-bottom p{font-size:9px}.app-footer{font-size:8px;flex-direction:column;gap:7px;padding:12px 0 22px}.employee-welcome{padding:22px;gap:17px}.employee-welcome h2{font-size:19px}.employee-welcome p{font-size:10px}.consent-note{padding:14px;gap:10px;align-items:flex-start}.consent-note p{font-size:9px}.archive-filters label{min-width:calc(50% - 10px)}.archive-filters button{width:100%}.login-shell{display:block}.login-story{min-height:0;padding:25px;background:#edf5f0}.login-story-content{margin:0;padding-top:28px}.login-story-content h1{font-size:26px;line-height:1.5;margin:10px 0 0}.login-story-content h1 br{display:none}.login-story-content>p,.login-illustration,.login-story-footer,.login-story-content .eyebrow{display:none}.login-form-side{min-height:calc(100vh - 151px);padding:22px 25px}.login-topline .pill{font-size:8px;padding:4px 7px}.login-topline a{font-size:9px}.login-form-wrap{max-width:100%;padding:35px 0 25px;margin:0 auto}.login-form-wrap h2{font-size:24px}.login-description{font-size:11px;margin-bottom:26px}.login-description br{display:none}.login-help{margin-top:15px;padding-top:18px}.login-bottom{margin-top:auto;font-size:8px}}

.mobile-only{display:none}@media(max-width:650px){.mobile-only{display:inline-flex;align-items:center;font-size:18px;padding:3px 6px;color:#8697a6}}

.status-badge.success{color:#568e7a;background:#eaf5ef}.status-badge.info{color:#658aad;background:#edf4fb}.status-badge.warning{color:#af9258;background:#faf5e9}.status-badge.danger{color:#b67871;background:#fcf0ee}.status-badge.neutral{color:#929daa;background:#f2f4f6}.employee-identity{display:flex;gap:10px;align-items:center;min-width:0}.people-grid>.employee-card{flex-direction:column;align-items:stretch}.people-grid>.employee-card>.status-row{margin-top:0}.activity-row{border:1px solid var(--line);border-radius:9px;padding:15px;display:flex;flex-direction:column;gap:11px;min-width:0}.activity-row .employee-name{font-size:12px}.activity-row .status-row{margin-top:0}.team-policy-header{display:flex;gap:11px;align-items:center}.team-icon{width:34px;height:34px;display:grid;place-items:center;background:#edf5f0;color:#7fa891;border-radius:8px}.team-policy-header h3{margin:0 0 5px}.team-policy-header .muted{font-size:10px}button.videoBox{width:100%;border:0;padding:0;border-radius:0;display:block}.tile button.videoBox:hover{border:0;background:#edf2f5}.tile .videoBox .overlay{padding-top:43px}.tile-header .status-row{margin:0}.tile-header .employee-avatar{width:28px;height:28px;border-radius:8px}.tile-footer .small{font-size:8px}.timeline-meta{display:flex;justify-content:space-between;color:#8d9bab;font-size:10px;margin:8px 0}.playback-timeline input[type=range]{width:100%;min-height:28px;accent-color:#548d7d;padding:0;border:0;box-shadow:none}.table-actions{display:flex;gap:6px}.table-actions button{white-space:nowrap}.account-metadata{font-size:10px;color:#9da9b5}#policyControls .policy-note{font-size:10px;color:#8e9fae;line-height:1.8}
/* Final readability pass: modestly larger supporting text, clear control labels. */
.nav-item{font-size:13px}.nav-caption{font-size:11px}.workspace-switch strong,.profile strong{font-size:12px}.workspace-switch small,.profile small{font-size:11px}.section-heading p{font-size:12px;color:#7f8c9c}.stat-top{font-size:12px;color:#7f8b9c}.stat-foot{font-size:10px;color:#8a97a6}.employee-meta{font-size:10px;color:#8796a7}.tile-footer{font-size:10px;color:#8a99aa}.employee-card .status-badge{font-size:10px}.team-nav button{font-size:12px}.team-nav-count{margin-left:auto;color:#98a8b5;font-size:10px}.app-footer{font-size:10px;color:#8d9baa}.account-edit-details{border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.account-edit-details summary{cursor:pointer;font-size:12px;color:#667f90;font-weight:500;padding:7px 0}.account-edit-details[open] summary{margin-bottom:20px}.account-disable-label{display:flex;flex-direction:row;align-items:center;gap:9px;grid-column:1/-1;font-size:12px}.account-disable-label input{width:16px;height:16px;min-height:16px;accent-color:#456b59}.account-edit-details .notice{margin-top:15px;font-size:11px}.account-edit-details .account-form{margin-top:15px}@media(max-width:650px){.nav-item{font-size:10px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.section-heading p{font-size:10px}.employee-meta{font-size:9px}.employee-card .status-badge{font-size:8px}.tile-footer{font-size:10px}.app-footer{font-size:9px}}


/* Remote assistance: readable light surfaces, explicit consent and persistent stop. */
.assistance-panel{margin-top:22px;border-top:1px solid #c6d1dc;padding-top:22px;color:#1d304b}
.assistance-panel h3{font-size:20px;margin:5px 0 8px}.assistance-message{padding:12px 14px;background:#edf5f2;border:1px solid #b2cfc3;border-radius:10px;color:#285447;font-size:14px;line-height:1.6}
.assistance-panel .section-heading{gap:18px}.assistance-toolbar{margin:14px 0}.assistance-video-box{background:#edf1f5;border:2px solid #8796aa;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.assistance-video-box video{width:100%;height:100%;display:block;object-fit:contain;outline-offset:-4px}.assistance-video-box:has(.assistance-armed){border-color:#167765;box-shadow:0 0 0 3px #cce7de}.assistance-armed{cursor:crosshair;touch-action:none}
.assistance-consent{position:fixed;right:24px;bottom:110px;z-index:60;width:min(500px,calc(100vw - 32px));padding:24px;border:2px solid #167765;border-radius:16px;background:#fff;box-shadow:0 14px 60px #1d304b33;color:#1d304b}.assistance-consent h2{font-size:21px;margin:8px 0 12px;overflow-wrap:anywhere}.assistance-consent p{font-size:14px;line-height:1.7}.assistance-consent .row{justify-content:flex-end;margin-top:18px}
.assistance-banner{position:fixed;left:calc(var(--sidebar-width,240px) + 24px);right:24px;bottom:20px;z-index:61;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 18px;border:2px solid #167765;border-radius:12px;background:#edf5f2;color:#1d304b;box-shadow:0 7px 28px #1d304b26}.assistance-banner strong{font-size:15px;display:block;margin-bottom:4px}.assistance-banner span{font-size:14px;line-height:1.5}.assistance-banner button{flex-shrink:0;min-height:42px}.assistance-employee{border-color:#b2cfc3}
@media(max-width:900px){.assistance-banner{left:16px;right:16px;bottom:12px}.assistance-consent{right:16px;bottom:116px;max-height:calc(100dvh - 140px);overflow:auto}.assistance-panel .section-heading{align-items:flex-start;flex-direction:column}.assistance-banner span{font-size:13px}}
.demo-recording-label{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:5px;background:#fff0cc;color:#664f17;font-size:12px;font-weight:600}
.playback-extra-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:9px 0 12px;color:#526176}
.playback-extra-controls select{min-height:32px;margin-left:5px}
.analysis-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding:14px 0;border-top:1px solid #e3e9eb}.analysis-row>strong,.analysis-confirm{flex-basis:100%}.analysis-row label:not(.analysis-confirm){display:flex;flex-direction:column;gap:4px;min-width:78px}.analysis-row input[type=number]{width:80px;min-height:36px}.analysis-confirm{display:flex;align-items:center;gap:8px;color:#526176}.analysis-confirm input{width:18px;height:18px}.review-event-panel{margin:18px 0;padding:16px;background:#f8faf8;border:1px solid #dce8e1;border-radius:9px}.review-event-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #e1e9e5}.review-event-row button{white-space:nowrap}@media(max-width:650px){.review-event-row{align-items:flex-start;flex-direction:column}}
/* Clearview 0.4.2: readable interface text, independent of preview host theme. */
:root{--text-primary:#1d304b;--text-secondary:#526176;--text-muted:#5b687b;--text-success:#146752;--text-warning:#76500f;--text-danger:#9b342c;--text-info:#285b86;--muted:#5b687b;font-size:15px}
html,body,.app-shell,.workspace-main,.workspace-content{color:#1d304b;line-height:1.65}
body .muted{color:#5b687b}
body .small{font-size:13px}
body .eyebrow{color:#526176;font-size:12px;letter-spacing:.1em;font-weight:600}
body h1,body h2,body h3{color:#1d304b}
body .page-heading h1{font-size:30px;line-height:1.4}
body .section-heading h2{font-size:20px}
body button,body input,body select{font-size:14px;min-height:44px}
body input,body select{color:#30445d;border-color:#abb8c7;background:#fff}
body input::placeholder{color:#647084;opacity:1}
body label{color:#44546b;font-size:14px;line-height:1.5}
body button{border-color:#b6c1ce;color:#30445d;font-weight:500}
body button.primary{background:#152b48;color:#fff;border-color:#152b48}
body button.primary:hover{background:#224364;border-color:#224364}
body button.danger{background:#fff0ed;color:#9b342c;border-color:#d2a5a0}
body button:disabled{opacity:1;color:#5b687b;background:#edf1f5;border-color:#c7d0da;cursor:not-allowed}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible,body summary:focus-visible{outline:3px solid #167765;outline-offset:3px}
body .hidden{display:none!important}
body .nav-item{font-size:15px;color:#526176;min-height:46px;gap:11px}
body .nav-item.active{color:#146752;background:#e7f3ed;font-weight:600}
body .nav-caption{font-size:12px;color:#5b687b;letter-spacing:.05em}
body .nav-tag{font-size:10px;color:#146752;background:#d9f0e7}
body .team-nav button{font-size:14px;color:#526176;min-height:40px}
body .team-nav-count,body .team-nav .team-count{font-size:12px;color:#5b687b}
body .workspace-switch strong,body .profile strong{font-size:13px;color:#30445d}
body .workspace-switch small,body .profile small{font-size:12px;color:#5b687b;line-height:1.5}
body .workspace-switch{padding:11px 9px}
body .chevron,body .profile .icon-button{color:#526176}
body .privacy-card strong{font-size:12px;color:#30445d}
body .privacy-card p{font-size:12px;color:#526176;line-height:1.8}
body .brand-en{font-size:10px;color:#526176}
body .topbar,body .topbar-right,body .header-note,body .breadcrumbs{font-size:13px;color:#526176}
body .breadcrumbs strong{color:#30445d}
body .breadcrumbs span{color:#647084}
body .connection{font-size:12px;color:#526176}
body .page-heading .eyebrow{font-size:12px;color:#526176}
body .page-heading p,body .section-heading p{font-size:14px;color:#526176;line-height:1.7}
body .page-context .small{font-size:13px;color:#526176}
body .local-mode,body .pill,body .subtle-tag{font-size:12px;color:#526176;background:#edf1f5;border-color:#d5dde5}
body .section-heading button,body .filter-bar select,body .archive-filters input,body .archive-filters select,body .archive-filters button{font-size:14px}
body .stat-top{font-size:14px;color:#526176}
body .stat-value{font-size:36px;color:#1d304b}
body .stat-value small{font-size:13px;color:#5b687b}
body .stat-foot{font-size:12px;color:#5b687b;line-height:1.6}
body .intro-strip strong{font-size:14px;color:#245c48}
body .intro-strip p{font-size:13px;color:#416958;line-height:1.7}
body .intro-strip .text-button,body .text-button{font-size:14px;color:#146752}
body .retention-card .eyebrow{font-size:12px;color:#526176}
body .retention-card h2{font-size:22px;color:#30445d}
body .retention-card p,body .retention-number span{font-size:13px;color:#526176}
body .search-field{border-color:#abb8c7}
body .search-field span{color:#647084}
body .employee-name,body .activity-row .employee-name{font-size:15px;color:#243a54}
body .employee-meta{font-size:13px;color:#526176;line-height:1.6}
body .employee-avatar{font-size:13px;color:#35624f;background:#e9f2ee}
body .employee-card:nth-child(3n+2) .employee-avatar{color:#625277;background:#eeedf6}
body .employee-card:nth-child(3n+3) .employee-avatar{color:#715936;background:#f5efe6}
body .status-badge,body .employee-card .status-badge{font-size:12px;line-height:1.5;font-weight:500;padding:4px 7px;color:#526176;background:#edf1f5}
body .status-badge.online,body .status-badge.live,body .status-badge.ok,body .status-badge.sharing,body .status-badge.complete,body .status-badge.success{color:#146752;background:#e8f4ee}
body .status-badge.paused,body .status-badge.warn,body .status-badge.preparing,body .status-badge.warning{color:#76500f;background:#fff4dc}
body .status-badge.error,body .status-badge.failed,body .status-badge.disconnected,body .status-badge.danger{color:#9b342c;background:#fff0ed}
body .status-badge.info{color:#285b86;background:#eaf3fc}
body .status-badge.offline,body .status-badge.neutral{color:#526176;background:#edf1f5}
body .tile-title{font-size:14px;color:#243a54}
body .tile-status,body .tile-footer,body .tile-footer .small{font-size:12px;color:#526176;line-height:1.6}
body .tile-header{padding:14px;flex-wrap:wrap}
body .tile-footer{padding:12px 14px;flex-wrap:wrap}
body .wall-heading .small{font-size:13px;color:#526176}
body .overlay,body .empty-state{font-size:14px;color:#526176}
body .empty-state h3{font-size:16px;color:#30445d}
body .empty-state p{font-size:14px;color:#526176}
body table{font-size:14px}
body th{font-size:13px;color:#526176;background:#f5f7fa}
body td{font-size:14px;color:#526176}
body td strong{font-size:14px;color:#243a54}
body td small,body td button{font-size:12px;color:#526176}
body .form-bottom p,body .account-metadata{font-size:13px;color:#526176}
body .team-policy-card h3{font-size:17px;color:#30445d}
body .team-policy-card p,body .team-policy-header .muted,body #policyControls .policy-note{font-size:13px;color:#526176}
body .team-policy-card button,body .admin-team-tools input,body .audit-area button{font-size:14px}
body .admin-team-tools h3{font-size:16px;color:#30445d}
body #policyAudit,body .shift-summary{font-size:13px;color:#526176}
body .archive-note,body .timeline-meta,body #segmentButtons button{font-size:13px;color:#526176}
body .timeline-heading{font-size:14px;color:#30445d}
body .playback-timeline button{font-size:12px;color:#245c48}
body .playback-timeline button.active{background:#146752;color:#fff}
body .notice{font-size:13px;color:#76500f;background:#fff8e8;border-color:#dfc793}
body .notice.error{color:#9b342c;background:#fff0ed;border-color:#d2a5a0}
body .notice.ok{color:#146752;background:#e8f4ee;border-color:#a6c8b7}
body .employee-welcome p{font-size:14px;color:#526176}
body .shift-label{font-size:14px;color:#44546b}
body .shift-actions button{font-size:14px}
body .consent-note strong{font-size:14px;color:#245c48}
body .consent-note p{font-size:13px;color:#416958}
body .slot-heading strong{font-size:15px;color:#30445d}
body .slot-heading small,body .slot-number{font-size:12px;color:#526176}
body .capture-placeholder{color:#526176}
body .capture-placeholder strong{font-size:14px;color:#44546b}
body .capture-placeholder small{font-size:13px;color:#526176}
body .capture-actions button{font-size:13px}
body .app-footer{font-size:12px;color:#5b687b;line-height:1.8}
body .login-story-content .eyebrow{font-size:12px;color:#426959}
body .login-story-content>p{font-size:15px;color:#426959}
body .login-story-footer{font-size:12px;color:#426959}
body .login-topline a{font-size:13px;color:#526176}
body .login-form-wrap .eyebrow{font-size:12px;color:#526176}
body .login-description{font-size:15px;color:#526176}
body #loginForm label,body #loginForm input{font-size:15px;color:#44546b}
body .login-submit{font-size:15px}
body #loginMessage{font-size:14px;color:#9b342c}
body .login-help p,body .login-bottom{font-size:13px;color:#5b687b}
body .login-help strong{font-size:13px;color:#44546b}
body .account-edit-details summary,body .account-disable-label{font-size:14px;color:#44546b}
body .account-edit-details .notice{font-size:13px}
/* Preview chrome and captions are interface text; miniature fake-screen marks remain illustrative. */
body.demo-page .demo-bar{font-size:13px;color:#76500f;line-height:1.65;flex-wrap:wrap}
body.demo-page .demo-bar button{font-size:12px;min-height:32px;color:#76500f;border-color:#cbb889}
body.demo-page .demo-live-header h2{font-size:19px;color:#243a54}
body.demo-page .demo-live-header p{font-size:14px;color:#526176}
body.demo-page .demo-filter,body.demo-page .demo-filter button{font-size:13px;color:#526176;min-height:38px}
body.demo-page .demo-person strong{font-size:14px;color:#243a54}
body.demo-page .demo-person small{font-size:12px;color:#526176;line-height:1.6}
body.demo-page .demo-person .employee-avatar{font-size:12px;color:#35624f}
body.demo-page .demo-status{font-size:12px;color:#146752;background:#e8f4ee;padding:4px 7px;line-height:1.5}
body.demo-page .demo-status.paused{color:#76500f;background:#fff4dc}
body.demo-page .demo-status.offline{color:#526176;background:#edf1f5}
body.demo-page .demo-status-note,body.demo-page .demo-preview-header,body.demo-page .demo-time-labels{font-size:13px;color:#526176}
body.demo-page .demo-wall-empty strong{font-size:14px;color:#44546b}
body.demo-page .demo-wall-empty small{font-size:13px;color:#526176}
body.demo-page .demo-frame-note{font-size:10px;color:#526176;background:#f0f6f3}
@media(max-width:900px){body .nav-item{font-size:14px}body .profile strong,body .workspace-switch strong{font-size:12px}}
@media(max-width:650px){
 body .nav-item{font-size:14px;min-height:44px;padding:10px 12px}
 body .page-heading h1{font-size:26px}
 body .page-heading .eyebrow,body .page-heading p{font-size:13px}
 body .section-heading h2{font-size:18px}
 body .section-heading p,body .section-heading button{font-size:13px}
 body .section-heading{flex-wrap:wrap}
 body .stat-top{font-size:13px}body .stat-foot{font-size:12px}
 body .stat-value{font-size:32px}
 body .intro-strip strong{font-size:14px}body .intro-strip p{font-size:13px}
 body .employee-name{font-size:14px}body .employee-meta{font-size:12px}
 body .people-grid{grid-template-columns:1fr}
 body .employee-card .status-badge{font-size:12px}
 body .tile-footer,body .app-footer{font-size:12px}
 body .filter-bar select{font-size:14px}
 body .capture-actions button{font-size:13px}
 body .login-description,body .login-topline a{font-size:13px}
 body .login-bottom{font-size:12px}
 body.demo-page .demo-bar{font-size:12px;justify-content:center}
 body.demo-page .demo-live-header{flex-wrap:wrap;gap:12px}
 body.demo-page .demo-filter button{font-size:13px}
}
body input,body select,body .search-field{border-color:#8796aa}
body button.secondary,body .filter-bar select{border-color:#8796aa}
body input:focus,body select:focus{border-color:#167765}
body .ok{color:#146752}body .warn{color:#76500f}body .error{color:#9b342c}
body.demo-page .demo-bar{min-height:58px}
body.demo-page .sidebar{top:58px}
@media(max-width:650px){body.demo-page .sidebar{top:auto}body.demo-page .demo-bar{position:relative;min-height:58px}}

/* Simplified employee view: after sign-in the employee sees only the consent / sharing screen. */
.employee-simple .sidebar,.employee-simple .breadcrumbs,.employee-simple .header-note,.employee-simple .small-avatar,.employee-simple .topbar-divider,.employee-simple .app-footer,.employee-simple #commonPanel .page-heading,.employee-simple #employeeAssistance,.employee-simple #analysisCard{display:none!important}
.employee-simple .workspace-main{width:100%;margin-left:0}
.employee-simple .topbar{justify-content:space-between}
.employee-simple .workspace-content{max-width:920px;margin:0 auto}
.employee-simple #mobileLogoutBtn{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:6px 12px;color:#23324a}
.employee-simple #mobileLogoutBtn::after{content:"Sign out";font-size:14px}
.employee-simple .topbar::before{content:"Clearview";font-weight:700;font-size:16px;color:var(--navy)}

/* Employee change-password card: single narrow column, aligned fields. */
#passwordCard{padding:16px 24px}
#passwordCard summary{cursor:pointer;font-size:15px;color:var(--navy);padding:4px 0}
#passwordCard[open] summary{margin-bottom:16px}
#passwordCard .account-form{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:380px}
#passwordCard .account-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#44546b}
#passwordCard .account-form input{width:100%;box-sizing:border-box}
#passwordCard .form-bottom{flex-direction:column;align-items:stretch;gap:12px;border-top:0;padding-top:4px}
#passwordCard .form-bottom p{font-size:13px;color:#526176}
#passwordCard .form-bottom button{align-self:flex-start}
#passwordCard #passwordMessage{margin:0}