/* Premium3: bounded mobile controls, readable themes and compact dashboard. */
body #dashboardView #companyView>.topbar:has(.wf-home-heading){padding:0!important;margin:6px 0 12px!important;min-height:0!important;gap:0!important}
body #dashboardView #companyPanelTitle.wf-home-heading{margin:0!important;padding:0!important}
body #dashboardView #companyView>.topbar:has(.wf-home-heading) .topbar-left{padding:0!important;margin:0!important}
body #dashboardView #companyPanelSubtitle:empty{display:none!important;margin:0!important}
body #dashboardView #companyHomeSection .wf-my-schedule .work-hero-btn.absence .p2-button-label,
body #dashboardView #companyHomeSection .wf-my-schedule .personal-action.leave .p2-button-label{display:block!important;visibility:visible!important;color:var(--premium-ink)!important;font-size:12px!important;opacity:1!important}
body.v15-on-leave #dashboardView .p2-status{font-size:10px!important;max-width:145px}
body.v15-on-leave #dashboardView .p2-status::after{content:none!important}
body #dashboardView #companyTourStatus .p2-team-main{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;gap:0!important}
body #dashboardView #companyTourStatus .p2-team-main .company-status-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px!important}
body #dashboardView #companyTourStatus .p2-team-main .company-status-card+.company-status-card{border-left:1px solid var(--premium-line)!important}
body #dashboardView #companyTourStatus .p2-team-main .number{font-size:27px!important}
body #dashboardView #companyTourStatus .p2-team-main .label{font-size:11px!important}
body #dashboardView #widgetAdminHero.p3-messenger{background:var(--premium-surface)!important;border:1px solid var(--premium-line)!important;border-radius:18px!important;padding:20px!important;box-shadow:none!important;min-height:0!important;color:var(--premium-ink)!important}
body #dashboardView #widgetAdminHero.p3-messenger::before,body #dashboardView #widgetAdminHero.p3-messenger::after,body #dashboardView #widgetAdminHero.p3-messenger .company-wow-live{display:none!important}
body #dashboardView #widgetAdminHero.p3-messenger .company-wow-hero-inner{display:flex!important;flex-direction:column!important;gap:12px!important}
body #dashboardView #widgetAdminHero.p3-messenger #companyHeroTitle{color:var(--premium-ink)!important;font-size:21px!important;margin:0!important}
body #dashboardView #widgetAdminHero.p3-messenger #companyHeroSubtitle{color:var(--premium-muted)!important;font-size:14px!important;margin:0!important}
body #dashboardView .p3-work-actions-hidden{display:none!important}
.p3-contact{padding:14px 0;border-bottom:1px solid #b4c5bc55;min-width:0}.p3-contact strong{display:block;margin-bottom:10px}.p3-contact-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.p3-contact-actions a{text-decoration:none}
body .wf-dialog *,body #wfPlannerSettings *{box-sizing:border-box}
body .wf-dialog :is(label,input,select,textarea),body #wfPlannerSettings :is(label,input,select,textarea){min-width:0!important;max-width:100%!important}
body .wf-dialog input:not([type=checkbox]):not([type=radio]),body #wfPlannerSettings input:not([type=checkbox]):not([type=radio]){width:100%!important;box-sizing:border-box!important}
body .wf-planner-head{flex-wrap:wrap!important;gap:12px!important}
body .wf-planner-head>label{flex:0 1 210px;min-width:0!important}
body input:is([type=date],[type=month],[type=time]){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;-webkit-appearance:none}
body input:is([type=date],[type=month],[type=time])::-webkit-date-and-time-value{text-align:left;min-width:0}
.p3-report-people{max-height:220px;overflow:auto;border:1px solid #b4c5bc77;border-radius:12px;padding:8px;margin-top:8px}
.p3-report-people label{display:flex!important;align-items:center;gap:10px;padding:9px!important;margin:0!important}.p3-report-people input{width:18px!important;height:18px;flex:0 0 18px}
.p3-report-people label[hidden]{display:none!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim){--p3-surface:#182720;--p3-raised:#22372d;--p3-text:#edf5f0;--p3-muted:#bbcdc2;color-scheme:dark}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) :is(.wf-dialog,.modal,.modal-header,.modal-body,.modal-actions,.dashboard-customizer-body,.dashboard-customizer-head,.dashboard-customizer-actions,.customizer-section,.dashboard-widget-check,.theme-choice,.language-choice,.vacation-balance-card,.settings-help-card,.settings-numbered-section,.settings-profile-card,.wf-row,.wf-planner-section){background:var(--p3-surface)!important;color:var(--p3-text)!important;border-color:#435b4b!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) :is(.modal,.wf-dialog,.vacation-balance-card,.settings-numbered-section) :is(h2,h3,strong,b,label,span,dt,dd){color:var(--p3-text)!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) :is(.modal,.wf-dialog,.vacation-balance-card,.settings-numbered-section) :is(p,small,.muted){color:var(--p3-muted)!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) :is(.dashboard-widget-checklist label,.premium-switch,.theme-choice,.language-choice,.form-input,.wf-dialog input,.wf-dialog select,.wf-dialog textarea){background:var(--p3-raised)!important;color:var(--p3-text)!important;border-color:#435b4b!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) :is(input,textarea)::placeholder{color:#a9beb1!important;opacity:1}
@media(max-width:860px){
body #dashboardView .ambilo-mobile-bar{display:flex!important;flex-wrap:nowrap!important;gap:3px!important;padding-left:10px!important;padding-right:10px!important;width:100%!important;box-sizing:border-box!important}
body #dashboardView .ambilo-header-logo{flex:1 1 190px!important;width:190px!important;max-width:210px!important;min-width:0!important;padding:0!important;height:52px!important}
body #dashboardView .ambilo-header-logo img{width:100%!important;height:100%!important;max-height:52px!important;object-fit:contain!important;padding:0!important}
body #dashboardView .ambilo-mobile-bar :is(.shell-icon-btn,.ambilo-menu-button,.account-chip){width:34px!important;min-width:34px!important;height:38px!important;padding:4px!important;flex:0 0 34px!important}
body #dashboardView #companyTourActions{flex:0 0 auto!important;gap:3px!important;padding:0!important;min-width:0!important}
body #dashboardView .ambilo-mobile-bar .account-avatar{width:30px!important;height:30px!important;min-width:30px!important}
body .wf-planner-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
body .wf-planner-head>label{width:100%!important}
}

.p3-attendance-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12px}.p3-attendance-table th,.p3-attendance-table td{padding:8px 5px;border:1px solid #8da49977;overflow-wrap:anywhere;text-align:left}

body #dashboardView #companyTourStatus h3{display:flex;align-items:center;gap:0}.p3-team-open{margin-left:auto!important;background:transparent!important;color:inherit!important;border:0!important;padding:8px!important;min-height:36px;cursor:pointer}body #dashboardView #companyTourStatus .p3-team-open .p2-icon{margin:0;width:17px}

/* Distinct dim palette: reduced white glare, dark lettering. Dark remains unchanged. */
body.ambilo-theme-dim,
body.ambilo-theme-dim:has(> #dashboardView:not(.hidden)){
 --a-bg:#d3ddd6;--a-surface:#e6ede7;--a-soft:#dbe5dc;--a-text:#1d3429;--a-muted:#485f51;--a-line:#b2c2b4;--a-link:#3e5f16;
 --bg:#d3ddd6;--card:#e6ede7;--text:#1d3429;--muted:#485f51;
 --p3-surface:#e6ede7;--p3-raised:#dbe5dc;--p3-text:#1d3429;--p3-muted:#485f51;
 background:#d3ddd6!important;color:#1d3429!important;color-scheme:light;
}
body.ambilo-theme-dim #dashboardView{--premium-surface:#e6ede7;--premium-ink:#1d3429;--premium-muted:#485f51;--premium-line:#b2c2b4}
body.ambilo-theme-dim #companyView{filter:none}
body.ambilo-theme-dim :is(.wf-dialog,.modal,.modal-header,.modal-body,.modal-actions,.customizer-section,.vacation-balance-card,.settings-numbered-section,.wf-row,.wf-planner-section,.theme-choice,.language-choice,.form-input){border-color:#b2c2b4!important}
body.ambilo-theme-dim :is(input,textarea)::placeholder{color:#546a5c!important}
body.ambilo-theme-dim #dashboardView .ambilo-header-logo .ambilo-logo-light{display:block!important}
body.ambilo-theme-dim #dashboardView .ambilo-header-logo .ambilo-logo-dark{display:none!important}
body.ambilo-theme-dim .theme-choice[data-theme-choice=dim]{outline:2px solid #557443;outline-offset:2px}

/* Correct the light asset's inner whitespace without widening the header. */
body:not(.ambilo-theme-dark) #dashboardView .ambilo-header-logo{background:transparent!important;overflow:hidden!important;isolation:auto!important}
body:not(.ambilo-theme-dark) #dashboardView .ambilo-header-logo img.ambilo-logo-light{mix-blend-mode:multiply;transform:scale(1.22);transform-origin:center;filter:none!important}
body:not(.ambilo-theme-dark) #dashboardView .sidebar-brand-logo,
body:not(.ambilo-theme-dark) #dashboardView #ambiloMobileDrawer .sidebar-brand-logo{background:transparent!important;overflow:hidden!important;isolation:auto!important}
body:not(.ambilo-theme-dark) #dashboardView .sidebar-brand-logo img,
body:not(.ambilo-theme-dark) #dashboardView #ambiloMobileDrawer .sidebar-brand-logo img{mix-blend-mode:multiply;transform:scale(1.22);transform-origin:center;filter:none!important;background:transparent!important}
body.ambilo-theme-dim #dashboardView :is(.shell-icon-btn,.ambilo-menu-button,.shell-tool,.shell-bell){color:#3e5b35!important}
body.ambilo-theme-dim #dashboardView .shell-icon-btn svg{stroke:currentColor!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView :is(.profile-avatar-editor,.device-notification-card){background:var(--p3-raised)!important;color:var(--p3-text)!important;border-color:var(--premium-line)!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView :is(.profile-avatar-editor,.device-notification-card) :is(strong,span,p,.muted){color:var(--p3-text)!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView :is(.profile-avatar-editor,.device-notification-card) .muted{color:var(--p3-muted)!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView :is(.settings-subtab-btn,.settings-tab-btn){background:var(--p3-raised)!important;color:var(--p3-text)!important;border-color:var(--premium-line)!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView :is(.settings-subtab-btn,.settings-tab-btn).active{background:#36533f!important;color:#f0f7f2!important;border-color:#8daa78!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView :is(.settings-subtab-btn,.settings-tab-btn)>span:not(.nav-count-badge){color:inherit!important}
body:is(.ambilo-theme-dark,.ambilo-theme-dim) #dashboardView .settings-divider{border-color:var(--premium-line)!important;background:var(--premium-line)!important}

/* Mobile width repair: constrain the layout, let text wrap inside its own card. */
body #dashboardView #packageExpiryNotice {
 white-space:normal!important;overflow-wrap:anywhere;min-width:0;max-width:100%;
}
@media screen and (max-width:860px) {
 html {width:100%;min-width:0;}
 body:has(> #dashboardView:not(.hidden)) {width:100%!important;min-width:0!important;margin-inline:0!important;}
 body #dashboardView {width:100%!important;max-width:100%!important;min-width:0!important;contain:inline-size;}
 body #dashboardView :is(.app,.main,#companyView,#companyHomeSection) {
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 body #dashboardView .app {align-items:stretch!important;}
 body #dashboardView .main {margin-inline:0!important;padding-inline:12px!important;}
 body #dashboardView :is(.system-notice,.section-header,.dashboard-custom-widget,.p2-work-card) {
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere;
 }
 body #dashboardView :is(#dashboardWorkSpotlight,#widgetPersonalActions,.p2-work-card,.wf-my-schedule) {width:100%!important;}
 body #dashboardView :is(#dashboardWorkSpotlight,#widgetPersonalActions) {grid-template-columns:minmax(0,1fr)!important;}
 body #dashboardView .premium-day-heading {grid-template-columns:minmax(0,1fr) minmax(0,122px)!important;}
 body #dashboardView .premium-day-heading :is(h3,.p2-status) {min-width:0!important;overflow-wrap:anywhere;}
 body #dashboardView .wf-my-schedule .p2-button-label {min-width:0;overflow-wrap:anywhere;}
 body #dashboardView .ambilo-mobile-bar {
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
  display:flex!important;flex-wrap:nowrap!important;gap:3px!important;padding-inline:10px!important;
 }
 body #dashboardView .ambilo-mobile-bar > .ambilo-header-logo {
  flex:1 1 0%!important;width:0!important;min-width:0!important;max-width:210px!important;margin-inline:0!important;
 }
 body #dashboardView .ambilo-mobile-bar > .ambilo-menu-button {flex:0 0 34px!important;min-width:34px!important;width:34px!important;margin-inline:0!important;}
 body #dashboardView .ambilo-mobile-bar > #companyTourActions,
 body #dashboardView .ambilo-mobile-bar > .ambilo-owner-tools {
  flex:0 0 auto!important;width:auto!important;min-width:0!important;gap:3px!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important;
 }
 body #dashboardView .ambilo-mobile-bar #companyTourActions > button,
 body #dashboardView .ambilo-mobile-bar :is(.account-chip,.shell-icon-btn,.ambilo-owner-tools>button,.ambilo-owner-tools summary) {
  box-sizing:border-box!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;margin-inline:0!important;
 }
 body #dashboardView .ambilo-mobile-bar .ambilo-owner-tools[hidden] {display:none!important;}
}
@media screen and (max-width:360px) {
 body #dashboardView .premium-day-heading {grid-template-columns:minmax(0,1fr)!important;}
 body #dashboardView .premium-day-heading .p2-status {grid-column:1!important;grid-row:auto!important;justify-self:start;margin-top:8px;}
 body #dashboardView #companyHomeSection .wf-my-schedule {grid-template-columns:minmax(0,1fr)!important;}
}

/* Daily1: consistent controls on mobile and desktop, scoped to the app shell. */
body #dashboardView #companyTourActions .shell-icon-btn,
body #dashboardView #companyTourActions .account-chip,
body #dashboardView .ambilo-mobile-bar>.ambilo-menu-button {
 width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;min-height:40px!important;max-height:40px!important;
 padding:6px!important;box-sizing:border-box;flex:0 0 40px!important;
 display:inline-flex!important;align-items:center;justify-content:center;
}
body #dashboardView .ambilo-mobile-bar .shell-bell,body #dashboardView .ambilo-mobile-bar .shell-tool {display:inline-flex;width:26px!important;height:26px!important;align-items:center;justify-content:center;}
body #dashboardView .ambilo-mobile-bar .shell-bell svg,body #dashboardView .ambilo-mobile-bar .shell-tool svg {width:26px!important;height:26px!important;min-width:26px;}
body #dashboardView .ambilo-mobile-bar .account-chip {padding:4px!important;border-radius:12px!important;}
body #dashboardView .ambilo-mobile-bar #topbarAvatar {width:32px!important;min-width:32px!important;height:32px!important;max-height:32px!important;aspect-ratio:1;flex:0 0 32px;border-radius:9px!important;padding:0!important;box-sizing:border-box;}
body #dashboardView .ambilo-mobile-bar #topbarAvatar img {width:100%;height:100%;object-fit:cover;}
body #dashboardView .ambilo-mobile-bar .account-chip-copy,body #dashboardView .ambilo-mobile-bar .account-chevron {display:none!important;}
.wf-conversations {display:grid;grid-auto-rows:88px;gap:8px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;width:100%;min-width:0;margin-top:16px;}
.wf-conversations:has(>p:only-child) {display:block;}
.wf-conversation {display:flex;flex-direction:column;justify-content:center;gap:3px;width:100%;min-width:0;padding:10px 14px;border:1px solid #b7c9bd;border-radius:14px;text-align:left;background:#e5eee8;color:#173b2e;cursor:pointer;}
.wf-conversation strong,.wf-conversation span,.wf-conversation small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.wf-conversation.is-unread {background:#f2ffd7;color:#122e20;border:2px solid #6f982d;}
.wf-conversation:focus-visible {outline:3px solid #6f982d;outline-offset:2px;}
.wf-usage-notice {grid-column:1/-1;padding:12px;border:1px solid currentColor;border-radius:12px;overflow-wrap:anywhere;}
@media(max-width:860px){
 #companyView .topbar:has(#companyPanelTitle.wf-home-heading) .topbar-left{display:none!important;}
 #companyView .topbar:has(#companyPanelTitle.wf-home-heading){margin:0!important;padding:0!important;min-height:0!important;}
 body #dashboardView .ambilo-mobile-bar .ambilo-header-logo{min-width:0!important;max-width:210px!important;flex:1 1 0%!important;}
}
@media(max-width:360px){
 body #dashboardView #companyTourActions .shell-icon-btn,body #dashboardView #companyTourActions .account-chip,body #dashboardView .ambilo-mobile-bar>.ambilo-menu-button{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex-basis:36px!important;}
}

body #dashboardView #widgetAdminHero.p3-messenger .wf-conversation{width:100%!important;max-width:100%!important;height:88px!important;min-height:88px!important;display:flex!important;padding:10px 14px!important;color:#173b2e!important;background:#e5eee8!important;border:1px solid #b7c9bd!important;}
body #dashboardView #widgetAdminHero.p3-messenger .wf-conversation.is-unread{background:#f2ffd7!important;color:#122e20!important;border:2px solid #6f982d!important;}
body #dashboardView #widgetAdminHero.p3-messenger .wf-conversation :is(strong,span,small){color:inherit!important;opacity:1!important;}
body #dashboardView #companyTourActions #topbarAvatar{width:32px!important;height:32px!important;min-width:32px!important;max-height:32px!important;aspect-ratio:1;flex:0 0 32px;padding:0!important;border-radius:9px!important;}
body #dashboardView #companyTourActions .shell-tool svg{transform:scale(1.12);}
@media(max-width:860px){
body #dashboardView #companyView>.topbar:has(.wf-home-heading){margin:0!important;padding:0!important;}
}

body #dashboardView #widgetAdminHero.p3-messenger .wf-conversation strong{font-size:14px!important;line-height:1.3!important;}
body #dashboardView #widgetAdminHero.p3-messenger .wf-conversation span{font-size:12px!important;line-height:1.3!important;}
body #dashboardView #widgetAdminHero.p3-messenger .wf-conversation small{font-size:11px!important;line-height:1.3!important;}