.docketHome{max-width:1300px;margin:0 auto;padding:34px 40px 54px;color:#20354b}.docketTop{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 32px}.docketIdentity .eyebrow{color:#8275c8}.docketIdentity h1{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-3px;margin:14px 0 8px;color:#202c40}.docketIdentity p{margin:0;color:#8290a3;font-size:14px}.docketManage{background:#fff;border-color:#e3e8ef;padding-inline:20px}.docketHighlights{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.docketClockCard,.docketNameDay{min-height:176px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;padding:24px 28px;display:flex;flex-direction:column;justify-content:center}.docketClockCard{background:#f3f0ff;border-color:#e6e0ff}.docketClockCard .eyebrow,.docketNameDay .eyebrow{font-size:9px;letter-spacing:1.7px;color:#8b84ad}.docketClock{font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,78px);letter-spacing:-4px;line-height:1.08;color:#5f50a6;margin:9px 0 7px}.docketDate{font-size:13px;color:#837c9f}.docketNameDay{background:#fbf6ef;border-color:#f0e6d9}.docketNameDay .eyebrow{color:#b38d67}.nameDayValue{font-size:clamp(27px,4vw,40px);letter-spacing:-1.2px;color:#72573f;margin:12px 0 7px}.nameDayNote{font-size:12px;color:#a58d77}.docketWeek{border:1px solid #e1e7ef;border-radius:18px;background:#fff;padding:24px 26px 16px}.docketWeekHead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.docketWeekHead h2{font-size:21px;letter-spacing:-.6px;margin:0 0 5px;color:#26354b}.docketWeekHead p{font-size:12px;margin:0;color:#8a97a9}.docketLegend{display:flex;gap:14px;align-items:center;font-size:10px;color:#8491a2;white-space:nowrap}.docketLegend span{display:inline-flex;align-items:center;gap:6px}.docketLegend span:before{content:'';width:8px;height:8px;border-radius:50%;background:#68b99a}.docketLegend .legendAway:before{background:#e6aa69}.weekGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.weekDay{min-height:128px;padding:13px 8px 12px;border-radius:12px;background:#f8f9fc;border:1px solid #eff1f5;text-align:center}.weekDay.isToday{background:#f5f2ff;border-color:#dcd5fb;box-shadow:inset 0 2px 0 #8c7ce0}.weekDayName{display:block;color:#8895a5;font-size:10px;font-weight:700}.weekDayNumber{display:block;margin:4px 0 15px;color:#29374b;font-size:20px;line-height:1}.weekDay.isToday .weekDayNumber{color:#7162c6}.weekAvatars{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.availabilityAvatar{width:33px!important;height:33px!important;min-width:33px!important;border-radius:50%;border:2px solid #d5dae3;background-color:var(--avatar-background,#e9edf3);position:relative;display:inline-block;overflow:hidden}.availabilityAvatar.statusWork{border-color:#63b99a;box-shadow:0 0 0 2px #63b99a22}.availabilityAvatar.statusAway{border-color:#e6aa69;box-shadow:0 0 0 2px #e6aa6922;filter:saturate(.78)}.availabilityAvatar.statusUnknown{border-color:#d0d6df;opacity:.66;filter:grayscale(.45)}.availabilityAvatar:after{content:'';position:absolute;width:8px;height:8px;right:-1px;bottom:-1px;border:1.5px solid #fff;border-radius:50%;background:#aab3c1}.availabilityAvatar.statusWork:after{background:#55b58f}.availabilityAvatar.statusAway:after{background:#e6a45b}.availabilityAvatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.docketHint{font-size:10px;color:#9aa4b3;margin:14px 0 0}.availabilityDialog{width:min(660px,95vw);padding:27px}.availabilityIntro{font-size:12px;line-height:1.7;color:#7c8b9d;margin:0 0 14px}.availabilityRuleList{display:grid;gap:8px;max-height:235px;overflow:auto}.availabilityEmpty{padding:14px;border-radius:10px;background:#f7f8fb;color:#8994a4;font-size:12px}.availabilityRule{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e6eaf0;border-radius:11px;background:#fff}.availabilityRuleText{display:grid;gap:4px;min-width:0}.availabilityRuleText strong{font-size:12px;color:#2b3b51}.availabilityRuleText span{font-size:10px;line-height:1.5;color:#8491a1}.availabilityRuleActions{display:flex;gap:6px;flex-shrink:0}.availabilityRuleActions button{padding:7px 9px;min-height:34px;font-size:10px}.availabilityEditor,#availabilityEditor{border-top:1px solid #e9edf2;margin-top:16px;padding-top:15px}.availabilityEditor summary,#availabilityEditor summary{cursor:pointer;list-style:none;color:#6255b1;font-size:12px;font-weight:800}.availabilityEditor summary::-webkit-details-marker,#availabilityEditor summary::-webkit-details-marker{display:none}.availabilityFormFields{padding-top:3px}.availabilityRepeat{display:flex!important;align-items:center;gap:8px;margin-top:17px!important}.availabilityRepeat input{width:16px;height:16px;min-height:16px;margin:0;accent-color:#7466cf}.availabilityWeekdays{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.availabilityWeekdays[hidden]{display:none}.availabilityDayChoice{display:flex!important;align-items:center;gap:5px;margin:0!important;padding:7px 9px;border:1px solid #e5e8ef;border-radius:8px;background:#fafbfc;font-size:10px!important;color:#66758a}.availabilityDayChoice input{width:14px;height:14px;min-height:14px;margin:0;accent-color:#7466cf}.availabilityCancel{width:100%;margin-top:8px}.availabilityFormFields>button[type=submit]{margin-top:18px}.availabilityFormFields p[role=status]{margin:8px 0 0}.availabilityFormFields .fieldRow{margin-top:2px}
@media(max-width:900px){.docketHome{padding:28px 26px 42px}.weekGrid{min-width:850px}.docketWeek{overflow:hidden}.docketWeek .weekGrid{overflow-x:auto}.weekGrid{overflow-x:auto}.weekDay{min-width:108px}}
@media(max-width:600px){.docketHome{padding:23px 18px 36px}.docketTop{align-items:flex-start;margin-bottom:21px}.docketIdentity h1{font-size:48px}.docketIdentity p{font-size:11px}.docketManage{font-size:10px;padding:9px 11px;min-height:38px;white-space:nowrap}.docketHighlights{gap:10px}.docketClockCard,.docketNameDay{min-height:137px;padding:15px 16px;border-radius:14px}.docketClock{font-size:43px;letter-spacing:-2.5px}.docketDate{font-size:10px;line-height:1.5}.nameDayValue{font-size:23px}.docketNameDay .eyebrow,.docketClockCard .eyebrow{font-size:7px;letter-spacing:1px}.nameDayNote{font-size:9px}.docketWeek{padding:18px 15px 13px;border-radius:14px}.docketWeekHead{align-items:flex-start;flex-direction:column;gap:10px}.docketWeekHead h2{font-size:18px}.docketWeekHead p{font-size:10px}.docketLegend{font-size:9px}.availabilityDialog{padding:20px}.availabilityRule{align-items:flex-start;flex-direction:column}.availabilityRuleActions{align-self:flex-end}}

.docketLegend .legendWork:before,.docketLegend .legendAway:before{content:none}.weekDay{min-height:140px}.weekCounts{display:block;min-height:24px;margin-top:8px;color:#748196;font-size:9px;line-height:1.35;font-weight:650}
@media(max-width:600px){.weekDay{min-height:146px}.weekCounts{font-size:8px}}
.availabilityAvatar.statusAway:after{content:none}
.availabilityTarget{display:grid;gap:6px;margin:14px 0 10px}.availabilityTarget label{font-size:12px;font-weight:700;color:#34465d}.weekDay{min-height:222px}.weekAvatars{max-width:100%;gap:4px}.availabilityAvatar{width:28px!important;height:28px!important;min-width:28px!important}.weekCounts{min-height:30px}@media(max-width:600px){.weekDay{min-height:222px}}

.weekGrid{display:grid;gap:10px}.weekRow{display:grid;grid-template-columns:96px repeat(5,minmax(0,1fr));gap:9px;align-items:stretch}.weekRowLabel{align-self:center;text-align:left;color:#758399;font-size:11px;line-height:1.4}.weekRow .weekDay{min-width:0;min-height:210px}.weekRow .weekDayNumber{margin-bottom:12px}.weekRow .weekAvatars{gap:4px}.weekRow .weekCounts{font-size:9px}
@media(max-width:900px){.docketWeek .weekGrid{overflow-x:auto}.weekGrid{min-width:0;overflow-x:auto}.weekRow{min-width:790px;grid-template-columns:88px repeat(5,minmax(0,1fr))}.weekRow .weekDay{min-width:0}}
@media(max-width:600px){.weekRow{min-width:760px;grid-template-columns:78px repeat(5,minmax(0,1fr))}.weekRow .weekDay{min-height:205px}.weekRowLabel{font-size:10px}.docketWeek .weekGrid{padding-bottom:4px}}
.availabilityTarget{display:grid;gap:6px;margin:14px 0 10px}.availabilityTarget label{font-size:12px;font-weight:700;color:#34465d}.weekDay{min-height:222px}.weekAvatars{max-width:100%;gap:4px}.availabilityAvatar{width:28px!important;height:28px!important;min-width:28px!important}.weekCounts{min-height:30px}@media(max-width:600px){.weekDay{min-height:222px}}
.weekGrid{grid-template-columns:1fr}

