html,body{width:100%;max-width:100%;margin:0;box-sizing:border-box;overflow-x:hidden;overscroll-behavior-x:none}
@supports(overflow:clip){html,body{overflow-x:clip}}
.shell,.main{max-width:100%}
dialog{max-width:calc(100vw - 24px);overflow-x:hidden;overflow-wrap:anywhere}
button,a{overflow-wrap:anywhere}
[hidden]{display:none!important}
.job-dialog{width:min(760px,calc(100% - 32px));padding:32px;border:1px solid #e4e7ee;border-radius:20px;box-shadow:0 24px 90px #0003;color:#20242b}
.job-dialog::backdrop{background:#18202b88;backdrop-filter:blur(3px)}
.job-dialog>button:first-child{display:block;margin-left:auto;padding:8px 14px;background:#f0f2f5;border:0;border-radius:8px;color:#475467;font:inherit;cursor:pointer}
.job-dialog h2{font-size:25px;line-height:1.3;margin:8px 0 24px;letter-spacing:-.5px}
.job-dialog>p:has(b){padding:12px 15px;margin:0;border-bottom:1px solid #eaecf0;display:grid;grid-template-columns:110px minmax(0,1fr);font-size:14px;line-height:1.5}
.job-dialog>p>b{color:#667085;font-size:12px;font-weight:650}
.job-dialog>p:has(b):nth-of-type(odd){background:#f8f9fb}
.job-dialog .primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;line-height:1.4;padding:11px 17px;text-decoration:none;font-size:14px;vertical-align:middle}
.job-dialog button:disabled{opacity:.45;cursor:default}
.job-dialog>.primary{margin-top:18px}
.job-dialog .advanced{border-top:1px solid #e4e7ee;margin-top:22px;padding-top:18px;display:grid;gap:12px}
.job-dialog details{border:1px solid #e4e7ee;border-radius:10px;background:#fff;overflow:hidden}
.job-dialog summary{cursor:pointer;padding:16px;font-weight:650;font-size:14px;background:#f8f9fb;line-height:1.4}
.job-dialog details[open] summary{border-bottom:1px solid #e4e7ee}
.job-dialog details .form{padding:18px;gap:16px}
.job-dialog details>p{padding:0 18px;line-height:1.6}
.job-dialog>.form{padding:22px;background:#f8f9fb;border:1px solid #e4e7ee;border-radius:12px;margin:18px 0;gap:16px}
.job-dialog input:not([type=color]),.job-dialog select{min-height:44px;background:white}
.job-dialog label{font-size:13px;color:#475467}
.job-dialog input:focus,.job-dialog textarea:focus,.job-dialog select:focus{outline:2px solid #d59c00;outline-offset:2px}
.job-dialog>div:not(.advanced){padding:18px 0;border-bottom:1px solid #e4e7ee;margin-bottom:16px}
.job-dialog a.primary{margin:0;width:100%}
*,*::before,*::after{box-sizing:border-box}
.shell{grid-template-columns:255px minmax(0,1fr)}
.main,.grid,.grid>*,.panel,.top>*,.row>*,.formgrid>*{min-width:0}
.grid,.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.month-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:visible!important}
.month-grid>div{min-width:0;overflow-wrap:anywhere}
.account-bar{flex-wrap:wrap;overflow-wrap:anywhere}
.agenda-job,.row,.panel p{overflow-wrap:anywhere}
input,select,textarea,canvas{max-width:100%;min-width:0}
.login{width:calc(100% - 32px)}
@media(max-width:760px){
 .shell{display:block}.main{width:100%;padding:16px;margin:0}
 .panel{padding:16px}.grid,.formgrid{grid-template-columns:minmax(0,1fr)}
 .top{flex-wrap:wrap}.top h1{font-size:26px}.top .primary{max-width:100%}
 .stats{grid-template-columns:minmax(0,1fr)!important}
 .hero{gap:8px}.hero h2{font-size:22px}.bolt{font-size:44px;flex-shrink:0}
 .month-grid{gap:3px!important}.month-grid>div{padding:4px!important;font-size:11px}
 .month-grid>div>div{padding:3px!important;font-size:10px!important}
 .row{flex-wrap:wrap}.job-dialog{padding:18px;width:calc(100% - 24px)}
 .job-dialog .primary{white-space:normal}.account-bar{font-size:13px}
 .job-dialog>p:has(b){grid-template-columns:85px minmax(0,1fr);padding:10px}
 .job-dialog h2{font-size:21px}.job-dialog>.form{padding:14px}
}