/* Employee presentation only. Existing reporting, permissions and locks remain canonical. */
.mt-page:not(.mt-office-view),.planner-employee-mode { background:#f4f3ef;color:#172b24; }
.mt-page:not(.mt-office-view) .mt-hero,.planner-employee-mode .planner-hero { background:linear-gradient(125deg,#244d3d 0%,#16231e 80%);color:#fff; }
.mt-page:not(.mt-office-view) .mt-hero { padding:18px 16px; }
.mt-page .mt-hdh-mark { width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:8px; }
.mt-page:not(.mt-office-view) .mt-hero h1 { font-size:1.35rem;display:flex;align-items:center;gap:4px; }
.mt-page:not(.mt-office-view) .mt-hero p { margin:5px 0 0 54px;font-size:.82rem; }
.mt-page:not(.mt-office-view) .mt-main { max-width:1160px;margin:16px auto;padding:0 14px 24px;gap:16px; }
.mt-page:not(.mt-office-view) .mt-topband { gap:12px; }
.mt-page:not(.mt-office-view) .mt-summary-compact { border-radius:16px;box-shadow:0 3px 16px #16231e07; }
.mt-page:not(.mt-office-view) .mt-detail-main { border-radius:16px; }
.mt-page:not(.mt-office-view) .mt-entry { border-radius:12px;border:1px solid #dde5df;padding:14px;box-shadow:none;margin-top:12px; }
.mt-page:not(.mt-office-view) .mt-entry-topline { gap:12px;align-items:flex-start; }
.mt-page:not(.mt-office-view) .mt-entry-job { font-size:.95rem;line-height:1.4;overflow-wrap:anywhere; }
.mt-page:not(.mt-office-view) .mt-entry-hours { white-space:nowrap; }
.mt-page:not(.mt-office-view) .mt-entry-note { line-height:1.5;margin-top:8px; }
.mt-page:not(.mt-office-view) .mt-btn-primary { background:linear-gradient(120deg,#244d3d,#16231e);border-color:#16231e;border-radius:12px;min-height:48px; }
.mt-page:not(.mt-office-view) .mt-day-panel-actions--mobile { position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));padding:10px 0;background:#f4f3eff2;z-index:3; }
.mt-page:not(.mt-office-view) .mt-day-panel-actions--mobile .mt-btn-primary { width:100%; }
.mt-page:not(.mt-office-view) .mt-company-lock { border:1px solid #d8e2dc;border-radius:12px;padding:12px; }
.planner-employee-mode .planner-hero { padding:18px 14px; }
.planner-employee-mode .planner-hero-inner { max-width:1160px; }
.planner-employee-mode .planner-hero-title h1 { font-size:1.35rem; }
.planner-employee-mode .planner-hero-icon { width:48px;height:48px;background:none; }
.planner-employee-mode .planner-hero-icon img { width:48px;height:48px;object-fit:contain; }
.planner-employee-mode .planner-body { max-width:1160px;padding:16px 14px 24px;margin:auto; }
.planner-employee-mode .employee-readonly-banner { margin-top:12px;background:transparent;border:0;padding:0;color:#e2eae5;font-size:.78rem; }
.planner-employee-mode .emp-home-band { border:1px solid #dde5df;border-radius:16px;background:#fff;margin-bottom:16px;overflow:hidden;box-shadow:0 3px 16px #16231e07; }
.planner-employee-mode .emp-home-band-inner { padding:18px; }
.planner-employee-mode .emp-home-greet { font-size:1.2rem; }
.emp-home-primary-actions { display:flex;flex-direction:column;gap:10px;margin-top:18px; }
.emp-report-primary { display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:linear-gradient(120deg,#244d3d,#16231e);color:#fff;font-size:.95rem;font-weight:750;text-decoration:none;padding:12px; }
.emp-report-secondary { color:#244d3d;font-weight:650;font-size:.85rem;text-align:center;padding:6px;text-decoration:none; }
.emp-report-primary:focus-visible,.emp-report-secondary:focus-visible { outline:3px solid #b69a60;outline-offset:3px; }
.planner-employee-mode .emp-customer-finder { margin:0 18px 12px; }
.planner-employee-mode .emp-install-host { margin:0 18px 14px; }
.planner-employee-mode .mt-install-card { padding:10px;border-radius:12px;background:#f5f7f4;border:1px solid #dde5df; }
.planner-employee-mode .mt-install-card p { display:none; }
.planner-employee-mode .mt-install-card h3 { font-size:.85rem; }
.planner-employee-mode .mt-install-actions { display:flex;gap:8px;flex-wrap:wrap; }
.planner-employee-mode .mt-install-actions button { min-height:44px; }
.planner-employee-mode .emp-job-card { border:1px solid #dde5df;border-radius:16px;box-shadow:none;padding:16px; }
.emp-job-number { display:block;color:#466e58;font-weight:800;font-size:.72rem;letter-spacing:.05em;margin-bottom:6px; }
.planner-employee-mode .emp-job-btn { min-height:48px;border-radius:12px; }
.planner-employee-mode .emp-job-btn-primary { background:linear-gradient(120deg,#244d3d,#16231e); }
.planner-employee-mode .emp-week-summary-title::after { content:' · Planering';font-weight:400; }
.planner-employee-mode .emp-week-summary-stats { gap:14px; }
.planner-employee-mode .emp-week-stat span { font-size:.7rem; }
.planner-employee-mode .emp-week-empty { border-radius:16px;padding:24px 18px;background:#fff; }
@media(min-width:768px) {
 .mt-page:not(.mt-office-view) .mt-hero-inner { max-width:1132px; }
 .mt-page:not(.mt-office-view) .mt-hero { padding:24px; }
 .mt-page:not(.mt-office-view) .mt-hero h1,.planner-employee-mode .planner-hero-title h1 { font-size:1.6rem; }
 .planner-employee-mode .planner-hero { padding:24px; }
 .planner-employee-mode .emp-week-day-jobs { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
}
@media(min-width:1100px) {
 .mt-page:not(.mt-office-view) .mt-main { display:grid;grid-template-columns:370px minmax(0,1fr);align-items:start;gap:24px; }
 .mt-page:not(.mt-office-view) .mt-detail-layout { grid-template-columns:1fr; }
 .mt-page:not(.mt-office-view) .mt-detail-aside { display:none; }
 .mt-page:not(.mt-office-view) .mt-day-panel-actions--mobile { display:flex;position:static; }
 .planner-employee-mode .planner-body { display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start; }
 .planner-employee-mode #plannerContent { min-width:0; }
 .planner-employee-mode .emp-week-day-jobs { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
 .mt-page *, .planner-employee-mode * { scroll-behavior:auto!important; }
}
/* Global site section spacing must not expand employee app cards. */
.planner-employee-mode section.emp-home-band { padding:0!important; }
.planner-employee-mode .emp-home-band-inner { border:0;box-shadow:none;background:transparent; }
.planner-employee-mode section.emp-customer-finder { padding:0!important; }
.planner-employee-mode .emp-home-greet { font-size:1.3rem!important;line-height:1.3; }
.planner-employee-mode .mt-install-card { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.planner-employee-mode .mt-install-card h3 { flex:1;margin:0; }
.planner-employee-mode .mt-install-actions { margin:0; }
@media(min-width:1100px) {
 .mt-page:not(.mt-office-view) .mt-main > #mtInstallHost { grid-column:1/-1; }
 .mt-page:not(.mt-office-view) #mtInstallHost .mt-install-card { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0; }
 .mt-page:not(.mt-office-view) #mtInstallHost .mt-install-card p { display:none; }
 .mt-page:not(.mt-office-view) #mtInstallHost .mt-install-card h3,.mt-page:not(.mt-office-view) #mtInstallHost .mt-install-actions { margin:0; }
}
.planner-employee-mode section.emp-week-day { padding:0!important; }
.planner-employee-mode .emp-week-job-side { flex-shrink:0; }
/* Shared employee app shell. Company office views keep their existing header. */
.employee-time-app { background:#f4f3ef; }
.employee-time-app #header-modern { background:linear-gradient(120deg,#244d3d,#16231e) !important;border:0;box-shadow:none;color:white; }
.employee-time-app #header-modern .header-container { max-width:1160px;min-height:76px;padding:12px 16px;gap:12px; }
.employee-time-app #header-modern .header-logo { display:flex;align-items:center;gap:12px;min-width:0;width:auto;flex-shrink:0;color:white;text-decoration:none; }
.employee-time-app #header-modern .header-logo img { display:block;width:42px;height:42px;object-fit:contain; }
.employee-time-app .employee-app-title { font-size:1.15rem;font-weight:800;white-space:nowrap; }
.employee-time-app #header-modern .header-actions { display:flex !important;margin-left:auto;gap:8px; }
.employee-time-app #header-modern .user-profile-trigger { display:flex !important;min-height:44px;padding:5px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff14;color:white; }
.employee-time-app #header-modern .user-name,.employee-time-app #header-modern .user-chevron { display:none; }
.employee-time-app #header-modern .user-avatar { width:36px;height:36px; }
.employee-time-app #header-modern .notification-btn { color:white; }
.employee-time-app #header-modern .mobile-menu-toggle { color:white; }
.employee-time-app .planner-hero-top { display:block;height:0;margin:0; }
.employee-time-app .planner-hero-icon,.employee-time-app .planner-hero-actions,.employee-time-app .planner-hero-subtitle,.employee-time-app .planner-employee-identity { display:none; }
.employee-time-app .planner-hero-title h1,.employee-time-app .mt-hero h1,.employee-time-app .mc-hero h1 { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.employee-time-app .mt-hero,.employee-time-app .mc-hero { padding:0 16px 14px !important;background:#16231e;color:#e2eae5; }
.employee-time-app .mt-hero p,.employee-time-app .mc-hero p { margin:0 !important;font-size:.82rem; }
.employee-time-app .planner-hero { padding-top:8px; }
.employee-time-app .week-label { white-space:normal;line-height:1.5;font-size:.86rem;flex:1;text-align:center; }
.employee-time-app .week-nav { width:100%; }
.employee-time-app .mt-week-label { font-size:.85rem;white-space:normal;line-height:1.5;text-align:center; }
.employee-time-app .emp-bottom-nav { background:#fff;border-top:1px solid #dce5de; }
.employee-time-app .emp-bottom-nav a.is-active { color:#244d3d;background:#eef4ef;border-radius:12px; }
.employee-time-app .mc-main { max-width:900px; }
.employee-time-app .mc-card,.employee-time-app .wod-section,.employee-time-app .wod-hero { border-radius:16px;border-color:#dce5de;box-shadow:none; }
.employee-time-app .mc-cta,.employee-time-app .mc-btn-primary,.employee-time-app .wod-btn-primary { background:linear-gradient(120deg,#244d3d,#16231e);border-radius:12px;min-height:48px; }
.employee-time-app .mc-sheet-head,.employee-time-app .mt-sheet-head { background:linear-gradient(120deg,#244d3d,#16231e);color:white; }
.employee-time-app .mc-sheet-head button,.employee-time-app .mt-sheet-head button { color:inherit; }
.employee-time-app .mc-sheet-panel input,.employee-time-app .mc-sheet-panel select,.employee-time-app .mc-sheet-panel textarea,
.employee-time-app .mt-sheet input:not([type=checkbox]),.employee-time-app .mt-sheet select,.employee-time-app .mt-sheet textarea { font-size:16px;min-height:44px; }
@media(max-width:767px) {
 .employee-time-app #header-modern .header-nav,.employee-time-app #header-modern .mobile-menu-toggle { display:none !important; }
 .employee-time-app .planner-nav-bar { margin-top:0; }
 .employee-time-app .week-nav { display:flex;gap:6px; }
 .employee-time-app .week-nav-btn { flex-shrink:0; }
 .employee-time-app .week-today-btn { font-size:.75rem;padding:0 8px; }
}
.employee-time-app .mc-sheet-head button,.employee-time-app .mt-sheet-head button,
.employee-time-app .planner-modal-header .modal-close { background:#ffffff18;border:1px solid #ffffff40;color:#fff;min-height:44px;min-width:44px;border-radius:10px; }
.employee-time-app .planner-modal-header { background:linear-gradient(120deg,#244d3d,#16231e);color:#fff; }
.employee-time-app .planner-modal-header h2 { color:inherit; }
.employee-time-app .employee-detail-sheet { border-radius:18px; }
.employee-time-app .employee-detail-sheet input:not([type=checkbox]) { font-size:16px;min-height:44px; }
.employee-time-app #header-modern .header-logo:focus-visible { outline:3px solid #d7c395;outline-offset:4px; }

/* Desktop navigation sits on the same dark green surface as the mobile app shell. */
.employee-time-app #header-modern .header-nav-link {color:#e2eee8!important;}
.employee-time-app #header-modern .header-nav-link:is(:hover,.active) {
  color:#fff!important;background:rgba(255,255,255,.12);border-radius:10px;
}
.employee-time-app #header-modern .header-nav-link.active::after {background:#b8d8c7!important;}
.employee-time-app #header-modern .header-nav-icon {opacity:1;}

/* Personal time app: reserve room for bell/profile rather than clipping office badges. */
.employee-time-app #header-modern .header-container { box-sizing:border-box;width:100%;min-width:0; }
.employee-time-app #header-modern .header-logo { flex-shrink:1; }
.employee-time-app #header-modern .header-logo img { flex-shrink:0; }
.employee-time-app .employee-app-title { min-width:0;overflow:hidden;text-overflow:ellipsis; }
@media(max-width:767px) {
 .employee-time-app #header-modern .header-container { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px; }
 .employee-time-app #header-modern .header-actions { min-width:0;margin-left:0;gap:8px; }
 .employee-time-app #header-modern .header-plan-badge { display:none!important; }
 .employee-time-app #header-modern .header-actions>a[href="customer-registration.html"],
 .employee-time-app #header-modern .header-actions>a[href="company-registration.html"] { display:none!important; }
 .employee-time-app #header-modern .header-actions>button[onclick*="openLoginModal"] { padding:10px 14px!important; }
}

/* Signed-out/recovery states use the same app palette and spacing. */
.employee-time-app #header-modern .header-login-trigger {
 background:#214b39!important;color:#fff!important;border:1px solid #ffffff55!important;
 box-shadow:none!important;border-radius:12px!important;min-height:44px;padding:10px 14px!important;
}
.employee-time-app #header-modern .header-login-trigger:is(:hover,:focus-visible) {background:#2b6049!important;}
.employee-time-app #header-modern .header-login-trigger:focus-visible {outline:3px solid #d7c395;outline-offset:3px;}
.mt-page .mt-load-error {margin:0;line-height:1.5;}
.mt-page #mtSessionLogin {display:inline-flex;align-items:center;justify-content:center;margin-top:16px;min-height:48px;text-decoration:none;}

.employee-time-app #header-modern .header-actions > a:is([href="customer-registration.html"],[href="company-registration.html"]) {display:none!important;}