/* Employee directory and its forms share the application typography and tokens. */
@media screen{
 .workspace-ui .page:has(.employee-directory-panel){max-width:1392px}
 .workspace-ui .employee-directory-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:none;overflow:visible;animation:employee-directory-enter 320ms var(--ui-ease) both}
 .workspace-ui .employee-directory-panel>.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:24px;border-bottom:1px solid var(--line);background:var(--surface);border-radius:var(--radius-panel) var(--radius-panel) 0 0}
 .workspace-ui .employee-directory-panel>.toolbar h2{margin:0;color:var(--text);font-size:var(--ui-body);font-weight:600;letter-spacing:-.022em}
 .workspace-ui .employee-directory-panel>.toolbar .hint{margin:6px 0 0;color:var(--text-2);font-size:var(--ui-small);font-weight:400}
 .workspace-ui .employee-directory-panel>.toolbar .tools{width:auto;min-width:0;margin:0}
 .workspace-ui .employee-search{display:grid;gap:6px;width:330px;max-width:100%;margin:0}
 .workspace-ui .employee-search-label{font-size:var(--ui-caption);font-weight:400;color:var(--text-2)}
 .workspace-ui .employee-search-field{position:relative;display:block}
 .workspace-ui .employee-search-field>.ui-icon{position:absolute;top:15px;left:14px;width:18px;height:18px;color:var(--text-2)}
 .workspace-ui .employee-directory-panel #search{display:block;width:100%;min-width:0;height:48px;margin:0;padding:12px 14px 12px 42px;border:1px solid transparent;border-radius:var(--radius-input);background:var(--bg-alt);color:var(--text);font-family:var(--font);font-size:var(--ui-small);box-shadow:none}
 .workspace-ui .employee-directory-panel #search::placeholder{color:var(--text-2);opacity:1}
 .workspace-ui .employee-directory-panel #search:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
 .workspace-ui .employee-directory-desktop{border-radius:0 0 var(--radius-panel) var(--radius-panel)}
 .workspace-ui .employee-directory-table{min-width:980px;white-space:normal}
 .workspace-ui .employee-directory-table :is(th,td){padding:16px 12px;border-bottom:1px solid var(--line);font-size:var(--ui-small);line-height:1.47;color:var(--text)}
 .workspace-ui .employee-directory-table th{height:48px;background:var(--bg-alt);color:var(--text-2);font-size:var(--ui-caption);font-weight:500;text-transform:none;letter-spacing:0}
 .workspace-ui .employee-directory-table td{height:72px;background:transparent}
 .workspace-ui .employee-directory-table tbody tr{transition:background 180ms var(--ui-ease)}
 .workspace-ui .employee-directory-table tbody tr:hover{background:var(--bg-alt)}
 .workspace-ui .employee-directory-table tbody tr:last-child td{border-bottom:0}
 .workspace-ui .employee-directory-table .employee-directory-name{font-size:var(--ui-small);font-weight:600;line-height:1.5}
 .workspace-ui .employee-directory-table th:nth-child(2){min-width:205px}
 .workspace-ui .employee-directory-table th:nth-child(3){width:145px;min-width:120px}
 .workspace-ui .employee-directory-table td:nth-child(3){overflow-wrap:anywhere}
 .workspace-ui .employee-directory-table .employee-actions{width:144px;padding-inline:6px;white-space:nowrap}
 .workspace-ui .employee-directory-table .icon-action{width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:12px;border:0;border-radius:var(--radius-input);color:var(--text-2);background:transparent}
 .workspace-ui .employee-directory-table .icon-action:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
 .workspace-ui .employee-directory-panel :is(.staff-role-tag.doctor,.staff-role-tag.nurse,.staff-role-tag:not(.doctor):not(.nurse)){padding:0;border:0;border-radius:0;background:transparent;color:var(--text-2);font-size:var(--ui-small);font-weight:400}
 .workspace-ui .employee-directory-panel .long-leave-badge{padding:3px 0;border:0;background:transparent;color:var(--text);font-size:var(--ui-caption);font-weight:500}
 .workspace-ui .employee-directory-panel .long-leave-dates{margin-top:3px;color:var(--text-2);font-size:var(--ui-caption)}
 .workspace-ui .employee-directory-panel .empty{padding:56px 24px}
 .workspace-ui .employee-directory-panel .empty h3{font-size:var(--ui-heading-compact);font-weight:600;color:var(--text)}
 .workspace-ui .employee-directory-panel .empty p{font-size:var(--ui-small);color:var(--text-2)}
 .workspace-ui .employee-directory-panel .empty button{min-height:44px;border-radius:var(--radius-pill);font-size:var(--ui-small)}
 .workspace-ui :is(#employeeDialog,#longLeaveDialog){width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:var(--radius-inner);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-family:var(--font)}
 .workspace-ui :is(#employeeDialog,#longLeaveDialog)::backdrop{background:color-mix(in srgb,var(--apple-black) 42%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
 .workspace-ui .employee-dialog-title p{display:none}
 .workspace-ui .employee-dialog-title{gap:12px}
 .workspace-ui .employee-dialog-icon{display:none}
 .workspace-ui :is(#employeeDialog,#longLeaveDialog) h2{font-size:var(--ui-heading-compact);font-weight:600;letter-spacing:-.03em}
 .workspace-ui :is(#employeeDialog,#longLeaveDialog) .close{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:12px;border:0;border-radius:var(--radius-pill);background:var(--bg-alt);color:var(--text-2)}
 .workspace-ui .employee-form{gap:20px}
 .workspace-ui .employee-form-grid{gap:16px}
 .workspace-ui :is(.employee-form,#longLeaveForm) label{gap:8px;color:var(--text-2);font-size:var(--ui-small);font-weight:400}
 .workspace-ui :is(.employee-form,#longLeaveForm) :is(input,select){min-height:48px;padding:12px;border:1px solid transparent;border-radius:var(--radius-input);background:var(--bg-alt);color:var(--text);font-family:var(--font);font-size:var(--ui-body);box-shadow:none}
 .workspace-ui :is(.employee-form,#longLeaveForm) :is(input,select):focus{border-color:var(--accent);background:var(--surface)}
 .workspace-ui .employee-form-actions{gap:8px;padding-top:20px;margin-top:0;border-top:1px solid var(--line)}
 .workspace-ui :is(.employee-form-actions,.long-leave-actions) button{min-height:44px;padding:10px 20px;border:0;border-radius:var(--radius-pill);font-family:var(--font);font-size:var(--ui-small);font-weight:500}
 .workspace-ui .employee-form-actions .employee-cancel{color:var(--text);background:var(--bg-alt)}
 .workspace-ui .employee-form-actions .employee-cancel:hover{background:color-mix(in srgb,var(--text) 10%,var(--bg-alt))}
 .workspace-ui .employee-directory-table .icon-action.danger,.workspace-ui .employee-mobile-menu-items button.danger{color:var(--red-text,#b42318)}
 .workspace-ui .employee-directory-table .icon-action.danger:hover{background:var(--red-bg,#fff0f0);color:var(--red-text,#b42318)}
}
@media screen and (max-width:1100px){
 .workspace-ui .employee-directory-desktop{display:none}
 .workspace-ui .employee-directory-panel{border:0;background:transparent}
 .workspace-ui .employee-directory-panel>.toolbar{margin-bottom:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface)}
 .workspace-ui .employee-mobile-list{display:grid;grid-template-columns:1fr;gap:0}
 .workspace-ui .employee-mobile-card{position:relative;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
 .workspace-ui .employee-card-open{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0;padding:18px 20px;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left;line-height:1.47}
 .workspace-ui .employee-card-open:hover{background:var(--bg-alt)}
 .workspace-ui .employee-card-heading{display:flex;align-items:center;gap:12px;min-width:0;padding-right:30px}
 .workspace-ui .employee-card-heading strong{font-size:var(--ui-small);font-weight:600;overflow-wrap:anywhere}
 .workspace-ui .employee-card-number{flex:none;color:var(--text-2);font-size:var(--ui-caption);font-weight:400}
 .workspace-ui .employee-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
 .workspace-ui .employee-card-position{font-size:var(--ui-caption);color:var(--text-2)}
 .workspace-ui .employee-card-code{font-size:var(--ui-small);overflow-wrap:anywhere}
 .workspace-ui .employee-card-code>span{color:var(--text-2)}
 .workspace-ui .employee-card-leave{display:flex;align-items:flex-start;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
 .workspace-ui .employee-card-leave>.ui-icon{width:18px;height:18px;flex:none;margin:2px 0 0;color:var(--text-2)}
 .workspace-ui .employee-mobile-menu{position:absolute;right:8px;top:8px}
 .workspace-ui .employee-mobile-menu>summary{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-input);color:var(--text-2);list-style:none;cursor:pointer}
 .workspace-ui .employee-mobile-menu>summary::-webkit-details-marker{display:none}
 .workspace-ui .employee-mobile-menu>summary .ui-icon{width:20px;height:20px;margin:0}
 .workspace-ui .employee-mobile-menu[open]>summary{background:var(--bg-alt);color:var(--accent)}
 .workspace-ui .employee-mobile-menu[open]{z-index:5}
 .workspace-ui .employee-mobile-menu-items{position:absolute;right:0;top:48px;z-index:25;display:flex;flex-direction:column;gap:4px;width:200px;padding:6px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow)}
 .workspace-ui .employee-mobile-menu-items button{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-input);background:transparent;color:var(--text);text-align:left;font-size:var(--ui-small)}
 .workspace-ui .employee-mobile-menu-items button:hover{background:var(--bg-alt)}
 .workspace-ui .employee-mobile-menu-items .ui-icon{width:18px;height:18px;margin:0}
}
@media screen and (max-width:760px){
 .workspace-ui .page:has(.employee-directory-panel) .heading{align-items:flex-start;text-align:left}
 .workspace-ui .page:has(.employee-directory-panel) .heading>.primary{align-self:flex-start;margin-inline:0}
 .workspace-ui .employee-directory-panel>.toolbar{align-items:stretch;gap:16px;padding:18px}
 .workspace-ui .employee-directory-panel>.toolbar .tools,.workspace-ui .employee-search{width:100%}
 .workspace-ui .employee-mobile-list{grid-template-columns:1fr;gap:0}
 .workspace-ui :is(#employeeDialog,#longLeaveDialog){padding:22px 18px}
}

/* One restrained entrance; interaction feedback stays local and brief. */
@keyframes employee-directory-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes employee-dialog-enter{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes employee-menu-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media screen{
 .workspace-ui .employee-directory-panel #search{transition:background 180ms var(--ui-ease),border-color 180ms var(--ui-ease),box-shadow 180ms var(--ui-ease)}
 .workspace-ui :is(.employee-form,#longLeaveForm) :is(input,select){transition:background 180ms var(--ui-ease),border-color 180ms var(--ui-ease)}
 .workspace-ui :is(#employeeDialog,#longLeaveDialog)[open]{animation:employee-dialog-enter 220ms var(--ui-ease) both}
 .workspace-ui .employee-directory-table .icon-action{transition:background 180ms var(--ui-ease),color 180ms var(--ui-ease),transform 150ms var(--ui-ease)}
 .workspace-ui .employee-directory-table .icon-action:active{transform:scale(.96)}
}
@media screen and (max-width:1100px){
 .workspace-ui .employee-directory-panel{box-shadow:none}
 .workspace-ui .employee-card-open{transition:background 180ms var(--ui-ease)}
 .workspace-ui .employee-card-meta .staff-role-tag+.employee-card-position::before{content:'·';margin-right:8px;color:var(--text-2)}
 .workspace-ui .employee-mobile-menu[open] .employee-mobile-menu-items{animation:employee-menu-enter 160ms var(--ui-ease) both}
 .workspace-ui .employee-mobile-menu>summary{transition:background 180ms var(--ui-ease),color 180ms var(--ui-ease)}
}

/* One macOS-style directory surface and top-layer row menus. */
@media screen{
 .workspace-ui main:has(.employee-directory-panel){background:radial-gradient(ellipse at 10% 30%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 60%),var(--apple-canvas);background-attachment:fixed}
 .workspace-ui .employee-directory-panel{background:linear-gradient(120deg,var(--floating-sheen),transparent 65%),color-mix(in srgb,var(--apple-surface) 62%,transparent);border-color:var(--floating-border);box-shadow:var(--shadow);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
 .workspace-ui .employee-directory-panel>.toolbar{background:transparent;padding:20px 24px}
 .workspace-ui .employee-directory-table{min-width:900px}
 .workspace-ui .employee-directory-table td{height:64px;color:var(--text-2)}
 .workspace-ui .employee-directory-table .employee-directory-name{color:var(--text);font-weight:500}
 .workspace-ui .employee-directory-table th{background:color-mix(in srgb,var(--bg-alt) 60%,transparent)}
 .workspace-ui .employee-directory-table .employee-actions{width:76px;text-align:center}
 .workspace-ui .employee-directory-panel #search{height:44px;padding-block:10px;background:color-mix(in srgb,var(--bg-alt) 65%,transparent)}
 .workspace-ui .employee-search-field>.ui-icon{top:13px}
 .workspace-ui .employee-directory-panel #search:focus-visible{outline:none}
 .workspace-ui .employee-directory-panel #search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
 .workspace-ui .employee-menu-toggle{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0 auto;padding:12px;border:0;border-radius:var(--radius-input);background:transparent;color:var(--text-2);transition:background 160ms var(--ui-ease),color 160ms var(--ui-ease)}
 .workspace-ui .employee-menu-toggle .ui-icon{width:20px;height:20px;margin:0}
 .workspace-ui .employee-menu-toggle:hover{background:var(--bg-alt);color:var(--accent)}
 .workspace-ui .employee-action-menu{position:fixed;inset:auto;box-sizing:border-box;width:216px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;margin:0;padding:6px;border:1px solid var(--floating-border);border-radius:var(--radius-panel);background:linear-gradient(120deg,var(--floating-sheen),transparent 65%),var(--floating-glass);box-shadow:var(--floating-shadow);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:var(--text);font-family:var(--font)}
 .workspace-ui .employee-action-menu::backdrop{background:transparent}
 .workspace-ui .employee-action-menu:popover-open{display:grid;gap:2px;animation:employee-menu-enter 160ms var(--ui-ease)}
 .workspace-ui .employee-action-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:var(--radius-input);background:transparent;color:var(--text);font-size:var(--ui-small);font-weight:400;text-align:left}
 .workspace-ui .employee-action-menu button:hover{background:color-mix(in srgb,var(--apple-surface) 60%,transparent)}
 .workspace-ui .employee-action-menu button.danger{color:var(--red-text)}
 .workspace-ui .employee-action-menu .ui-icon{width:18px;height:18px;margin:0}
 .workspace-ui .employee-directory-panel .long-leave-badge{color:var(--text-2)}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.workspace-ui .employee-directory-panel,.workspace-ui .employee-action-menu{background:var(--surface)}}
}
@media screen and (max-width:1100px){
 .workspace-ui .employee-directory-panel{border:1px solid var(--floating-border)}
 .workspace-ui .employee-directory-panel>.toolbar{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:transparent}
 .workspace-ui .employee-mobile-list{display:grid;grid-template-columns:1fr;gap:0}
 .workspace-ui .employee-mobile-card:last-child{border-bottom:0}
 .workspace-ui .employee-mobile-card:last-child .employee-card-open{border-radius:0 0 var(--radius-panel) var(--radius-panel)}
 .workspace-ui .employee-mobile-card>.employee-row-actions{position:absolute;right:10px;top:10px}
 .workspace-ui .employee-card-heading{padding-right:36px;gap:10px}
 .workspace-ui .employee-card-heading strong{font-weight:500}
 .workspace-ui .employee-card-leave{padding-top:6px;border:0}
}
@media print{.employee-row-actions{display:none!important}}

/* Employee editor: fixed header/actions with an independently scrolling form body. */
@media screen{
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog){padding:0;overflow:hidden;border:1px solid var(--floating-border);border-radius:var(--radius-inner);background:linear-gradient(120deg,var(--floating-sheen),transparent 65%),color-mix(in srgb,var(--apple-surface) 48%,transparent);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:var(--floating-shadow),inset 0 1px 0 var(--floating-sheen)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog)::backdrop{background:var(--floating-scrim);backdrop-filter:blur(var(--floating-backdrop-blur));-webkit-backdrop-filter:blur(var(--floating-backdrop-blur))}
 body.workspace-ui :is(#employeeForm,#longLeaveForm){display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;min-height:0;max-height:calc(100dvh - 34px);margin:0;padding:0;overflow:hidden}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:20px 24px 12px;border:0;background:transparent}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-dialog-title{min-width:0}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) h2{font-size:var(--ui-heading-compact);line-height:1.25}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .close{flex:none;background:transparent;color:var(--text-2)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .close:hover{background:var(--bg-alt);color:var(--text)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-body{display:grid;gap:20px;min-height:0;padding:8px 24px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:12px}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) label{min-width:0;gap:7px;color:var(--text-2);font-size:var(--ui-small);font-weight:400}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) :is(input,select){width:100%;min-width:0;min-height:44px;height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-input);background:color-mix(in srgb,var(--apple-surface) 85%,var(--bg-alt));color:var(--text);font-size:16px;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--apple-black) 3%,transparent)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) input::placeholder{color:var(--text-2);opacity:1}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) :is(input,select):focus{outline:none;border-color:var(--accent);background:color-mix(in srgb,var(--apple-surface) 90%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .required-mark{color:var(--text-2);font-weight:400}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions{gap:8px;min-height:0;margin:0;padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--apple-surface) 30%,transparent)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions button{min-width:0;min-height:44px;padding:10px 20px;border-radius:var(--radius-pill);font-size:var(--ui-small);font-weight:500}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions .employee-cancel{background:transparent;color:var(--text)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions .employee-cancel:hover{background:var(--bg-alt)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions .primary{background:var(--accent);color:var(--on-primary)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions .primary:hover{background:var(--accent-hover);color:var(--on-primary)}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-error{margin:0;font-size:var(--ui-small);line-height:1.5}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.workspace-ui :is(#employeeDialog,#longLeaveDialog){background:var(--surface)}}
}
@media screen and (max-width:520px){
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-dialog-head{padding:16px 18px 10px}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-body{padding:8px 18px 20px;gap:18px}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-grid{grid-template-columns:1fr;gap:16px}
 body.workspace-ui :is(#employeeDialog,#longLeaveDialog) .employee-form-actions{padding-inline:18px}
}

@media screen{
 body.workspace-ui #longLeaveName{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-input);background:color-mix(in srgb,var(--apple-surface) 40%,transparent);color:var(--text);font-size:var(--ui-body);font-weight:500;overflow-wrap:anywhere}
 body.workspace-ui #longLeaveDialog .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 body.workspace-ui #longLeaveDialog .hint{margin:0;color:var(--text-2);font-size:var(--ui-small);line-height:1.5}
 body.workspace-ui #longLeaveDialog .employee-form-actions{flex-wrap:wrap}
 body.workspace-ui #longLeaveDialog #clearLongLeave{color:var(--red-text);background:transparent}
 body.workspace-ui #longLeaveDialog #clearLongLeave:hover{background:var(--red-bg)}
}
@media screen and (max-width:520px){body.workspace-ui #longLeaveDialog .form-grid{grid-template-columns:1fr}}