#leysam-mobile-nav{display:none}
.leysam-mobile-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.leysam-mobile-table-scroll:focus-visible{outline:3px solid #f58220;outline-offset:3px}
@media(max-width:767px){
 body.leysam-mobile-ready{margin:0;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 body.leysam-mobile-ready .ls-staff{width:100%;max-width:100%;margin:0;padding:16px 12px;border-radius:0;border-left:0;border-right:0}
 body.leysam-mobile-ready .ls-staff .ls-staff-nav{display:none}
 body.leysam-mobile-ready .ls-staff-header{gap:12px;align-items:flex-start}
 body.leysam-mobile-ready .ls-staff h1{font-size:26px}
 body.leysam-mobile-ready .ls-staff h2{font-size:22px}
 body.leysam-mobile-ready .ls-staff-main,body.leysam-mobile-ready .ls-staff-layout,body.leysam-mobile-ready .ls-staff-panel,body.leysam-mobile-ready .ls-staff-record{min-width:0;max-width:100%;overflow-wrap:anywhere}
 body.leysam-mobile-ready .ls-staff .ls-staff-panel,body.leysam-mobile-ready .ls-staff .ls-staff-card,body.leysam-mobile-ready .ls-staff .ls-staff-record{padding:16px}
 body.leysam-mobile-ready .ls-staff form{min-width:0;max-width:100%}
 body.leysam-mobile-ready .ls-staff label{min-width:0;max-width:100%;overflow-wrap:anywhere}
 body.leysam-mobile-ready .ls-staff input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.leysam-mobile-ready .ls-staff select,body.leysam-mobile-ready .ls-staff textarea{box-sizing:border-box;max-width:100%;min-width:0;font-size:16px}
 body.leysam-mobile-ready .ls-staff button,body.leysam-mobile-ready .ls-staff .ls-staff-primary,body.leysam-mobile-ready .ls-staff .ls-staff-secondary{min-height:44px;white-space:normal}
 body.leysam-mobile-ready .ls-staff .ls-expense-form,body.leysam-mobile-ready .ls-staff .ls-staff-search,body.leysam-mobile-ready .ls-staff .ls-staff-grid{display:grid;grid-template-columns:minmax(0,1fr)}
 body.leysam-mobile-ready .ls-staff .ls-expense-wide{grid-column:1}
 body.leysam-mobile-ready .ls-staff .ls-staff-record{flex-wrap:wrap}
 body.leysam-mobile-ready #leysam-app-controls{margin:16px 12px;font:16px/1.5 system-ui,sans-serif}
 #leysam-mobile-nav{display:flex;position:fixed;z-index:1000;bottom:0;left:0;right:0;gap:4px;box-sizing:border-box;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));background:#123452;box-shadow:0 -3px 14px #0002;font:600 12px/1.3 system-ui,sans-serif}
 #leysam-mobile-nav>a,#leysam-mobile-nav>details{flex:1;min-width:0}
 #leysam-mobile-nav>a,#leysam-mobile-nav summary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 2px;border-radius:8px;color:#fff;text-decoration:none;text-align:center;box-sizing:border-box;cursor:pointer;overflow-wrap:anywhere}
 #leysam-mobile-nav summary{list-style:none}
 #leysam-mobile-nav summary::-webkit-details-marker{display:none}
 #leysam-mobile-nav a[aria-current=page],#leysam-mobile-nav .leysam-mobile-active{background:#f58220;color:#111}
 #leysam-mobile-nav a:focus-visible,#leysam-mobile-nav summary:focus-visible{outline:3px solid white;outline-offset:-3px}
 #leysam-mobile-nav .leysam-mobile-menu{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:12px;right:12px;padding:8px;background:#fff;border:1px solid #d9e4de;border-radius:12px;box-shadow:0 4px 20px #0003;max-height:50vh;overflow-y:auto}
 #leysam-mobile-nav .leysam-mobile-menu a{display:block;padding:14px 12px;color:#123452;text-decoration:none;border-radius:8px;font-size:16px}
}

.leysam-app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;margin-bottom:14px;border-bottom:1px solid #d9e4de;font:inherit}
.leysam-app-toolbar a,.ls-staff .leysam-app-top{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #d9e4de;border-radius:8px;background:white;color:#123452;font:inherit;text-decoration:none;cursor:pointer}
.ls-staff .leysam-app-top{margin:18px 0}
.leysam-app-toolbar a:focus-visible,.leysam-app-top:focus-visible{outline:3px solid #f58220;outline-offset:2px}
#leysam-app-controls>#leysam-app-tools>summary{font-weight:650;min-height:44px;padding:10px 0}

.ls-staff .leysam-app-home{padding:18px;margin:0 0 20px;border:1px solid #d9e4de;border-radius:12px;background:#123452;color:white}
.ls-staff .leysam-app-home h2,.ls-staff .leysam-app-home p{color:white}
.leysam-app-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ls-staff .leysam-app-shortcuts a{display:flex;align-items:center;min-height:52px;padding:12px;background:#fff;color:#123452;text-decoration:none;font-weight:650;border-radius:8px;overflow-wrap:anywhere}
.ls-staff .leysam-app-shortcuts a:focus-visible{outline:3px solid #f58220;outline-offset:3px}
@media(max-width:767px){.leysam-app-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-staff .leysam-app-home{padding:16px}.ls-staff .ls-daily-work{margin:0 0 24px}}
@media(max-width:340px){.leysam-app-shortcuts{grid-template-columns:minmax(0,1fr)}}

.ls-staff .leysam-home-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:16px;border-radius:10px;background:white;color:#182b24}
.ls-staff .leysam-home-search h3,.ls-staff .leysam-home-search p{color:#182b24}
.leysam-home-search h3,.leysam-home-search-note{grid-column:1 / -1}
.ls-staff .leysam-home-search label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.ls-staff .leysam-home-search input,.ls-staff .leysam-home-search select{width:100%;min-height:44px;padding:10px;border:1px solid #c5d4cc;border-radius:6px;font:inherit;background:white;color:#182b24}
.ls-staff .leysam-home-search button{min-height:44px;padding:10px 16px;border:0;border-radius:8px;background:#f58220;color:#111;font:inherit;cursor:pointer}
.ls-staff .leysam-home-search-note{font-size:14px;margin:0}
@media(max-width:767px){.ls-staff .leysam-home-search{grid-template-columns:minmax(0,1fr)}}

.leysam-slider-controls{display:none}
.ls-staff .leysam-quick-search-toggle{margin:14px 0 4px}
.ls-staff .leysam-quick-search-toggle>summary{cursor:pointer;min-height:44px;padding:12px;border:1px solid #ffffff55;border-radius:8px;font-weight:650}
.leysam-record-slider{display:grid;gap:12px}
@media(max-width:767px){
 body.leysam-mobile-ready .ls-staff .leysam-swipe-row{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:4px 2px 10px;margin:10px 0 0;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 body.leysam-mobile-ready .ls-staff .leysam-swipe-row> a,body.leysam-mobile-ready .ls-staff .leysam-swipe-row>article{flex:0 0 82%;min-width:0;max-width:none;scroll-snap-align:start;margin:0;box-sizing:border-box}
 body.leysam-mobile-ready .ls-staff .leysam-app-shortcuts>a{flex-basis:44%;min-height:78px;justify-content:center;text-align:center;font-size:15px}
 body.leysam-mobile-ready .ls-staff .ls-daily-work-grid .ls-daily-work-card{padding:14px;gap:7px;border-top-color:#f58220}
 body.leysam-mobile-ready .ls-staff .ls-daily-work-card strong{font-size:27px}
 body.leysam-mobile-ready .ls-staff .ls-daily-work-card small{font-size:12px;line-height:1.4}
 body.leysam-mobile-ready .ls-staff .leysam-record-slider>.ls-staff-record,body.leysam-mobile-ready .ls-staff .leysam-record-slider>.ls-expense-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px}
 .leysam-slider-controls{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 16px;font:12px/1.4 system-ui,sans-serif;color:#52645b}
 .leysam-app-home .leysam-slider-controls{color:#fff}
 .leysam-slider-dots{display:flex;gap:2px;max-width:75%;overflow-x:auto}
 body.leysam-mobile-ready .ls-staff .leysam-slider-dots button{flex:0 0 24px;width:24px;min-height:24px;height:24px;padding:0;border:0;background:transparent;position:relative;cursor:pointer}
 .leysam-slider-dots button::after{content:'';display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:#95a7b4}
 .leysam-slider-dots button.is-current::after{background:#f58220;width:9px;height:9px}
 .leysam-slider-dots button:focus-visible{outline:2px solid #f58220;outline-offset:-2px}
}

.ls-staff .leysam-finance-group{margin:12px 0;border:1px solid #d9e4de;border-radius:12px;background:#fff;overflow:clip}
.ls-staff .leysam-finance-group>summary{padding:16px;min-height:52px;font-weight:700;cursor:pointer;color:#123452;background:#edf3f6}
.ls-staff .leysam-finance-group>summary:focus-visible{outline:3px solid #f58220;outline-offset:-3px}
body.leysam-mobile-ready .ls-staff .leysam-finance-group>.ls-staff-panel{margin:0;border:0;border-radius:0;padding:16px}
.leysam-finance-jump{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin:10px 0;scroll-snap-type:x proximity}
.ls-staff .leysam-finance-jump a{flex:0 0 auto;max-width:240px;padding:10px 12px;min-height:44px;background:#123452;color:white;border-radius:8px;font:600 13px/1.4 system-ui,sans-serif;text-decoration:none;scroll-snap-align:start}
@media(max-width:767px){
 body.leysam-mobile-ready .ls-staff .ls-departure-summary>a{flex-basis:65%;padding:14px;gap:6px}
 body.leysam-mobile-ready .ls-staff .ls-departure-card strong{font-size:28px}
 body.leysam-mobile-ready .ls-staff .ls-finance-grid>.ls-finance-role{flex:0 0 76%;min-width:0;scroll-snap-align:start;padding:14px}
 body.leysam-mobile-ready .ls-staff .ls-finance{padding:0}
 body.leysam-mobile-ready .ls-staff .ls-finance-header{padding:14px;margin-bottom:12px}
 body.leysam-mobile-ready .ls-staff .leysam-finance-group>summary{font-size:16px;padding:14px}
}

.ls-staff .leysam-filter-group{margin:14px 0 20px;border:1px solid #d9e4de;border-radius:10px;background:#fff}
.ls-staff .leysam-filter-group>summary{min-height:48px;padding:14px;color:#123452;font-weight:650;cursor:pointer;background:#edf3f6;border-radius:10px}
.ls-staff .leysam-filter-group>form{margin:0;padding:16px}
.ls-staff .leysam-filter-clear{display:inline-flex;align-items:center;min-height:44px;margin:0 16px 12px;color:#155d3e}
.ls-staff .leysam-filter-group>summary:focus-visible{outline:3px solid #f58220;outline-offset:-3px}
@media(max-width:767px){
 .ls-staff nav[aria-label="Enquiry follow-up shortcuts"]{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:8px;justify-content:flex-start}
 .ls-staff nav[aria-label="Enquiry follow-up shortcuts"]>a{flex:0 0 auto;white-space:nowrap}
}

.ls-staff .leysam-record-group{margin:12px 0;border:1px solid #d9e4de;border-radius:10px;background:#fff;overflow:clip}
.ls-staff .leysam-record-group>summary{min-height:50px;padding:14px;color:#123452;background:#edf3f6;cursor:pointer;font-weight:650}
body.leysam-mobile-ready .ls-staff .leysam-record-group>.ls-staff-panel{margin:0;border:0;border-radius:0;padding:16px}
.ls-staff .leysam-record-group>summary:focus-visible{outline:3px solid #f58220;outline-offset:-3px}
@media print{.leysam-record-group>section{display:block!important}.leysam-record-group>summary{display:none}}

.ls-staff .leysam-bill-status{display:inline-block;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:650;line-height:1.4;background:#edf3f6;color:#123452}
.ls-staff .leysam-bill-status-returned{background:#fff0dc;color:#673900}
.ls-staff .leysam-bill-status-submitted{background:#e7effb;color:#183d70}
.ls-staff .leysam-bill-status-verified{background:#e5f3e9;color:#1d5634}
.ls-staff .leysam-bill-status-unknown{background:#fbe7e7;color:#7c2525}
.ls-staff .ls-expense-card strong,.ls-staff .ls-staff-number,.ls-staff dd{font-variant-numeric:tabular-nums}
#leysam-app-controls .leysam-brand-settings{color:white;text-decoration:underline}
