/* V1395: richer earth tones, unchanged V1336 calendar geometry. */
html.er1395-refined body.ww-roster-active #app#app#app#app#app#app#app#app #page{background:#eeeee5!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero{background:linear-gradient(115deg,#1f5140,#2d6d50)!important;border-color:#2a6449!important;border-top:3px solid #a4bc83!important;box-shadow:0 4px 12px #173e2c12!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero :is(.rst-week,.rst-week-label,.rst-hero-date,.rst-hero-title,.rst-range,.rst-hero-range){color:#fffdf3!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero :is(.rst-total,.rst-count,.rst-summary,.rst-hero-summary,.rst-hero-metrics,.rst-hero-meta){color:#c7dcc5!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero :is(strong,b){color:#fff9e9!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero :is(.rst-hs span,.rst-hs em,.rst-eyebrow){color:#d5dfbd!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero .rst-nav{background:#ffffff14!important;border:1px solid #ffffff2b!important;color:#fffdf2!important;box-shadow:none!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero .rst-nav svg{stroke:#f4f6e8!important;color:#f4f6e8!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero .rst-hero-add{background:#f1e7c9!important;color:#244b37!important;border-color:#f1e7c9!important;box-shadow:none!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero .rst-hero-add :is(svg,span){stroke:currentColor!important;color:#244b37!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero button:not(.rst-nav):not(.rst-hero-add){background:#ffffff14!important;border-color:#ffffff3b!important;color:#f6f4df!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .rst-hero button:not(.rst-nav):not(.rst-hero-add) :is(span,svg){color:#f6f4df!important;stroke:currentColor!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .ww521-roster-controls{background:#e7eddc!important;border-color:#c8d8bf!important;box-shadow:0 3px 10px #2a483005!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .ww521-roster-controls .rst-day{background:#f9f8ef!important;border-color:#d3ddc7!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .ww521-roster-controls .rst-day.sel{background:#2b704f!important;border-color:#2b704f!important;box-shadow:inset 0 0 0 1px #2b704f!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .ww521-roster-controls .rst-day.sel :is(.rd-num,.rd-dow){color:#fffbed!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .ww521-roster-controls :is(input,.er1024-search){background:#fbfcf7!important;border-color:#c8d5be!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .ww521-selected-meta{background:#d7e4c8!important;color:#395b39!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .roster-mobile>.er794-card{background:linear-gradient(110deg,color-mix(in srgb,var(--solid,#4c795b) 7%,#fffdf5),#fffdf8)!important;border-color:color-mix(in srgb,var(--solid,#4c795b) 22%,#e6e8dc)!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .roster-mobile>.er794-card :is(.er794-main,.er794-body){background:transparent!important;}
/* Employee dashboard: forest welcome, sage/sand/sea-glass metrics. */
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-hero{background:linear-gradient(115deg,#204d3c,#386e50)!important;border:1px solid #315f45!important;border-left:4px solid #b3bd83!important;color:#fffbed!important;box-shadow:0 5px 16px #254a3515!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-eyebrow{color:#d0d9b0!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-hero h1{color:#fffcf0!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-hero p{color:#d4e3cc!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-hero-add{background:#eee5c9!important;color:#2c513b!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .hm-hero-add :is(span,svg){color:#2c513b!important;stroke:currentColor!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home-stats .hm-hs:nth-child(1){background:#e2ecd9!important;border-color:#c7d9bc!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home-stats .hm-hs:nth-child(2){background:#f0e6d4!important;border-color:#e1d1b5!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home-stats .hm-hs:nth-child(3){background:#dfebe5!important;border-color:#c7d9d0!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1394-home .er1393-home-empty{background:#f8f4e9!important;border-color:#e0dbc9!important;}
/* Bookings distinguish an unavailable connection from a genuinely empty folder. */
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;background:#f6edda!important;border:1px solid #e5d5b5!important;border-radius:10px!important;padding:13px!important;margin:0!important;color:#674c28!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note>span svg{width:22px!important;height:22px!important;stroke:#8d7039!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note strong{font:650 13px/1.4 system-ui!important;color:#674c28!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note p{font:400 12px/1.5 system-ui!important;color:#755d38!important;margin:4px 0 0!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note button{min-width:52px!important;min-height:44px!important;border:1px solid #d6c29c!important;background:#fffbf2!important;color:#75562a!important;border-radius:7px!important;padding:6px 9px!important;font:600 12px/1.3 system-ui!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-booking-wait{background:#f8f5eb!important;border:1px dashed #dcd6c3!important;border-radius:12px!important;text-align:center!important;padding:30px 20px!important;color:#5c664f!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-booking-wait strong{font:650 16px/1.4 system-ui!important;}
html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-booking-wait p{font:400 13px/1.6 system-ui!important;margin:8px auto 0!important;max-width:380px!important;}
/* Compact colour chooser. Existing keys and auto-by-client behaviour stay canonical. */
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-heading>.er932-label{margin:0!important;min-width:0!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-heading>.er932-add-client-link{position:static!important;float:none!important;inset:auto!important;transform:none!important;margin:0!important;padding:3px 0!important;min-height:32px!important;white-space:nowrap!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-colour-row{background:#f8f8f0!important;border-color:#d6decb!important;border-radius:8px!important;flex-wrap:wrap!important;min-width:0!important;gap:7px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-colour-row>.left{min-width:0!important;gap:8px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift #m_color_label{font:550 12px/1.4 system-ui!important;white-space:normal!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-colour-row>[data-action="toggle-shift-colour"]{color:#376148!important;border:0!important;background:transparent!important;min-width:50px!important;min-height:36px!important;padding:3px 6px!important;font:600 12px/1.3 system-ui!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1395-colour-picker{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;min-width:0!important;flex-basis:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:8px 0 2px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-colour-row.is-collapsed .er1395-colour-picker{display:none!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-colour-row.is-open .er1395-colour-picker{display:block!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker::before{display:none!important;content:none!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-heading{display:flex!important;flex-direction:column!important;gap:3px!important;margin-bottom:10px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-heading strong{font:650 12px/1.3 system-ui!important;color:#36503b!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-heading span{font:400 11px/1.4 system-ui!important;color:#68765c!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-swatches{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;position:static!important;width:100%!important;padding:0!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;min-height:40px!important;height:auto!important;margin:0!important;padding:7px!important;border:1px solid #d5deca!important;border-radius:7px!important;background:#fffcf5!important;color:#44573b!important;box-shadow:none!important;position:relative!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-option i,html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-auto::before{display:block!important;content:""!important;flex:none!important;width:18px!important;height:18px!important;border-radius:50%!important;background:var(--opt,#7b9168)!important;border:1px solid #00000012!important;box-shadow:none!important;position:static!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-auto::before{background:conic-gradient(#347557,#c89e55,#b3654d,#347557)!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-option b{font:550 11px/1.3 system-ui!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#44573b!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-option.is-sel{border:2px solid #487952!important;background:#e9efdf!important;padding:6px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-option::after{display:none!important;content:none!important;}
/* Add client: useful form density with a reachable close and save area. */
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form{width:min(520px,calc(100vw - 24px))!important;max-width:520px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-head{background:#e8eedc!important;border-bottom:1px solid #cedbbf!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-body{background:#faf8ef!important;padding:18px 20px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-body{display:grid!important;gap:12px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form :is(.field,.row2){margin:0!important;min-width:0!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .field{display:flex!important;flex-direction:column!important;gap:0!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .row2{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-head{padding:15px 20px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-head h2{font:650 22px/1.3 system-ui!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-foot{padding:12px 20px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-body :is(input,textarea){font-size:16px!important;min-height:44px!important;background:#fffef9!important;border:1px solid #cfdac6!important;border-radius:8px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-body label{font:600 12px/1.4 system-ui!important;color:#50674c!important;margin-bottom:6px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-client-form .modal-body textarea{min-height:76px!important;}
html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1393-client-dialog .modal-head{background:#e8eedc!important;}
/* Desktop shift window: 580px instead of the previous broad canvas. */
@media(min-width:1024px){
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift:not(.er1372-minimized){width:min(580px,calc(100vw - 48px))!important;max-width:580px!important;min-width:0!important;max-height:calc(100dvh - 32px)!important;margin:0!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-head{padding:13px 18px!important;gap:3px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-head h2{font-size:21px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-body{padding:0 18px 12px!important;overflow-y:auto!important;min-height:0!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1367-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-label :is(span,svg){font-size:12px!important;white-space:nowrap!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-add-client-link{font-size:12px!important;gap:3px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-avatar{width:28px!important;height:28px!important;min-width:28px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-copy b{font-size:13px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-copy small{font-size:11px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift :is(.er1028-date-button,.er1337-date-field .er1028-date-shell,.er1322-time-wrap,.er1322-time-face){height:40px!important;min-height:40px!important;font-size:15px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-grid3{gap:10px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-field label{font:500 12px/1.3 system-ui!important;margin-bottom:6px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1337-total-time{min-height:30px!important;padding:7px!important;margin-top:8px!important;font-size:11px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1394-options-label{display:none!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings :is(.er1372-repeat-trigger,#m_status){height:36px!important;min-height:36px!important;padding-block:5px!important;font-size:12px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings>section{min-height:36px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er932-colour-row{min-height:40px!important;padding:1px 8px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift :is(.er1367-client,.er1367-schedule,.er1367-staff,.er1370-instructions){padding:13px 0!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift :is(.er932-label,.er1367-section-heading h3){font-size:12px!important;margin-bottom:8px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-trigger{padding:10px!important;gap:8px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er962-client-copy :is(b,small){white-space:normal!important;line-height:1.4!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift #m_notes{height:74px!important;min-height:74px!important;max-height:140px!important;font-size:13px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings{margin-top:13px!important;padding:12px!important;gap:7px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings>section{grid-template-columns:88px minmax(0,1fr)!important;gap:9px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1370-settings :is(h3,label){font-size:12px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .modal-foot{padding:11px 18px!important;}
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-shift .er1395-colour-picker .colour-swatches{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:359px){
 html.er1395-refined body #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er1395-colour-picker .colour-swatches{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note{grid-template-columns:minmax(0,1fr) auto!important;}
 html.er1395-refined body #app#app#app#app#app#app#app#app .er1395-connection-note>span{display:none!important;}
}