@charset "UTF-8";
:root {
  --bg: #f4f6f7; --surface: #ffffff; --surface-2: #f8fafb; --surface-3: #eef2f4;
  --text: #101719; --text-2: #4d5b60; --text-3: #7c8a8f; --border: #dfe5e7;
  --nav: #0d1416; --nav-2: #151e21; --nav-text: #a9b4b7; --nav-strong: #fff;
  --green: #41c96f; --green-dark: #1c8f48; --cyan: #20a8d8; --cyan-dark: #087da8;
  --danger: #d94343; --warning: #c88716; --success: #218a4c;
  --shadow: 0 1px 2px rgba(10,20,24,.04), 0 8px 24px rgba(10,20,24,.04);
  --radius: 10px; --sidebar: 256px; --topbar: 64px;
}
html[data-theme="dark"] {
  --bg:#0d1214; --surface:#131a1d; --surface-2:#182124; --surface-3:#202a2e;
  --text:#f5f7f7; --text-2:#b1bdc0; --text-3:#7f9095; --border:#293438;
  --nav:#080c0e; --nav-2:#11181a; --nav-text:#95a3a7; --nav-strong:#fff;
  --shadow:0 1px 2px rgba(0,0,0,.22),0 10px 30px rgba(0,0,0,.14);
}
*{box-sizing:border-box} html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)} body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5} a{color:inherit;text-decoration:none} button,input{font:inherit} button{color:inherit}.no-scroll{overflow:hidden}
svg{display:block}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);color:var(--nav-text);z-index:60;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}
.sidebar-brand{height:78px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);position:relative}.brand-link{display:flex;align-items:center;width:100%}.brand-link img{width:184px;max-height:54px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.sidebar-close{display:none;position:absolute;right:12px;top:20px}.sidebar-context{margin:14px 14px 5px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.03);display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.1em;color:#d6dfe1}.context-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--cyan));box-shadow:0 0 0 3px rgba(65,201,111,.1)}.version{margin-left:auto;color:#6f7e82}.sidebar-nav{overflow-y:auto;padding:8px 9px 20px;flex:1;scrollbar-width:thin;scrollbar-color:#293438 transparent}.nav-section{margin:0 0 10px}.nav-section-title{display:flex;align-items:center;gap:8px;padding:8px 9px 5px;color:#6f7c80;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-section-title svg{opacity:.75}.nav-items{display:grid;gap:1px}.nav-item{height:31px;display:flex;align-items:center;padding:0 9px 0 33px;border-radius:6px;font-size:12.5px;color:var(--nav-text);position:relative}.nav-item:hover{color:#fff;background:rgba(255,255,255,.045)}.nav-item.active{background:#1a272b;color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:9px;width:3px;height:14px;border-radius:4px;background:linear-gradient(180deg,var(--green),var(--cyan))}.nav-count{margin-left:auto;background:#2b393d;color:#c9d4d7;border-radius:9px;padding:0 6px;font-size:10px;line-height:18px}.sidebar-footer{padding:10px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:8px}.hermes-mini{border:0;background:linear-gradient(135deg,rgba(32,168,216,.11),rgba(65,201,111,.09));border:1px solid rgba(69,185,199,.16);border-radius:8px;color:#fff;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.hermes-mini-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--green));color:#071013}.hermes-mini span:last-child{display:grid}.hermes-mini strong{font-size:11px;letter-spacing:.08em}.hermes-mini small{font-size:10px;color:#849599}.user-card{display:flex;align-items:center;gap:8px;padding:6px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#202c30;color:#fff;font-size:11px;font-weight:700}.user-meta{display:grid;min-width:0;flex:1}.user-meta strong{font-size:11.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:10.5px;color:#718085}.icon-button{width:34px;height:34px;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--text-2)}.icon-button:hover{background:var(--surface-3);color:var(--text)}.sidebar .icon-button:hover{background:rgba(255,255,255,.07);color:#fff}
.main-area{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:8px}.mobile-menu{display:none}.search-trigger{width:320px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);display:flex;align-items:center;gap:8px;color:var(--text-3);cursor:pointer;text-align:left}.search-trigger span{flex:1}.search-trigger kbd{font-family:inherit;font-size:10px;border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:2px 5px;color:var(--text-3)}.live-status{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:11.5px;padding-right:8px}.live-status i,.hermes-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(65,201,111,.1)}.notification-button{position:relative}.notification-button>i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.hermes-button{height:34px;border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 7%,var(--surface)),color-mix(in srgb,var(--green) 5%,var(--surface)));border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--cyan-dark);cursor:pointer}.content-area{padding:30px 32px 50px;max-width:1700px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px}.page-heading h1{font-size:28px;letter-spacing:-.035em;line-height:1.1;margin:5px 0 7px}.page-heading p{margin:0;color:var(--text-2);max-width:720px}.eyebrow,.panel-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--text-3);text-transform:uppercase}.eyebrow.light{color:#90a1a5}.heading-actions{display:flex;gap:8px}.primary-button,.secondary-button{min-height:36px;border-radius:7px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650;font-size:12.5px;cursor:pointer}.primary-button{border:1px solid #101719;background:#101719;color:#fff}.primary-button:hover{background:#202a2d}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary-button:hover{background:var(--surface-2)}
.priority-strip{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);display:grid;grid-template-columns:180px repeat(3,1fr);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow)}.priority-label{padding:14px 16px;background:var(--surface-2);display:grid;align-content:center}.priority-label span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--text-3)}.priority-label strong{font-size:12px;margin-top:2px}.priority-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-left:1px solid var(--border);min-width:0}.priority-item:hover{background:var(--surface-2)}.priority-item>i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.priority-item.danger>i{background:var(--danger)}.priority-item.warning>i{background:var(--warning)}.priority-item.info>i{background:var(--cyan)}.priority-item span{display:grid;min-width:0}.priority-item strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-item small{font-size:10.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.kpi-card{padding:15px 16px;min-height:104px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.kpi-card:nth-child(4n){border-right:0}.kpi-card:nth-child(n+5){border-bottom:0}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-3);font-size:11px}.metric-dot{width:6px;height:6px;border-radius:50%;background:var(--text-3)}.metric-dot.positive{background:var(--success)}.metric-dot.danger{background:var(--danger)}.metric-dot.warning{background:var(--warning)}.kpi-card>strong{display:block;font-size:23px;letter-spacing:-.035em;margin:9px 0 3px}.metric-detail{font-size:10.5px;color:var(--text-3)}.metric-detail.positive{color:var(--success)}.metric-detail.danger{color:var(--danger)}.metric-detail.warning{color:var(--warning)}.dashboard-grid{display:grid;gap:16px;margin-bottom:16px}.primary-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr)}.secondary-grid{grid-template-columns:1.25fr 1fr}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{min-height:63px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.panel-header h2{font-size:15px;margin:2px 0 0;letter-spacing:-.015em}.panel-kicker.cyan{color:var(--cyan-dark)}.text-link{display:flex;align-items:center;gap:5px;color:var(--text-2);font-size:11.5px}.text-link:hover{color:var(--text)}.planning-list{display:grid}.planning-row{display:grid;grid-template-columns:105px 1fr 130px 86px;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.planning-row:last-child{border-bottom:0}.planning-time{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:11px}.planning-main{display:grid}.planning-main strong{font-size:12.5px}.planning-main span{font-size:10.5px;color:var(--text-3);margin-top:2px}.planning-vehicle{font-size:10.5px;color:var(--text-2)}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:650;white-space:nowrap;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2)}.status-badge.success{border-color:rgba(33,138,76,.2);background:rgba(33,138,76,.07);color:var(--success)}.status-badge.danger{border-color:rgba(217,67,67,.2);background:rgba(217,67,67,.07);color:var(--danger)}.status-badge.neutral{color:var(--text-2)}.hermes-brief-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,var(--cyan)),color-mix(in srgb,var(--surface) 96%,var(--green)))}.hermes-status{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:10.5px}.brief-copy{padding:16px}.brief-copy>p{margin:0 0 15px;color:var(--text-2);font-size:12px}.brief-action{display:grid;grid-template-columns:26px 1fr;gap:9px;padding:10px 0;border-top:1px solid var(--border)}.brief-action>span{font-size:9px;color:var(--cyan-dark);font-weight:800;padding-top:2px}.brief-action p{margin:0;font-size:11.5px;color:var(--text-2)}.brief-action strong{color:var(--text)}.hermes-wide-button{margin:0 16px 16px;width:calc(100% - 32px);height:36px;border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--border));border-radius:7px;background:var(--surface);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--cyan-dark);font-size:11.5px;font-weight:700;cursor:pointer}.worksite-list{display:grid}.worksite-row{padding:14px 16px;border-bottom:1px solid var(--border)}.worksite-row:last-child{border-bottom:0}.worksite-head,.worksite-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.worksite-head span{display:grid}.worksite-head strong{font-size:12px}.worksite-head small{font-size:10.5px;color:var(--text-3);margin-top:2px}.worksite-head b{font-size:11px}.progress-track{height:4px;background:var(--surface-3);border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:999px}.worksite-row>.progress-track{margin:10px 0 8px}.worksite-foot{font-size:10px;color:var(--text-3)}.worksite-foot strong{color:var(--text-2)}.text-positive{color:var(--success)!important}.text-warning{color:var(--warning)!important}.activity-list{padding:3px 16px}.activity-row{display:grid;grid-template-columns:42px 9px 1fr;gap:8px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--border);position:relative}.activity-row:last-child{border-bottom:0}.activity-time{font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums}.activity-row>i{width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-top:4px;box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 12%,transparent)}.activity-row div{display:grid}.activity-row strong{font-size:11.5px}.activity-row small{font-size:10.5px;color:var(--text-3);margin-top:2px}.live-status.compact{padding:0;font-size:10px}
.module-heading{margin-bottom:18px}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.module-stats article{padding:15px 16px;border-right:1px solid var(--border);display:grid}.module-stats article:last-child{border-right:0}.module-stats span{font-size:10.5px;color:var(--text-3)}.module-stats strong{font-size:20px;letter-spacing:-.03em;margin:6px 0 2px}.module-stats small{font-size:10px;color:var(--text-3)}.data-panel{overflow:hidden}.table-toolbar{height:54px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.table-search{width:310px;height:34px;border:1px solid var(--border);background:var(--surface-2);border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:7px;color:var(--text-3)}.table-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:12px}.table-count{font-size:10.5px;color:var(--text-3)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{height:38px;padding:0 14px;text-align:left;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-weight:750;white-space:nowrap}.data-table td{height:50px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--text-2);white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-2)}.data-table td:first-child{color:var(--text);font-weight:620}.table-progress{min-width:130px;display:flex;align-items:center;gap:8px}.table-progress .progress-track{width:80px}.table-progress strong{font-size:10px;color:var(--text-2)}.empty-module{padding:70px 24px;text-align:center;display:grid;justify-items:center}.empty-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:var(--cyan-dark);background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 9%,var(--surface)),color-mix(in srgb,var(--green) 8%,var(--surface)));border:1px solid var(--border);margin-bottom:14px}.empty-module h2{font-size:20px;margin:7px 0}.empty-module p{max-width:650px;color:var(--text-2);margin:0 0 18px}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,10,12,.58);backdrop-filter:blur(3px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.modal-backdrop.show{display:flex}.search-modal{width:min(680px,calc(100% - 28px));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.22);overflow:hidden}.search-modal-input{height:56px;padding:0 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border);color:var(--text-3)}.search-modal-input input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.search-hint{padding:8px 13px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:9.5px;color:var(--text-3);letter-spacing:.04em}.search-results{max-height:420px;overflow:auto;padding:6px}.search-result{display:grid;grid-template-columns:72px 1fr 18px;gap:10px;align-items:center;padding:10px;border-radius:7px}.search-result:hover{background:var(--surface-2)}.search-result-type{font-size:9px;font-weight:700;color:var(--cyan-dark);text-transform:uppercase;letter-spacing:.05em}.search-result>span:nth-child(2){display:grid}.search-result strong{font-size:12px}.search-result small{font-size:10.5px;color:var(--text-3)}.search-arrow{color:var(--text-3)}.search-empty{padding:40px;text-align:center;color:var(--text-3)}
.hermes-backdrop{position:fixed;inset:0;background:rgba(5,10,12,.24);z-index:88;opacity:0;visibility:hidden;transition:.2s}.hermes-backdrop.show{opacity:1;visibility:visible}.hermes-panel{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);background:var(--surface);border-left:1px solid var(--border);z-index:90;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease;box-shadow:-18px 0 45px rgba(0,0,0,.11)}.hermes-panel.open{transform:translateX(0)}.hermes-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}.hermes-title{display:flex;align-items:center;gap:10px}.hermes-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--green));color:#071013}.hermes-title div{display:grid}.hermes-title strong{font-size:13px;letter-spacing:.08em}.hermes-title small{font-size:10px;color:var(--text-3)}.hermes-body{flex:1;overflow:auto;padding:16px}.hermes-message{display:grid;grid-template-columns:30px 1fr;gap:9px;margin-bottom:14px}.msg-avatar{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);font-size:10px;font-weight:800}.hermes-message.assistant .msg-avatar{background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 20%,var(--surface)),color-mix(in srgb,var(--green) 18%,var(--surface)));color:var(--cyan-dark)}.hermes-message>div{border:1px solid var(--border);background:var(--surface-2);padding:10px 11px;border-radius:8px}.hermes-message p{margin:0;font-size:11.5px;color:var(--text-2)}.hermes-message ol{margin:8px 0 0;padding-left:18px;font-size:11px;color:var(--text-2)}.hermes-message.user>div{background:color-mix(in srgb,var(--cyan) 7%,var(--surface));border-color:color-mix(in srgb,var(--cyan) 18%,var(--border))}.hermes-suggestions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px 0}.hermes-suggestions button{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 8px;font-size:9.5px;color:var(--text-2);cursor:pointer}.hermes-input{display:flex;gap:7px;margin:10px 14px;border:1px solid var(--border);border-radius:8px;padding:5px 5px 5px 10px;background:var(--surface-2)}.hermes-input input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:11.5px}.hermes-disclaimer{text-align:center;font-size:9px;color:var(--text-3);padding:0 12px 10px;margin:0}
.login-page{min-height:100vh;background:#0b1214}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.login-brand-panel{position:relative;background:radial-gradient(circle at 80% 15%,rgba(32,168,216,.18),transparent 28%),radial-gradient(circle at 25% 80%,rgba(65,201,111,.13),transparent 28%),#0c1416;color:#fff;padding:42px 50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;right:-170px;bottom:-180px;width:520px;height:520px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.login-brand-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.login-brand-top img{width:210px;filter:brightness(0) invert(1)}.login-brand-top span{font-size:9px;letter-spacing:.14em;color:#6f858a;border:1px solid rgba(255,255,255,.09);padding:6px 8px;border-radius:5px}.login-brand-copy{max-width:700px;position:relative;z-index:1}.login-brand-copy h1{font-size:clamp(45px,5.5vw,78px);letter-spacing:-.055em;line-height:.98;margin:12px 0 22px;font-weight:650}.login-brand-copy p{max-width:600px;color:#9aabad;font-size:15px;line-height:1.7}.login-brand-bottom{display:flex;gap:45px;position:relative;z-index:1}.login-brand-bottom div{display:grid}.login-brand-bottom strong{font-size:22px}.login-brand-bottom span{font-size:10px;color:#71858a;text-transform:uppercase;letter-spacing:.08em}.login-form-panel{background:#f5f7f7;display:grid;place-items:center;padding:35px}.login-form-wrap{width:min(420px,100%)}.login-badge{display:inline-flex;font-size:9px;font-weight:800;letter-spacing:.1em;color:#5c6d71;border:1px solid #dce2e4;background:#fff;border-radius:5px;padding:6px 8px}.login-form-wrap h2{font-size:34px;letter-spacing:-.045em;margin:23px 0 4px;color:#101719}.login-intro{color:#6f7e82;margin:0 0 25px}.form-error{padding:10px 12px;border:1px solid rgba(217,67,67,.25);background:rgba(217,67,67,.06);color:#b53232;border-radius:7px;margin-bottom:14px;font-size:12px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-size:11px;color:#4d5b60;font-weight:650}.login-form input{height:43px;border:1px solid #dce2e4;border-radius:7px;background:#fff;color:#101719;padding:0 11px;outline:0}.login-form input:focus{border-color:#56a8bf;box-shadow:0 0 0 3px rgba(32,168,216,.08)}.login-submit{height:44px;margin-top:5px;justify-content:space-between;padding:0 13px}.demo-credentials{margin-top:22px;padding:12px;border:1px solid #dce2e4;border-radius:8px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.demo-credentials span{grid-row:span 2;font-size:10px;color:#7c8a8f;text-transform:uppercase;letter-spacing:.08em}.demo-credentials code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:#4d5b60}.login-security{text-align:center;color:#8a979a;font-size:9.5px;margin-top:20px}
@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card:nth-child(2n){border-right:0}.kpi-card:nth-child(n+5){border-bottom:1px solid var(--border)}.kpi-card:nth-child(n+7){border-bottom:0}.primary-grid,.secondary-grid{grid-template-columns:1fr}.priority-strip{grid-template-columns:160px 1fr 1fr}.priority-item:last-child{grid-column:2/4;border-top:1px solid var(--border)}.login-shell{grid-template-columns:1fr 480px}.login-brand-panel{padding:35px}}
@media (max-width:900px){:root{--sidebar:260px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid}.sidebar-overlay{position:fixed;inset:0;background:rgba(4,8,10,.45);z-index:55;opacity:0;visibility:hidden;transition:.2s}.sidebar-overlay.show{opacity:1;visibility:visible}.main-area{margin-left:0}.mobile-menu{display:grid}.content-area{padding:24px 18px 45px}.topbar{padding:0 14px}.search-trigger{width:250px}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}}
@media (max-width:700px){.topbar{height:58px}.search-trigger{width:38px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd,.live-status,.hermes-button span{display:none}.content-area{padding:20px 12px 40px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions>*{flex:1}.priority-strip{grid-template-columns:1fr}.priority-label{padding:11px 13px}.priority-item{border-left:0;border-top:1px solid var(--border)}.priority-item:last-child{grid-column:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card{padding:13px 12px;min-height:94px}.kpi-card>strong{font-size:19px}.planning-row{grid-template-columns:1fr auto;gap:5px 8px;padding:12px}.planning-time{grid-column:1/2}.planning-main{grid-column:1/2}.planning-vehicle{display:none}.planning-row .status-badge{grid-column:2;grid-row:1/3}.panel-header{padding:12px}.module-stats{grid-template-columns:1fr}.module-stats article{border-right:0;border-bottom:1px solid var(--border)}.module-stats article:last-child{border-bottom:0}.table-toolbar{padding:0 10px}.table-search{width:220px}.login-form-panel{padding:22px}.login-form-wrap h2{font-size:30px}}

/* Employee workspace */
.employee-table-link{color:var(--cyan-dark);font-weight:700}.employee-table-link:hover{text-decoration:underline}.employee-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.employee-identity{display:flex;align-items:center;gap:16px}.employee-avatar-large{width:62px;height:62px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 16%,var(--surface-2)),color-mix(in srgb,var(--green) 14%,var(--surface-2)));border:1px solid var(--border);display:grid;place-items:center;font-size:20px;font-weight:800;color:var(--cyan-dark)}.employee-title-line{display:flex;align-items:center;gap:10px}.employee-title-line h1{font-size:25px;letter-spacing:-.035em;margin:0}.employee-identity p{margin:3px 0 8px;color:var(--text-2)}.employee-quick-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--text-3);font-size:11px}.employee-subnav{position:sticky;top:calc(var(--topbar) + 8px);z-index:30;display:flex;gap:3px;overflow-x:auto;padding:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border-radius:9px;margin-bottom:14px;box-shadow:var(--shadow);scrollbar-width:thin}.employee-subnav a{white-space:nowrap;padding:7px 9px;border-radius:6px;color:var(--text-2);font-size:10.5px;font-weight:650}.employee-subnav a:hover,.employee-subnav a.active{background:var(--surface-3);color:var(--text)}.employee-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.employee-kpi{padding:14px 15px;display:grid;gap:2px}.employee-kpi>span{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em}.employee-kpi>strong{font-size:16px;letter-spacing:-.02em;margin-top:4px}.employee-kpi>small{font-size:10.5px;color:var(--text-3)}.employee-section{margin-bottom:14px;scroll-margin-top:126px}.employee-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.employee-info-grid{display:grid;grid-template-columns:repeat(2,1fr)}.employee-info-item{padding:13px 15px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:3px;min-width:0}.employee-info-item:nth-child(2n){border-right:0}.employee-info-item:nth-last-child(-n+2){border-bottom:0}.employee-info-item span{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.employee-info-item strong{font-size:11.5px;overflow-wrap:anywhere}.document-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.document-card{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start}.document-card-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);color:var(--cyan-dark)}.document-card>div:nth-child(2){display:grid}.document-card strong{font-size:11.5px}.document-card small{font-size:10px;color:var(--text-3)}.document-card dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:2px 0 0}.document-card dl div{display:grid}.document-card dt{font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.document-card dd{margin:1px 0 0;font-size:10.5px;font-weight:650}.document-card>.status-badge{grid-column:1/-1;justify-self:start}.employee-small-button{min-height:28px;padding:0 8px;font-size:10px}.employee-balance-grid{display:grid;grid-template-columns:repeat(2,1fr)}.employee-balance-grid div{padding:18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:grid}.employee-balance-grid div:nth-child(2n){border-right:0}.employee-balance-grid div:nth-last-child(-n+2){border-bottom:0}.employee-balance-grid span{font-size:10px;color:var(--text-3)}.employee-balance-grid strong{font-size:18px;margin-top:4px}.compact-list{display:grid}.compact-list-row{padding:13px 15px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-list-row:last-child{border-bottom:0}.compact-list-row>div{display:grid}.compact-list-row strong{font-size:11.5px}.compact-list-row small{font-size:10px;color:var(--text-3)}.employee-security-note{border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--surface));border-radius:8px;padding:11px 13px;display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:10.5px}.employee-security-note strong{color:var(--warning);white-space:nowrap}.employee-security-note span{line-height:1.5}
@media (max-width:1100px){.employee-overview-grid{grid-template-columns:repeat(2,1fr)}.employee-section-grid{grid-template-columns:1fr}.document-card-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.employee-header{align-items:flex-start;flex-direction:column;padding:15px}.employee-identity{align-items:flex-start}.employee-avatar-large{width:48px;height:48px;border-radius:11px;font-size:16px}.employee-title-line h1{font-size:21px}.employee-quick-meta{display:grid;gap:2px}.employee-subnav{top:66px}.employee-overview-grid{grid-template-columns:1fr 1fr}.employee-info-grid{grid-template-columns:1fr}.employee-info-item{border-right:0}.employee-info-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.employee-info-item:last-child{border-bottom:0}.document-card-grid{grid-template-columns:1fr}.employee-security-note{flex-direction:column;gap:3px}}

