.ss-workspace { font-family:var(--admin-ui-font,Arial,sans-serif); }
.ss-heading { display:flex; align-items:center; justify-content:space-between; min-height:130px; padding:18px 20px; background:#f1f7f3; border-block:1px solid #e8f0e9; }
.ss-heading h1 { max-width:720px; }.ss-heading p { max-width:660px; }
.ss-illustration { position:relative; width:135px; height:94px; margin:0 24px; flex:none; color:#659b81; }
.ss-illustration>.admin-exec-icon { width:96px; height:90px; }.ss-illustration>span { position:absolute; right:0; bottom:0; border-radius:50%; background:#f1f7f3; color:#075740; }.ss-illustration>span>.admin-exec-icon { width:53px; height:53px; }
.ss-demo { display:flex; gap:12px; align-items:center; background:#eaf3f8; color:#386b7c; padding:7px 12px; border-radius:6px; margin-bottom:14px; font-size:11px; }
.ss-templates,.ss-board { background:white; border:1px solid var(--admin-ui-border); border-radius:12px; padding:16px; margin-bottom:14px; box-shadow:var(--admin-ui-shadow); }
.ss-templates>header,.ss-board>header { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:14px; }
.ss-section-heading { display:flex; align-items:center; gap:10px; }.ss-section-heading>.admin-exec-icon { width:23px; height:23px; color:#08765d; flex:none; }
.ss-template-strip { display:flex; gap:12px; overflow:auto; padding:2px 2px 6px; }
.ss-template { display:flex; align-items:center; gap:10px; flex:1 0 235px; padding:12px 10px; border:1px solid #e9eeea; border-radius:8px; min-height:76px; background:#fff; }
.ss-template>div { flex:1; }.ss-template strong { display:block; font-size:13px; overflow-wrap:anywhere; }.ss-template small { font-size:11px; }
.ss-shift-symbol { color:var(--shift-color); background:var(--shift-bg); border-radius:50%; padding:7px; display:grid; place-items:center; }
.ss-daytime { --shift-bg:#fff7df; --shift-color:#977421; }.ss-evening { --shift-bg:#f9edf2; --shift-color:#a35377; }.ss-night { --shift-bg:#eeebfa; --shift-color:#7160a8; }
.ss-board-tools { display:flex; align-items:end; gap:10px; }.ss-board-tools label { display:grid; gap:4px; font-size:11px; color:#607a73; }.ss-board-tools select { min-width:150px; font-size:12px; }
.ss-day { display:flex; align-items:center; border:1px solid #e1e9e5; border-radius:7px; }.ss-workspace .ss-day input { width:145px; border:0; font-size:12px; }.ss-workspace .ss-day button { padding:6px; width:30px; border:0; min-height:34px; }
.ss-tools { position:relative; }.ss-tools>summary { display:grid; place-items:center; border:1px solid #e1e9e5; border-radius:7px; width:34px; height:36px; cursor:pointer; list-style:none; }.ss-tools>summary::-webkit-details-marker { display:none; }.ss-tools>div { position:absolute; right:0; top:42px; z-index:8; padding:8px; width:230px; border:1px solid #e1e9e5; background:white; border-radius:8px; box-shadow:0 6px 24px #102d3320; }
.ss-board-grid { display:grid; grid-template-columns:235px minmax(0,1fr); gap:14px; align-items:stretch; }
.ss-pool { border-right:1px solid #edf1ed; padding-right:12px; }.ss-pool>summary { font-size:13px; font-weight:700; margin-bottom:10px; cursor:pointer; }.ss-pool .er-search { display:block; margin-bottom:10px; }.ss-pool input { font-size:12px; }.ss-pool-list { max-height:245px; overflow:auto; padding:2px; }
.ss-person { display:flex; gap:8px; align-items:center; min-height:49px; border-bottom:1px solid #eef2ee; padding:7px 0; cursor:grab; }.ss-person>div { flex:1; overflow:hidden; }.ss-person strong { display:block; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ss-person small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ss-workspace .ss-person>button { border:0; width:26px; min-height:28px; padding:3px; background:transparent; color:#52756a; }
.ss-avatar { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; background:#e7efeb; color:#44695d; font-size:10px; flex:none; }
.ss-site-scroll { display:flex; gap:12px; overflow:auto; padding:2px 2px 10px; min-height:290px; align-items:stretch; }
.ss-site { flex:1 0 275px; max-width:310px; border:1px solid #e7ede7; border-radius:8px; padding:12px; background:#fbfcfb; }
.ss-site>header { display:flex; align-items:flex-start; gap:8px; margin-bottom:13px; }.ss-site>header>div { flex:1; }.ss-site>header>.admin-exec-icon { color:#08765d; width:20px; height:20px; }.ss-site h3 { font-size:13px; line-height:1.3; }.ss-site>header small { margin-top:3px; font-size:11px; }
.ss-site-groups { display:grid; gap:9px; }.ss-shift-group { background:white; border:1px solid #eef1ed; border-radius:7px; overflow:hidden; }.ss-shift-group>summary { min-height:58px; display:flex; gap:8px; align-items:center; padding:9px; background:var(--shift-bg); cursor:pointer; list-style:none; }.ss-shift-group>summary::-webkit-details-marker { display:none; }.ss-shift-group>summary>.admin-exec-icon { color:var(--shift-color); flex:none; }.ss-shift-group>summary>span { flex:1; }.ss-shift-group strong { display:block; font-size:12px; }.ss-shift-group>summary b { display:grid; place-items:center; background:#ffffffa8; border-radius:6px; width:23px; height:23px; font-size:11px; }
.ss-assigned { display:flex; align-items:center; gap:5px; padding:7px; border-top:1px solid #eef2ee; cursor:grab; }.ss-assigned>.ss-avatar { width:23px; height:23px; font-size:9px; }.ss-workspace .ss-assigned>button { border:0; padding:2px; min-height:26px; flex:1; background:transparent; font-size:11px; justify-content:flex-start; text-align:left; overflow-wrap:anywhere; }.ss-workspace .ss-assigned>.ss-unassign { flex:none; padding:4px; width:24px; color:#7a8f86; }
.ss-workspace .ss-drop-target { width:100%; padding:13px 6px; border:1px dashed #cbdcd3; background:#f4f8f5; color:#446d5d; font-size:12px; font-weight:500; }
.ss-drop-active { outline:2px dashed #08765d; outline-offset:-3px; background:#eaf7ef; }
.ss-empty { padding:18px 7px; color:#70887c; font-size:12px; text-align:center; }.ss-notice { padding:8px 0; }.ss-warnings { padding:10px; margin-bottom:12px; background:#fff7df; border-radius:7px; }.ss-warnings summary { cursor:pointer; }.ss-warnings p { font-size:12px; }
.ss-dialog { width:700px; }.ss-dialog h3 { margin-bottom:10px; }.ss-wide { grid-column:1/-1; }.ss-subheading { border-top:1px solid #eef2ee; margin-top:16px!important; padding-top:14px; }.ss-dialog textarea { display:block; font:inherit; width:100%; border:1px solid #e1e9e5; border-radius:7px; padding:9px; resize:vertical; margin-top:4px; }.ss-duration,.ss-timezone { font:12px/1.4 Arial,sans-serif!important; color:#5e7a70; }.ss-dialog .er-checks { margin:14px 0; }.ss-conflict { margin-top:16px; }.ss-conflict button { margin:8px 6px 0 0; }
.ss-templates>header { margin-bottom:10px; }
.ss-template { min-height:64px; padding-block:6px; }
.ss-template-strip { padding-bottom:2px; }
.ss-pool-list { max-height:200px; }
.ss-site-scroll { min-height:270px; }
@media(max-width:1100px) { .ss-board>header { align-items:flex-start; flex-wrap:wrap; }.ss-board-grid { grid-template-columns:220px minmax(0,1fr); }.ss-heading h1 { max-width:590px; } }
@media(max-width:700px) { .ss-heading { padding:16px 12px; min-height:125px; }.ss-heading h1 { font-size:30px; }.ss-illustration { display:none; }.ss-demo { display:block; }.ss-demo span { display:block; }.ss-templates,.ss-board { padding:12px; }.ss-templates>header { align-items:flex-start; flex-wrap:wrap; }.ss-board-tools { flex-wrap:wrap; width:100%; }.ss-board-tools label:first-child { flex:1; }.ss-board-tools label:nth-child(2) { flex:1 0 100%; order:3; }.ss-day { width:100%; }.ss-workspace .ss-day input { flex:1; width:auto; min-height:42px; }.ss-board-grid { grid-template-columns:1fr; }.ss-pool { border-right:0; border-bottom:1px solid #eef2ee; padding:0 0 12px; }.ss-pool-list { max-height:220px; }.ss-site-scroll { display:grid; grid-template-columns:1fr; overflow:visible; }.ss-site { max-width:none; width:100%; }.ss-workspace .ss-person>button { width:38px; min-height:38px; }.ss-workspace .ss-assigned>button { min-height:36px; font-size:12px; }.ss-dialog { width:100%; }.ss-dialog textarea { font-size:16px; }.ss-template { flex-basis:240px; } }