.sys-work-shortcuts,.sys-work-primary{display:inline-flex;align-items:center;gap:4px}.sys-work-separator{padding:0 8px;color:var(--sysdash-muted,#72818d)}.sys-work-shortcuts select{max-width:160px;min-height:34px;background:var(--sysdash-surface,#fff);color:inherit;border:1px solid var(--sysdash-line,#ced8df)}.sys-work-primary .is-active{box-shadow:inset 0 -3px var(--sysdash-accent,#3c8dbc)}.sys-work-more{position:relative}.sys-work-more>summary{cursor:pointer;padding:8px}.sys-work-more>div{position:absolute;right:0;top:100%;min-width:230px;padding:8px;background:var(--sysdash-surface,#fff);border:1px solid var(--sysdash-line,#ced8df);z-index:1200;box-shadow:0 4px 12px #0002}.sys-work-more a{display:flex!important;gap:8px;margin:3px}.sys-work-primary [data-shortcut-index]:nth-child(n+6){display:none}.work-env{margin:14px;color:var(--sysdash-text,#263238);font-size:13px}.work-env-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px;background:var(--sysdash-surface,#fff);border:1px solid var(--sysdash-line,#d8e0e6)}.work-env-toolbar h1{font-size:20px;margin:0 auto 0 0}.work-env-layout{display:grid;grid-template-columns:240px 1fr;gap:14px;margin-top:14px}.work-env-list,.work-env-editor{padding:14px;background:var(--sysdash-surface,#fff);border:1px solid var(--sysdash-line,#d8e0e6)}.work-env-list button{display:block;width:100%;text-align:left;margin-bottom:6px}.work-env button,.work-env select,.work-env input{min-height:34px;border:1px solid var(--sysdash-line-strong,#bccbd6);background:var(--sysdash-surface-2,#f9fafb);color:inherit;border-radius:2px;padding:6px 10px}.work-env button{cursor:pointer}.work-env button.primary,.work-env-list button[aria-current=true]{background:var(--sysdash-accent,#3c8dbc);color:#fff}.work-env button:disabled{opacity:.55;cursor:default}.work-env label{display:block;margin:10px 0}.work-env input[type=checkbox]{min-height:0;margin-right:7px}.work-env label>input:not([type=checkbox]),.work-env label>select{display:block;width:100%;max-width:550px;margin-top:5px}.work-env fieldset{border:1px solid var(--sysdash-line,#d8e0e6);margin:14px 0;padding:10px}.work-env-roles{max-height:200px;overflow:auto}.work-env-shortcut{display:flex;align-items:center;gap:6px;margin:5px 0}.work-env-shortcut span{flex:1}.work-env-preview{display:flex;gap:8px;align-items:center;padding:12px;background:var(--sysdash-surface-2,#f9fafb);flex-wrap:wrap}.work-env-preview i{padding:8px;border:1px solid var(--sysdash-line,#d8e0e6)}.work-env [role=status]{padding:8px}.work-env [data-error=true]{color:var(--sysdash-danger,#dd4b39)}@media(max-width:760px){.work-env-layout{grid-template-columns:1fr}.sys-work-shortcuts select{max-width:100px}.sys-work-shortcuts{flex-wrap:wrap}.work-env-shortcut{flex-wrap:wrap}}
.work-env.sys-dashboard-studio{--sysdash-bg:var(--adm-bg);--sysdash-surface:var(--adm-surface);--sysdash-surface-2:var(--adm-surface-2);--sysdash-text:var(--adm-text);--sysdash-line:var(--adm-border);--sysdash-line-strong:var(--adm-border);--sysdash-muted:var(--adm-text-soft);height:auto;overflow:visible}
body .work-env :is(h1,h2,legend,label){color:var(--sysdash-text)}
body .work-env button.primary,body .work-env-list button[aria-current=true]{background:#3c8dbc!important;color:#fff!important;border-color:#3c8dbc!important}
.sys-work-shortcuts{--sysdash-surface:var(--adm-surface,#fff);--sysdash-line:var(--adm-border,#ced8df);color:var(--adm-text,inherit)}
#work-env-app button{background:var(--sysdash-surface-2)!important;color:var(--sysdash-text)!important;border-color:var(--sysdash-line)!important}
#work-env-app button.primary,#work-env-app .work-env-list button[aria-current=true]{background:#3c8dbc!important;color:#fff!important}
#work-env-app .work-env-layout>*{min-width:0}#work-env-app select{max-width:100%}
.work-env-config-action,.work-env-back{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--adm-border,#cdd9e2);background:var(--adm-surface-2,#f9fafb);color:var(--adm-text,#263238);font-size:13px;text-decoration:none!important;border-radius:2px;box-sizing:border-box}
.sys-public-config-head .work-env-config-action{margin-left:auto}.work-env-layout.is-empty{grid-template-columns:1fr}
/* Keep the coloured module artwork readable on the selected shortcut. */
.sys-studio-header .sys-work-shortcuts .sys-studio-link.is-active,
.sys-studio-header .sys-work-shortcuts .sys-studio-link.is-active:hover{
 background:color-mix(in srgb,var(--adm-primary,#3c8dbc) 9%,var(--adm-surface,#fff))!important;
 color:var(--adm-text,#263238)!important;
 border-color:color-mix(in srgb,var(--adm-primary,#3c8dbc) 55%,var(--adm-border,#ced8df))!important;
 box-shadow:inset 0 -2px var(--adm-primary,#3c8dbc)!important;
}
.work-env-module{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;flex:1}.work-env-module>img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.work-env-module>i{font-size:26px;width:40px;text-align:center;color:#3c8dbc;flex-shrink:0}.work-env-module>span{min-width:0}.work-env-module strong,.work-env-module small{display:block}.work-env-module small{font-size:12px;font-weight:normal;color:var(--adm-text-soft);margin-top:4px;white-space:normal}
.work-env-module-picker{border:1px solid var(--adm-border);margin:8px 0;background:var(--adm-surface)}.work-env-module-picker>summary{cursor:pointer;padding:10px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.work-env-module-picker>summary:after{content:'⌄';font-size:18px}.work-env-module-picker>input{width:calc(100% - 20px);margin:10px}.work-env-module-results{max-height:340px;overflow:auto;padding:0 10px 10px;display:grid;gap:6px}.work-env-module-results>button{width:100%;padding:10px}.work-env-module-results>button:hover{outline:1px solid #3c8dbc}.work-env-shortcut{padding:8px;border-bottom:1px solid var(--adm-border)}
@media(max-width:760px){.work-env-toolbar h1{flex-basis:100%;order:-1}.work-env-shortcut>.work-env-module{flex-basis:100%}.sys-public-config-head{flex-wrap:wrap}}
.work-env-preview .sys-module-icon{width:28px;height:28px}.work-env-preview i{border:0;background:transparent;padding:0}.work-env-module>.sys-module-icon{width:48px;height:48px;background:transparent;border:0;box-shadow:none}

.work-env-editor-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;margin-bottom:14px}
.work-env-editor-columns>section{min-width:0}
.work-env-editor-columns .work-env-navigation>h3:first-child{margin-top:10px}
.work-env-editor-columns label>input:not([type=checkbox]){max-width:none}
.work-env-editor-columns .work-env-roles{max-height:360px}
.work-env-editor-columns .work-env-shortcut{flex-wrap:wrap}
.work-env-editor-columns .work-env-shortcut>.work-env-module{flex:1 1 260px}
.work-env-editor-columns .work-env-module strong,.work-env-editor-columns .work-env-module small{overflow-wrap:anywhere}
@media(min-width:1200px){.work-env-editor-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}

.work-env-access-review{margin:14px 0;padding:12px;border:1px solid var(--adm-border);background:var(--adm-surface-2)}.work-env-access-item{margin-top:8px;padding:8px;border:1px solid var(--adm-border)}.work-env-access-item[data-missing=true]{border-left:3px solid #f39c12}.work-env-access-item summary{cursor:pointer}.work-env-access-item ul{max-height:180px;overflow:auto}.work-env-access-item a{margin:4px 6px 4px 0}

/* Environment shortcuts use bare module icons, without white button tiles. */
body .sys-studio-header .sys-work-shortcuts .sys-work-primary .sys-studio-link,
body .sys-studio-header .sys-work-shortcuts .sys-work-primary .sys-studio-link:hover{
 background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}
body .sys-studio-header .sys-work-shortcuts .sys-work-primary .sys-studio-link.is-active{
 box-shadow:inset 0 -2px var(--adm-primary,#3c8dbc)!important;
}
body .sys-studio-header .sys-work-shortcuts .sys-work-primary .sys-studio-link:focus-visible{
 outline:2px solid var(--adm-primary,#3c8dbc);outline-offset:2px;
}

/* Always-present environment shortcuts inside Sysimple One; the API filters access. */
#execution-quick-access{flex:0 1 auto;max-height:42%;min-height:0;overflow:auto;border-bottom:1px solid var(--adm-border);scrollbar-width:thin}
#execution-quick-access[hidden]{display:none}
#execution-quick-access h2{margin:0;padding:10px;font-size:13px;background:var(--adm-surface-2);border-bottom:1px solid var(--adm-border)}
#execution-quick-access summary{padding:9px 10px;cursor:pointer;font-size:12px;font-weight:600;background:var(--adm-primary-soft,var(--adm-surface-2))}
#execution-quick-access .execution-module-link{display:flex;gap:8px;align-items:center;min-height:36px;padding:6px 10px 6px 18px;color:inherit;text-decoration:none;box-sizing:border-box;border-left:3px solid transparent}
#execution-quick-access .execution-module-link:hover,#execution-quick-access .execution-module-link:focus-visible{background:var(--adm-primary-soft);border-left-color:var(--adm-primary)}
#execution-quick-access .execution-module-link>:first-child{width:22px;height:22px;object-fit:contain;flex:none;font-size:18px}
#execution-quick-access .execution-module-link>span{flex:1;overflow-wrap:anywhere;font-size:12px}
#execution-quick-access .execution-module-link>i:last-child{font-size:10px;opacity:.6}
#execution-quick-access p{margin:8px 12px;font-size:12px;color:var(--adm-text-soft)}
html[data-brand-active] #execution-quick-access{border-color:var(--brand-sidebarBorder)}
html[data-brand-active] #execution-quick-access h2{background:var(--brand-sidebarBackground);border-color:var(--brand-sidebarBorder)}
html[data-brand-active] #execution-quick-access summary{background:color-mix(in srgb,var(--brand-sidebarModule) 16%,var(--brand-sidebarBackground))}
html[data-brand-active] #execution-quick-access :is(summary,.execution-module-link):hover,html[data-brand-active] #execution-quick-access .execution-module-link:focus-visible{background:var(--brand-sidebarHover);border-left-color:var(--brand-sidebarModule)}
#execution-quick-drawer{position:fixed;left:auto;bottom:auto;margin:0;padding:0;width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - 170px);overflow:auto;box-sizing:border-box;border:1px solid var(--adm-border);border-top:3px solid var(--adm-primary);background:var(--adm-panel);color:var(--adm-text);box-shadow:0 12px 32px #0005;}
#execution-quick-drawer .execution-quick-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;position:sticky;top:0;background:var(--adm-panel);border-bottom:1px solid var(--adm-border);z-index:1;}
#execution-quick-drawer h2{font-size:15px;margin:0;}
#execution-quick-drawer button{min-width:34px;min-height:34px;background:var(--adm-surface-2);color:inherit;border:1px solid var(--adm-border);cursor:pointer;}
#execution-quick-drawer #execution-quick-access{max-height:none;overflow:visible;border:0;}
#execution-quick-drawer #execution-quick-access h2{display:none;}
#execution-quick-drawer .execution-quick-empty{padding:14px;margin:0;}
#execution-quick-drawer #execution-quick-access:not([hidden])+.execution-quick-empty{display:none;}
#execution-quick-toggle{min-width:34px;min-height:34px;}
#execution-quick-drawer:not(:popover-open){display:none!important;}
#execution-quick-toggle[aria-expanded=true]{border-color:var(--adm-primary);background:var(--adm-primary-soft);}

.sys-work-environment-picker{position:relative;display:inline-flex;align-items:center}
.sys-work-environment-icon{position:absolute;left:9px;display:inline-flex;pointer-events:none;color:inherit;z-index:1}
.sys-work-shortcuts .sys-work-environment-picker select{padding-left:32px!important}
.home-work-environment{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 12px;margin:0 0 14px;border:1px solid var(--adm-border,#ced8df);background:var(--adm-surface,#fff);color:var(--adm-text,#263238);font-size:13px}
.home-work-environment label{font-weight:600;margin:0}.home-work-environment p{flex:1 1 260px;margin:0;line-height:1.5}.home-work-environment>span{color:var(--adm-text-soft,#576570)}
.home-work-environment select,.home-work-environment button,.home-work-environment a{min-height:36px;padding:6px 10px;border:1px solid var(--adm-border,#ced8df);border-radius:3px;background:var(--adm-surface-2,#f9fafb);color:inherit;font:inherit;text-decoration:none}
.home-work-environment select{min-width:200px;max-width:100%;flex:0 1 320px}.home-work-environment :is(select,button,a):focus-visible{outline:2px solid var(--adm-primary,#3c8dbc);outline-offset:2px}
@media(max-width:600px){.home-work-environment label,.home-work-environment select{flex-basis:100%;width:100%;min-width:0}.home-work-environment>span{font-size:12px}}
/* Compact editor: information on the left, daily navigation on the right. */
#work-env-app .work-env-layout{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:12px}
#work-env-app .work-env-editor-columns{gap:18px;align-items:start}
#work-env-app .work-env-list,#work-env-app .work-env-editor{padding:12px}
#work-env-app .work-env-toolbar{padding:10px 12px}
#work-env-app .work-env-editor h3{font-size:14px;margin:0 0 6px}
#work-env-app .work-env-editor p{font-size:12px;line-height:1.5;margin:6px 0 10px;color:var(--adm-text-soft)}
#work-env-app .work-env-roles{max-height:240px}
#work-env-app .work-env-roles label{margin:0;display:flex;align-items:center;min-height:30px;overflow-wrap:anywhere}
#work-env-app .work-env-roles input{flex:none}
#work-env-app .work-env-role-search{width:100%;box-sizing:border-box;margin:0 0 8px}
#work-env-app .work-env-access-review{margin:10px 0;padding:10px}
#work-env-app .work-env-access-review>summary{cursor:pointer;font-weight:600;min-height:34px;align-content:center}
#work-env-app :is(button,input,select,summary):focus-visible{outline:2px solid var(--adm-primary,#3c8dbc);outline-offset:2px}
@media(min-width:1100px){#work-env-app .work-env-editor-columns{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}}
@media(max-width:760px){#work-env-app .work-env-layout{grid-template-columns:1fr}#work-env-app .work-env-list{display:flex;flex-wrap:wrap;gap:6px}#work-env-app .work-env-list button{width:auto;margin:0;max-width:100%;overflow-wrap:anywhere}}
#work-env-app .work-env-roles label[hidden]{display:none}
#work-env-app fieldset{min-width:0}
#work-env-app input:not([type=checkbox]){box-sizing:border-box;max-width:100%}
/* Shared module picker: named destinations, stable compact header. */
html body .sys-studio-header .sys-work-shortcuts{flex-wrap:nowrap;gap:6px}
html body .sys-work-shortcuts .sys-work-separator{display:none}
html body .sys-work-modules>summary{display:flex;align-items:center;gap:12px;min-height:34px;padding:0 12px;list-style:none;border:1px solid var(--adm-border,#ced8df);border-radius:4px;background:var(--adm-surface-2,#f9fafb);color:var(--adm-text,#263238);font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer}
.sys-work-modules>summary::-webkit-details-marker{display:none}
.sys-work-modules>summary:after{content:'⌄'}
html body .sys-work-modules>div{position:fixed;box-sizing:border-box;width:min(360px,calc(100vw - 16px));min-width:0;max-height: min(520px,65dvh);overflow:auto;padding:12px;background:var(--adm-panel,#fff);color:var(--adm-text,#263238);border:1px solid var(--adm-border,#ced8df);border-radius:6px;box-shadow:0 10px 28px #0003;z-index:2000}
.sys-work-modules label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.sys-work-modules input{box-sizing:border-box;display:block;width:100%;min-height:36px;margin-top:6px;padding:6px 9px;border:1px solid var(--adm-border,#ced8df);border-radius:3px;background:var(--adm-surface-2,#f9fafb);color:inherit;font:inherit}
html body .sys-studio-header .sys-work-modules a{display:flex!important;width:100%!important;box-sizing:border-box;justify-content:flex-start!important;gap:10px;min-height:40px;margin:2px 0;padding:8px!important;border:0!important;text-decoration:none}
html body .sys-studio-header .sys-work-modules a span{display:block!important;white-space:normal;text-align:left;font-size:13px}
html body .sys-studio-header .sys-work-modules a[hidden]{display:none!important}
.sys-work-modules a[aria-current=page]{font-weight:700}
.sys-work-modules a[aria-current=page]:after{content:'✓';margin-left:auto}
.sys-work-modules :is(summary,input,a):focus-visible{outline:2px solid var(--adm-primary,#3c8dbc);outline-offset:2px}
html body .sys-studio-header .sys-studio-right .sys-studio-organization{min-width:150px;max-width:240px;flex:0 1 220px;border-left:0;padding-left:0}
html body .sys-studio-header .sys-studio-right .sys-org-details summary{border:0!important;background:transparent!important;width:28px;height:34px;padding:0!important}
html body .sys-studio-header .sys-studio-right .sys-org-text{min-width:80px}
html body .sys-studio-auth-menu .sys-studio-theme-wrap{margin:10px 12px;display:flex}
@media(max-width:1200px){html body .sys-work-shortcuts .sys-work-primary{display:none}html body .sys-studio-header .sys-studio-right .sys-studio-organization{min-width:120px;max-width:170px}}
@media(max-width:760px){html body .sys-studio-header .sys-studio-right .sys-studio-organization{min-width:100px;max-width:140px}.sys-work-shortcuts .sys-work-environment-picker{max-width:110px}}

html body .sys-work-modules>div{right:auto!important;text-align:left!important}
html body .sys-work-modules>summary{justify-content:flex-start!important}
.sys-work-modules-icon{display:inline-flex;align-items:center;flex:none}