/* === Employee list refinement: single entry point + dense operational overview === */
.employee-name-cell{display:flex;align-items:center;gap:10px;min-width:190px;text-decoration:none;color:inherit}.employee-name-cell>span:last-child{display:flex;flex-direction:column;gap:2px}.employee-name-cell strong{font-size:13px;color:var(--text)}.employee-name-cell small{font-size:11px;color:var(--muted)}.employee-list-avatar{width:34px;height:34px;border-radius:9px;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 34px;background:linear-gradient(145deg,rgba(0,174,239,.13),rgba(68,180,90,.12));border:1px solid rgba(0,174,239,.18);font-size:12px;font-weight:800;color:var(--accent)}
body:has(.employee-name-cell) .data-table{min-width:1650px}body:has(.employee-name-cell) .data-table th,body:has(.employee-name-cell) .data-table td{white-space:nowrap;padding-top:13px;padding-bottom:13px}body:has(.employee-name-cell) .data-table tbody tr{cursor:pointer}body:has(.employee-name-cell) .data-table tbody tr:hover{background:rgba(0,174,239,.045)}
.employee-subnav{position:sticky;top:72px;z-index:18;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px rgba(15,23,42,.05)}
@media(max-width:900px){body:has(.employee-name-cell) .data-table{min-width:1500px}.employee-subnav{top:64px}}

