/* Extraara internal Frappe surfaces. Brand handbook 2.4, 8 October 2026.
   Loaded after the application CSS; no document, permissions or workflow changes. */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/IBMPlexSans-Regular.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/IBMPlexSans-Medium.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600 900;font-display:swap;src:url("fonts/IBMPlexSans-SemiBold.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/IBMPlexMono-Regular.woff2") format("woff2")}
:root,[data-theme="light"]{
 --ea-ink:#14212B;--ea-pine:#12615B;--ea-ember:#C84F32;--ea-sand:#F3EFE7;--ea-mist:#D9E5E2;--ea-muted:#52616B;--ea-line:#D8E0E2;
 --ea-text:var(--ea-ink);--ea-secondary:var(--ea-muted);--ea-paper:#FFFFFF;--ea-canvas:var(--ea-sand);--ea-soft:var(--ea-mist);--ea-action:var(--ea-pine);--ea-on-action:#FFFFFF;--ea-field:var(--ea-muted);--ea-error:var(--ea-ember);
 --font-stack:"IBM Plex Sans",Arial,sans-serif;--font-family:var(--font-stack);--font-mono:"IBM Plex Mono",monospace;
 --primary:var(--ea-pine);--primary-color:var(--ea-pine);--brand-color:var(--ea-pine);
 --bg-color:var(--ea-canvas);--fg-color:var(--ea-paper);--card-bg:var(--ea-paper);--modal-bg:var(--ea-paper);--navbar-bg:var(--ea-paper);
 --control-bg:var(--ea-paper);--control-bg-on-gray:var(--ea-paper);--subtle-fg:var(--ea-sand);
 --heading-color:var(--ea-text);--text-neutral:var(--ea-text);--text-color:var(--ea-text);--text-muted:var(--ea-secondary);--text-light:var(--ea-secondary);
 --text-xs:14px;--text-sm:16px;--text-base:17px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;
 --border-radius:4px;--border-radius-sm:4px;--border-radius-md:4px;--border-radius-lg:4px;--border-radius-xl:4px;--border-color:var(--ea-line);
 --sidebar-width:248px;--surface-white:#FFFFFF;--surface-cards:#FFFFFF;--surface-modal:#FFFFFF;--surface-menu-bar:var(--ea-sand);
 --surface-gray-1:var(--ea-sand);--surface-gray-2:#F5F7F7;--surface-gray-3:var(--ea-mist);--surface-gray-4:var(--ea-mist);
 --sidebar-select-color:var(--ea-mist);--sidebar-active-color:var(--ea-mist);--sidebar-hover-color:var(--ea-mist);--sidebar-border-color:var(--ea-line);
 --interactive-hover:var(--ea-mist);--interactive-active:var(--ea-mist);--icon-fill-bg:var(--ea-paper);
 --outline-gray-1:var(--ea-line);--outline-gray-2:var(--ea-muted);--outline-gray-3:var(--ea-pine);
 --ink-gray-4:var(--ea-muted);--ink-gray-5:var(--ea-muted);--ink-gray-6:var(--ea-muted);--ink-gray-7:var(--ea-ink);--ink-gray-8:var(--ea-ink);--ink-gray-9:var(--ea-ink);
 --shadow-xs:none;--shadow-sm:none;--shadow-base:none;--shadow-md:none;--shadow-lg:0 8px 32px #14212B26;--card-shadow:none;--btn-shadow:none;
 --focus-ring:var(--ea-pine);--charts-label-color:var(--ea-text);--charts-axis-line-color:var(--ea-line);
}
[data-theme="dark"]{
 --ea-text:#FFFFFF;--ea-secondary:#D9E5E2;--ea-paper:#14212B;--ea-canvas:#14212B;--ea-soft:#D9E5E2;--ea-action:#D9E5E2;--ea-on-action:#14212B;--ea-field:#D9E5E2;--ea-error:#FFFFFF;--ea-line:#52616B;
 --primary:#D9E5E2;--primary-color:#D9E5E2;--brand-color:#D9E5E2;--subtle-fg:#14212B;
 --surface-white:#14212B;--surface-cards:#14212B;--surface-modal:#14212B;--surface-menu-bar:#14212B;
 --surface-gray-1:#14212B;--surface-gray-2:#14212B;--surface-gray-3:#52616B;--surface-gray-4:#52616B;
 --sidebar-hover-color:#52616B;--sidebar-active-color:#52616B;--sidebar-select-color:#52616B;--interactive-hover:#52616B;--interactive-active:#52616B;
 --ink-gray-4:#D9E5E2;--ink-gray-5:#D9E5E2;--ink-gray-6:#D9E5E2;--ink-gray-7:#FFFFFF;--ink-gray-8:#FFFFFF;--ink-gray-9:#FFFFFF;
 --outline-gray-1:#52616B;--outline-gray-2:#D9E5E2;--outline-gray-3:#D9E5E2;--focus-ring:#D9E5E2;
}
html,body{font-family:var(--font-stack)!important;font-size:17px;line-height:1.6;color:var(--ea-text);background:var(--ea-canvas);font-synthesis:none}
button,input,select,textarea,.form-control,.ql-container,.ql-editor{font-family:var(--font-stack)!important;font-size:inherit}
code,pre,kbd,.code-area,.ace_editor,.monospace{font-family:var(--font-mono)!important}
body,.page-container,.main-section,.layout-main-section{background:var(--ea-canvas)!important;color:var(--ea-text)}
a{color:var(--ea-action);text-underline-offset:3px}
a:hover{color:var(--ea-action)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:3px!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:var(--ea-secondary)!important;opacity:1}
.text-muted,.text-secondary,.help-box,.control-description,.description,.text-light{color:var(--ea-secondary)!important;font-size:14px;line-height:1.5}
.desktop-navbar,.navbar,.page-head{background:var(--ea-paper)!important;border-bottom:1px solid var(--ea-line)!important;box-shadow:none!important;backdrop-filter:none!important}
.page-head{min-height:80px;height:auto!important;container-type:inline-size;container-name:ea-page-head}
.page-head>.container{display:flex;align-items:center}
.page-head .page-head-content{width:100%;height:auto!important;min-height:80px;margin:0;padding:16px 0;gap:16px;align-items:center}
.page-head .page-title,.page-head .page-actions{padding-inline:0}
.page-head .standard-items-section{min-width:0}
.page-head .page-actions{flex:0 1 auto;align-items:center;gap:16px}
.page-head .custom-actions,.page-head .standard-actions,.page-head .page-icon-group{align-items:center;gap:8px}
.page-head .custom-actions,.page-head .page-icon-group{display:inline-flex}
.page-head .page-actions .btn{margin:0!important;line-height:24px;padding:11px 16px}
.page-head .page-actions .btn:not(.btn-primary):not(.primary-action){height:40px;min-height:40px;padding:7px 12px;font-size:16px;line-height:24px;border-color:var(--ea-line)!important}
.page-head .page-actions .icon-btn{width:40px!important;min-width:40px!important;padding:8px!important;border-color:transparent!important;justify-content:center}
.page-head .page-actions .icon-btn:hover{background:var(--interactive-hover)!important}
.page-head .page-actions .primary-action{min-height:48px;padding:11px 16px;flex:none}
@container ea-page-head (max-width:1000px){
 .page-head-content{flex-wrap:wrap!important;gap:8px}
 .page-title{flex:1 0 100%!important;max-width:100%!important;min-width:0}
 .standard-items-section{width:100%}
 .page-actions{flex:1 1 100%!important;max-width:100%!important;width:100%;flex-wrap:wrap;gap:8px}
 .custom-actions,.standard-actions{flex-wrap:wrap;max-width:100%}
}
.page-title .title-text{font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--ea-text)}
.container.page-body{max-width:1200px!important;padding:24px!important}
.layout-main-section-wrapper{min-width:0}
.layout-main{max-width:100%!important;margin-inline:0!important}
.page-head .container{padding-inline:24px!important}
.page-head .breadcrumb,.page-head .breadcrumb a{font-size:16px;color:var(--ea-text)}
.navbar-breadcrumbs a{font-size:17px!important;line-height:1.5;font-weight:400}
.navbar-breadcrumbs li:last-child a{font-size:20px!important;font-weight:600}
.ea-workspace-title{font-size:44px;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--ea-text);margin:16px 0 32px}
.body-sidebar,.body-sidebar-container,.layout-side-section{background:var(--surface-menu-bar)!important;border-color:var(--ea-line)!important}
.body-sidebar{gap:8px;padding:8px;overflow-x:visible}
.body-sidebar .collapse-sidebar-link{left:auto!important;right:16px!important;width:40px;height:40px;justify-content:center;align-items:center;opacity:1!important;visibility:visible!important;border:1px solid var(--ea-line);border-radius:4px;background:var(--ea-paper);color:var(--ea-action)}
.sidebar-header{margin:0 8px 8px!important;padding:8px!important;min-height:56px;border-radius:4px}
.sidebar-header .sidebar-item-icon{display:none}
.sidebar-header .header-title{font-size:17px;font-weight:600;color:var(--ea-text)!important}
.sidebar-header .header-subtitle{font-size:14px;color:var(--ea-secondary)!important}
.sidebar-header .header-subtitle::after{content:none!important}
.standard-sidebar-item{margin:0 8px!important;border-radius:4px!important;box-shadow:none!important;transform:none!important}
.standard-sidebar-item .item-anchor{min-height:48px;height:auto!important;padding:8px!important;text-decoration:none!important;color:var(--ea-text)!important;gap:8px}
.standard-sidebar-item .sidebar-item-label{font-size:16px!important;color:inherit!important}
.standard-sidebar-item .sidebar-item-label{white-space:normal!important;overflow:visible!important;line-height:1.5}
.standard-sidebar-item .item-anchor{overflow:visible!important}
.standard-sidebar-item.active-sidebar,.standard-sidebar-item.selected,.standard-sidebar-item.active{background:var(--ea-mist)!important;color:var(--ea-pine)!important;box-shadow:inset 3px 0 var(--ea-pine)!important}
.standard-sidebar-item.active-sidebar .item-anchor,.standard-sidebar-item.selected .item-anchor{color:var(--ea-pine)!important;font-weight:600}
.standard-sidebar-item:not(.active-sidebar):hover{background:var(--interactive-hover)!important;transform:none!important}
.standard-sidebar-item svg{color:inherit!important;stroke:currentColor}
.sidebar-child-item .item-anchor{font-size:16px;min-height:40px}
.widget,.number-card,.dashboard-chart,.form-dashboard-section,.form-section.card-section,.report-wrapper,.kanban-column,.timeline-item-content{border:1px solid var(--ea-line)!important;border-radius:4px!important;background:var(--ea-paper)!important;box-shadow:none!important}
.widget{padding:24px!important;transition:none!important}
.widget:hover{transform:none!important;background:var(--ea-paper)!important;box-shadow:none!important;border-color:var(--ea-line)!important}
.widget .widget-head .widget-title{font-size:20px;font-weight:600;color:var(--ea-text)!important;line-height:1.25;margin-bottom:16px}
.widget .widget-body .link-item{display:flex;min-height:48px;align-items:center;padding:8px 0!important;color:var(--ea-action)!important;white-space:normal!important;line-height:1.5;border-radius:4px}
.widget .link-content,.widget .link-text{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.widget .link-content{display:flex;align-items:flex-start;gap:8px;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.widget .link-content .link-text{flex:1;min-width:0}
.widget .link-content svg{flex:none;margin-top:4px}
.widget .widget-title .ellipsis{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.widget.links-widget-box .widget-head .widget-title,.widget.links-widget-box .widget-head .widget-title>span{font-size:20px!important;line-height:26px!important;font-weight:600!important}
.widget .link-text{text-decoration:underline;text-underline-offset:3px}
.widget .link-item:hover{background:var(--interactive-hover)!important}
.widget-group{gap:24px!important}
.widget-group-head .widget-group-title,.section-head{font-size:20px;font-weight:600;color:var(--ea-text)!important}
.form-section .section-head{margin-bottom:24px}
.form-section .section-body{padding-top:8px}
.frappe-control{margin-bottom:24px}
.control-label,.frappe-control label{color:var(--ea-text);font-size:16px;font-weight:500;margin-bottom:8px}
.form-control,.input-with-feedback,.awesomplete>input,.like-disabled-input{min-height:48px!important;height:auto;border:1px solid var(--ea-field)!important;border-radius:4px!important;background:var(--ea-paper)!important;color:var(--ea-text)!important;padding:11px 16px!important;box-shadow:none!important;font-size:17px!important;line-height:24px}
select.form-control{padding-right:32px!important}
textarea.form-control{min-height:128px!important}
.control-input-wrapper{background:transparent!important;border-radius:4px!important;box-shadow:none!important}
.form-control:focus,.input-with-feedback:focus{border-color:var(--ea-action)!important;box-shadow:none!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--ea-pine);min-height:20px!important;min-width:20px!important;width:20px!important;height:20px!important;padding:0!important;border-color:var(--ea-field)}
/* Keep the browser's checked/mixed state. The field background must not erase it. */
body.ea-desk input[type="checkbox"],body.ea-desk input[type="radio"]{appearance:auto!important;background:revert!important;border:revert!important;flex:none;border-radius:4px!important}
body.ea-desk input[type="radio"]{border-radius:50%!important}
.checkbox label{min-height:40px;display:flex;align-items:center;gap:8px}
.has-error .form-control,[aria-invalid="true"]{border:2px solid var(--ea-ember)!important}
.has-error .help-box,.has-error .control-label{color:var(--ea-error)!important}
.like-disabled-input,[readonly],.form-control:disabled{background:var(--subtle-fg)!important;color:var(--ea-text)!important;opacity:1}
.form-tabs-list,.form-tabs{background:var(--ea-paper);border-bottom:1px solid var(--ea-line)}
.nav-tabs .nav-link,.form-tabs .nav-link{min-height:48px;padding:12px 16px;border-radius:0!important;color:var(--ea-secondary)!important;font-size:16px}
.nav-tabs .nav-link.active,.form-tabs .nav-link.active{color:var(--ea-action)!important;border-bottom:3px solid var(--ea-action)!important;font-weight:600;background:var(--ea-paper)!important}
body.ea-desk .form-tabs-list{height:auto!important;overflow:visible!important}
body.ea-desk .form-tabs{height:auto!important;flex-wrap:wrap;gap:0}
body.ea-desk .form-tabs{overflow:visible!important;flex-wrap:wrap!important}
body.ea-desk .form-tabs .nav-link{white-space:normal;line-height:24px;max-width:100%}
.btn,.primary-action{min-height:48px;border-radius:4px!important;box-shadow:none!important;font:500 16px/24px var(--font-stack);padding:11px 16px;transition:none!important}
.btn svg,.btn .icon{color:inherit;stroke:currentColor}
.btn-primary,.btn-primary-dark,.primary-action{background:var(--ea-action)!important;border:1px solid var(--ea-action)!important;color:var(--ea-on-action)!important}
.btn-primary:hover,.primary-action:hover{background:var(--ea-action)!important;box-shadow:inset 0 0 0 2px var(--ea-on-action)!important;color:var(--ea-on-action)!important}
.btn-default,.btn-secondary,.btn-light{background:var(--ea-paper)!important;border:1px solid var(--ea-field)!important;color:var(--ea-text)!important}
.btn-default:hover,.btn-secondary:hover{background:var(--interactive-hover)!important;color:var(--ea-text)!important}
.btn-link{background:transparent;color:var(--ea-action)!important;text-decoration:underline}
.btn-danger{background:var(--ea-ember)!important;border-color:var(--ea-ember)!important;color:#FFFFFF!important}
.btn:disabled,.btn.disabled{opacity:1!important;background:var(--ea-mist)!important;border-color:var(--ea-muted)!important;color:var(--ea-ink)!important;cursor:default}
.btn.icon-btn,.page-actions .btn:not(:has(span)){min-width:48px}
/* Compact secondary actions need square hit areas, not narrow 48px columns. */
body.ea-desk .btn.icon-btn:not(.primary-action):not(.btn-primary){display:inline-flex;align-items:center;justify-content:center;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:8px!important;line-height:24px}
body.ea-desk .btn-group>.btn{border-radius:0!important}
body.ea-desk .btn-group>.btn:first-child{border-radius:4px 0 0 4px!important}
body.ea-desk .btn-group>.btn:last-child{border-radius:0 4px 4px 0!important}
body.ea-desk .btn-group>.btn:only-child{border-radius:4px!important}
/* Lists use the available work area; prose and forms retain their reading width. */
body.ea-desk .container.page-body:has(.layout-main-list){max-width:none!important}
body.ea-desk .page-form{align-items:flex-start;flex-wrap:wrap;gap:16px;padding:16px!important}
body.ea-desk .standard-filter-section{gap:12px;min-width:0;flex:1 1 600px}
body.ea-desk .standard-filter-section>.frappe-control{flex:0 1 240px;max-width:none;width:240px;min-width:200px;margin:0!important;padding:0!important}
body.ea-desk .standard-filter-section .input-group{flex-wrap:nowrap}
body.ea-desk .standard-filter-section .input-group>.form-control{min-width:0;border-radius:4px 0 0 4px!important}
body.ea-desk .standard-filter-section .match-type-dropdown-btn{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;padding:12px!important;border-radius:0 4px 4px 0!important;border-left:0!important}
body.ea-desk .filter-section{align-items:center;gap:12px;margin:0!important;padding:0!important;min-height:48px}
body.ea-desk .filter-section .btn{height:48px;min-height:48px;padding:11px 12px;white-space:nowrap}
body.ea-desk .filter-section .filter-x-button,body.ea-desk .filter-section .btn-order{width:48px;min-width:48px;padding:12px!important}
body.ea-desk .filter-button.btn-primary-light{background:var(--ea-mist)!important;color:var(--ea-pine)!important;border:1px solid var(--ea-field)!important}
body.ea-desk .list-row-head{padding-block:8px;align-items:center}
body.ea-desk .list-row-head .list-subject,body.ea-desk .list-row .list-subject{min-width:210px!important}
body.ea-desk .list-row-head .level-item[data-sort-by]{white-space:normal;line-height:1.4}
body.ea-desk .filter-popover{width:680px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;margin-inline:0!important}
body.ea-desk .filter-popover .popover-body{padding:16px}
body.ea-desk .filter-popover .list_filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 32px;gap:12px;margin:0}
body.ea-desk .filter-popover .list_filter>.form-group{max-width:none;width:auto;flex:none;padding:0;margin:0}
body.ea-desk .filter-popover .frappe-control{max-width:none;margin:0}
body.ea-desk .filter-popover .remove-filter{align-self:center;padding:8px;cursor:pointer}
body.ea-desk .filter-popover .filter-action-buttons{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.ea-desk .filter-popover .filter-action-buttons>div{display:flex;gap:8px;flex-wrap:wrap}
body.ea-desk .filter-popover .filter-action-buttons .btn{margin:0;white-space:nowrap;padding:11px 16px}
body.ea-desk .filter-popover .add-filter{color:var(--ea-action)!important;font-size:16px;text-decoration:underline}
.list-row-container{border-radius:0!important;background:var(--ea-paper)!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--ea-line)!important}
.list-row,.grid-row{min-height:52px!important;color:var(--ea-text);border-color:var(--ea-line)!important}
.list-row-head,.grid-heading-row{min-height:48px;background:var(--ea-sand)!important;color:var(--ea-ink)!important;font-size:14px;font-weight:500}
.list-row:hover,.grid-row:hover{background:var(--interactive-hover)!important}
.list-row a,.grid-row a{color:var(--ea-action);text-underline-offset:3px}
/* Child-table content stays readable; editing retains a full-height control. */
body.ea-desk .form-grid{overflow-x:auto;border-color:var(--ea-line);border-radius:4px}
body.ea-desk .form-grid .grid-body,body.ea-desk .form-grid .grid-heading-row{min-width:700px}
body.ea-desk .form-grid .data-row{height:auto!important;min-height:52px;align-items:stretch}
body.ea-desk .form-grid .grid-static-col{height:auto!important;min-height:52px;padding:12px 8px;display:flex;align-items:center;min-width:0}
body.ea-desk .form-grid .static-area{white-space:normal;overflow:visible;text-overflow:clip;line-height:24px;overflow-wrap:anywhere}
body.ea-desk .form-grid .row-check,body.ea-desk .form-grid .row-index{display:flex;align-items:center;justify-content:center;height:auto;min-height:52px}
body.ea-desk .form-grid .field-area{width:100%;min-width:0}
body.ea-desk .form-grid .field-area .frappe-control{margin:0}
body.ea-desk .form-grid .grid-heading-row .static-area{font-size:14px;line-height:20px}
body.ea-desk .form-grid .grid-heading-row .data-row,body.ea-desk .form-grid .grid-heading-row .grid-static-col{min-height:48px}
body.ea-desk .form-grid .grid-row-open{display:flex;align-items:center;justify-content:center;min-height:40px;min-width:32px;color:var(--ea-action)}
.list-row .list-row-col,.list-row .ellipsis{font-size:16px}
.datatable{font-family:var(--font-stack)!important;font-size:16px}
.dt-cell__content{min-height:40px;padding:8px!important;color:var(--ea-text)}
.dt-header .dt-cell{background:var(--ea-sand)!important;color:var(--ea-ink)}
.modal-content,.dropdown-menu,.popover,.notifications-list,.search-dialog,.awesomplete>ul{border:1px solid var(--ea-field)!important;border-radius:4px!important;background:var(--ea-paper)!important;box-shadow:0 8px 32px #14212B26!important;color:var(--ea-text)}
.modal-header,.modal-footer{padding:24px;border-color:var(--ea-line)}
.modal-body{padding:24px}
.modal-title{font-size:24px;font-weight:600;color:var(--ea-text)}
.dropdown-item,.awesomplete>ul>li{min-height:48px;padding:12px 16px;color:var(--ea-text)!important;font-size:16px;border-radius:4px}
.dropdown-item:hover,.dropdown-item:focus,.awesomplete>ul>li[aria-selected="true"]{background:var(--interactive-hover)!important;color:var(--ea-text)!important}
.tooltip .tooltip-inner{background:#14212B!important;color:#FFFFFF!important;border:1px solid #52616B;border-radius:4px;font:400 14px/21px var(--font-stack);max-width:320px;padding:8px 12px}
body.ea-desk .frappe-control>.tooltip-content{display:none!important}
body.ea-desk .page-form .placeholder{color:var(--ea-secondary)!important;opacity:1}
body.ea-desk .datepicker{font-family:var(--font-stack);font-size:14px;background:var(--ea-paper);color:var(--ea-text);border:1px solid var(--ea-field);border-radius:4px;box-shadow:0 8px 32px #14212B26}
body.ea-desk .datepicker--nav{border-color:var(--ea-line)}
body.ea-desk .datepicker--nav-title,body.ea-desk .datepicker--nav-action,body.ea-desk .datepicker--button{min-height:40px;color:var(--ea-action)}
body.ea-desk .datepicker--nav-title i,body.ea-desk .datepicker--day-name{color:var(--ea-secondary)}
body.ea-desk .datepicker--cell{height:36px;border-radius:4px;color:var(--ea-text)}
body.ea-desk .datepicker--cell.-other-month-{color:var(--ea-secondary)}
body.ea-desk .datepicker--cell.-current-{color:var(--ea-action);font-weight:600}
body.ea-desk .datepicker--cell.-selected-{background:var(--ea-action)!important;color:var(--ea-on-action)!important}
body.ea-desk .datepicker--cell.-focus-{background:var(--interactive-hover)}
.indicator-pill,.indicator,.badge{font-size:14px;font-weight:500;line-height:1.5}
.indicator-pill.green,.indicator-pill.blue,.indicator-pill.purple,.indicator-pill.gray{background:var(--ea-mist)!important;color:var(--ea-pine)!important}
.indicator-pill.red,.indicator-pill.orange,.indicator-pill.yellow{background:var(--ea-sand)!important;color:var(--ea-ink)!important;border:1px solid var(--ea-ember)}
.alert,.msgprint,.alert-body{font-size:17px;line-height:1.6}
.alert-success{background:var(--ea-mist);color:var(--ea-pine);border-color:var(--ea-pine)}
.alert-danger,.alert-warning{background:var(--ea-paper);color:var(--ea-text);border-color:var(--ea-ember)}
.ql-toolbar.ql-snow,.ql-container.ql-snow{border-color:var(--ea-field)!important;border-radius:4px}
.ql-editor{font-size:17px!important;line-height:1.6!important;background:var(--ea-paper)!important;color:var(--ea-text)!important;padding:24px!important}
.ql-editor h1{font-size:32px!important;font-weight:600!important}
.ql-editor h2{font-size:27px!important;font-weight:600!important;margin-block:24px 16px!important}
.ql-editor p,.ql-editor ul{margin-bottom:16px}
.ql-editor a{text-decoration:underline;color:var(--ea-action)!important}
.ql-toolbar button{border-radius:4px;min-height:32px;min-width:32px}
.ea-brand{display:block;padding:16px 24px;margin:0;color:var(--ea-text);text-decoration:none;flex:none}
.ea-brand img{display:block;width:160px;height:auto;max-width:100%;object-fit:contain}
.ea-brand .ea-brand-reverse{display:none}
[data-theme="dark"] .ea-brand .ea-brand-primary{display:none}
[data-theme="dark"] .ea-brand .ea-brand-reverse{display:block}
.ea-skip{position:fixed;top:-100px;left:24px;z-index:2000;padding:12px 24px;background:var(--ea-paper);color:var(--ea-action)}
.ea-skip:focus{top:16px}
.ea-portal-footer{margin-top:48px;padding:48px 24px 24px;border-top:1px solid #D8E0E2;background:#F3EFE7!important;color:#14212B!important;font:15px/1.6 var(--font-stack)}
.ea-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;margin-bottom:32px}
.ea-portal-footer h2{font-size:20px;font-weight:600;margin:0 0 16px;color:#14212B}
.ea-portal-footer p{margin:0 0 8px}
.ea-portal-footer a{color:#12615B!important;text-decoration:underline}
.ea-footer-links{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #D8E0E2;padding-top:24px;font-size:14px}
.ea-side-help{padding:8px 16px;background:var(--surface-menu-bar);font-size:14px;color:var(--ea-text);border-top:1px solid var(--ea-line);flex:none}
.ea-side-help a{color:var(--ea-action)!important;text-decoration:underline}
.ea-side-help>div{display:flex;flex-wrap:wrap;gap:8px 16px}
.ea-side-help a{display:inline-flex;align-items:center;min-height:32px}
/* A compact navigation uses the original signet with its own clear space. */
.body-sidebar,.ea-crm-sidebar{container-type:inline-size;container-name:ea-sidebar}
@container ea-sidebar (max-width:100px){
 .ea-brand{padding:8px;min-height:64px;background:url("favicon.svg") center/32px 32px no-repeat}
 .ea-brand img,.ea-side-help{display:none!important}
 .sidebar-header{display:none!important}
 .body-sidebar .collapse-sidebar-link{left:8px!important;right:auto!important;width:32px}
 .standard-sidebar-item{margin-inline:0!important}
 .standard-sidebar-item .item-anchor{justify-content:center;width:32px;padding:8px 0!important;gap:0}
 .standard-sidebar-item .sidebar-item-label,.standard-sidebar-item .sidebar-item-suffix,.standard-sidebar-item .sidebar-item-control{display:none!important}
 .standard-sidebar-item .sidebar-item-icon{flex:none;margin:0!important}
}
/* Employee self-service is an Ionic application on the same HR host. */
/* HR self-service: one compact shell, clear daily actions, progressive details. */
body.ea-hrms{--ion-font-family:var(--font-stack);--ion-background-color:var(--ea-canvas);--ion-text-color:var(--ea-text);--ion-color-primary:#12615B;--ion-color-primary-rgb:18,97,91;--ion-color-primary-contrast:#fff}
body.ea-hrms [hidden]{display:none!important}
body.ea-hrms ion-content{--background:var(--ea-canvas)}
body.ea-hrms ion-header{background:var(--ea-paper);border-bottom:1px solid var(--ea-line)}
body.ea-hrms ion-header>div,body.ea-hrms ion-content>.sm\:w-96{width:100%!important;max-width:1040px;margin-inline:auto}
body.ea-hrms ion-content>.h-screen{height:auto!important;min-height:100%;padding-bottom:0}
body.ea-hrms .bg-white{background:var(--ea-paper)!important}
body.ea-hrms [class*="shadow"]{box-shadow:none!important;filter:none!important}
body.ea-hrms [class*="rounded"]:not(.rounded-full){border-radius:4px!important}
body.ea-hrms [class*="text-gray-"],body.ea-hrms [class*="text-ink-gray-"]{color:var(--ea-text)!important}
body.ea-hrms .text-gray-500,body.ea-hrms .text-gray-600{color:var(--ea-secondary)!important}
body.ea-hrms .text-base{font-size:17px;line-height:1.5}
body.ea-hrms button{min-height:48px;font-size:17px;border-radius:4px!important}
body.ea-hrms input:not([type="checkbox"]):not([type="radio"]),body.ea-hrms select,body.ea-hrms textarea{min-height:48px;border:1px solid var(--ea-field)!important;border-radius:4px!important;background:var(--ea-paper)!important;color:var(--ea-text)!important;font-size:17px;padding:11px 14px}
body.ea-hrms label{font-size:16px;color:var(--ea-text)}
body.ea-hrms ion-content a{color:var(--ea-action)!important}
body.ea-hrms .ea-portal-header{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:16px 24px 0;gap:0 24px}
body.ea-hrms ion-header .ea-brand{padding:0;min-height:48px}
body.ea-hrms ion-header .ea-brand img{width:144px;height:auto}
body.ea-hrms ion-header .ea-portal-header>.p-4{padding:0!important}
body.ea-hrms ion-header h2{font-size:16px;line-height:24px;font-weight:500;color:var(--ea-secondary)!important;margin:0}
body.ea-hrms ion-header a[href="/hrms/notifications"],body.ea-hrms ion-header a[href="/hrms/profile"]{min-width:44px;min-height:44px;justify-content:center}
body.ea-hrms .ea-desktop-nav{display:flex;grid-column:1/-1;gap:24px;margin-top:12px}
body.ea-hrms .ea-desktop-nav a{display:flex;align-items:center;min-height:48px;padding:8px 0;font-size:15px;color:var(--ea-secondary);text-decoration:none;border-bottom:3px solid transparent}
body.ea-hrms .ea-desktop-nav a:hover,body.ea-hrms .ea-desktop-nav a[aria-current]{color:var(--ea-pine);border-bottom-color:var(--ea-pine)}
body.ea-hrms ion-content>.sm\:w-96>div{padding:32px 24px!important;margin:0!important;gap:24px}
body.ea-hrms ion-content h2{font-size:24px;line-height:1.3;font-weight:600}
body.ea-hrms .ea-home-content{align-items:stretch!important;gap:28px!important}
body.ea-hrms .ea-day-card{display:grid;grid-template-columns:1fr auto;padding:24px 28px;border:1px solid var(--ea-line)!important;border-top:3px solid var(--ea-pine)!important;align-items:center;column-gap:24px}
body.ea-hrms .ea-today{grid-column:1;margin:0 0 6px;font-size:14px;color:var(--ea-secondary)}
body.ea-hrms .ea-day-card h2{grid-column:1;margin:0;font-size:28px;letter-spacing:-.4px}
body.ea-hrms .ea-day-card>.mt-1\.5{grid-column:1;margin-top:10px;font-weight:400;line-height:1.6}
body.ea-hrms .ea-time-entry{grid-column:2;grid-row:1/4;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--ea-pine);color:#fff!important;border-radius:4px;text-decoration:none;font-weight:500}
body.ea-hrms .ea-time-entry:hover{background:#0D4D48}
body.ea-hrms .ea-quick-section{margin:0!important;gap:12px!important}
body.ea-hrms .ea-section-label{font-size:16px;font-weight:600}
body.ea-hrms .ea-action-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;background:transparent!important;border:0}
body.ea-hrms .ea-action-grid>a{padding:20px!important;border:1px solid var(--ea-line)!important;background:var(--ea-paper);border-radius:4px!important;text-decoration:none;min-width:0}
body.ea-hrms .ea-action-grid>a:hover{border-color:var(--ea-pine)!important}
body.ea-hrms .ea-action-primary .grow{display:grid!important;grid-template-columns:24px 1fr;gap:6px 12px}
body.ea-hrms .ea-action-primary .grow>svg{grid-row:1/3;color:var(--ea-pine)!important;margin-top:2px}
body.ea-hrms .ea-action-primary .grow>.text-base{font-weight:600;color:var(--ea-text)!important}
body.ea-hrms .ea-action-description{grid-column:2;font-size:14px;line-height:1.5;color:var(--ea-secondary);max-width:34ch}
body.ea-hrms .ea-more-actions{order:3;grid-column:1/-1;justify-self:start;min-height:44px;padding:8px 0;font-size:15px;background:transparent;border:0;color:var(--ea-pine);text-decoration:underline;text-underline-offset:4px}
body.ea-hrms .ea-action-secondary{order:4;display:none!important}
body.ea-hrms .ea-show-more>.ea-action-secondary{display:flex!important;padding:14px 16px!important}
body.ea-hrms .ea-action-secondary .text-base{font-size:15px}
body.ea-hrms .ea-request-panel{border-top:1px solid var(--ea-line);padding-top:20px}
body.ea-hrms .ea-request-panel>div:first-child{background:transparent!important;display:flex;justify-content:flex-start;gap:24px;padding:0}
body.ea-hrms .ea-request-panel>div:first-child button{flex:0 0 auto!important;min-height:44px;font-size:15px;padding:8px 0;border-radius:0!important;background:transparent!important;color:var(--ea-secondary)!important}
body.ea-hrms .ea-request-panel>div:first-child button.bg-white{color:var(--ea-pine)!important;border-bottom:2px solid var(--ea-pine);font-weight:600}
body.ea-hrms .ea-request-panel .text-center{padding:20px 0;text-align:left;color:var(--ea-secondary)!important}
body.ea-hrms .ea-compact-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 24px 0;padding:20px 0 24px;font-size:13px;background:transparent!important;border-top:1px solid var(--ea-line)}
body.ea-hrms .ea-compact-footer nav{display:flex;gap:20px;flex-wrap:wrap}
body.ea-hrms .ea-compact-footer a{display:inline-flex;align-items:center;min-height:32px;font-size:13px}
body.ea-hrms ion-modal{--background:var(--ea-paper);--border-radius:4px;font-family:var(--font-stack)}
body.ea-hrms button.bg-surface-gray-7,body.ea-hrms button.bg-surface-gray-10,body.ea-hrms #open-checkin-modal{background:var(--ea-action)!important;color:var(--ea-on-action)!important}
body.ea-hrms button.bg-white.flex-auto{background:var(--ea-mist)!important;color:var(--ea-pine)!important;border-bottom:3px solid var(--ea-pine)}
body.ea-hrms ion-content>.flex.flex-col.h-full.w-full{padding:24px;box-sizing:border-box}
body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96{width:100%!important;max-width:800px;margin-inline:auto;border:1px solid var(--ea-line);border-radius:4px}
body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>header{padding:20px 28px;min-height:80px;border-bottom:1px solid var(--ea-line)}
body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>header h2{font-size:24px;line-height:30px}
body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>.grow>div{padding:28px}
body.ea-hrms button.flex.h-7.w-full.items-center.justify-between{height:48px!important;border:1px solid var(--ea-field)!important;background:var(--ea-paper)!important;color:var(--ea-text)!important;padding:11px 14px}
body.ea-hrms .flex.flex-col.gap-1\.5>span{font-size:15px;line-height:24px;color:var(--ea-text)}
body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>div:last-child:not(.grow){width:100%!important;padding:16px 28px;border-top:1px solid var(--ea-line)}
body.ea-hrms ion-tab-bar{width:100%!important;margin:auto;min-height:68px;background:var(--ea-paper)!important;border-top:1px solid var(--ea-line)}
body.ea-hrms ion-tab-button{--color:var(--ea-secondary);--color-selected:var(--ea-action);--background:var(--ea-paper);font:500 12px/1.4 var(--font-stack);min-height:60px}
body.ea-hrms ion-tab-button.tab-selected{border-top:2px solid var(--ea-action);font-weight:600}
body.ea-hrms ion-tab-button:focus-visible{outline:3px solid var(--ea-pine);outline-offset:-4px}
@media(min-width:768px){body.ea-hrms ion-tab-bar{display:none!important}}
@media(max-width:767px){
 body.ea-hrms .ea-desktop-nav{display:none}
 body.ea-hrms #tab-button-Gehalt{display:none}
 body.ea-hrms .ea-portal-header{padding:12px 16px;gap:16px}
 body.ea-hrms ion-header .ea-brand img{width:120px}
 body.ea-hrms ion-header h2{display:none}
 body.ea-hrms ion-content>.sm\:w-96>div{padding:24px 16px!important}
 body.ea-hrms .ea-home-content{gap:24px!important}
 body.ea-hrms .ea-day-card{display:flex;padding:20px;align-items:start;gap:0!important}
 body.ea-hrms .ea-day-card h2{font-size:25px}
 body.ea-hrms .ea-time-entry{margin-top:20px;width:100%}
 body.ea-hrms .ea-action-grid{grid-template-columns:1fr}
 body.ea-hrms .ea-action-grid>a{padding:18px!important}
 body.ea-hrms .ea-compact-footer{margin-inline:16px;align-items:start;flex-direction:column;gap:4px}
 body.ea-hrms .ea-compact-footer nav{gap:16px}
 body.ea-hrms .text-base,body.ea-hrms button{font-size:16px}
 body.ea-hrms ion-content>.flex.flex-col.h-full.w-full{padding:0}
 body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96{border:0;border-radius:0}
 body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>header,body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>.grow>div,body.ea-hrms ion-content>.flex.flex-col.h-full.w-full>.sm\:w-96>div:last-child:not(.grow){padding:16px}
}

body.ea-hrms .ea-dashboard-page{align-items:stretch!important}
body.ea-hrms .ea-dashboard-intro h1{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.5px;margin:0 0 8px}
body.ea-hrms .ea-dashboard-intro p{font-size:16px;color:var(--ea-secondary);margin:0}
body.ea-hrms .ea-dashboard-page>div{background:var(--ea-paper);border:1px solid var(--ea-line);border-radius:4px;padding:24px!important;margin:0!important}
body.ea-hrms .ea-dashboard-page>div:has(>a>button){background:transparent;border:0;padding:0!important}
body.ea-hrms .ea-dashboard-page>div>.px-4{padding-inline:0}
body.ea-hrms .ea-dashboard-page a:has(>button){align-self:flex-start;display:inline-flex}
body.ea-hrms .ea-dashboard-page a>button{width:auto!important;min-height:48px;padding:11px 20px!important;height:auto!important}
body.ea-hrms .ea-dashboard-page .overflow-x-auto:empty{display:none}
body.ea-hrms .ea-balance-empty{font-size:15px;line-height:1.6;color:var(--ea-secondary);margin:16px 0 0}
body.ea-hrms .ea-dashboard-page .text-lg{font-size:17px}
body.ea-hrms .ea-dashboard-page .items-center.rounded.p-5,body.ea-hrms .ea-request-panel .items-center.rounded.p-5{align-items:flex-start;padding:20px 0;color:var(--ea-secondary)!important}
@media(max-width:767px){body.ea-hrms .ea-dashboard-intro h1{font-size:28px}body.ea-hrms .ea-dashboard-page>div{padding:20px!important}body.ea-hrms .ea-dashboard-page a:has(>button){display:flex;width:100%}body.ea-hrms .ea-dashboard-page a>button{width:100%!important}}

/* Week dates remain consistently below the weekday, including long names. */
#plan-section .day-title small{display:block;margin-left:0;margin-top:4px}
body.ea-hrms .ea-planning-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 20px;background:var(--ea-paper);border:1px solid var(--ea-pine);border-radius:4px;text-decoration:none}
body.ea-hrms .ea-dashboard-page>div:has(>.ea-planning-link){background:transparent;border:0;padding:0!important}
@media(min-width:1000px){body.ea-hrms .ea-dashboard-page:has(>.ea-calendar-panel){display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto 48px auto 1fr;align-items:start!important;gap:24px}body.ea-hrms .ea-dashboard-page:has(>.ea-calendar-panel)>.ea-dashboard-intro{grid-column:1/-1}body.ea-hrms .ea-calendar-panel{grid-column:1;grid-row:2/5}}

/* Frappe CRM uses frappe-ui semantic utilities rather than Desk components. */
body.ea-crm #app{font-family:var(--font-stack)!important;color:var(--ea-text);font-size:17px}
body.ea-crm [class*="text-ink-gray-"]{color:var(--ea-text)!important}
body.ea-crm .text-ink-gray-4,body.ea-crm .text-ink-gray-5,body.ea-crm .text-ink-gray-6{color:var(--ea-secondary)!important}
body.ea-crm [class*="bg-surface-"]{background-color:var(--ea-paper)!important}
body.ea-crm #app>div>div:first-child{background:var(--surface-menu-bar)!important;border-right:1px solid var(--ea-line)}
body.ea-crm .ea-crm-sidebar{background:var(--surface-menu-bar)!important;min-width:0}
body.ea-crm [class*="rounded"]:not(.rounded-full):not([class*="avatar"]){border-radius:4px!important}
body.ea-crm [class*="shadow"]{box-shadow:none!important}
body.ea-crm button{min-height:48px;font-size:16px;line-height:1.5;font-weight:500}
body.ea-crm nav button:hover,body.ea-crm nav .bg-surface-elevation-3{background:var(--ea-mist)!important;color:var(--ea-pine)!important}
body.ea-crm nav .bg-surface-elevation-3 [class*="text-ink-gray-"],body.ea-crm nav button:hover [class*="text-ink-gray-"]{color:var(--ea-pine)!important}
body.ea-crm nav button{margin-block:4px!important}
body.ea-crm nav button:not(.bg-surface-elevation-3),body.ea-crm #notifications-btn{background:transparent!important}
body.ea-crm nav button span{font-size:16px}
body.ea-crm [class*="bg-surface-gray-7"],body.ea-crm [class*="bg-surface-gray-9"],body.ea-crm button.bg-surface-gray-7{background:var(--ea-action)!important;color:var(--ea-on-action)!important}
body.ea-crm button[class*="bg-surface-gray-7"] *{color:inherit!important}
body.ea-crm button.bg-surface-gray-10{background:var(--ea-action)!important;color:var(--ea-on-action)!important}
body.ea-crm button.bg-surface-gray-10 *{color:inherit!important}
body.ea-crm label{font-size:16px;line-height:1.5;color:var(--ea-text)!important;margin-bottom:8px}
body.ea-crm input:not([type="checkbox"]):not([type="radio"]),body.ea-crm select,body.ea-crm textarea{min-height:48px;border:1px solid var(--ea-field)!important;border-radius:4px!important;background:var(--ea-paper)!important;color:var(--ea-text)!important;font-size:17px!important;padding:11px 16px!important}
/* frappe-ui also calls a wrapper form-control. Style its actual control once. */
body.ea-crm div.form-control{min-height:0!important;height:auto!important;border:0!important;padding:2px!important;background:transparent!important;overflow:visible}
body.ea-crm div.form-control button.w-full,body.ea-crm .ea-crm-list-filters button.w-full{min-height:48px;height:48px;border:1px solid var(--ea-field)!important;padding:11px 16px!important;background:var(--ea-paper)!important;color:var(--ea-text)!important;line-height:24px}
body.ea-crm button.form-control{height:48px;line-height:24px!important}
body.ea-crm .ea-crm-list-toolbar{flex-wrap:wrap;gap:16px;align-items:flex-start}
body.ea-crm .ea-crm-list-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:1 0 100%;height:auto;overflow:visible;margin:0;mask-image:none!important;-webkit-mask-image:none!important}
body.ea-crm .ea-crm-list-filters>div{margin:0!important;min-width:0}
body.ea-crm .ea-crm-list-toolbar>div.border-l{display:none}
body.ea-crm .ea-crm-list-toolbar>.flex.items-center.gap-2{margin-left:auto;flex-wrap:wrap}
body.ea-crm .ea-crm-list-filters input{padding-right:32px!important}
@media(max-width:1100px){body.ea-crm .ea-crm-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.ea-crm [role="dialog"]{background:var(--ea-paper)!important;border:1px solid var(--ea-field);border-radius:4px!important}
body.ea-crm [role="menuitem"]{min-height:48px;font-size:16px}
body.ea-crm [role="tab"]{min-height:48px;font-size:16px;color:var(--ea-secondary)!important}
body.ea-crm [role="tab"][aria-selected="true"]{color:var(--ea-action)!important;border-bottom:3px solid var(--ea-action)!important}
body.ea-crm .ea-crm-menu>svg{display:none}
body.ea-crm .ea-crm-menu{min-height:56px}
body.ea-crm header{padding-block:16px;min-height:80px}
body.ea-crm .absolute:has(>div>.text-lg-medium){width:calc(100% - 32px)!important;max-width:480px}
body.ea-crm .ea-mobile-brand{display:none}
@media(max-width:767px){
 body.ea-crm .ea-mobile-brand{display:block;flex:0 0 40px;width:40px;min-height:48px;padding:8px;background:url("favicon.svg") center/32px 32px no-repeat}
 body.ea-crm .ea-mobile-brand img{display:none!important}
}
/* Existing company SSO, including its target URL, stays the login mechanism. */
body.ea-login{background:#FFFFFF!important;color:#14212B;min-height:100vh}
body.ea-login .page-card{max-width:480px;margin:48px auto;padding:32px;border:1px solid #D8E0E2;border-radius:4px;box-shadow:none;background:#FFFFFF}
body.ea-login .page-card-head{padding:0 0 24px;text-align:left}
body.ea-login .page-card-head h4{font-size:34px;line-height:1.15;font-weight:600;color:#14212B}
body.ea-login .page-card-head img{width:184px!important;max-height:none!important;height:auto!important;object-fit:contain;margin-bottom:32px}
body.ea-login .btn-keycloak{min-height:48px;background:#12615B!important;color:#FFFFFF!important;border:1px solid #12615B!important;border-radius:4px!important;font-size:17px}
@media(max-width:767px){
 html,body{font-size:16px}
 body.ea-desk .form-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 body.ea-desk .form-tabs .nav-item{min-width:0;margin:0!important;display:flex}
 body.ea-desk .form-tabs .nav-link{width:100%;height:100%;text-align:left}
 body.ea-desk .page-title .title-area{flex:1;min-width:0;overflow:visible!important;white-space:normal!important}
 body.ea-desk .navbar-breadcrumbs{max-width:none!important;width:100%;overflow:visible!important;white-space:normal!important}
 body.ea-desk .navbar-breadcrumbs li:last-child,body.ea-desk .navbar-breadcrumbs li:last-child a{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:24px}
 body.ea-desk .navbar-breadcrumbs li:last-child a{font-size:18px!important}
 .page-head .page-head-content{flex-wrap:wrap!important;min-height:80px;padding:12px 0;gap:8px}
 .page-head .page-title{flex:1 0 100%;min-width:0}
 .page-head .standard-items-section{width:100%}
 .page-head .page-actions{width:100%;gap:8px}
 body.ea-desk .standard-filter-section{flex:1 1 100%}
 body.ea-desk .standard-filter-section>.frappe-control{flex:1 1 200px;width:auto;min-width:0}
 body.ea-desk .page-form.flex-column{gap:8px}
 body.ea-desk .filter-section{width:100%;flex-wrap:wrap;gap:8px}
 body.ea-desk .mobile-id-filter{flex:1 0 100%;width:100%}
 body.ea-desk .mobile-id-filter>.frappe-control{max-width:none;width:100%;padding:0;margin:0}
 body.ea-desk .filter-section .filter-selector{display:flex;align-items:center;gap:8px;margin:0!important}
 body.ea-desk .filter-section .sort-selector{margin-left:auto}
 body.ea-desk .filter-section .filter-toggle,body.ea-desk .filter-section .filter-button,body.ea-desk .filter-section .sort-selector-button{width:48px;min-width:48px;padding:12px!important}
 body.ea-desk .filter-popover .list_filter{grid-template-columns:1fr}
 body.ea-desk .filter-popover .filter-action-buttons,body.ea-desk .filter-popover .filter-action-buttons>div{width:100%}
 body.ea-desk .filter-popover .filter-action-buttons>div>.btn{flex:1 1 auto}
 body.ea-desk .list-row-head .list-subject,body.ea-desk .list-row .list-subject{min-width:0!important}
 body.ea-crm .ea-crm-list-filters{grid-template-columns:1fr}
 .container.page-body{padding:16px!important}
 .page-title .title-text{font-size:27px;white-space:normal}
 .ea-workspace-title{font-size:34px;margin:8px 0 24px}
 .page-head .container{padding-inline:16px!important}
 .widget{padding:16px!important}
 .modal-body,.modal-header,.modal-footer{padding:16px}
 .form-control,.input-with-feedback,.ql-editor{font-size:16px!important}
 .ea-footer-top{grid-template-columns:1fr;gap:32px}
 .ea-portal-footer{padding:32px 24px 24px;margin-top:32px}
 .ea-brand{padding:16px;overflow:hidden}
 .ea-brand img{width:144px}
 body.ea-login .page-card{margin:24px 16px;padding:24px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.ea-brand,.ea-side-help,.ea-portal-footer,.ea-skip{display:none!important}}

/* Neue native Schichtplanung: gleiche Extraara-Aktionsfarbe wie im Personalportal. */
body.ea-roster button.bg-surface-gray-7,body.ea-roster button.bg-surface-gray-10{background:#12615B!important;color:#fff!important}
body.ea-roster button.bg-surface-gray-7:hover{background:#0D4E49!important}
.dock-logo .header-logo img{width:32px;height:32px;object-fit:contain}

/* Profile and account routes only; brand guide 2.4. */
body.ea-hrms .ea-account-content{--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0}
body.ea-hrms .ea-account-frame{width:100%!important;height:auto!important;min-height:100%;display:flex;flex-direction:column}
body.ea-hrms .ea-account-page{width:100%!important;max-width:none!important;margin:0!important}
body.ea-hrms .ea-account-header{position:static;padding:0!important;min-height:88px;background:#fff!important;border-bottom:1px solid var(--ea-line);box-shadow:none!important}
body.ea-hrms .ea-account-old-header{display:none!important}
body.ea-hrms .ea-account-bar{display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(1456px,calc(100% - 80px));min-height:88px;margin:auto}
body.ea-hrms .ea-account-brand{display:flex;align-items:center;gap:24px;text-decoration:none;color:var(--ea-muted);font-size:15px}
body.ea-hrms .ea-account-brand img{width:160px;height:40px;object-fit:contain}
body.ea-hrms .ea-account-brand span{border-left:1px solid var(--ea-line);padding-left:24px}
body.ea-hrms .ea-account-bar nav{display:flex;gap:28px;align-items:center}
body.ea-hrms .ea-account-bar nav a{display:inline-flex;align-items:center;min-height:88px;font-size:15px;text-decoration:none;color:var(--ea-muted);border-bottom:3px solid transparent;padding-top:3px}
body.ea-hrms .ea-account-bar nav a[aria-current]{border-bottom-color:var(--ea-pine);color:var(--ea-pine);font-weight:500}
body.ea-hrms .ea-account-intro{width:min(1100px,calc(100% - 80px));margin:40px auto 24px}
body.ea-hrms .ea-account-intro h1{font:600 36px/1.2 var(--font-stack);letter-spacing:-.5px;margin:0 0 12px;color:var(--ea-ink)}
body.ea-hrms .ea-account-intro p{font-size:17px;line-height:1.5;color:var(--ea-muted);margin:0}
body.ea-hrms .ea-profile-content{width:min(1100px,calc(100% - 80px));margin:0 auto 32px!important;padding:32px!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center!important;background:#fff;border:1px solid var(--ea-line);border-radius:4px}
body.ea-hrms .ea-profile-photo{grid-column:1;grid-row:1;width:96px!important;height:96px!important;object-fit:cover;border-radius:50%!important;background:var(--ea-mist);font-size:28px;color:var(--ea-pine)!important}
body.ea-hrms .ea-profile-identity{grid-column:2/4;grid-row:1;align-items:flex-start!important;text-align:left;gap:6px;margin:0!important}
body.ea-hrms .ea-profile-identity>span:first-child{font-size:24px!important;font-weight:500!important;line-height:1.3;color:var(--ea-ink)!important}
body.ea-hrms .ea-profile-identity>span:last-child{font-size:16px!important;font-weight:400!important;color:var(--ea-muted)!important}
body.ea-hrms .ea-profile-menu{grid-column:1/-1;grid-row:2;margin:8px 0 0!important;padding-top:28px;border-top:1px solid var(--ea-line)}
body.ea-hrms .ea-profile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:transparent!important}
body.ea-hrms .ea-profile-action{padding:24px!important;min-height:120px;gap:20px;background:#F5F7F7;border:1px solid var(--ea-line)!important;border-radius:4px!important;transition:background-color .12s ease,border-color .12s ease}
body.ea-hrms .ea-profile-action:hover{background:#EDF3F1;border-color:var(--ea-pine)!important}
body.ea-hrms .ea-profile-action>.grow{display:grid!important;grid-template-columns:24px minmax(0,1fr);gap:6px 16px;align-items:start}
body.ea-hrms .ea-profile-action>.grow>svg{grid-row:1/3;grid-column:1;width:24px;height:24px;color:var(--ea-pine)!important;align-self:start;margin-top:2px}
body.ea-hrms .ea-profile-action>.grow>.text-base{grid-column:2;font-size:18px!important;line-height:1.4;font-weight:500!important;color:var(--ea-ink)!important}
body.ea-hrms .ea-profile-description{grid-column:2;font-size:14px;line-height:1.5;color:var(--ea-muted);margin:0}
body.ea-hrms .ea-profile-action>svg{width:18px;height:18px;color:var(--ea-pine)!important;flex-shrink:0}
body.ea-hrms .ea-profile-settings{grid-column:1/3;grid-row:3;margin:0!important}
body.ea-hrms .ea-profile-settings-link{min-height:48px;padding:8px 0!important;justify-content:flex-start!important;gap:20px;border:0!important;width:fit-content;text-decoration:none}
body.ea-hrms .ea-profile-settings-link .text-base{font-size:16px!important;color:var(--ea-pine)!important}
body.ea-hrms .ea-profile-settings-link>svg{width:16px}
body.ea-hrms .ea-profile-logout{grid-column:3;grid-row:3;min-height:48px;width:auto!important;margin:0!important;padding:10px 16px!important;border:1px solid var(--ea-line)!important;font-size:15px!important;color:var(--ea-muted)!important;background:white!important;box-shadow:none!important}
body.ea-hrms .ea-profile-logout:hover{background:#F5F7F7!important;border-color:var(--ea-muted)!important}
body.ea-hrms .ea-profile-hint{grid-column:1/-1;grid-row:4;padding-top:20px;border-top:1px solid var(--ea-line);color:var(--ea-muted);font-size:14px;line-height:1.6;margin:0}
body.ea-hrms .ea-account-frame>.ea-compact-footer{width:min(1100px,calc(100% - 80px));margin:0 auto!important;padding:20px 0 24px!important;box-sizing:border-box}
body.ea-hrms .ea-account-settings{width:min(1100px,calc(100% - 80px));margin:0 auto 32px!important;padding:24px!important;border:1px solid var(--ea-line);border-radius:4px;background:#fff;gap:24px!important}
body.ea-hrms .ea-profile-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:16px;color:var(--ea-pine);font-size:15px;text-decoration:none}
body.ea-hrms .ea-profile-action:focus-visible,body.ea-hrms .ea-account-page a:focus-visible,body.ea-hrms .ea-profile-close:focus-visible{outline:3px solid var(--ea-pine);outline-offset:3px}
body.ea-hrms ion-modal.ea-profile-modal{--width:640px;--max-width:calc(100% - 32px);--height:auto;--max-height:calc(100% - 64px);--border-radius:4px;--box-shadow:0 12px 48px #14212B26;align-items:center;--backdrop-opacity:.3}
body.ea-hrms .ea-profile-detail{max-height:calc(100dvh - 64px)!important;overflow-y:auto;align-items:stretch!important;justify-content:flex-start!important;padding-bottom:8px!important}
body.ea-hrms .ea-profile-detail-header{justify-content:space-between!important;gap:24px;padding:20px 24px!important;background:#fff;min-height:88px}
body.ea-hrms .ea-profile-detail-header>span{font-size:22px!important;line-height:1.3;font-weight:500!important;text-align:left!important}
body.ea-hrms .ea-profile-close{min-height:48px;padding:10px 14px!important;background:#fff!important;border:1px solid var(--ea-muted)!important;color:var(--ea-pine)!important;font-size:14px!important;flex-shrink:0}
body.ea-hrms .ea-profile-fields{padding:8px 24px 16px!important;gap:0!important;align-items:stretch!important;justify-content:flex-start!important}
body.ea-hrms .ea-profile-field{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:16px 0;align-items:start!important;border-bottom:1px solid var(--ea-line)}
body.ea-hrms .ea-profile-field:last-child{border:0}
body.ea-hrms .ea-profile-field>div:first-child{font-size:14px!important;color:var(--ea-muted)!important;line-height:1.5}
body.ea-hrms .ea-profile-field>div:last-child,body.ea-hrms .ea-profile-field>span,body.ea-hrms .ea-profile-field>a{font-size:15px!important;line-height:1.5;text-align:left!important;overflow-wrap:anywhere;min-width:0}
@media(max-width:800px){body.ea-hrms .ea-account-bar{width:calc(100% - 40px);gap:12px;flex-wrap:wrap;padding-top:16px}body.ea-hrms .ea-account-brand span{display:none}body.ea-hrms .ea-account-bar nav{width:100%;gap:24px}body.ea-hrms .ea-account-bar nav a{min-height:52px;font-size:14px}body.ea-hrms .ea-account-intro,body.ea-hrms .ea-profile-content,body.ea-hrms .ea-account-frame>.ea-compact-footer,body.ea-hrms .ea-account-settings{width:calc(100% - 40px)}body.ea-hrms .ea-account-intro{margin-top:28px}body.ea-hrms .ea-account-intro h1{font-size:30px}body.ea-hrms .ea-profile-content{padding:24px!important;gap:20px;grid-template-columns:80px minmax(0,1fr) auto}body.ea-hrms .ea-profile-photo{width:80px!important;height:80px!important}body.ea-hrms .ea-profile-grid{grid-template-columns:1fr}body.ea-hrms .ea-profile-action{min-height:96px;padding:20px!important}}
@media(max-width:480px){body.ea-hrms .ea-account-intro,body.ea-hrms .ea-profile-content,body.ea-hrms .ea-account-frame>.ea-compact-footer,body.ea-hrms .ea-account-settings{width:calc(100% - 32px)}body.ea-hrms .ea-account-bar{width:calc(100% - 32px)}body.ea-hrms .ea-account-brand img{width:144px;height:36px}body.ea-hrms .ea-account-bar nav{gap:20px}body.ea-hrms .ea-account-bar nav a{font-size:13px}body.ea-hrms .ea-profile-content{padding:20px 16px!important;grid-template-columns:64px minmax(0,1fr) auto;column-gap:14px}body.ea-hrms .ea-profile-photo{width:64px!important;height:64px!important}body.ea-hrms .ea-profile-identity>span:first-child{font-size:20px!important}body.ea-hrms .ea-profile-identity>span:last-child{font-size:14px!important}body.ea-hrms .ea-profile-action{padding:16px!important;gap:12px}body.ea-hrms .ea-profile-action>.grow{column-gap:12px}body.ea-hrms .ea-profile-action>.grow>.text-base{font-size:16px!important}body.ea-hrms .ea-profile-description{font-size:13px}body.ea-hrms .ea-profile-logout{font-size:14px!important;padding:8px 10px!important}body.ea-hrms .ea-profile-detail-header{padding:16px!important;gap:16px}body.ea-hrms .ea-profile-detail-header>span{font-size:19px!important}body.ea-hrms .ea-profile-fields{padding:8px 16px!important}body.ea-hrms .ea-profile-field{grid-template-columns:1fr;gap:5px;padding:12px 0}body.ea-hrms .ea-profile-close{font-size:13px!important}}

body.ea-hrms .ea-account-settings button[role="switch"]{width:40px!important;height:24px!important;min-height:24px!important;padding:0!important;border-width:3px!important;border-color:transparent!important;border-radius:20px!important;box-shadow:none!important}
body.ea-hrms .ea-account-settings button[role="switch"]>span{border-radius:50%!important}

/* Common employee shell and native forms. */
body.ea-hrms .ea-unified-header{width:100%;background:#fff;border-bottom:1px solid var(--ea-line);box-shadow:none!important;padding:0!important;position:relative;z-index:1500}
body.ea-hrms .ea-unified-bar{display:flex;align-items:center;gap:24px;width:min(1456px,calc(100% - 80px));margin:auto;min-height:88px}
body.ea-hrms .ea-unified-brand{display:flex;align-items:center;gap:24px;text-decoration:none;flex-shrink:0}.ea-unified-brand img{width:160px;height:40px;object-fit:contain}.ea-unified-brand>span{display:none}
body.ea-hrms .ea-unified-bar nav{display:flex;align-items:center;gap:22px;margin-left:auto}.ea-unified-bar nav>a,.ea-unified-bar summary{font-size:14px;color:var(--ea-muted);text-decoration:none;display:flex;align-items:center;min-height:88px;border-bottom:3px solid transparent;padding-top:3px;white-space:nowrap}.ea-unified-bar nav>a[aria-current]{border-color:var(--ea-pine);color:var(--ea-pine);font-weight:500}.ea-unified-bar details{position:relative}.ea-unified-bar summary{cursor:pointer;list-style:none}.ea-unified-bar summary::after{content:'⌄';margin-left:8px}.ea-unified-bar details>div{position:absolute;right:0;z-index:2000;width:240px;background:white;border:1px solid var(--ea-line);border-radius:4px;padding:8px;box-shadow:0 8px 24px #14212B14}.ea-unified-bar details>div a{display:block;padding:12px;font-size:15px;color:var(--ea-pine);text-decoration:none}.ea-unified-bar details>div a:hover{background:var(--ea-mist)}.ea-unified-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;background:var(--ea-mist);border-radius:50%!important;text-decoration:none}.ea-unified-avatar img{width:44px;height:44px;object-fit:cover;border-radius:50%!important}
body.ea-hrms .ea-native-body{width:min(1100px,calc(100% - 80px))!important;margin:0 auto!important;min-height:0!important;height:auto!important;padding:36px 0 0!important}
body.ea-hrms .ea-native-title{margin:0 0 24px}.ea-native-title h1{font-size:36px;line-height:1.2;font-weight:600;margin:0 0 12px;color:var(--ea-ink);letter-spacing:-.5px}.ea-native-title p{font-size:17px;line-height:1.5;color:var(--ea-muted);margin:0}
body.ea-hrms .ea-native-dashboard>div{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;align-items:stretch!important;gap:24px}
body.ea-hrms .ea-native-dashboard>div>div{width:100%;margin:0!important;padding:0!important}.ea-native-dashboard .overflow-x-auto{max-width:100%}.ea-native-dashboard .text-lg{font-size:20px!important;font-weight:500!important;line-height:1.35}
body.ea-hrms .ea-native-dashboard>div>div:has(>.text-lg){padding:24px!important;background:white;border:1px solid var(--ea-line);border-radius:4px;margin-top:24px!important}
body.ea-hrms .ea-native-dashboard>div>div>div:has(>.text-lg){background:white;border:1px solid var(--ea-line);border-radius:4px;padding:24px!important}
body.ea-hrms .ea-native-dashboard>div>div>a{width:auto!important;align-self:flex-start}.ea-native-dashboard .items-center.rounded.p-5{justify-content:flex-start!important;text-align:left!important;background:#F5F7F7!important;color:var(--ea-muted)!important;font-size:15px!important;line-height:1.6;padding:24px!important;margin:16px 0!important}
body.ea-hrms .ea-native-body>.ea-compact-footer,body.ea-hrms .ea-native-form-frame>.ea-compact-footer{width:100%;max-width:1100px;margin:32px auto 0!important;padding:20px 0!important}
body.ea-hrms .ea-native-list-toolbar{width:min(1100px,calc(100% - 80px))!important;margin:0 auto!important;padding:24px 0!important;background:transparent!important;border:0!important;display:block!important}.ea-native-list-toolbar>div{padding:0!important;box-shadow:none!important;border:0!important;background:transparent!important;gap:24px}.ea-native-list-toolbar h2{font-size:28px!important;font-weight:600!important;line-height:1.3}.ea-native-list-toolbar .ea-brand,.ea-native-list-toolbar .ea-desktop-nav{display:none!important}
body.ea-hrms .ea-native-list-body{width:min(1100px,calc(100% - 80px))!important;height:100%!important;margin:0 auto!important;padding:0 0 24px!important;max-width:none!important}.ea-native-list-body>div:first-child{padding:24px;background:white;border:1px solid var(--ea-line);border-radius:4px}.ea-native-list-body>div:first-child>div:first-child{margin-top:0!important}.ea-native-list-body .cursor-pointer{padding:20px!important}.ea-native-list-body .cursor-pointer:hover{background:#F5F7F7}.ea-native-list-body .text-sm{font-size:15px!important;line-height:1.5}.ea-native-list-body .text-xs{font-size:13px!important}.ea-native-list-body>.ea-compact-footer{width:100%;margin-top:24px!important}
body.ea-hrms .ea-native-form-frame{width:100%!important;min-height:100%;height:auto!important;display:flex;flex-direction:column}.ea-native-form-frame>.ea-compact-footer{width:min(1100px,calc(100% - 80px))!important}
body.ea-hrms .ea-native-form{width:min(1100px,calc(100% - 80px))!important;max-width:none!important;height:auto!important;margin:36px auto 0!important;border:1px solid var(--ea-line);border-radius:4px;overflow:visible}.ea-native-form-heading{position:static!important;padding:24px!important;gap:12px;border-bottom:1px solid var(--ea-line);flex-wrap:wrap}.ea-native-form-heading h2{font-size:26px!important;line-height:1.3;white-space:normal!important}.ea-native-form-heading>div{flex-wrap:wrap;row-gap:8px}.ea-native-form-heading .text-ellipsis{overflow:visible}.ea-native-form-heading [class*="text-[8px]"]{font-size:12px!important}.ea-native-form .ea-native-fields{overflow:visible!important}.ea-native-fields>.flex.flex-col{padding:28px!important;gap:20px;max-width:860px;margin:0 auto}.ea-native-fields .space-y-4>:not([hidden])~:not([hidden]){margin-top:0}.ea-native-fields .text-sm{font-size:15px!important;line-height:1.5}.ea-native-fields input:not([type=checkbox]):not([type=radio]),.ea-native-fields select,.ea-native-fields textarea{font-size:16px!important}.ea-native-fields textarea{min-height:108px}.ea-native-fields .sticky{position:static!important;border-radius:0!important;padding:0 28px!important}.ea-native-fields .sticky button{font-size:15px}.ea-native-fields .ea-field-section{padding-top:24px;border-top:1px solid var(--ea-line)}
body.ea-hrms .ea-native-form-actions{width:100%!important;padding:20px 28px!important;position:static!important;box-shadow:none!important;border-radius:0!important;display:flex;gap:20px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.ea-native-form-actions>button{width:auto!important;min-width:180px!important;padding:12px 24px!important}.ea-native-form-actions>.mb-2{width:100%}
body.ea-hrms .ea-native-notifications{width:100%!important;min-height:100%;height:auto!important}.ea-native-notification-body{width:min(1100px,calc(100% - 80px))!important;margin:36px auto}.ea-native-notification-body>header{position:static!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.ea-native-notification-body h2{font-size:36px!important;font-weight:600!important}.ea-native-notification-body>div{padding:24px!important;background:white;border:1px solid var(--ea-line);border-radius:4px}.ea-native-notification-body .text-sm{font-size:15px!important;line-height:1.5}.ea-native-notifications>.ea-compact-footer{width:min(1100px,calc(100% - 80px));margin:24px auto!important}
body.ea-hrms .ea-unified-header a:focus-visible,body.ea-hrms .ea-unified-header summary:focus-visible{outline:3px solid var(--ea-pine);outline-offset:3px}
body.ea-hrms .ea-account-bar nav{gap:22px;margin-left:auto}.ea-account-bar nav>a{font-size:14px!important;white-space:nowrap}.ea-account-bar .ea-account-brand span{display:none}.ea-account-bar nav details{position:relative;font-size:14px;color:var(--ea-muted)}.ea-account-bar nav summary{cursor:pointer;min-height:48px;display:flex;align-items:center}.ea-account-bar nav details>div{position:absolute;right:0;z-index:100;width:240px;background:white;padding:8px;border:1px solid var(--ea-line);box-shadow:0 8px 24px #14212B14}.ea-account-bar nav details a{min-height:48px!important;display:flex;padding:12px!important;border:0!important}
@media(max-width:1200px){body.ea-hrms .ea-unified-bar{flex-wrap:wrap;padding-top:16px;gap:12px;width:calc(100% - 48px)}.ea-unified-bar nav{order:3;width:100%;margin:0!important;gap:20px!important}.ea-unified-bar nav>a,.ea-unified-bar summary{min-height:52px}.ea-unified-avatar{margin-left:auto}.ea-unified-bar details{margin-left:auto}body.ea-hrms .ea-account-bar{flex-wrap:wrap;padding-top:16px;gap:12px}.ea-account-bar nav{width:100%}.ea-account-bar nav>a{min-height:52px!important}}
@media(max-width:650px){body.ea-hrms .ea-unified-bar{width:calc(100% - 32px)}.ea-unified-brand img{width:138px;height:35px}.ea-unified-avatar,.ea-unified-avatar img{width:36px;height:36px}.ea-unified-bar nav{gap:0 20px!important;flex-wrap:wrap}.ea-unified-bar nav>a,.ea-unified-bar summary{font-size:13px;min-height:48px}.ea-unified-bar details{margin-left:0}body.ea-hrms .ea-native-body,body.ea-hrms .ea-native-list-toolbar,body.ea-hrms .ea-native-list-body,body.ea-hrms .ea-native-form,body.ea-hrms .ea-native-notification-body,body.ea-hrms .ea-native-form-frame>.ea-compact-footer,body.ea-hrms .ea-native-notifications>.ea-compact-footer{width:calc(100% - 32px)!important}.ea-native-title h1,.ea-native-notification-body h2{font-size:29px!important}.ea-native-title p{font-size:15px}.ea-native-list-toolbar>div{flex-wrap:wrap;gap:16px}.ea-native-list-toolbar h2{font-size:24px!important}.ea-native-list-body>div:first-child{padding:16px}.ea-native-form-heading{padding:16px!important}.ea-native-form-heading h2{font-size:22px!important}.ea-native-fields>.flex.flex-col{padding:20px 16px!important}.ea-native-fields .sticky{padding:0 16px!important}.ea-native-form-actions{padding:16px!important}.ea-native-form-actions>button{width:100%!important}.ea-native-notification-body>div{padding:16px!important}.ea-account-bar nav{flex-wrap:wrap;gap:0 20px!important}.ea-account-bar nav>a{font-size:13px!important;min-height:48px!important}}

/* Final native detail polish */
body.ea-hrms .ea-native-dashboard>div>div:has(>a>button){padding:0!important;align-self:flex-start;width:auto!important}.ea-native-dashboard>div>div>a>button{width:auto!important;min-width:200px;padding:12px 24px!important}
body.ea-hrms .ea-expense-summary>div{margin:0!important;padding:0!important;border:0!important}.ea-expense-summary>div>.justify-between{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ea-expense-summary>div>.justify-between>div{padding:16px 0;border-top:1px solid var(--ea-line)}
body.ea-hrms .ea-native-dashboard>div>div:has(>.flex>.text-lg){padding:24px!important;border:1px solid var(--ea-line);background:white;border-radius:4px}.ea-native-dashboard>div>div:has(>.flex>.text-lg)>div{padding:0!important;border:0!important}
.ea-native-filters>div:first-child{display:flex;align-items:center;justify-content:space-between;padding:20px 24px!important;text-align:left}.ea-close-filter{border:1px solid var(--ea-line)!important;background:white!important;color:var(--ea-pine)!important;min-height:44px!important;padding:8px 14px!important;border-radius:4px}.ea-native-filters>div:nth-child(2){padding:24px!important}.ea-native-filters>div:last-child{background:white!important;padding:16px 24px!important}.ea-native-filters{padding-bottom:0!important}
@media(max-width:650px){.ea-expense-summary>div>.justify-between{gap:12px}.ea-native-filters>div:first-child,.ea-native-filters>div:nth-child(2){padding:16px!important}}

body.ea-hrms .ea-native-notification-body>header{background:transparent!important}

/* Keep dense Desk forms legible without leaving orphaned tabs on a second row. */
@media (min-width: 768px) {
  body.ea-desk #page-Employee .form-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  body.ea-desk #page-Employee .form-tabs > .nav-item {
    flex: 1 1 160px;
    min-width: 0;
    margin: 0 !important;
  }

  body.ea-desk #page-Employee .form-tabs .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 48px;
    text-align: center;
  }
}

/* In the company list the name is the primary subject; keep the filter row compact. */
body.ea-desk[data-route^="List/Company"] .standard-filter-section > .frappe-control {
  flex-basis: 280px;
  width: 280px;
}

/* Shared compact navigation in the mobile employee portal. */
body.ea-hrms .ea-mobile-menu-toggle{display:none!important}
@media(max-width:650px){
 body.ea-hrms .ea-unified-bar,body.ea-hrms .ea-account-bar{min-height:72px;padding:12px 0!important;gap:12px!important;align-items:center}
 body.ea-hrms .ea-mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:64px;min-height:44px!important;height:auto!important;margin-left:auto;padding:8px 12px!important;background:white;color:var(--ea-ink);border:1px solid var(--ea-line);border-radius:4px;font-size:15px;line-height:1.5}
 body.ea-hrms .ea-unified-avatar{width:44px;height:44px;margin-left:0}
 body.ea-hrms .ea-unified-bar nav,body.ea-hrms .ea-account-bar nav{display:none!important}
 body.ea-hrms .ea-menu-open nav{display:flex!important;order:3;flex-direction:column;align-items:stretch!important;gap:0!important;width:100%;padding:8px 0 0;border-top:1px solid var(--ea-line)}
 body.ea-hrms .ea-menu-open nav>a,body.ea-hrms .ea-menu-open nav summary{font-size:16px!important;min-height:48px!important;white-space:normal;padding:12px!important;border-bottom:0!important}
 body.ea-hrms .ea-menu-open nav>a[aria-current]{box-shadow:inset 3px 0 var(--ea-pine);background:#EDF3F1}
 body.ea-hrms .ea-menu-open nav details{margin:0!important}
 body.ea-hrms .ea-menu-open nav details>div{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid var(--ea-line);padding:0 8px;margin:4px 0}
 body.ea-hrms .ea-mobile-menu-toggle:focus-visible{outline:3px solid var(--ea-pine);outline-offset:3px}
 body.ea-hrms .ea-native-form-actions>button{min-width:0!important}
}
@media(max-width:359px){body.ea-hrms .ea-expense-summary>div>.justify-between{grid-template-columns:1fr}}

/* Let the second row of company tabs use the available width evenly. */
@media (min-width: 768px) {
  body.ea-desk #page-Company .form-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  body.ea-desk #page-Company .form-tabs > .nav-item {
    flex: 1 1 185px;
    min-width: 0;
    margin: 0 !important;
  }

  body.ea-desk #page-Company .form-tabs .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 48px;
    text-align: center;
  }
}

/* HR list values need room for real department, role and position names. */
@media (min-width: 1200px) {
  body.ea-desk[data-route^="List/Employee"] .list-row {
    height: auto !important;
    min-height: 64px !important;
  }

  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="department"],
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="employment_type"],
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="designation"] {
    overflow: visible !important;
  }

  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="department"] .ellipsis,
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="employment_type"] .ellipsis,
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="designation"] .ellipsis {
    display: block;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    line-height: 1.4;
  }
}

/* Give the HR list useful column widths on a full desktop viewport. */
@media (min-width: 1600px) {
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="employee_name"] { flex: 0 0 180px !important; }
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="status_field"] { flex: 0 0 80px !important; }
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="department"] { flex: 0 0 190px !important; }
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="employment_type"] { flex: 0 0 170px !important; }
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="designation"] { flex: 0 0 165px !important; }
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="branch"] { flex: 0 0 120px !important; }
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="name"] { flex: 0 0 165px !important; }

  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="department"] .ellipsis,
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="employment_type"] .ellipsis,
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="designation"] .ellipsis {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* On narrower desktops keep the native compact list until there is room. */
@media (min-width: 1200px) and (max-width: 1599px) {
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="department"],
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="employment_type"],
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="designation"],
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="department"] .ellipsis,
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="employment_type"] .ellipsis,
  body.ea-desk[data-route^="List/Employee"] .list-row [data-fieldname="designation"] .ellipsis {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
}

/* Keep identifiers and primary HR facts visible when the desk has less room. */
@media (min-width: 1200px) and (max-width: 1599px) {
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="designation"],
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="branch"] {
    display: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1359px) {
  body.ea-desk[data-route^="List/Employee"] .list-row-col[data-fieldname="employment_type"] {
    display: none !important;
  }
}

/* Frappe's closed phone drawer must not paint over the page. */
@media (max-width: 767px) {
  body.ea-desk .body-sidebar-container:not(.expanded) .body-sidebar {
    background: transparent !important;
    border-color: transparent !important;
    overflow: hidden !important;
  }
}

/* The Employee mobile list is a compact card, not a wide desktop table. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Employee"] .list-row-container,
  body.ea-desk[data-route^="List/Employee"] .list-row-head,
  body.ea-desk[data-route^="List/Employee"] .list-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.ea-desk[data-route^="List/Employee"] .list-row-head .level-left,
  body.ea-desk[data-route^="List/Employee"] .list-row .level-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
  }
  body.ea-desk[data-route^="List/Employee"] .list-row-head .level-right,
  body.ea-desk[data-route^="List/Employee"] .list-row .level-right {
    flex: 0 0 64px !important;
    min-width: 0 !important;
    width: 64px !important;
  }
  body.ea-desk[data-route^="List/Employee"] .list-row-head .list-subject,
  body.ea-desk[data-route^="List/Employee"] .list-row .list-subject {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.ea-desk[data-route^="List/Employee"] .list-row .mobile-layout:has([data-fieldname="employment_type"]) {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Employee"] .list-row .mobile-layout-seperator {
    display: block;
    max-width: 100%;
    overflow: hidden;
  }
}

/* Do not show an empty group checkbox as secondary company data on phones. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Company"] .list-row .mobile-layout:has([data-fieldname="is_group"]) {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Company"] .list-row .mobile-layout-seperator::after {
    content: none !important;
  }
}

/* Leave Type cards: keep the limit explanation aligned with the subject. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Leave Type/"] .list-row .mobile-layout {
    padding-left: 38px !important;
    padding-bottom: 8px;
  }
  body.ea-desk[data-route^="List/Leave Type/"] .list-row .mobile-layout [data-fieldname="max_continuous_days_allowed"],
  body.ea-desk[data-route^="List/Leave Type/"] .list-row .mobile-layout [data-fieldname="max_continuous_days_allowed"] a > div {
    text-align: left !important;
    font-size: 13px;
    color: #53646b;
  }
}

/* Keep long holiday calendar names legible after removing the technical ID column. */
@media (min-width: 768px) {
  body.ea-desk[data-route^="List/Holiday List/"] .list-row {
    height: auto !important;
    min-height: 56px !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] {
    flex: 1.5 1 0% !important;
    max-width: none !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"],
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] .ellipsis {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

/* Let the full calendar name wrap inside mobile list cards. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Holiday List/"] .list-row {
    height: auto !important;
    min-height: 80px !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .level-left,
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] > .level-item.bold {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"],
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] .ellipsis {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] a {
    overflow-wrap: break-word;
  }
}

/* Use the complete mobile card width for holiday calendar names. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .level-right {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .level-left {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .mobile-layout [data-fieldname="to_date"]::before {
    content: "Bis ";
    color: #53646b;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .mobile-layout [data-fieldname="total_holidays"]::after {
    content: " arbeitsfreie Tage";
    color: #53646b;
  }
}

/* Keep the end date and number of days together on mobile holiday cards. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .mobile-layout [data-fieldname="total_holidays"] {
    text-align: left !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .mobile-layout [data-fieldname="total_holidays"] a > div {
    display: inline !important;
    text-align: left !important;
  }
  body.ea-desk[data-route^="List/Holiday List/"] .list-row .mobile-layout [data-fieldname="total_holidays"]::after {
    content: " Tage";
  }
}

@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Holiday List/"] .list-row-col[data-fieldname="holiday_list_name"] > .level-item.bold {
    justify-content: flex-start !important;
  }
}

/* Give long, specific list filters enough room without widening the page. */
@media (min-width: 768px) {
  body.ea-desk .standard-filter-section > .frappe-control {
    flex-basis: 360px;
    width: 360px;
    min-width: 240px;
  }
  body.ea-desk[data-route^="List/Company"] .standard-filter-section > .frappe-control {
    flex-basis: 280px;
    width: 280px;
  }
}

/* Module Def is a special core DocType whose title field ignores Property Setters. */
@media (min-width: 768px) {
  body.ea-desk[data-route^="List/Module Def/"] .list-row-head .list-row-col[data-fieldname="module_name"],
  body.ea-desk[data-route^="List/Module Def/"] .list-row .list-row-col[data-fieldname="module_name"] {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Module Def/"] .list-row-head .list-row-col[data-fieldname="name"],
  body.ea-desk[data-route^="List/Module Def/"] .list-row .list-row-col[data-fieldname="name"] {
    flex: 1.5 1 0% !important;
    max-width: none !important;
  }
}

/* Keep the special module list inside its mobile card and remove a dangling separator. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Module Def/"] .result,
  body.ea-desk[data-route^="List/Module Def/"] .list-row-head {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.ea-desk[data-route^="List/Module Def/"] .list-row-head .list-header-subject {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 98px) !important;
  }
  body.ea-desk[data-route^="List/Module Def/"] .list-row-head .level-right {
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    justify-content: flex-end;
  }
  body.ea-desk[data-route^="List/Module Def/"] .list-row .mobile-layout-seperator::after {
    content: none !important;
  }
}

/* Branch names use the available list width instead of Frappe's 400px cap. */
@media (min-width: 768px) {
  body.ea-desk[data-route^="List/Branch/"] .list-row-head .list-row-col[data-fieldname="branch"],
  body.ea-desk[data-route^="List/Branch/"] .list-row .list-row-col[data-fieldname="branch"] {
    flex: 1 1 auto !important;
    max-width: none !important;
  }
}

/* Compact master-data lists remain readable without a clipped horizontal strip. */
@media (max-width: 767px) {
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row-container,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row-head {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row .level-left,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row-head .level-left {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100%;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row .list-subject,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row-head .list-subject {
    flex: 1 1 auto !important;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row .list-subject,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row .list-subject .bold,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row .list-subject a {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row .list-subject .bold {
    min-width: 0;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Department/"]) .list-row-head .level-right {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  body.ea-desk[data-route^="List/Branch/"] .list-row .level-right {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .level-right {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 4px;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .mobile-layout,
  body.ea-desk[data-route^="List/Department/"] .list-row .mobile-layout .list-row-col,
  body.ea-desk[data-route^="List/Department/"] .list-row .mobile-layout .ellipsis {
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }
}

/* Department cards: allow the title to shrink and wrap beside the status badge. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject > .level-item.bold {
    flex: 1 1 0% !important;
    width: 0;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject > .level-item.bold a {
    display: block;
    width: 100%;
    min-width: 0 !important;
    line-height: 1.35;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .mobile-layout::after {
    content: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .mobile-layout.ea-has-parent::before {
    content: "Übergeordnet";
    display: block;
    color: var(--ea-secondary);
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 2px;
  }
}

/* The two Department filters fit beside their actions at medium desktop widths. */
@media (min-width: 1100px) and (max-width: 1450px) {
  body.ea-desk[data-route^="List/Department/"] .standard-filter-section > .frappe-control {
    flex-basis: 260px;
    width: 260px;
    min-width: 240px;
  }
}

/* Long sidebar entries must stay inside the navigation column. */
body.ea-desk .body-sidebar .standard-sidebar-item,
body.ea-desk .body-sidebar .standard-sidebar-item .item-anchor {
  height: auto;
  min-height: 40px;
}
body.ea-desk .body-sidebar .standard-sidebar-item .item-anchor {
  min-width: 0;
  white-space: normal;
}
body.ea-desk .body-sidebar .standard-sidebar-item .sidebar-item-label {
  min-width: 0;
  white-space: normal;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* Position is another one-column master list with the same narrow-screen overflow. */
@media (max-width: 767px) {
  body.ea-desk[data-route^="List/Designation/"] .list-row-container,
  body.ea-desk[data-route^="List/Designation/"] .list-row,
  body.ea-desk[data-route^="List/Designation/"] .list-row-head {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.ea-desk[data-route^="List/Designation/"] .list-row .level-left,
  body.ea-desk[data-route^="List/Designation/"] .list-row-head .level-left {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100%;
  }
  body.ea-desk[data-route^="List/Designation/"] .list-row .list-subject,
  body.ea-desk[data-route^="List/Designation/"] .list-row-head .list-subject {
    flex: 1 1 auto !important;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk[data-route^="List/Designation/"] .list-row .list-subject,
  body.ea-desk[data-route^="List/Designation/"] .list-row .list-subject .bold,
  body.ea-desk[data-route^="List/Designation/"] .list-row .list-subject a {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk[data-route^="List/Designation/"] .list-row .list-subject .bold {
    min-width: 0;
  }
  body.ea-desk[data-route^="List/Designation/"] .list-row-head .level-right {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  body.ea-desk[data-route^="List/Designation/"] .list-row .level-right {
    display: none !important;
  }
}

/* Keep the two filters and action group on one line when the page is wide enough. */
@media (min-width: 1100px) and (max-width: 1450px) {
  body.ea-desk[data-route^="List/Department/"] .standard-filter-section {
    flex: 1 1 532px;
  }
}

/* Restore compact navigation rows; shortened permission labels fit in the sidebar. */
body.ea-desk .body-sidebar .standard-sidebar-item,
body.ea-desk .body-sidebar .standard-sidebar-item .item-anchor {
  height: 40px;
  min-height: 40px;
}
body.ea-desk .body-sidebar .standard-sidebar-item .item-anchor {
  white-space: nowrap;
}
body.ea-desk .body-sidebar .standard-sidebar-item .sidebar-item-label {
  white-space: normal;
  hyphens: manual;
  overflow-wrap: normal;
}

/* Frappe's compact access lists use the available card width on phones. */
@media (max-width: 767px) {
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-container,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .level-left,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head .level-left {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100%;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head .list-subject {
    flex: 1 1 auto !important;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject a {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject > .level-item.bold {
    flex: 1 1 0% !important;
    width: 0;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head .level-right,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"]) .list-row .level-right {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }
  body.ea-desk[data-route^="List/User Permission/"] .list-row .level-right {
    display: none !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .list-row .mobile-layout,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .list-row .mobile-layout .ellipsis,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .list-row .mobile-layout .list-row-col {
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .list-row .mobile-layout {
    display: block;
    width: 100%;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .list-row .mobile-layout::after {
    content: none !important;
  }
  body.ea-desk[data-route^="List/User/"] .list-row .mobile-layout:has([data-fieldname="user_type"])::before,
  body.ea-desk[data-route^="List/User/"] .list-row .mobile-layout:has([data-fieldname="name"])::before,
  body.ea-desk[data-route^="List/User Permission/"] .list-row .mobile-layout:has([data-fieldname="for_value"])::before {
    display: block;
    color: var(--ea-secondary);
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 2px;
  }
  body.ea-desk[data-route^="List/User/"] .list-row .mobile-layout:has([data-fieldname="user_type"])::before { content: "Kontotyp"; }
  body.ea-desk[data-route^="List/User/"] .list-row .mobile-layout:has([data-fieldname="name"])::before { content: "E-Mail-Adresse"; }
  body.ea-desk[data-route^="List/User Permission/"] .list-row .mobile-layout:has([data-fieldname="for_value"])::before { content: "Gültig für"; }
  body.ea-desk[data-route^="List/User Permission/"] .list-row .mobile-layout:has([data-fieldname="applicable_for"] a[data-filter="applicable_for,=,"]),
  body.ea-desk[data-route^="List/Role/"] .list-row .mobile-layout:has(input:not(:checked)) {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Role/"] .list-row .mobile-layout:has(input:checked) {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  body.ea-desk[data-route^="List/Role/"] .list-row .mobile-layout::after {
    content: none !important;
  }
  body.ea-desk[data-route^="List/Role/"] .list-row .mobile-layout:has([data-fieldname="is_custom"] input:checked)::before {
    content: "Benutzerdefiniert";
  }
  body.ea-desk[data-route^="List/Role/"] .list-row .mobile-layout:has([data-fieldname="desk_access"] input:checked)::before {
    content: "Schreibtischzugang";
  }
}

@media (max-width: 767px) {
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject > .level-item.bold {
    justify-content: flex-start !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .list-row .mobile-layout:not(:has([data-fieldname="applicable_for"] a[data-filter="applicable_for,=,"])) {
    display: block !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.ea-desk[data-route^="List/User/"] .list-row .mobile-layout [data-fieldname="name"] a {
    font-size: 14px;
    line-height: 20px;
  }
}

/* The pinned sidebar leaves about 480px for lists in an 864px window. */
@media (min-width: 768px) and (max-width: 1100px) {
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"], [data-route^="List/Department/"]) .list-row-container,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"], [data-route^="List/Department/"]) .list-row,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"], [data-route^="List/Department/"]) .list-row-head {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"], [data-route^="List/Department/"]) .list-row {
    height: auto !important;
    min-height: 52px;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .level-left,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row-head .level-left {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    max-width: 100%;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .level-right {
    display: none !important;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .list-subject,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row-head .list-subject {
    flex: 1 1 auto !important;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .list-subject,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .list-subject .bold,
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .list-subject a {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk:is([data-route^="List/Branch/"], [data-route^="List/Designation/"]) .list-row .list-subject .bold {
    min-width: 0;
  }

  body.ea-desk[data-route^="List/Department/"] .standard-filter-section {
    flex: 1 1 100%;
    width: 100%;
  }
  body.ea-desk[data-route^="List/Department/"] .standard-filter-section > .frappe-control {
    flex: 1 1 220px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 6px);
  }
  body.ea-desk[data-route^="List/Department/"] .filter-section {
    width: 100%;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-head .level-right,
  body.ea-desk[data-route^="List/Department/"] .list-row .level-right {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-head .list-header-subject,
  body.ea-desk[data-route^="List/Department/"] .list-row .level-left {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-col[data-fieldname="department_name"] {
    flex: 0 0 180px !important;
    width: 180px !important;
    min-width: 0 !important;
    max-width: 180px !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-col[data-fieldname="status_field"] {
    flex: 0 0 84px !important;
    width: 84px !important;
    min-width: 0 !important;
    max-width: 84px !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-col[data-fieldname="parent_department"] {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject,
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject .bold,
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject a,
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="parent_department"],
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="parent_department"] .ellipsis {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject .bold {
    flex: 1 1 0% !important;
    min-width: 0 !important;
  }
}

/* At intermediate widths, Department is a compact two-column card with its parent below. */
@media (min-width: 768px) and (max-width: 1100px) {
  body.ea-desk[data-route^="List/Department/"] .result {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-head .list-header-subject {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-head .list-row-col[data-fieldname="department_name"] {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row-head .list-row-col[data-fieldname="parent_department"] {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .level-left {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 84px;
    align-items: center;
    gap: 4px 8px;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="department_name"] {
    grid-column: 1;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="status_field"] {
    grid-column: 2;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="parent_department"] {
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 32px;
    line-height: 20px;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="parent_department"]:has(a[data-filter="parent_department,=,"]) {
    display: none !important;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-row-col[data-fieldname="parent_department"]:not(:has(a[data-filter="parent_department,=,"]))::before {
    content: "Übergeordnet: ";
    color: var(--ea-secondary);
    font-weight: 400;
  }
  body.ea-desk[data-route^="List/Department/"] .list-row .list-subject > .level-item.bold {
    justify-content: flex-start !important;
  }
}

/* Access lists remain legible with the pinned sidebar at intermediate widths. */
@media (min-width: 768px) and (max-width: 1100px) {
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) {
    --ea-access-side: 90px;
  }
  body.ea-desk[data-route^="List/User Permission/"] {
    --ea-access-side: 120px;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .standard-filter-section {
    flex: 1 1 100%;
    width: 100%;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .standard-filter-section > .frappe-control {
    flex: 1 1 220px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 6px);
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/User Permission/"]) .filter-section {
    width: 100%;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .result,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-container,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row {
    height: auto !important;
    min-height: 52px;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head .level-right,
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .level-right {
    display: none !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head .list-header-subject {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .level-left {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--ea-access-side);
    align-items: center;
    gap: 4px 8px;
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row-head .list-subject {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject {
    grid-column: 1;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject > .level-item.bold {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"], [data-route^="List/User Permission/"]) .list-row .list-subject a {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"]) .list-row-col[data-fieldname="status_field"],
  body.ea-desk[data-route^="List/User Permission/"] .list-row-col[data-fieldname="allow"] {
    flex: 0 0 var(--ea-access-side) !important;
    width: var(--ea-access-side) !important;
    min-width: 0 !important;
    max-width: var(--ea-access-side) !important;
  }
  body.ea-desk:is([data-route^="List/User/"], [data-route^="List/Role/"]) .list-row .list-row-col[data-fieldname="status_field"],
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col[data-fieldname="allow"] {
    grid-column: 2;
  }
  body.ea-desk[data-route^="List/Role/"] .list-row-col:is([data-fieldname="is_custom"], [data-fieldname="desk_access"]),
  body.ea-desk[data-route^="List/User/"] .list-row-head .list-row-col:is([data-fieldname="user_type"], [data-fieldname="name"]),
  body.ea-desk[data-route^="List/User Permission/"] .list-row-head .list-row-col:is([data-fieldname="for_value"], [data-fieldname="applicable_for"], [data-fieldname="name"]),
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col[data-fieldname="name"] {
    display: none !important;
  }
  body.ea-desk[data-route^="List/User/"] .list-row .list-row-col:is([data-fieldname="user_type"], [data-fieldname="name"]),
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col:is([data-fieldname="for_value"], [data-fieldname="applicable_for"]) {
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 32px;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
    line-height: 20px;
  }
  body.ea-desk[data-route^="List/User/"] .list-row .list-row-col:is([data-fieldname="user_type"], [data-fieldname="name"]) .ellipsis,
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col:is([data-fieldname="for_value"], [data-fieldname="applicable_for"]) .ellipsis {
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere;
  }
  body.ea-desk[data-route^="List/User/"] .list-row .list-row-col[data-fieldname="user_type"]::before { content: "Kontotyp: "; color: var(--ea-secondary); }
  body.ea-desk[data-route^="List/User/"] .list-row .list-row-col[data-fieldname="name"]::before { content: "E-Mail-Adresse: "; color: var(--ea-secondary); }
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col[data-fieldname="for_value"]::before { content: "Gültig für: "; color: var(--ea-secondary); }
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col[data-fieldname="applicable_for"]:has(a[data-filter="applicable_for,=,"]) {
    display: none !important;
  }
  body.ea-desk[data-route^="List/User Permission/"] .list-row .list-row-col[data-fieldname="applicable_for"]:not(:has(a[data-filter="applicable_for,=,"]))::before {
    content: "Anwendbar für: ";
    color: var(--ea-secondary);
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  body.ea-desk[data-route^="List/User Permission/"] .page-head-content {
    flex-wrap: wrap !important;
  }
  body.ea-desk[data-route^="List/User Permission/"] .page-title {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.ea-desk[data-route^="List/User Permission/"] .page-title .title-area,
  body.ea-desk[data-route^="List/User Permission/"] .navbar-breadcrumbs,
  body.ea-desk[data-route^="List/User Permission/"] .navbar-breadcrumbs .es-breadcrumbs__item,
  body.ea-desk[data-route^="List/User Permission/"] .navbar-breadcrumbs .es-breadcrumbs__label {
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }
  body.ea-desk[data-route^="List/User Permission/"] .standard-items-section {
    width: 100%;
    justify-content: flex-end;
  }
}