.app-home-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:20px 0 38px}
.app-home-hero h1{font-size:clamp(38px,6vw,68px);line-height:1;margin:8px 0 14px}
.app-home-hero p:not(.eyebrow){font-size:20px;color:var(--muted);margin:0}
.app-home-hero img{width:300px;max-width:32%}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.module-card{min-height:170px;border-radius:20px;padding:24px;display:flex;align-items:flex-start;gap:18px;border:1px solid var(--line);text-decoration:none;background:#fff;position:relative}
.module-card.active{box-shadow:0 14px 40px rgba(16,24,32,.08);border-color:#a8d9ec;transition:transform .18s ease,box-shadow .18s ease}
.module-card.active:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(16,24,32,.12)}
.module-card.secondary-module{border-color:#c7d4da}
.module-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:26px;font-weight:900}
.module-copy{display:grid;gap:7px}
.module-copy small{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:900;font-size:11px}
.module-copy strong{font-size:23px}
.module-copy span{color:var(--muted);line-height:1.45}
.module-card>b{margin-left:auto;font-size:25px;color:var(--blue)}
.module-card.soon{background:#eef2f4;color:#65727e;border-style:dashed}
.module-card.soon .module-icon{background:#d7dfe3;color:#68747c}
.module-card.soon .module-copy small{color:#7b878e}
.app-home-note{display:flex;align-items:center;justify-content:center;gap:18px;margin:42px auto 0;padding:18px;color:var(--muted);text-align:left}
.app-home-note img{width:45px;opacity:.5}
.app-home-note p{margin:0}
@media(max-width:780px){.app-home-hero{display:block;padding-top:5px}.app-home-hero img{max-width:65%;width:220px;margin-top:25px}.module-grid{grid-template-columns:1fr}.module-card{min-height:145px;padding:20px}.module-copy strong{font-size:20px}}
@media(max-width:420px){.module-icon{width:42px;height:42px;flex-basis:42px}.module-card{gap:13px}.module-card>b{display:none}}
.office-hero{padding-top:8px}
.office-grid .module-card.active{background:linear-gradient(135deg,#fff 0%,#eefaff 100%)}
.signature-box{margin:28px 0 22px;padding-top:8px;border-top:1px solid var(--line)}
.signature-box p{color:var(--muted);line-height:1.5}
.signature-box canvas{display:block;width:100%;height:190px;background:#fff;border:2px dashed #8abfd4;border-radius:14px;touch-action:none;cursor:crosshair}
.signature-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}
.signature-actions span{font-weight:800;color:var(--muted)}
.signature-actions .signed{color:var(--ok)}
.signature-actions .signature-error{color:var(--bad)}
.module-card.danger-module{background:linear-gradient(135deg,#8f1010,#d32626);border-color:#7d0e0e;color:#fff;box-shadow:0 16px 42px rgba(160,20,20,.24)}
.module-card.danger-module .module-icon{background:#fff;color:#b41717}.module-card.danger-module .module-copy small,.module-card.danger-module .module-copy span,.module-card.danger-module>b{color:#fff}
.chat-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.chat-head h1{font-size:clamp(34px,5vw,54px);margin:6px 0}.chat-tabs{display:flex;background:#e5ecef;padding:5px;border-radius:12px}.chat-tabs a{padding:10px 16px;border-radius:9px;text-decoration:none;font-weight:800}.chat-tabs .selected{background:#fff;box-shadow:0 4px 14px rgba(16,24,32,.08)}.chat-window{min-height:320px;max-height:58vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;align-content:start;gap:12px}.chat-message{max-width:78%;background:#eef3f5;border-radius:15px;padding:12px 15px}.chat-message.office{background:#dff4fc}.chat-message header{display:flex;justify-content:space-between;gap:18px;font-size:13px}.chat-message time{color:var(--muted)}.chat-message p{margin:7px 0 0;line-height:1.45}.empty-chat{text-align:center;color:var(--muted);padding:80px 20px}.chat-compose{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-top:14px}.chat-compose label{margin:0}.chat-compose textarea{margin:0}.wks-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#7f0909,#cf2626);color:#fff;padding:32px;border-radius:22px;margin-bottom:20px}.wks-hero .eyebrow,.wks-hero p{color:#fff}.wks-hero h1{font-size:clamp(36px,5vw,60px);margin:6px 0}.wks-hero>span{display:grid;place-items:center;width:120px;height:120px;border:4px solid #fff;border-radius:50%;font-size:32px;font-weight:900}.wks-warning{margin-top:24px}.wks-stats a{cursor:default}
@media(max-width:780px){.chat-head{display:block}.chat-tabs{margin-top:16px}.chat-message{max-width:94%}.chat-compose{grid-template-columns:1fr}.wks-hero>span{display:none}}
.module-card.fleet-module{background:linear-gradient(135deg,#102c45,#17668d);border-color:#0d4564;color:#fff;box-shadow:0 16px 42px rgba(15,67,98,.22)}
.module-card.fleet-module .module-icon{background:#fff;color:#155b80}.module-card.fleet-module .module-copy small,.module-card.fleet-module .module-copy span,.module-card.fleet-module>b{color:#fff}
.fleet-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#102c45,#1779a5);color:#fff;padding:32px;border-radius:22px;margin-bottom:20px}.fleet-hero .eyebrow,.fleet-hero p{color:#fff}.fleet-hero h1{font-size:clamp(36px,5vw,60px);margin:6px 0}.fleet-hero>span{display:grid;place-items:center;width:120px;height:120px;border:4px solid #fff;border-radius:50%;font-size:32px;font-weight:900}.fleet-warning{margin-top:24px}@media(max-width:780px){.fleet-hero>span{display:none}}
.module-card.planning-module{background:linear-gradient(135deg,#305c21,#4c8d36);border-color:#315f23;color:#fff;box-shadow:0 16px 42px rgba(48,92,33,.2)}.module-card.planning-module .module-icon{background:#fff;color:#3f772c}.module-card.planning-module .module-copy small,.module-card.planning-module .module-copy span,.module-card.planning-module>b{color:#fff}.planning-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:22px;align-items:start}.planning-layout select[multiple]{min-height:210px}.planning-filter{grid-template-columns:1fr 1fr auto}@media(max-width:900px){.planning-layout{grid-template-columns:1fr}}
/* Spezialmodule im Büro behalten ihren kontrastreichen Hintergrund. Die
   allgemeine .office-grid-Regel darf diese Zustandsfarben nicht überschreiben. */
.office-grid .module-card.active.planning-module{background:linear-gradient(135deg,#305c21,#4c8d36);border-color:#315f23;color:#fff}
.office-grid .module-card.active.fleet-module{background:linear-gradient(135deg,#102c45,#17668d);border-color:#0d4564;color:#fff}
.office-grid .module-card.active.danger-module{background:linear-gradient(135deg,#8f1010,#d32626);border-color:#7d0e0e;color:#fff}
.upload-live-check{margin:26px 0;padding:20px;background:#f5f8fa;border:1px solid var(--line);border-radius:16px}.upload-live-check h2{margin-top:0}.live-check-list{display:grid;gap:8px}.live-check-list p{margin:0;padding:10px 12px;border-radius:10px;background:#fff;font-weight:700}.live-check-list .check-ok{color:#0d6b42;background:#e5f6ed}.live-check-list .check-bad{color:#8f2424;background:#ffebeb}.live-result{margin-top:14px;padding:13px;border-radius:11px;font-weight:800}.live-result.ready{background:#dff5e9;color:#0d6b42}.live-result.not-ready{background:#fff0cf;color:#7c5100}.submit:disabled{opacity:.72;cursor:wait}
header{min-height:78px;height:auto}.brand{min-width:0}.brand img{flex:0 0 auto}nav{align-items:center;justify-content:flex-end;flex-wrap:wrap;row-gap:8px}nav a{white-space:nowrap}.office-grid{align-items:stretch}.office-grid .module-card{height:100%}.admin-head>div{min-width:0}.table-wrap{max-width:100%}
@media(max-width:900px){header{align-items:flex-start;gap:12px}header nav{font-size:13px;gap:10px}.office-grid{grid-template-columns:1fr}}
@media(max-width:560px){header{position:relative;display:grid;grid-template-columns:1fr}.brand{justify-content:center}.brand span{display:none}header nav{justify-content:center;border-top:1px solid var(--line);padding-top:9px;width:100%}.module-card{min-width:0}.module-copy{min-width:0}.module-copy span{overflow-wrap:anywhere}.stats{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}
.record-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:25px}.record-hero h1{font-size:clamp(36px,6vw,64px);margin:5px 0}.record-photo{width:130px;height:150px;border-radius:18px;object-fit:cover;border:4px solid #fff;box-shadow:0 12px 30px rgba(16,24,32,.15)}.record-photo.missing{display:grid;place-items:center;text-align:center;background:#e8eef1;color:#7c8790;font-weight:900;border:3px dashed #aebbc2}.record-logo{width:220px;max-width:25vw}.record-overview{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.record-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:42px 0 16px}.record-head h2{font-size:34px;margin:4px 0}.record-head p{color:var(--muted);max-width:480px}.record-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.record-category{position:relative}.record-category h3{margin:0 50px 18px 0}.record-count{position:absolute;right:22px;top:22px;background:#e4f4fa;color:#006d99;border-radius:999px;padding:6px 10px;font-weight:900}.record-document{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line);text-decoration:none}.record-document span{display:grid;gap:5px}.record-document small{color:var(--muted)}.record-document b{color:var(--blue);font-size:13px}.request-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.request-buttons form{border:1px solid var(--line);border-radius:14px;padding:14px}.request-buttons button{width:100%;min-height:58px}.postal-proof{padding:14px;background:#fff7f7;border:2px solid #dd5a5a;border-radius:14px;margin-bottom:18px}.record-signature{display:block;width:100%;height:180px;background:#fff;border:2px dashed #61a9c8;border-radius:14px;touch-action:none;margin:12px 0}.material-card{margin-bottom:16px}.material-title{display:flex;justify-content:space-between;align-items:center}.material-title h3{margin-top:0}@media(max-width:800px){.record-hero{grid-template-columns:auto 1fr}.record-logo{display:none}.record-overview,.record-category-grid,.request-buttons{grid-template-columns:1fr}.record-head{display:block}.record-photo{width:95px;height:110px}.record-document{align-items:flex-start}.record-document b{white-space:nowrap}}
.office-record-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:start;margin:20px 0}.office-record-toolbar .filters{margin:0}.quick-create{margin:0}.quick-create summary{cursor:pointer;color:#007fb5}.office-attention{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.office-attention>div{background:#f4f8fa;border:1px solid #dce8ee;border-radius:14px;padding:16px}.office-attention strong{display:block;font-size:1.65rem;color:#101820}.office-attention span{font-size:.88rem;color:#50616b}.office-task{display:inline-block;background:#fff1df;color:#8a4500;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.office-ok{color:#167548;font-weight:700}.empty-office{text-align:center;padding:32px;color:#60727d}.office-record-stats a{text-decoration:none}@media(max-width:800px){.office-record-toolbar,.office-attention{grid-template-columns:1fr}.office-record-stats{grid-template-columns:repeat(2,1fr)}}
.office-employee-cell{display:flex;align-items:center;gap:12px;min-width:220px}.office-employee-photo{width:54px;height:62px;flex:0 0 54px;border-radius:10px;object-fit:cover;background:#e8eef1;border:2px solid #fff;box-shadow:0 4px 12px rgba(16,24,32,.12)}.office-employee-photo.missing{display:grid;place-items:center;text-align:center;color:#a21f1f;border:2px dashed #d46b6b;box-shadow:none;font-size:10px;font-weight:900;line-height:1.05}

/* Mitarbeiterakten: bewusst kompakt und selbsterklärend */
.office-record-toolbar{background:#fff;border:2px solid #9bd2e7;border-radius:18px;padding:18px}.office-record-toolbar .filters{display:grid;grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto;gap:10px}.office-record-toolbar .filters input[name="q"]{font-size:17px;min-height:52px;border:2px solid #7dbfd9;background:#faffff}.office-record-toolbar .filters input[name="q"]::placeholder{color:#526b77}.office-record-toolbar .filters button{min-height:52px}.office-attention>div{display:flex;align-items:center;gap:12px}.office-attention strong{min-width:44px;text-align:center}.record-hero{grid-template-columns:76px minmax(0,1fr) 110px;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:18px}.record-hero h1{font-size:clamp(28px,4vw,42px);margin:3px 0}.record-photo{width:70px;height:82px;border-radius:12px;border-width:2px;box-shadow:0 5px 15px rgba(16,24,32,.12)}.record-logo{width:105px;max-width:105px}.record-overview{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:14px}.record-overview .card{padding:18px}.record-overview h2{font-size:21px;margin-top:0}.record-overview dl{display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;gap:8px 14px}.record-overview dt,.record-overview dd{margin:0;padding:7px 0;border-bottom:1px solid #edf1f3}.record-overview dt{font-weight:800;color:#52616a}.record-head{margin:30px 0 12px;align-items:center}.record-head h2{font-size:27px}.record-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record-category{padding:16px;min-height:150px}.record-category h3{font-size:17px;margin:0 38px 12px 0}.record-count{right:14px;top:14px;padding:4px 8px}.record-document{padding:10px 0;gap:10px}.record-document strong{font-size:14px}.record-document small{font-size:11px}.record-document b{font-size:11px}.record-requests,.material-card{padding:18px}.record-requests h2,.material-card h3{font-size:21px}.privacy,.muted{font-size:12px;line-height:1.4}
@media(max-width:980px){.record-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.office-record-toolbar .filters{grid-template-columns:1fr}.record-hero{grid-template-columns:64px 1fr}.record-photo{width:60px;height:70px}.record-logo{display:none}.record-overview,.record-category-grid{grid-template-columns:1fr}.record-overview dl{grid-template-columns:110px 1fr}.record-head h2{font-size:24px}}

/* ACTP Unternehmensplattform: wenige zentrale Bereiche statt Einzelkacheln */
.platform-hero,.hub-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 0 30px}.platform-hero h1,.hub-hero h1{font-size:clamp(38px,6vw,66px);line-height:1;margin:7px 0 12px}.platform-hero p:not(.eyebrow),.hub-hero p:not(.eyebrow){font-size:18px;color:var(--muted);margin:0}.platform-hero>img,.hub-hero>img{width:280px;max-width:31%;height:auto}.platform-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.platform-area{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:18px;min-height:190px;padding:25px;border:1px solid #bbdbe8;border-radius:22px;background:linear-gradient(135deg,#fff,#edf9fd);box-shadow:0 15px 38px rgba(16,24,32,.08);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.platform-area:hover{transform:translateY(-3px);box-shadow:0 19px 44px rgba(16,24,32,.13)}.platform-area .area-logo{width:64px;height:64px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 7px 20px rgba(16,24,32,.1)}.platform-area .area-logo img{width:42px;height:42px}.platform-area div{display:grid;gap:7px}.platform-area small{text-transform:uppercase;letter-spacing:.1em;color:#007eaf;font-weight:900}.platform-area strong{font-size:27px}.platform-area p{margin:0;color:var(--muted);line-height:1.42}.platform-area>b{font-size:28px;color:#008fc9}.platform-area.finance{background:linear-gradient(135deg,#17293a,#28506d);border-color:#17384f;color:#fff}.platform-area.finance small,.platform-area.finance p,.platform-area.finance>b{color:#fff}.platform-area.security{background:linear-gradient(135deg,#f8fbfc,#e6edf0);border-color:#9aabb4}.platform-note{display:flex;align-items:center;justify-content:center;gap:20px;margin:38px auto 0;padding:22px;color:var(--muted)}.platform-note img{width:125px;height:auto}.platform-note p{margin:0}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.hub-grid.compact{grid-template-columns:1fr}.hub-item{display:flex;align-items:center;gap:15px;min-height:112px;padding:19px;border:1px solid #cbdde5;border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 9px 25px rgba(16,24,32,.05)}.hub-item>b{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:14px;background:#008fc9;color:#fff;font-size:19px}.hub-item span{display:grid;gap:5px}.hub-item strong{font-size:19px}.hub-item small{color:var(--muted);font-size:14px;line-height:1.35}.hub-item.danger{border-color:#d87e7e}.hub-item.danger>b{background:#b81f1f}.hub-item.soon{background:#eef2f4;border-style:dashed;color:#687780;box-shadow:none}.hub-item.soon>b{background:#d8e0e4;color:#64727a}.hub-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start}.security-status{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.security-status>div{display:grid;gap:7px;padding:18px;border-radius:15px;border:1px solid}.security-status .ok{background:#e5f6ed;border-color:#9ed1b6;color:#11633d}.security-status .warn{background:#fff2d9;border-color:#e2bd70;color:#7a5000}.security-status strong{font-size:18px}.security-status span{font-size:13px;line-height:1.4}.hub-hero.finance{background:linear-gradient(135deg,#17293a,#28506d);color:#fff;border-radius:22px;padding:28px;margin-bottom:20px}.hub-hero.finance .eyebrow,.hub-hero.finance p:not(.eyebrow){color:#fff}
@media(max-width:800px){.platform-hero,.hub-hero{display:block}.platform-hero>img,.hub-hero>img{width:180px;max-width:70%;margin-top:20px}.platform-areas,.hub-grid,.hub-split,.security-status{grid-template-columns:1fr}.platform-area{grid-template-columns:54px 1fr auto;min-height:145px;padding:18px;gap:13px}.platform-area .area-logo{width:52px;height:52px;border-radius:14px}.platform-area .area-logo img{width:34px;height:34px}.platform-area strong{font-size:22px}.platform-area p{font-size:14px}.platform-note{display:grid;text-align:center}.platform-note img{margin:auto}.hub-item{min-height:96px;padding:15px}.hub-hero.finance{padding:20px}.hub-hero.finance>img{display:none}}

.employee-mobile-nav{display:none}
.employee-login-top{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr);align-items:center;gap:28px;background:linear-gradient(135deg,#07364f,#008fc9);color:#fff;border-radius:22px;padding:28px;margin:0 0 28px;box-shadow:0 18px 44px rgba(0,84,120,.24)}.employee-login-top .eyebrow,.employee-login-top p{color:#fff}.employee-login-top h1{font-size:clamp(32px,5vw,50px);margin:5px 0 10px}.employee-login-top form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:#fff;color:#101820;border-radius:16px;padding:16px}.employee-login-top label{margin:0}.employee-login-top input{margin-bottom:0}.employee-login-top button{min-height:48px}.employee-login-top form>a{grid-column:1/-1;color:#006f9d;font-weight:800;text-align:center;text-decoration:none;padding-top:3px}
@media(max-width:800px){
  .employee-login-top{grid-template-columns:1fr;padding:18px 15px;margin:-2px -2px 16px;border-radius:16px;gap:12px}.employee-login-top h1{font-size:29px}.employee-login-top p{font-size:14px}.employee-login-top form{grid-template-columns:1fr;padding:13px}.employee-login-top form>a{font-size:13px;padding:8px 0 2px}
  body:has(.employee-mobile-nav){padding-bottom:82px;background:#f4f7f8}
  body:has(.employee-mobile-nav) header{min-height:62px;padding:8px 14px;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
  body:has(.employee-mobile-nav) header .brand{justify-content:flex-start}
  body:has(.employee-mobile-nav) header .brand img{width:118px;max-height:42px;object-fit:contain}
  body:has(.employee-mobile-nav) header nav{display:none}
  body:has(.employee-mobile-nav) main{padding:14px 12px 28px;max-width:none}
  .employee-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fff;border-top:1px solid #cfdae0;box-shadow:0 -8px 24px rgba(16,24,32,.12);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
  .employee-mobile-nav a{display:grid;place-items:center;gap:2px;text-decoration:none;color:#26343c;font-size:11px;font-weight:900;min-height:52px;border-radius:10px}
  .employee-mobile-nav a:active{background:#e5f5fb;color:#007ba9}
  .employee-mobile-nav span{font-size:22px;line-height:1;color:#008fc9}
  body:has(.employee-mobile-nav) .app-home-hero{padding:4px 2px 18px}
  body:has(.employee-mobile-nav) .app-home-hero h1{font-size:32px;line-height:1.08}
  body:has(.employee-mobile-nav) .app-home-hero p:not(.eyebrow){font-size:16px}
  body:has(.employee-mobile-nav) .app-home-hero img{display:none}
  body:has(.employee-mobile-nav) .module-grid{gap:10px}
  body:has(.employee-mobile-nav) .module-card{min-height:104px;padding:15px;border-radius:15px;gap:12px}
  body:has(.employee-mobile-nav) .module-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px;font-size:21px}
  body:has(.employee-mobile-nav) .module-copy{gap:3px}
  body:has(.employee-mobile-nav) .module-copy small{font-size:9px}
  body:has(.employee-mobile-nav) .module-copy strong{font-size:18px}
  body:has(.employee-mobile-nav) .module-copy span{font-size:13px;line-height:1.3}
  body:has(.employee-mobile-nav) .module-card.soon{display:none}
  body:has(.employee-mobile-nav) .card{padding:15px;border-radius:15px}
  body:has(.employee-mobile-nav) input,body:has(.employee-mobile-nav) select,body:has(.employee-mobile-nav) textarea,body:has(.employee-mobile-nav) button{font-size:16px;min-height:50px}
  body:has(.employee-mobile-nav) label{font-size:14px;font-weight:800}
  .record-hero{grid-template-columns:58px 1fr;padding:12px;gap:12px;margin-bottom:12px}
  .record-photo{width:56px;height:64px;border-radius:10px}
  .record-hero h1{font-size:25px;line-height:1.1}
  .record-hero p{font-size:12px;margin:4px 0}
  .record-overview{gap:10px}
  .record-overview .card{padding:14px}
  .record-overview dl{grid-template-columns:96px 1fr;font-size:13px;gap:4px 8px}
  .record-overview dt,.record-overview dd{padding:6px 0;overflow-wrap:anywhere}
  .record-head{margin:24px 2px 10px}
  .record-head p{display:none}
  .record-head h2{font-size:22px;margin:2px 0}
  .record-category-grid{gap:9px}
  .record-category{min-height:0;padding:14px}
  .record-category:has(.muted){display:none}
  .record-category h3{font-size:17px;margin-bottom:10px}
  .record-document{display:grid;grid-template-columns:1fr auto;align-items:center}
  .record-document b{font-size:0;background:#008fc9;color:#fff;border-radius:10px;padding:10px}
  .record-document b::after{content:'↓';font-size:20px}
  .request-buttons{grid-template-columns:1fr;gap:9px}
  .request-buttons form{padding:12px}
  .table-wrap{border-radius:12px}
  .material-card table{min-width:620px}
  .record-signature{height:150px}
  .flash{border-radius:12px;font-size:14px}
}
/* E-Learning: mobile first, large tap targets and calm reading width. */
.learning-grid{display:grid;gap:16px;margin:22px 0}.learning-card{display:grid;grid-template-columns:54px 1fr 28px;gap:14px;align-items:center;padding:20px;border-radius:20px;background:#fff;color:#10202b;text-decoration:none;box-shadow:0 8px 30px rgba(12,37,52,.09);border:1px solid #dce8ee}.learning-card h2{margin:4px 0 12px;font-size:1.15rem}.learning-card p,.learning-card small{color:#526672}.learn-bar{height:10px;background:#e5edf1;border-radius:10px;overflow:hidden}.learn-bar i{display:block;height:100%;background:#008fc9}.course-head{margin:20px 0;padding:22px;border-radius:22px;background:linear-gradient(135deg,#071d29,#074b69);color:#fff}.lesson{max-width:760px;margin:0 auto}.lesson-lead{font-size:1.15rem;line-height:1.6}.learn-point{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;margin:14px 0;padding:16px;border-radius:14px;background:#f0f7fa}.learn-point b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#008fc9;color:#fff}.learn-point p{margin:4px 0;line-height:1.55}.lesson fieldset,.card fieldset{margin:24px 0;padding:18px;border:2px solid #d8e7ed;border-radius:16px}.lesson legend,.card legend{font-weight:800;padding:0 8px}.answer{display:block;margin:10px 0}.answer span{display:block;padding:14px;border:2px solid #d7e3e8;border-radius:12px}.answer input{position:absolute;opacity:0}.answer input:checked+span{border-color:#008fc9;background:#e9f8ff;font-weight:800}@media(max-width:600px){.learning-card{grid-template-columns:46px 1fr;padding:16px}.learning-card>b{display:none}.course-head{margin-top:10px}.lesson{border-radius:18px}.learn-point{padding:13px}.lesson fieldset{padding:14px}.answer span{font-size:1rem;line-height:1.35}}