/* === Employee profile V3 — clean, tabbed and admin-controlled === */
.employee-profile-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin-bottom:14px}
.employee-profile-main{display:flex;align-items:center;gap:12px;min-width:0}.employee-back-link{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--text-2);font-size:16px}.employee-back-link:hover{background:var(--surface-3);color:var(--text)}
.employee-profile-copy{min-width:0}.employee-profile-title{display:flex;align-items:center;gap:9px;min-width:0}.employee-profile-title h1{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-profile-copy p{margin:5px 0 0;color:var(--text-3);font-size:11px}.employee-profile-copy p span{margin:0 5px;color:var(--border-strong)}.employee-profile-actions{display:flex;gap:8px;flex:0 0 auto}
.employee-save-notice{margin:0 0 14px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--green) 34%,var(--border));background:color-mix(in srgb,var(--green) 7%,var(--surface));border-radius:8px;color:var(--text-2);font-size:11px;font-weight:650}
.employee-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}.employee-profile-nav{position:sticky;top:calc(var(--topbar) + 14px);overflow:hidden}.employee-nav-heading{padding:14px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.employee-nav-heading span{font-size:11px;font-weight:750}.employee-nav-heading small{font-size:9px;color:var(--text-3);letter-spacing:.04em}.employee-profile-nav nav{padding:6px}.employee-profile-nav nav a{min-height:37px;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:6px;color:var(--text-2);font-size:10.5px;font-weight:650}.employee-profile-nav nav a:hover{background:var(--surface-3);color:var(--text)}.employee-profile-nav nav a.active{background:color-mix(in srgb,var(--cyan) 9%,var(--surface));color:var(--cyan-dark);font-weight:750}.employee-nav-icon{width:22px;display:grid;place-items:center;flex:0 0 22px;color:var(--text-3)}.employee-profile-nav nav a.active .employee-nav-icon{color:var(--cyan-dark)}.employee-nav-security{border-top:1px solid var(--border);padding:11px 12px;display:flex;align-items:flex-start;gap:7px;color:var(--text-3);font-size:9.5px;line-height:1.45}
.employee-profile-content{min-width:0}.employee-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:3px 0 14px}.employee-section-heading h2{font-size:21px;letter-spacing:-.03em;margin:2px 0 3px}.employee-section-heading p{margin:0;color:var(--text-3);font-size:11px}.admin-access-pill{padding:6px 8px;border-radius:6px;background:color-mix(in srgb,var(--green) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 25%,var(--border));color:var(--green);font-size:9.5px;font-weight:700;white-space:nowrap}
.employee-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.employee-summary-card{padding:14px 15px;display:grid;gap:3px;min-height:94px}.employee-summary-card>span{font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.employee-summary-card>strong{font-size:15px;letter-spacing:-.02em;margin-top:4px;overflow-wrap:anywhere}.employee-summary-card>small{font-size:9.5px;color:var(--text-3)}
.employee-clean-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.employee-clean-card{overflow:hidden}.employee-clean-card-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.employee-clean-card-head h3{margin:2px 0 0;font-size:14px;letter-spacing:-.015em}.employee-clean-card-head p{margin:4px 0 0;color:var(--text-3);font-size:10px}.employee-clean-list,.employee-detail-list{margin:0}.employee-clean-list>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 15px;border-bottom:1px solid var(--border)}.employee-clean-list>div:last-child{border-bottom:0}.employee-clean-list dt,.employee-detail-list dt{font-size:10px;color:var(--text-3)}.employee-clean-list dd,.employee-detail-list dd{margin:0;font-size:11px;font-weight:650;color:var(--text);overflow-wrap:anywhere}.employee-detail-list{display:grid;grid-template-columns:1fr 1fr}.employee-detail-list>div{padding:14px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:4px;min-width:0}.employee-detail-list>div:nth-child(2n){border-right:0}.employee-detail-list>div:nth-last-child(-n+2){border-bottom:0}.employee-alerts-card{margin-bottom:12px}.employee-status-lines{display:grid}.employee-status-lines>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--border);font-size:10.5px}.employee-status-lines>div:last-child{border-bottom:0}.employee-status-lines strong{font-size:10.5px}.employee-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-3)}.employee-status-dot.success{background:var(--green)}.employee-status-dot.neutral{background:var(--cyan)}
.employee-document-list{display:grid;gap:8px}.employee-document-row{display:grid;grid-template-columns:36px minmax(220px,1fr) 145px 145px auto;gap:12px;align-items:center;padding:12px 14px}.employee-document-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:var(--surface-3);color:var(--cyan-dark)}.employee-document-copy{display:grid;gap:2px}.employee-document-copy strong{font-size:11.5px}.employee-document-copy small,.employee-document-row>div:not(.employee-document-copy):not(.employee-document-icon) span{font-size:9.5px;color:var(--text-3)}.employee-document-row>div:not(.employee-document-copy):not(.employee-document-icon){display:grid;gap:2px}.employee-document-row>div:not(.employee-document-copy):not(.employee-document-icon) strong{font-size:10.5px}
.employee-edit-panel{margin-top:12px;overflow:hidden}.employee-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.employee-edit-form label{display:grid;gap:5px}.employee-edit-form label>span{font-size:9.5px;color:var(--text-3);font-weight:650}.employee-edit-form input{height:39px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);padding:0 10px;outline:0;font:inherit;font-size:11px}.employee-edit-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 10%,transparent)}.employee-edit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:12px;margin-top:2px}
@media(max-width:1150px){.employee-workspace{grid-template-columns:220px minmax(0,1fr)}.employee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-document-row{grid-template-columns:36px minmax(180px,1fr) 120px auto}.employee-document-row>div:nth-of-type(4){display:none}}
@media(max-width:850px){.employee-workspace{grid-template-columns:1fr}.employee-profile-nav{position:static}.employee-profile-nav nav{display:flex;overflow-x:auto;gap:3px}.employee-profile-nav nav a{white-space:nowrap;flex:0 0 auto}.employee-nav-heading,.employee-nav-security{display:none}.employee-clean-grid{grid-template-columns:1fr}.employee-profile-bar{align-items:flex-start}.employee-profile-actions{width:100%;justify-content:flex-end}.employee-profile-bar{flex-wrap:wrap}.employee-document-row{grid-template-columns:36px minmax(0,1fr) auto}.employee-document-row>div:nth-of-type(3),.employee-document-row>div:nth-of-type(4){display:none}}
@media(max-width:620px){.employee-profile-title{align-items:flex-start;flex-direction:column;gap:5px}.employee-profile-title h1{font-size:19px}.employee-profile-actions{display:grid;grid-template-columns:1fr 1fr}.employee-profile-actions>*{justify-content:center}.employee-summary-grid{grid-template-columns:1fr 1fr}.employee-detail-list{grid-template-columns:1fr}.employee-detail-list>div{border-right:0}.employee-detail-list>div:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.employee-detail-list>div:last-child{border-bottom:0}.employee-edit-form{grid-template-columns:1fr}.employee-edit-actions{grid-column:1}.employee-clean-list>div{grid-template-columns:1fr;gap:3px}.employee-section-heading{align-items:flex-start;flex-direction:column}.admin-access-pill{white-space:normal}.employee-summary-card{min-height:86px;padding:12px}}

