.wf-dialog{box-sizing:border-box;width:min(740px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);padding:0;border:1px solid #d9e0dc;border-radius:20px;background:var(--card,#fff);color:var(--text,#19291f);overflow:auto}
.wf-dialog::backdrop{background:rgba(12,24,18,.5)}
.wf-dialog header{position:sticky;top:0;z-index:1;background:var(--card,#fff);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #d9e0dc}
.wf-dialog header h3{margin:0;font-size:20px}.wf-body{padding:18px}.wf-dialog *{box-sizing:border-box;min-width:0}.wf-dialog label{display:block;margin:10px 0}.wf-dialog input:not([type=checkbox]),.wf-dialog select,.wf-dialog textarea{display:block;width:100%;max-width:100%;font:inherit;font-size:16px;border:1px solid #cbd5cf;border-radius:10px;padding:10px;background:var(--card,#fff);color:inherit;margin-top:5px}
.wf-dialog input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:#375c42}.wf-dialog fieldset{border:1px solid #d9e0dc;border-radius:12px;margin:14px 0;padding:10px}.wf-dialog p{overflow-wrap:anywhere;white-space:pre-wrap}.wf-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wf-weekdays,.wf-actions{display:flex;flex-wrap:wrap;gap:10px}.wf-actions{margin:14px 0}.wf-row{padding:14px;border:1px solid #d9e0dc;border-radius:12px;margin:10px 0;background:var(--card,#fff)}.wf-row p{margin:6px 0}.wf-people{display:flex;flex-direction:column;gap:10px;max-height:55dvh;overflow:auto}.wf-chat{max-height:45dvh;overflow:auto}.wf-mine{border-left:4px solid #44674d;background:rgba(83,132,96,.09)}
.wf-close,body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close{display:grid!important;place-items:center!important;position:static!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;padding:0!important;margin:0!important;line-height:1!important;font-size:28px!important;border:1px solid #d5dcd7!important;border-radius:12px!important;background:var(--card,#fff)!important;color:var(--text,#26372b)!important;box-shadow:none!important;transform:none!important}
body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close::before,body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close::after{content:none!important;display:none!important}.wf-close:not(:focus-visible),body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close:not(:focus-visible){outline:none!important}.wf-close:focus-visible,body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close:focus-visible{outline:2px solid #506d57!important;outline-offset:3px!important}
body #dashboardView .sidebar-brand-logo{width:min(240px,100%)!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body #dashboardView .sidebar-brand-logo img{content:url('/static/ambilo-os-logo-on-light.png')!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:0!important;padding:0!important;transform:none!important}
body.ambilo-theme-dark #dashboardView .sidebar-brand-logo img{content:url('/static/ambilo-os-logo-transparent.png?v=20260913b')!important}
#dashboardView .dashboard-widget-toolbar{background:#343e38!important;border:1px solid #59645d!important;box-shadow:none!important}#dashboardView .dashboard-widget-toolbar button{background:#505c54!important;color:#fff!important;border:0!important}#dashboardView .dashboard-custom-widget{min-width:0}#dashboardView .dashboard-custom-widget+.dashboard-custom-widget{margin-top:18px}
#dashboardView .button.primary,#dashboardView .button.success,#dashboardView .button.premium-green{background:#2d4336!important;color:#fff!important;box-shadow:none!important;border:1px solid #2d4336!important}#dashboardView .settings-tab-btn.active{background:#e9eeea!important;color:#263c2e!important;box-shadow:none!important;border-color:#8ca393!important}
#toastArea{position:fixed!important;top:calc(env(safe-area-inset-top) + 12px)!important;bottom:auto!important;left:12px!important;right:12px!important;width:auto!important;max-width:640px!important;margin:auto!important;z-index:2147483000!important}.toast{overflow-wrap:anywhere}
@media(max-width:860px){
  html,body{width:100%;margin:0;min-width:0}#dashboardView,#dashboardView .app,#dashboardView .main,#companyView,#ownerHomeView{box-sizing:border-box;min-width:0!important;max-width:100%!important}
  #dashboardView .main{width:100%!important;margin-left:0!important}#dashboardView .card,#dashboardView .topbar,#dashboardView .two-col,#dashboardView .company-status-grid{min-width:0!important;max-width:100%!important;box-sizing:border-box}
  #dashboardView .company-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dashboardView .company-status-card{min-width:0!important;overflow-wrap:anywhere}#dashboardView input,#dashboardView select{min-width:0;max-width:100%;box-sizing:border-box}
  #dashboardView .ambilo-mobile-bar{box-sizing:border-box;width:100%!important;max-width:100%!important;gap:6px!important;padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
  #dashboardView .ambilo-header-logo{min-width:0!important;flex:1 1 100px!important;max-width:180px!important}#dashboardView .ambilo-header-logo img{max-width:100%!important;height:auto!important;object-fit:contain!important}#dashboardView .ambilo-menu-button{margin-left:auto!important;flex-shrink:0}
  body #dashboardView #ambiloMobileDrawer{width:min(360px,calc(100% - 24px))!important;max-width:calc(100% - 24px)!important;box-sizing:border-box!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)!important;margin-top:calc(env(safe-area-inset-top) + 8px)!important;overflow-y:auto!important;padding:14px!important}
  body #dashboardView #ambiloMobileDrawer .ambilo-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 0 14px!important;min-height:44px!important}
  body #dashboardView #ambiloMobileDrawer .sidebar-shell{width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;border:0!important;height:auto!important}body #dashboardView #ambiloMobileDrawer .sidebar-brand{height:auto!important;min-height:0!important;padding:12px 0!important;overflow:visible!important;display:block!important}
}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#dashboardView .ambilo-mobile-bar{top:env(safe-area-inset-top)!important}}
@media(max-width:420px){.wf-columns{grid-template-columns:1fr}#dashboardView .ambilo-mobile-bar .shell-icon-btn,#dashboardView .ambilo-menu-button{width:40px!important;min-width:40px!important;height:44px!important;padding:4px!important}#dashboardView .ambilo-mobile-bar .account-chip{padding:3px!important;min-width:40px!important}}
.wf-error{padding:12px;margin-bottom:12px;border:1px solid #d89797;border-radius:10px;background:#fff1f1;color:#812727;overflow-wrap:anywhere}

/* v10: viewport-anchored notices; content-sized drawer and dashboard sections. */
#toastArea{transform:none!important;translate:none!important;box-sizing:border-box!important;min-width:0!important;max-width:min(640px,calc(100% - 24px))!important}
#toastArea .toast{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;white-space:normal!important}
#toastArea .toast-content{min-width:0!important;overflow-wrap:anywhere!important}#toastArea .toast-close{flex:0 0 32px!important;color:inherit!important}
#dashboardView #ambiloMobileDrawer .sidebar,#dashboardView #ambiloMobileDrawer .sidebar-shell{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;border-radius:0!important;min-height:0!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
#dashboardView #ambiloMobileDrawer .sidebar{padding:0!important;margin:0!important;position:static!important;height:auto!important}
#dashboardView #ambiloMobileDrawer .sidebar-shell{gap:16px!important}
#dashboardView #ambiloMobileDrawer .sidebar-brand{border:0!important;box-shadow:none!important;background:transparent!important}
#dashboardView #ambiloMobileDrawer .sidebar-brand-logo{max-width:220px!important}
body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close{font-weight:400!important;font-family:Arial,sans-serif!important}
body #dashboardView #ambiloMobileDrawer .ambilo-drawer-close:focus:not(:focus-visible){outline:0!important}
#dashboardView .wf-my-schedule{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;grid-column:1/-1}
#dashboardView .wf-my-schedule .button{margin:0!important}
#dashboardView #widgetAdminHero .company-wow-hero-inner{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:24px!important;min-width:0!important}
#dashboardView #widgetAdminHero .company-wow-live{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
#dashboardView #widgetAdminHero [data-wf-chat]{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;align-self:flex-start!important;max-width:100%!important;white-space:normal!important}
#dashboardView #widgetAdminHero::before,#dashboardView #widgetAdminHero::after{pointer-events:none!important}
#dashboardView #companyPanelTitle.wf-home-heading{display:flex!important;align-items:center;gap:16px;min-width:0;font-size:clamp(22px,4vw,32px)}
.wf-company-logo{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;box-sizing:border-box;padding:6px;border:1px solid #dde4de;border-radius:16px;background:var(--card,#fff);overflow:hidden}
.wf-company-logo img{width:100%;height:100%;object-fit:contain}.wf-company-greeting{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.wf-company-greeting small{font-size:16px;font-weight:400;color:var(--muted,#617062)}
#companySettingsShiftsPanel .two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#companySettingsShiftsPanel .two-col>*{min-width:0!important;width:100%!important;box-sizing:border-box!important}
#companySettingsShiftsPanel input[type=time],#companySettingsShiftsPanel input[type=text]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#companySettingsShiftsPanel [data-wf-schedule]{margin-bottom:18px!important;white-space:normal!important;max-width:100%!important}
@media(max-width:480px){#companySettingsShiftsPanel .two-col{grid-template-columns:minmax(0,1fr)!important}.wf-company-logo{flex-basis:56px;width:56px;height:56px}}

#toastArea .toast>div{flex:1 1 auto;min-width:0!important;overflow-wrap:anywhere!important}
body #dashboardView #ambiloMobileDrawer .sidebar-brand-logo{width:min(220px,100%)!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 1 auto!important;aspect-ratio:auto!important;overflow:visible!important}
body #dashboardView #ambiloMobileDrawer .sidebar-brand-logo img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;aspect-ratio:auto!important}
#dashboardView .company-wow-live:focus-visible{outline:2px solid #fff;outline-offset:4px}

.wf-shift-time-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.wf-shift-time-range label{display:block;min-width:0;font-size:14px}.wf-shift-time-range input{display:block;margin-top:6px;min-width:0;width:100%}
.wf-legacy-settings,#companySettingsTeamBtn,#companySettingsTeamPanel{display:none!important}
#employeeEditModalOverlay .form-group:has(>#employeeDepartmentName),#employeeEditModalOverlay .form-group:has(>#employeeShiftName){display:none!important}
.wf-planner-section{padding:18px;border:1px solid var(--a-line,#dfe5da);border-radius:18px;margin:18px 0;min-width:0}
.wf-planner-section h3{font-size:22px;margin:0 0 14px}.wf-planner-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
#wfPlannerSettings input:not([type=checkbox]),#wfPlannerSettings select{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #d2dbd4;border-radius:10px;padding:10px;font:inherit;font-size:16px;background:var(--a-surface,#fff);color:inherit;margin:6px 0 12px}
.wf-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0}
.wf-weekday{text-align:center;font-size:12px}.wf-month-grid .wf-month-day{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%!important;min-width:0!important;min-height:54px;padding:5px!important;border:1px solid #d3ddd5;border-radius:10px;background:var(--a-surface,#fff);color:inherit;box-sizing:border-box;cursor:pointer;font:inherit}
.wf-month-day small{font-size:10px}.wf-month-grid .wf-month-day.selected{background:#e4eee6!important;color:#243b2b!important;border:2px solid #42634c}.wf-month-day.wf-past{opacity:.6}.wf-month-day:focus-visible{outline:2px solid #42634c;outline-offset:1px}
.wf-catalog-form label,#wfEmployeeGroups label{display:block;margin:10px 0}.wf-catalog-form input{max-width:100%;box-sizing:border-box}.wf-planner-section .wf-row strong{overflow-wrap:anywhere}
#wfEmployeeGroups{border:1px solid #d3ddd5;border-radius:14px;padding:16px;margin-bottom:18px}#wfEmployeeGroups input{accent-color:#42634c}
#ambiloMobileDrawer .sidebar::after{display:none!important}
#dashboardView .role-personal #personalHomeDashboard>#widgetAdminHero:not(.dashboard-user-hidden){display:block!important}
@media(max-width:480px){.wf-planner-section{padding:12px}.wf-month-grid{gap:3px}.wf-planner-section .wf-actions{gap:8px}.wf-planner-section .button{white-space:normal!important;max-width:100%!important}}