/* Month calendar and large, readable drill-down dialogs. */
#app#app#app .ss-calendar-weekday-row,
#app#app#app .ss-calendar-grid{display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important}
#app#app#app .ss-calendar>header>div:first-child{min-width:0!important}
#app#app#app .ss-calendar>header>div:first-child>span{display:block!important;margin-top:3px!important;color:#7c8493!important;font-size:11px!important;line-height:1.5!important}
#app#app#app .ss-calendar-month-nav270{display:flex!important;gap:2px!important;flex-shrink:0!important}
#app#app#app .ss-calendar-month-nav270>button{display:grid!important;place-items:center!important;min-width:40px!important;width:40px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;color:#48536c!important;font-size:27px!important}
#app#app#app .ss-weekdays{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;padding:0!important}
#app#app#app .ss-weekdays>span{font-size:11px!important;font-weight:500!important;color:#8a929f!important;min-height:30px!important}
#app#app#app .ss-weekdays>span:first-child{color:#bd7474!important}
#app#app#app .ss-weekdays>span:last-child{color:#6d89b7!important}
#app#app#app .ss-calendar .ss-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;border:0!important;overflow:visible!important}
#app#app#app .ss-calendar .ss-days>button{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:4px!important;height:112px!important;min-height:112px!important;min-width:0!important;margin:0!important;padding:5px 2px!important;border:0!important;border-top:1px solid #f0f2f6!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;text-align:center!important}
#app#app#app .ss-calendar .ss-days>button.selected:not(.lh-personal-off){background:#f4f7ff!important;border-radius:10px!important}
#app#app#app .ss-calendar .ss-days>button.adjacent{background:#fff!important;opacity:.48!important}
#app#app#app .ss-calendar .ss-days>button>.ss-date-num270{display:grid!important;place-items:center!important;flex-shrink:0!important;width:27px!important;height:27px!important;min-height:27px!important;margin:0 auto 3px!important;border-radius:50%!important;color:#202735!important;font-size:14px!important;font-weight:650!important;line-height:1!important;text-decoration:none!important}
#app#app#app .ss-calendar .ss-days>button:nth-child(7n+1)>.ss-date-num270{color:#bd7474!important}
#app#app#app .ss-calendar .ss-days>button:nth-child(7n)>.ss-date-num270{color:#6d89b7!important}
#app#app#app .ss-calendar .ss-days>button.today>.ss-date-num270{background:#4362e4!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#app#app#app .ss-calendar .ss-days>button>.ss-date-sales270{display:block!important;padding:3px 0!important;border-radius:4px!important;background:#edf2ff!important;color:#4e65a2!important;font-size:10px!important;line-height:15px!important;font-weight:600!important;white-space:nowrap!important}
#app#app#app .ss-calendar .ss-days>button>.ss-date-oto270{display:block!important;font-size:10px!important;line-height:15px!important;font-style:normal!important;color:#6f7d9c!important;white-space:nowrap!important}
#app#app#app .ss-calendar-weeks270{display:flex!important;align-items:center!important;gap:2px!important;padding:10px 0 0!important;margin:5px 0 0!important;border-top:1px solid #eef1f5!important;background:#fff!important}
#app#app#app .ss-calendar-weeks270>span{flex:0 0 auto!important;padding-right:6px!important;font-size:10px!important;color:#8b93a0!important;white-space:nowrap!important}
#app#app#app .ss-calendar-weeks270>button{flex:1!important;min-width:0!important;width:auto!important;min-height:44px!important;height:44px!important;padding:7px 1px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#707b90!important;font-size:11px!important;line-height:1.3!important;box-shadow:none!important}
#app#app#app .ss-calendar-weeks270>button:focus-visible{outline:2px solid #4362e4!important;outline-offset:-2px!important}
#app#app#app .ss-scope-switch>.ss-deposit-button270{border-left:1px solid #dde2ed!important;border-radius:0 9px 9px 0!important;color:#4d608b!important}

:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270){box-sizing:border-box!important;position:fixed!important;inset:0!important;width:min(620px,calc(100vw - 24px))!important;max-width:620px!important;max-height:calc(100dvh - 32px)!important;height:fit-content!important;margin:auto!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;border:1px solid #e2e7ef!important;border-radius:22px!important;background:#fff!important;color:#202735!important;-webkit-text-fill-color:currentColor!important;box-shadow:0 20px 70px #16243b33!important;font-family:inherit!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270):not([open]){display:none!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270)::backdrop{background:#1b243c70!important;backdrop-filter:blur(5px)!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) *{box-sizing:border-box!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-header{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:20px!important;border:0!important;border-bottom:1px solid #e9edf4!important;background:#fff!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-header h2{margin:0!important;color:#202735!important;font-size:22px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.5px!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-header p{margin:5px 0 0!important;color:#7b8495!important;font-size:13px!important;line-height:1.5!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) button.btn{min-height:48px!important;height:auto!important;width:auto!important;padding:10px 15px!important;margin:0!important;border:1px solid #e0e5ee!important;border-radius:11px!important;background:#f8f9fc!important;color:#46536e!important;font-family:inherit!important;font-size:15px!important;font-weight:600!important;line-height:1.5!important;white-space:nowrap!important;cursor:pointer!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-header>button{flex-shrink:0!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-body{padding:20px!important;min-width:0!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) h3{margin:22px 0 10px!important;font-size:16px!important;line-height:1.5!important;color:#3f4a60!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) :is(label,p[role="status"]){display:block!important;color:#758097!important;font-size:13px!important;line-height:1.6!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) textarea.ff270-briefing-text{display:block!important;width:100%!important;height:min(48dvh,460px)!important;min-height:190px!important;margin:9px 0 12px!important;padding:16px!important;border:1px solid #e1e7f1!important;border-radius:12px!important;background:#f8faff!important;color:#34425e!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.85!important;resize:vertical!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;-webkit-text-fill-color:#34425e!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) button.ff270-copy-button{display:block!important;width:100%!important;margin-top:12px!important;background:#4362e4!important;border-color:#4362e4!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important}
:is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) :is(button,textarea):focus-visible{outline:3px solid #7495f0!important;outline-offset:2px!important}
#app#app#app .ff270-date-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:18px!important}
#app#app#app .ff270-date-nav>span{font-size:14px!important;color:#7c8596!important}
#app#app#app .ff270-date-total{display:grid!important;gap:6px!important;margin:0!important;padding:22px!important;border:0!important;border-radius:16px!important;background:#f0f4ff!important;text-align:left!important}
#app#app#app .ff270-date-total>span{color:#7283aa!important;font-size:14px!important}
#app#app#app .ff270-date-total>strong{color:#31477c!important;font-size:clamp(27px,7vw,38px)!important;line-height:1.35!important;font-weight:750!important;overflow-wrap:anywhere!important;font-variant-numeric:tabular-nums!important}
#app#app#app .ff270-date-total>small{font-size:11px!important;color:#8190ad!important}
#app#app#app .ff270-date-oto{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px 4px 0!important}
#app#app#app .ff270-date-oto>span{display:grid!important;gap:5px!important;font-size:12px!important;color:#8190a6!important}
#app#app#app .ff270-date-oto b{font-size:18px!important;font-weight:650!important;color:#4d5f83!important;overflow-wrap:anywhere!important}
#app#app#app .ff270-date-people>article{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:14px 0!important;min-height:72px!important;border:0!important;border-top:1px solid #edf0f6!important;background:#fff!important;min-width:0!important}
#app#app#app .ff270-date-people>article>div{display:grid!important;gap:4px!important;min-width:0!important;flex:1!important}
#app#app#app .ff270-date-people>article strong{font-size:16px!important;color:#34415b!important;font-weight:650!important}
#app#app#app .ff270-date-people>article span{font-size:11px!important;color:#8992a3!important}
#app#app#app .ff270-date-people>article>b{font-size:16px!important;color:#485b80!important;font-weight:650!important;overflow-wrap:anywhere!important;max-width:42%!important}
#app#app#app .ff270-date-people>article>button{flex-shrink:0!important;min-width:57px!important;padding:9px 11px!important}
#app#app#app dialog.ff270-popup .ff270-date-appointments>button.btn{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:68px!important;margin-bottom:8px!important;padding:13px 15px!important;text-align:left!important;white-space:normal!important}
#app#app#app .ff270-date-appointments>button>span:first-child{display:grid!important;gap:5px!important;min-width:0!important}
#app#app#app .ff270-date-appointments strong{font-size:16px!important;color:#435473!important;overflow-wrap:anywhere!important}
#app#app#app .ff270-date-appointments small{font-size:12px!important;color:#8590a5!important;overflow-wrap:anywhere!important}
#app#app#app .ff270-popup-note{margin:20px 0 0!important;color:#8d96a6!important;font-size:12px!important;line-height:1.6!important}
#app#app#app #sales-day-dialog{inset:0!important;width:min(620px,calc(100vw - 24px))!important;max-width:620px!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;border-radius:22px!important}
#app#app#app #sales-day-dialog::before{display:none!important}
#app#app#app #sales-day-dialog :is(input,textarea,select){font-size:18px!important;min-height:50px!important;line-height:1.6!important}
#app#app#app #sales-day-dialog input[data-money-display="occurredSales"]{font-size:28px!important;height:62px!important;min-height:62px!important}
#app#app#app #sales-day-dialog .btn{min-height:48px!important;font-size:16px!important}
#app#app#app #sales-day-dialog .ss-day-card{padding:20px!important}
@media(max-width:600px){
  #app#app#app .ss-calendar{padding:16px 10px!important}
  #app#app#app .ss-calendar .ss-days>button{height:104px!important;min-height:104px!important}
  :is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-header{padding:17px 16px!important;gap:10px!important}
  :is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-body{padding:16px!important}
  :is(#app#app#app dialog.ff270-popup,#workdesk-briefing-dialog270) .ff270-popup-header h2{font-size:21px!important}
  #app#app#app .ff270-date-total{padding:20px 16px!important}
}