/* ========================================================================
   CEGEWATT CRM — Employee module V4
   Clean, restrained, information-dense and admin-controlled.
   ======================================================================== */

.is-placeholder{color:var(--text-3)!important;font-weight:600!important}

/* Employee roster */
.emp4-list-heading{margin-bottom:20px}
.emp4-roster-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}
.emp4-roster-stats article{min-height:108px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border)}
.emp4-roster-stats article:last-child{border-right:0}
.emp4-roster-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:750}
.emp4-roster-stats strong{font-size:22px;letter-spacing:-.03em;margin:7px 0 1px}
.emp4-roster-stats small{font-size:10.5px;color:var(--text-3)}
.emp4-roster-panel{overflow:hidden}
.emp4-roster-toolbar{min-height:76px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border)}
.emp4-roster-toolbar h2{font-size:15px;margin:3px 0 0;letter-spacing:-.02em}
.emp4-roster-search{width:min(390px,100%);height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 11px;color:var(--text-3)}
.emp4-roster-search:focus-within{border-color:color-mix(in srgb,var(--cyan) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 9%,transparent)}
.emp4-roster-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}
.emp4-roster-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.emp4-roster-table{min-width:1460px}
.emp4-roster-grid{display:grid;grid-template-columns:minmax(250px,1.55fr) minmax(175px,1.05fr) minmax(190px,1.08fr) minmax(190px,1.1fr) minmax(185px,1.08fr) minmax(190px,1.08fr) minmax(150px,.85fr);align-items:center;column-gap:18px}
.emp4-roster-head{min-height:42px;padding:0 18px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-3);font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:750}
.emp4-roster-row{min-height:82px;padding:13px 18px;border-bottom:1px solid var(--border);transition:background .15s ease,box-shadow .15s ease;position:relative}
.emp4-roster-row:last-child{border-bottom:0}
.emp4-roster-row:hover{background:color-mix(in srgb,var(--cyan) 3.5%,var(--surface));box-shadow:inset 3px 0 0 var(--cyan)}
.emp4-roster-person{display:flex;align-items:center;gap:12px;min-width:0}
.emp4-roster-avatar{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex:0 0 42px;background:var(--surface-3);border:1px solid var(--border);color:var(--cyan-dark);font-size:12px;font-weight:800;letter-spacing:.03em}
.emp4-roster-person-copy,.emp4-roster-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.emp4-roster-person-copy strong,.emp4-roster-cell strong{font-size:11.5px;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp4-roster-person-copy strong b{font-weight:800;letter-spacing:.02em}
.emp4-roster-person-copy small,.emp4-roster-cell small{font-size:9.75px;line-height:1.35;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp4-roster-activity{align-items:flex-start}
.emp4-roster-activity .status-badge{margin-bottom:2px}

/* Employee profile */
.emp4-breadcrumb{display:flex;align-items:center;gap:8px;margin:-2px 0 12px;color:var(--text-3);font-size:10.5px}
.emp4-breadcrumb a:hover{color:var(--text)}
.emp4-breadcrumb strong{color:var(--text-2);font-weight:650}
.emp4-profile-head{overflow:hidden;margin-bottom:14px}
.emp4-profile-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px}
.emp4-profile-identity{display:flex;align-items:center;gap:16px;min-width:0}
.emp4-profile-avatar{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;flex:0 0 58px;background:var(--surface-3);border:1px solid var(--border);color:var(--cyan-dark);font-size:16px;font-weight:800;letter-spacing:.04em}
.emp4-profile-titlebox{min-width:0}
.emp4-profile-name-row{display:flex;align-items:center;gap:10px;min-width:0}
.emp4-profile-name-row h1{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp4-profile-titlebox p{margin:7px 0 0;display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:11px;flex-wrap:wrap}
.emp4-profile-titlebox p i{width:3px;height:3px;border-radius:50%;background:var(--border-strong,#c6d0d3)}
.emp4-profile-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.emp4-profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);background:var(--surface-2)}
.emp4-profile-facts>div{min-height:72px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid var(--border);min-width:0}
.emp4-profile-facts>div:last-child{border-right:0}
.emp4-profile-facts span{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:750}
.emp4-profile-facts strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp4-save-notice{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:11px 13px;border-radius:8px;border:1px solid color-mix(in srgb,var(--green) 28%,var(--border));background:color-mix(in srgb,var(--green) 7%,var(--surface));color:var(--text-2);font-size:11px;font-weight:650}

/* Profile tabs */
.emp4-tabs{display:flex;align-items:stretch;gap:2px;padding:5px;overflow-x:auto;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.emp4-tabs a{height:42px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:7px;color:var(--text-2);white-space:nowrap;flex:0 0 auto;transition:background .15s ease,color .15s ease}
.emp4-tabs a span{color:var(--text-3)}
.emp4-tabs a strong{font-size:10.5px;font-weight:650}
.emp4-tabs a:hover{background:var(--surface-2);color:var(--text)}
.emp4-tabs a.active{background:color-mix(in srgb,var(--cyan) 8%,var(--surface));color:var(--cyan-dark)}
.emp4-tabs a.active span{color:var(--cyan-dark)}
.emp4-tabs a.active strong{font-weight:750}

/* Profile content */
.emp4-content{min-width:0}
.emp4-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px}
.emp4-section-title h2{font-size:22px;line-height:1.2;letter-spacing:-.03em;margin:4px 0 5px}
.emp4-section-title p{margin:0;color:var(--text-3);font-size:11px}
.emp4-admin-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-3);font-size:9.5px;font-weight:650;white-space:nowrap}

.emp4-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.emp4-kpis article{min-height:112px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);min-width:0}
.emp4-kpis article:last-child{border-right:0}
.emp4-kpis article>span{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:750}
.emp4-kpis article>strong{font-size:16px;line-height:1.3;letter-spacing:-.02em;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp4-kpis article>small{font-size:9.75px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp4-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.emp4-card{overflow:hidden;margin-bottom:16px}
.emp4-two-col .emp4-card{margin-bottom:0}
.emp4-card-head{min-height:70px;padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}
.emp4-card-head h3{font-size:14px;letter-spacing:-.015em;margin:3px 0 0}
.emp4-card-head>a{font-size:10px;color:var(--cyan-dark);font-weight:650;white-space:nowrap}
.emp4-card-head>a:hover{color:var(--text)}
.emp4-fields{display:grid;padding:22px 20px;gap:24px 28px}
.emp4-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.emp4-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.emp4-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.emp4-field>span{font-size:9.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--text-3);font-weight:700}
.emp4-field>strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.emp4-compliance-list{display:grid;grid-template-columns:1fr 1fr}
.emp4-compliance-list>div{min-height:92px;padding:18px 20px;display:grid;align-content:center;grid-template-columns:1fr auto;gap:3px 10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.emp4-compliance-list>div:nth-child(2n){border-right:0}
.emp4-compliance-list>div:nth-last-child(-n+2){border-bottom:0}
.emp4-compliance-list span{font-size:10px;color:var(--text-3)}
.emp4-compliance-list strong{grid-row:1/3;grid-column:2;font-size:24px;letter-spacing:-.04em;align-self:center}
.emp4-compliance-list small{font-size:9.5px;color:var(--text-3)}
.emp4-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border)}
.emp4-check-item{min-height:92px;background:var(--surface);padding:16px 18px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center}
.emp4-check-icon{grid-row:1/3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--surface-3);color:var(--text-3)}
.emp4-check-item.done .emp4-check-icon{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green-dark)}
.emp4-check-item strong{font-size:10.5px}
.emp4-check-item small{font-size:9.5px;color:var(--text-3);margin-top:2px}

/* Edit panel — hidden until admin deliberately opens it */
.emp4-edit-panel{margin-top:16px;overflow:hidden}
.emp4-edit-panel>summary{list-style:none;min-height:76px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.emp4-edit-panel>summary::-webkit-details-marker{display:none}
.emp4-edit-panel>summary>span:first-child{display:grid;gap:3px}
.emp4-edit-panel>summary strong{font-size:13px}
.emp4-edit-panel>summary small{font-size:10px;color:var(--text-3)}
.emp4-edit-chevron{font-size:20px;color:var(--text-3);transition:transform .2s ease}
.emp4-edit-panel[open] .emp4-edit-chevron{transform:rotate(180deg)}
.emp4-edit-form{border-top:1px solid var(--border);padding:22px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
.emp4-edit-form label{display:flex;flex-direction:column;gap:7px;min-width:0}
.emp4-edit-form label>span{font-size:9.5px;text-transform:uppercase;letter-spacing:.055em;color:var(--text-3);font-weight:700}
.emp4-edit-form input{height:40px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text);padding:0 11px;outline:0;font-size:11.5px}
.emp4-edit-form input:focus{border-color:color-mix(in srgb,var(--cyan) 60%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 9%,transparent)}
.emp4-edit-actions{grid-column:1/-1;border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:flex-end}

/* Empty states and document rows */
.emp4-empty{min-height:260px;padding:44px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.emp4-empty-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-3);margin-bottom:14px}
.emp4-empty h3{margin:0 0 6px;font-size:15px}
.emp4-empty p{margin:0;max-width:480px;color:var(--text-3);font-size:11px;line-height:1.6}
.emp4-doc-list{display:grid;gap:10px}
.emp4-doc-row{min-height:74px;padding:13px 15px;display:grid;grid-template-columns:40px minmax(240px,1fr) minmax(120px,.55fr) minmax(120px,.55fr) auto;gap:16px;align-items:center}
.emp4-doc-icon{width:38px;height:38px;border-radius:9px;background:var(--surface-3);display:grid;place-items:center;color:var(--cyan-dark)}
.emp4-doc-name,.emp4-doc-row>div:not(.emp4-doc-icon):not(.emp4-doc-name){display:flex;flex-direction:column;gap:4px;min-width:0}
.emp4-doc-name strong{font-size:11.5px}
.emp4-doc-name small,.emp4-doc-row>div:not(.emp4-doc-icon):not(.emp4-doc-name) span{font-size:9.5px;color:var(--text-3)}
.emp4-doc-row>div:not(.emp4-doc-icon):not(.emp4-doc-name) strong{font-size:10.5px}

/* Ensure profile tables breathe more than generic tables */
.emp4-content .data-table th{padding:12px 16px;font-size:9.5px}
.emp4-content .data-table td{padding:15px 16px;font-size:11px}

/* Responsive employee module */
@media(max-width:1280px){
  .emp4-roster-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emp4-roster-stats article:nth-child(2){border-right:0}
  .emp4-roster-stats article:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .emp4-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emp4-kpis article:nth-child(2){border-right:0}
  .emp4-kpis article:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .emp4-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emp4-fields-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emp4-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .emp4-profile-topline{align-items:flex-start;flex-direction:column}
  .emp4-profile-actions{width:100%;justify-content:flex-end}
  .emp4-profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emp4-profile-facts>div:nth-child(2){border-right:0}
  .emp4-profile-facts>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .emp4-two-col{grid-template-columns:1fr}
  .emp4-doc-row{grid-template-columns:40px minmax(220px,1fr) minmax(120px,.55fr) auto}
  .emp4-doc-row>div:nth-of-type(4){display:none}
}
@media(max-width:720px){
  .emp4-roster-stats{grid-template-columns:1fr}
  .emp4-roster-stats article{border-right:0!important;border-bottom:1px solid var(--border)}
  .emp4-roster-stats article:last-child{border-bottom:0}
  .emp4-roster-toolbar{align-items:flex-start;flex-direction:column}
  .emp4-roster-search{width:100%}
  .emp4-profile-topline{padding:18px}
  .emp4-profile-identity{align-items:flex-start}
  .emp4-profile-avatar{width:50px;height:50px;flex-basis:50px;border-radius:12px}
  .emp4-profile-name-row{align-items:flex-start;flex-direction:column;gap:7px}
  .emp4-profile-name-row h1{font-size:21px;white-space:normal}
  .emp4-profile-actions{display:grid;grid-template-columns:1fr 1fr}
  .emp4-profile-actions>*{justify-content:center}
  .emp4-profile-facts{grid-template-columns:1fr}
  .emp4-profile-facts>div{border-right:0!important;border-bottom:1px solid var(--border)}
  .emp4-profile-facts>div:last-child{border-bottom:0}
  .emp4-section-title{align-items:flex-start;flex-direction:column}
  .emp4-admin-pill{white-space:normal}
  .emp4-kpis{grid-template-columns:1fr}
  .emp4-kpis article{border-right:0!important;border-bottom:1px solid var(--border)}
  .emp4-kpis article:last-child{border-bottom:0}
  .emp4-fields-2,.emp4-fields-3{grid-template-columns:1fr}
  .emp4-compliance-list{grid-template-columns:1fr}
  .emp4-compliance-list>div{border-right:0!important;border-bottom:1px solid var(--border)!important}
  .emp4-compliance-list>div:last-child{border-bottom:0!important}
  .emp4-check-grid{grid-template-columns:1fr}
  .emp4-edit-form{grid-template-columns:1fr}
  .emp4-doc-row{grid-template-columns:40px minmax(0,1fr) auto}
  .emp4-doc-row>div:nth-of-type(3),.emp4-doc-row>div:nth-of-type(4){display:none}
}

/* ========================================================================
   CEGEWATT CRM — Employee module V5
   Employee quick access, persistent admin editing and GPS time clock.
   ======================================================================== */

/* Sidebar employee quick links */
.nav-subitems{display:grid;gap:1px;margin:2px 0 5px 33px;padding-left:10px;border-left:1px solid rgba(255,255,255,.08)}
.nav-subitem{min-height:27px;display:flex;align-items:center;padding:4px 8px;border-radius:5px;color:#829094;font-size:10.25px;line-height:1.25;letter-spacing:.01em;position:relative}
.nav-subitem:hover{background:rgba(255,255,255,.04);color:#e8eef0}
.nav-subitem.active{background:rgba(32,168,216,.10);color:#fff;font-weight:650}
.nav-subitem.active:before{content:"";position:absolute;left:-11px;width:2px;height:14px;border-radius:4px;background:linear-gradient(180deg,var(--green),var(--cyan))}

/* Admin form refinements */
.emp4-edit-form input,.emp4-edit-form select{height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:0 11px;outline:0;font-size:11.5px;width:100%}
.emp4-edit-form input:focus,.emp4-edit-form select:focus{border-color:color-mix(in srgb,var(--cyan) 60%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 9%,transparent)}
.emp5-error-notice{border-color:color-mix(in srgb,var(--danger) 30%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger)}

/* Pointage */
.emp5-pointage-heading{align-items:center}
.emp5-live-pill{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-3);font-size:9.5px;font-weight:650;white-space:nowrap}
.emp5-live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent)}
.emp5-clock-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:16px;margin-bottom:16px}
.emp5-clock-card,.emp5-map-card{overflow:hidden}
.emp5-clock-card-head{min-height:105px;padding:20px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 72%,var(--surface)),var(--surface))}
.emp5-clock-card-head h3{margin:4px 0 4px;font-size:18px;letter-spacing:-.025em}
.emp5-clock-card-head p{margin:0;color:var(--text-3);font-size:10.5px;max-width:600px}
.emp5-current-time{font-size:28px;line-height:1;font-weight:760;letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.emp5-timeclock-form{padding:20px 22px 18px}
.emp5-worksite-field{display:grid;gap:7px;margin-bottom:14px}
.emp5-worksite-field>span{font-size:9.5px;text-transform:uppercase;letter-spacing:.065em;color:var(--text-3);font-weight:750}
.emp5-worksite-field input{height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);padding:0 12px;outline:0;font-size:12px}
.emp5-worksite-field input:focus{border-color:color-mix(in srgb,var(--cyan) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 8%,transparent)}
.emp5-allowance-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.emp5-toggle-card{min-height:64px;border:1px solid var(--border);border-radius:9px;background:var(--surface);display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.emp5-toggle-card:hover{border-color:color-mix(in srgb,var(--cyan) 35%,var(--border));background:var(--surface-2)}
.emp5-toggle-card input{position:absolute;opacity:0;pointer-events:none}
.emp5-toggle-box{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center}
.emp5-toggle-card input:checked+.emp5-toggle-box{border-color:var(--cyan-dark);background:var(--cyan-dark)}
.emp5-toggle-card input:checked+.emp5-toggle-box:after{content:"✓";color:#fff;font-size:12px;font-weight:800}
.emp5-toggle-card>span:last-child{display:grid;gap:2px;min-width:0}
.emp5-toggle-card strong{font-size:10.5px}
.emp5-toggle-card small{font-size:9.25px;color:var(--text-3)}
.emp5-clock-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.emp5-action-button{min-height:84px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:13px 14px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;box-shadow:none}
.emp5-action-button>span{grid-row:1/3;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-3)}
.emp5-action-button strong{font-size:11.5px;line-height:1.25;align-self:end}
.emp5-action-button small{font-size:9.25px;color:var(--text-3);align-self:start;margin-top:2px}
.emp5-action-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cyan) 35%,var(--border));background:var(--surface-2)}
.emp5-action-button.primary{border-color:color-mix(in srgb,var(--cyan) 32%,var(--border));background:color-mix(in srgb,var(--cyan) 6%,var(--surface))}
.emp5-action-button.primary>span{background:color-mix(in srgb,var(--cyan) 12%,var(--surface));color:var(--cyan-dark)}
.emp5-action-button.danger{border-color:color-mix(in srgb,var(--danger) 24%,var(--border))}
.emp5-action-button.danger>span{background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger)}
.emp5-action-button.wide{grid-column:1/-1}
.emp5-action-button:disabled{opacity:.58;cursor:wait;transform:none}
.emp5-action-button.is-loading strong:after{content:" · localisation…";font-weight:500;color:var(--text-3)}
.emp5-location-status{margin-top:14px;min-height:38px;padding:9px 10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:9.5px;line-height:1.45}
.emp5-location-status.locating{color:var(--cyan-dark)}
.emp5-location-status.error{color:var(--danger)}
.emp5-day-complete{grid-column:1/-1;min-height:78px;border:1px solid color-mix(in srgb,var(--green) 22%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--green) 6%,var(--surface));display:flex;align-items:center;gap:12px;padding:14px}
.emp5-day-complete>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green-dark)}
.emp5-day-complete>div{display:grid;gap:3px}
.emp5-day-complete strong{font-size:12px}.emp5-day-complete small{font-size:9.75px;color:var(--text-3)}

.emp5-map-card{display:flex;flex-direction:column;min-height:100%}
.emp5-map-card-head{min-height:72px;padding:15px 17px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}
.emp5-map-card-head h3{font-size:13px;margin:3px 0 0}.emp5-map-card-head>span{font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums}
.emp5-mini-map{width:100%;height:246px;border:0;background:var(--surface-3);filter:saturate(.82) contrast(.95)}
.emp5-map-meta{display:grid;grid-template-columns:1fr 1fr;padding:0 16px}
.emp5-map-meta>div{min-height:70px;padding:13px 0;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border)}
.emp5-map-meta>div:nth-child(odd){padding-right:14px;border-right:1px solid var(--border)}
.emp5-map-meta>div:nth-child(even){padding-left:14px}
.emp5-map-meta>div:last-child{grid-column:1/-1;border-right:0;border-bottom:0;padding-left:0;padding-right:0}
.emp5-map-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700}
.emp5-map-meta strong{font-size:10.5px;line-height:1.45;overflow-wrap:anywhere}
.emp5-map-empty{flex:1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--text-3)}
.emp5-map-empty>span{width:52px;height:52px;border-radius:14px;background:var(--surface-3);display:grid;place-items:center;margin-bottom:12px;color:var(--cyan-dark)}
.emp5-map-empty strong{font-size:12px;color:var(--text);margin-bottom:4px}.emp5-map-empty p{font-size:10px;max-width:260px;margin:0;line-height:1.55}

.emp5-day-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:16px}
.emp5-day-summary article{min-height:96px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border)}
.emp5-day-summary article:last-child{border-right:0}
.emp5-day-summary span{font-size:9.25px;text-transform:uppercase;letter-spacing:.065em;color:var(--text-3);font-weight:750}
.emp5-day-summary strong{font-size:20px;letter-spacing:-.035em;margin:5px 0 1px;min-height:30px;display:flex;align-items:center}
.emp5-day-summary small{font-size:9.5px;color:var(--text-3)}

.emp5-report-card{overflow:hidden;margin-bottom:24px}
.emp5-report-head{min-height:78px;padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}
.emp5-report-head h3{font-size:14px;margin:3px 0 2px}.emp5-report-head p{font-size:9.75px;color:var(--text-3);margin:0}
.emp5-report-count{font-size:9.5px;color:var(--text-3);border:1px solid var(--border);border-radius:999px;padding:5px 8px;white-space:nowrap}
.emp5-report-empty{min-height:130px;display:grid;place-items:center;color:var(--text-3);font-size:10.5px;padding:24px;text-align:center}
.emp5-timeline{padding:4px 18px 10px}
.emp5-timeline-item{display:grid;grid-template-columns:30px 1fr;gap:12px;position:relative;padding:13px 0}
.emp5-timeline-item:not(:last-child):before{content:"";position:absolute;left:14px;top:40px;bottom:-3px;width:1px;background:var(--border)}
.emp5-timeline-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border);color:var(--cyan-dark);font-size:9px;font-weight:800;z-index:1}
.emp5-timeline-main{min-width:0;padding-top:2px}
.emp5-timeline-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.emp5-timeline-title strong{font-size:11px}.emp5-timeline-title time{font-size:10px;color:var(--text-3);font-variant-numeric:tabular-nums}
.emp5-timeline-main>p{margin:4px 0 6px;font-size:10px;color:var(--text-2)}
.emp5-timeline-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-3);font-size:9px}.emp5-timeline-meta>span{display:inline-flex;align-items:center;gap:4px}
.emp5-small-badge{padding:2px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-2)!important;font-weight:650}
.emp5-history-heading{margin-top:28px}

@media(max-width:1180px){
  .emp5-clock-layout{grid-template-columns:1fr}
  .emp5-map-card{min-height:0}
  .emp5-mini-map{height:220px}
}
@media(max-width:820px){
  .nav-subitems{margin-left:29px}
  .emp5-day-summary{grid-template-columns:1fr 1fr}
  .emp5-day-summary article:nth-child(2){border-right:0}.emp5-day-summary article:nth-child(-n+2){border-bottom:1px solid var(--border)}
}
@media(max-width:620px){
  .emp5-pointage-heading{align-items:flex-start}.emp5-live-pill{white-space:normal;height:auto;min-height:30px}
  .emp5-clock-card-head{align-items:flex-start;padding:17px 16px}.emp5-current-time{font-size:22px}
  .emp5-timeclock-form{padding:16px}
  .emp5-allowance-row,.emp5-clock-actions{grid-template-columns:1fr}
  .emp5-action-button.wide{grid-column:auto}
  .emp5-mini-map{height:190px}
  .emp5-map-meta{grid-template-columns:1fr}.emp5-map-meta>div,.emp5-map-meta>div:nth-child(odd),.emp5-map-meta>div:nth-child(even),.emp5-map-meta>div:last-child{grid-column:auto;padding:12px 0;border-right:0;border-bottom:1px solid var(--border)}.emp5-map-meta>div:last-child{border-bottom:0}
  .emp5-day-summary{grid-template-columns:1fr 1fr}.emp5-day-summary article{min-height:84px;padding:13px}.emp5-day-summary strong{font-size:17px}
  .emp5-report-head{align-items:flex-start}.emp5-report-count{display:none}
}
.nav-item.child-active{color:#e8eef0;font-weight:600}.nav-item.child-active:after{content:"";margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--cyan)}

/* CEGEWATT CRM V6 — édition RH autonome + pointage simplifié */
.emp6-fields-grid{gap:0!important}
.emp6-editable-field{min-height:108px;padding:18px 20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--surface)}
.emp6-fields-grid .emp6-editable-field:nth-child(3n){border-right:0}
.emp6-field-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.emp6-field-topline>span{font-size:9px;text-transform:uppercase;letter-spacing:.075em;color:var(--text-3);font-weight:760}
.emp6-editable-field>strong{font-size:12.5px;line-height:1.45;overflow-wrap:anywhere;font-weight:650}
.emp6-pencil-button{width:28px;height:28px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-3);display:grid;place-items:center;cursor:pointer;opacity:.62;transition:all .15s ease}
.emp6-editable-field:hover .emp6-pencil-button{opacity:1;border-color:var(--border);background:var(--surface-2);color:var(--cyan-dark)}
.emp6-quick-edit{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:grid;gap:9px}
.emp6-quick-edit[hidden]{display:none!important}
.emp6-quick-edit input,.emp6-quick-edit select{width:100%;height:39px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text);padding:0 10px;font-size:11px;outline:0}
.emp6-quick-edit input:focus,.emp6-quick-edit select:focus{border-color:color-mix(in srgb,var(--cyan) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 8%,transparent)}
.emp6-quick-actions{display:flex;gap:7px;align-items:center}
.emp6-save-mini,.emp6-cancel-mini{height:31px;padding:0 10px;border-radius:6px;font-size:9.5px;font-weight:700;cursor:pointer}
.emp6-save-mini{border:1px solid var(--cyan-dark);background:var(--cyan-dark);color:#fff}
.emp6-cancel-mini{border:1px solid var(--border);background:var(--surface);color:var(--text-2)}

.emp6-route-entry{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:14px;margin:0 0 12px}
.emp6-route-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}
.emp6-route-heading>div{display:grid;gap:3px}.emp6-route-heading strong{font-size:11.5px}.emp6-route-heading small{font-size:9px;color:var(--text-3)}
.emp6-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.emp6-route-grid label{display:grid;gap:6px}.emp6-route-grid label>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:720}
.emp6-number-suffix{height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:flex;align-items:center;overflow:hidden}
.emp6-number-suffix input{min-width:0;flex:1;height:100%;border:0;background:transparent;color:var(--text);padding:0 11px;font-size:12px;outline:0}
.emp6-number-suffix em{padding:0 11px;border-left:1px solid var(--border);font-size:9.5px;color:var(--text-3);font-style:normal}
.emp6-day-details-save{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid var(--border)}
.emp6-day-details-save small{font-size:9px;color:var(--text-3);text-align:right;line-height:1.45}
.emp6-save-day-details{flex:0 0 auto}
.emp6-location-permission{margin:14px 0 0;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--border));background:color-mix(in srgb,var(--warning) 5%,var(--surface));border-radius:10px;padding:13px;display:grid;grid-template-columns:38px 1fr;gap:11px}
.emp6-location-permission[hidden]{display:none!important}
.emp6-geo-icon{width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning);display:grid;place-items:center}
.emp6-location-permission>div:last-child{display:grid;gap:5px}.emp6-location-permission strong{font-size:11px}.emp6-location-permission p{font-size:9.5px;color:var(--text-3);line-height:1.55;margin:0;max-width:720px}.emp6-location-permission .secondary-button{justify-self:start;margin-top:4px}

@media(max-width:900px){
  .emp6-fields-grid .emp6-editable-field{border-right:0}
  .emp6-fields-grid{grid-template-columns:1fr 1fr!important}
  .emp6-fields-grid .emp6-editable-field:nth-child(odd){border-right:1px solid var(--border)}
}
@media(max-width:620px){
  .emp6-fields-grid{grid-template-columns:1fr!important}
  .emp6-fields-grid .emp6-editable-field{border-right:0!important;min-height:94px;padding:15px 16px}
  .emp6-route-grid{grid-template-columns:1fr}
  .emp6-route-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .emp6-day-details-save{align-items:flex-start;flex-direction:column}.emp6-day-details-save small{text-align:left}
}