/* Approved Claude attendance V45 content. The existing landing/menu/motion styles stay in attendance.css. */
#view-attendance .at-content{--navy:#0D1B3D;--ink:#1F2A3D;--muted:#5B6779;--line:#E3E8EF;max-width:1200px;margin:20px auto 0;padding:0 24px 64px;color:var(--ink);font-size:14px;line-height:1.55;word-break:keep-all}
#view-attendance .at-content .at-card{padding:20px 22px;border:1px solid #E3E8EF;border-radius:14px;background:#fff;box-shadow:none;min-width:0}
#view-attendance .at-content .at-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
#view-attendance .at-content .at-card-head h2{font-size:15px;font-weight:700;color:#0D1B3D;margin:0}
#view-attendance .at-content .at-button,.aat-panel .at-button{min-height:40px;padding:0 14px;border:1px solid #DCE3EC;border-radius:10px;background:#fff;color:#1F2A3D;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.5;cursor:pointer}
#view-attendance .at-content .at-button.primary,.aat-panel .at-button.primary{background:#0D1B3D;color:#fff;border-color:#0D1B3D}
#view-attendance .at-content button:disabled,.aat-panel button:disabled{opacity:.5;cursor:not-allowed}
#view-attendance .at-content .at-link{min-height:32px;color:#34506E;font-weight:700;text-underline-offset:3px}
#view-attendance .at-content .at-day-heading{margin-bottom:16px;gap:6px;align-items:flex-start}
#view-attendance .at-content .at-day-heading h2{font-size:22px;font-weight:800;color:#0D1B3D}
#view-attendance .at-today-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
#view-attendance .at-content .at-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
#view-attendance .at-content .at-clock-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
#view-attendance .at-content .at-clock-times>div{padding:10px 12px;border-radius:10px;background:#F6F8FB}
#view-attendance .at-content .at-clock-times strong{font-size:28px;font-weight:800;color:#0D1B3D;font-variant-numeric:tabular-nums}
#view-attendance .at-content .at-clock-action{width:100%;min-height:52px;font-size:16px;margin-top:14px}
#view-attendance .at-content .at-kakao-canvas{height:200px;min-height:200px;border-radius:12px}
#view-attendance .at-content .at-big-number{font-size:32px;color:#0D1B3D}
#view-attendance .at-content .at-metrics-mini{display:flex;flex-direction:column;gap:0}
#view-attendance .at-content .at-metrics-mini>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #EEF1F5;background:none}
#view-attendance .at-content .at-timeline{margin:12px 0}
#view-attendance .at-content .at-timeline-track{height:30px;border-radius:8px}
#view-attendance .aat-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#view-attendance .aat-break-button{width:100%;border:2px solid #0D1B3D!important;min-height:46px!important;font-size:15px!important;margin:12px 0}
.aat-break-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}
.aat-break-row small{color:#5B6779}
#view-attendance .aat-location-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px}
#view-attendance .aat-request-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
#view-attendance .aat-request-kind{display:flex;flex-direction:column;gap:2px;min-height:64px;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:#fff;text-align:left;cursor:pointer;color:#0D1B3D}
#view-attendance .aat-request-kind:hover{border-color:#C9D4E1;background:#FBFCFE}
#view-attendance .aat-request-kind strong{font-size:14.5px}
#view-attendance .aat-request-kind small{font-size:12px;color:#5B6779}
#view-attendance .aat-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
#view-attendance .aat-compare>div{display:flex;flex-direction:column;padding:12px 14px;border-radius:10px;background:#F6F8FB}
#view-attendance .aat-compare>div:last-child{background:#E6EDF7}
#view-attendance .at-content .at-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}
#view-attendance .at-content .at-stat{padding:12px 14px;background:#fff;border:0;border-radius:10px;min-width:0}
#view-attendance .at-content .at-stat strong{font-size:18px;font-weight:800;color:#0D1B3D}
#view-attendance .aat-month-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#view-attendance .aat-month-actions h2{flex:1;min-width:180px;font-size:22px;color:#0D1B3D}
.aat-summary-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #EEF1F5}
.aat-summary-row>span:first-child{flex:1}
#view-attendance .at-content .at-calendar-grid{grid-template-columns:.65fr repeat(5,minmax(0,1fr)) .65fr;min-width:680px}
#view-attendance .at-content .at-calendar-day{min-height:115px;gap:4px}
#view-attendance .at-content .at-calendar-day .at-badge{white-space:normal;line-height:1.35;text-align:left;display:block}
#view-attendance .at-badge.fieldwork{background:#EEE9FA;color:#4B3A8C}
.aat-panel{position:fixed;inset:0 0 0 auto;margin:0;width:520px;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#fff;color:#1F2A3D;box-shadow:-12px 0 32px #0d1b3d2e;font-family:var(--font-body,'Pretendard Variable',sans-serif);font-size:14px;line-height:1.55;word-break:keep-all;box-sizing:border-box}
.aat-panel[open]{display:flex;flex-direction:column}
.aat-panel::backdrop{background:#0d1b3d47}
.aat-panel *{box-sizing:border-box}
.aat-panel>header{display:flex;align-items:flex-start;gap:12px;padding:18px 22px;border-bottom:1px solid #E3E8EF;flex-shrink:0}
.aat-panel>header>div{flex:1}
.aat-panel h2{margin:0;font-size:18px;color:#0D1B3D}
.aat-panel p{margin:0;color:#5B6779;font-size:13px}
.aat-close{width:40px;height:40px;border:0;border-radius:10px;background:#ECF0F5;font-size:24px;cursor:pointer}
.aat-panel-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px 22px;min-height:0}
.aat-panel>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #E3E8EF;flex-shrink:0}
.aat-panel .aat-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#3E4B5F}
.aat-panel input,.aat-panel select,.aat-panel textarea{min-width:0;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #DCE3EC;border-radius:10px;font:inherit;background:#fff;color:#1F2A3D}
.aat-panel textarea{min-height:90px;resize:vertical}
.aat-panel .aat-integration-note{padding:12px 14px;border-radius:10px;background:#F3F6FA;color:#34506E;font-size:13px}
.aat-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.aat-choice-grid [aria-pressed=true]{border-color:#0D1B3D;background:#F3F6FA}
.aat-break-form{display:flex;flex-direction:column;gap:12px;padding:14px;background:#F6F8FB;border:1px solid #DCE3EC;border-radius:12px}
.aat-panel .aw-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.aat-panel .aw-form label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px}
.aat-panel .aw-wide{grid-column:1/-1}
.aat-panel .aw-check{flex-direction:row!important;align-items:center}
.aat-panel .aw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aat-panel .at-request-kinds{display:flex;flex-wrap:wrap;gap:6px}
.aat-panel .at-pill{padding:6px 10px;border:1px solid #DCE3EC;border-radius:8px;background:#fff;color:#0D1B3D}
.aat-panel .at-pill[aria-pressed=true]{background:#0D1B3D;color:#fff}
.aat-panel [hidden],#view-attendance .at-content [hidden]{display:none!important}
.aat-panel :focus-visible,#view-attendance .at-content :focus-visible{outline:2px solid #4D6F92;outline-offset:2px}
@media(max-width:1000px){#view-attendance .at-today-grid{grid-template-columns:minmax(0,1fr)}#view-attendance .aat-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#view-attendance .at-content{padding:0 0 40px}#view-attendance .at-content .at-card{padding:16px}#view-attendance .aat-duo,#view-attendance .aat-request-kinds{grid-template-columns:minmax(0,1fr)}.aat-panel .aw-form{grid-template-columns:minmax(0,1fr)}.aat-panel-body,.aat-panel>header,.aat-panel>footer{padding:16px}.aat-choice-grid{gap:4px}.aat-choice-grid .at-button{padding:0 8px}}
/* Home-only card rules do not touch the independently deployed night background. */
.attendance-widget.aat-home{border:1px solid #CDD5E0;border-radius:14px}
.aat-home .work-clock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.attendance-widget.aat-home .clock-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto;min-height:76px;max-height:92px;aspect-ratio:145/92;padding:14px 58px 14px 16px;border:0;border-radius:10px;box-shadow:none;text-align:left}
.aat-home .clock-tile strong{font-size:20px;font-weight:800;white-space:nowrap}
.aat-home .clock-tile>span:not(.attendance-art){font-size:12px;font-weight:600;white-space:nowrap}
.aat-home .clock-record{background:#FFD54A;color:#4A3500}
.aat-home[data-clock=working] .clock-record,.aat-home[data-clock=done] .clock-record{background:#FFF4CC;color:#7A5600}
.aat-home .work-end{background:#1E2B57;color:#fff}
.aat-home[data-clock=pre] .work-end{background:#E3E8EF;color:#7A8597}
.aat-home[data-clock=done] .work-end{background:#E5E9F3;color:#1E2B57}
.attendance-widget.aat-home .clock-tile .attendance-art{display:block;position:absolute;inset:50% 6px auto auto;margin:-26px 0 0;width:52px;height:52px;background:none!important;transform:none;transform-origin:center}
.aat-home [hidden]{display:none!important}
.aat-home .attendance-art img{display:block;width:100%;height:100%;object-fit:contain}
.aat-home .attendance-art::before,.aat-home .attendance-art::after{display:none}
.aat-home-rest{width:100%;min-height:44px;margin-top:10px;border:0;border-radius:10px;background:#0D1B3D;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.aat-home-rest:disabled{background:#E3E8EF;color:#7A8597;cursor:not-allowed}
.aat-home .aat-home-note{margin:6px 0 0;font-size:12px;color:#5B6779}
.aat-home-link{display:block;margin-top:8px;text-align:center;font-size:13px;color:#34506E;text-underline-offset:3px}
#view-attendance .aat-calendar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 16px}
#view-attendance .aat-calendar-filters [aria-pressed=true]{border-color:#0D1B3D;background:#ECF0F5}
#view-attendance .aat-calendar-chip{display:flex;align-items:center;gap:5px;padding:4px 5px;border-radius:6px;background:#E4ECF8;color:#1F3F73;min-width:0;width:100%;text-align:left}
#view-attendance .aat-calendar-chip.fieldwork{background:#EEE9FA;color:#4B3A8C}
#view-attendance .aat-calendar-chip.pending{border:1px dashed #8C96A8;background:#fff}
#view-attendance .aat-calendar-chip>span:last-child{min-width:0;display:flex;flex-direction:column}
#view-attendance .aat-calendar-chip b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-attendance .aat-calendar-chip small{font-size:10px}
.aat-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background:#ECF0F5;color:#34506E;font-size:11px;overflow:hidden}
.aat-avatar img{width:100%;height:100%;object-fit:cover}
#view-attendance .aat-roster th,#view-attendance .aat-roster td{padding:6px 3px;text-align:center;min-width:24px;font-size:11px}
#view-attendance .aat-roster th:first-child{position:sticky;left:0;background:#fff;min-width:85px;z-index:1;text-align:left}
#view-attendance .aat-roster-mark{display:block;min-height:22px;width:100%;min-width:18px;border:0;border-radius:4px;background:#9BB7DE;cursor:pointer}
#view-attendance .aat-roster-mark.fieldwork{background:#B4A1DF}
#view-attendance .at-calendar-layout{margin-bottom:16px;grid-template-columns:minmax(0,1fr) 300px}
#view-attendance .at-clock-card>.at-map{min-height:200px;flex:none}
@media(max-width:1000px){#view-attendance .at-calendar-layout{grid-template-columns:minmax(0,1fr)}}
.aat-place-summary{display:flex;flex-direction:column;border:1px solid #E3E8EF;border-radius:12px;overflow:hidden}
.aat-place-summary-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #EEF1F5}
.aat-place-summary-row:first-child{border-top:0}
.aat-place-summary-row>span{font-size:13px;color:#5B6779}
.aat-place-summary-row b,.aat-place-summary-row small{display:block}
.aat-place-summary-row b{font-size:14.5px;color:#0D1B3D}
.aat-place-summary-row small{font-size:12.5px;color:#5B6779}
.aat-place-option{width:100%;min-height:56px!important;text-align:left}
.aat-place-option[aria-pressed=true]{border-color:#0D1B3D!important;background:#F3F6FA!important}
.aat-place-rules-only>section:not(:last-child){display:none}
@media(max-width:400px){.aat-place-summary-row{grid-template-columns:65px minmax(0,1fr) auto;padding:12px;gap:6px}}
#view-attendance .at-content .at-calendar-day{padding:6px;min-width:0}
#view-attendance .at-content .at-calendar-day .aat-calendar-chip{padding:3px}
#view-attendance .at-content .at-calendar-day .aat-calendar-chip .aat-avatar{width:20px;height:20px}
#view-attendance .at-content .at-calendar-grid .aat-prelaunch{min-height:34px;padding:5px 8px;background:#F7F8FA;justify-content:flex-start}
#view-attendance .aat-start-label{color:#526687;font-size:10px}
#view-attendance .aat-calendar-filters button{display:inline-flex;align-items:center;gap:6px}
#view-attendance .aat-kind-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:#9BB7DE}
#view-attendance .aat-kind-dot.fieldwork{background:#B4A1DF}
#view-attendance .aat-kind-dot.personal_out{background:#B5BDC8}
#view-attendance .aat-kind-dot.auto_close{background:#E2B75B}
#view-attendance .aat-calendar-chip.personal_out{background:#EEF0F3;color:#4A566A}
#view-attendance .aat-calendar-chip.auto_close{background:#FFF0CF;color:#765718}
#view-attendance .aat-calendar-chip.pending,#view-attendance .aat-roster-mark.pending,#view-attendance .aat-kind-dot.pending{background-image:repeating-linear-gradient(135deg,transparent 0 4px,#66758b26 4px 7px);border:1px dashed #8C96A8}
#view-attendance .aat-calendar-group{border:1px solid #E1E5EC;border-radius:10px;overflow:hidden;margin:12px 0}
#view-attendance .aat-calendar-group h3{margin:0;padding:9px 12px;background:#F5F7FA;font-size:13px}
#view-attendance .aat-calendar-group .at-line{padding:10px 12px;margin:0;flex-wrap:wrap}
#view-attendance .aat-roster th:first-child .aat-avatar{display:inline-flex;vertical-align:middle;margin-right:5px}
#view-attendance .aat-roster-mark.personal_out{background-color:#B5BDC8}
#view-attendance .aat-roster-mark.aat-no-event{background:#F0F2F5}
#view-attendance .aat-roster-mark[aria-pressed=true]{outline:2px solid #435F8D;outline-offset:1px}
#view-attendance .aat-roster .aat-roster-summary{text-align:left;min-width:120px;white-space:normal;color:#66758B}
#view-attendance .at-content .at-clock-state{margin-bottom:0}
#view-attendance .at-content .at-clock-times>div{gap:4px}
#view-attendance .at-content .at-badge{border-radius:5px;padding:2px 7px;font-size:11.5px}
#view-attendance .at-content .at-card-head h2{font-family:inherit}
#view-attendance .at-content .at-timeline summary{font-size:12px}
.aat-panel .aw-form button{min-height:36px;padding:6px 12px;border:1px solid #DCE3EC;border-radius:8px;background:#fff;color:#34506E;font:inherit;cursor:pointer}
.aat-panel .aw-form button[type=submit]{background:#0D1B3D;color:#fff;border-color:#0D1B3D}
.aat-panel .aw-visits,.aat-panel .aw-visit-rows,.aat-panel .aw-visit-row{display:flex;flex-direction:column;gap:10px;min-width:0}
.aat-panel .aw-visit-row{padding:12px;border:1px solid #E3E8EF;border-radius:10px;background:#F6F8FB}
.aat-auto-notice,.aat-overtime-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 16px;margin-bottom:16px;border:1px solid #F2D7A6;border-radius:12px;background:#FFF8EC;color:#5A3D0C;font-size:13px}
.aat-auto-notice>div{flex:1 1 340px}
.aat-overtime-notice{background:#F3F6FA;border-color:#DCE3EC;color:#1F2A3D}
.aat-overtime-notice>strong{flex:1 1 240px}
.aat-break-record{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #EEF1F5}
.aat-break-record>div:first-child{flex:1;min-width:160px}
.aat-break-record small{color:#5B6779;font-size:12px}
.aat-delete-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding:12px;background:#FEF3F2;border:1px solid #F5C2BD;border-radius:10px}
.aat-delete-confirm p{flex:1 1 160px}

#view-attendance .at-timeline-track .aat-excess{position:absolute;top:0;bottom:0;background:#D9822B}
#view-attendance .at-timeline-track .aat-excluded{position:absolute;top:0;bottom:0;background:#B6BDC8}
.attendance-widget.aat-home .clock-tile strong,.attendance-widget.aat-home .clock-tile>span:not(.attendance-art){color:inherit}

/* Match the approved content header without altering the five-card navigation. */
#view-attendance .at-content:has(#at-today:not([hidden])) .at-toolbar{display:none}
#view-attendance .at-content #at-feedback:empty{display:none}
#view-attendance .at-content #at-today>.at-day-heading{flex-direction:column;gap:2px;align-items:flex-start}
#view-attendance .at-content .at-day-heading h2,#view-attendance .at-content .at-toolbar h1{font-family:inherit;letter-spacing:-.02em}
#view-attendance .at-content .at-empty{border:0;background:#F6F8FB;padding:16px;border-radius:10px;margin:12px 0 0}
#view-attendance .at-content .at-ticks{display:flex;justify-content:space-between;font-size:10px;color:#5B6779;margin-top:5px}
#view-attendance .at-content .at-big-number{display:block;margin:8px 0 14px;font-weight:800;line-height:1.2}
#view-attendance .at-content .at-metrics-mini{border-top:1px solid #EEF1F5;padding-top:10px}
#view-attendance .at-content .at-metrics-mini>div:last-child{border-bottom:0}
#view-attendance .at-content .aat-request-chooser>.at-card-head h2{font-size:18px;color:#0D1B3D}
#view-attendance .at-content .aat-request-kind{border-color:#E3E8EF}
.aat-home .clock-tile{transition:background-color .2s,transform .12s}
.aat-home .clock-tile:not(:disabled):active{transform:translateY(1px) scale(.985)}
.aat-home .clock-record:not(:disabled):hover{background:#FFCB2B}
.aat-home .work-end:not(:disabled):hover{background:#17224A}
.aat-home .attendance-art img{animation:none}
.aat-home .attendance-art{pointer-events:none}
.aat-home .attendance-art.sun{animation:aat-hc-spin 14s linear infinite,aat-hc-glow 2.8s ease-in-out infinite}
.aat-home .attendance-art.aat-hc-rise{animation:aat-hc-rise .9s cubic-bezier(.2,1.2,.4,1) both,aat-hc-drift 4s ease-in-out .9s infinite}
@keyframes aat-hc-spin{to{rotate:360deg}}
@keyframes aat-hc-glow{0%,100%{scale:1;filter:drop-shadow(0 0 0 rgba(255,190,40,0))}50%{scale:1.07;filter:drop-shadow(0 0 8px rgba(255,190,40,.55))}}
@keyframes aat-hc-drift{0%,100%{rotate:0deg;translate:0 0}50%{rotate:-8deg;translate:0 -3px}}
/* 로켓: 점화, 부스터, 상승, 제자리 복귀 */
.aat-home .attendance-art.aat-hc-launch{animation:aat-hc-launch .9s cubic-bezier(.2,1.25,.4,1) both,aat-hc-surge 3s cubic-bezier(.5,0,.3,1) .9s infinite}
.aat-home .attendance-art.aat-hc-launch img{position:relative;z-index:2;animation:aat-hc-shake .1s linear infinite}
.aat-home .flame{position:absolute;left:6px;top:34px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#FFF3B0 0%,#FFB13B 45%,rgba(255,110,40,0) 72%);filter:blur(.6px);z-index:1;animation:aat-hc-flick .14s ease-in-out infinite alternate,aat-hc-flare 3s cubic-bezier(.5,0,.3,1) .9s infinite}
.aat-home .streak{position:absolute;width:1.6px;height:12px;border-radius:2px;background:linear-gradient(rgba(214,160,30,0),rgba(214,160,30,.85));rotate:41deg;opacity:0;animation:aat-hc-streak 3s linear .9s infinite}
.aat-home .streak.s1{left:9px;top:38px}
.aat-home .streak.s2{left:2px;top:28px;animation-delay:1.05s}
.aat-home .streak.s3{left:17px;top:44px;animation-delay:1.2s}
@keyframes aat-hc-surge{0%,100%{translate:0 0}28%{translate:-.6px .8px}46%{translate:3.4px -4.6px}62%{translate:3.8px -5.2px}}
@keyframes aat-hc-shake{0%{translate:.4px 0}25%{translate:0 .4px}50%{translate:-.4px 0}75%{translate:0 -.4px}100%{translate:.4px 0}}
@keyframes aat-hc-flick{from{transform:scale(.85)}to{transform:scale(1.15)}}
@keyframes aat-hc-flare{0%,100%{scale:.7}28%{scale:1}46%{scale:1.7}62%{scale:1.4}}
@keyframes aat-hc-streak{0%,36%{opacity:0;translate:0 0}46%{opacity:1}70%{opacity:0;translate:-9px 10px}100%{opacity:0;translate:-9px 10px}}
/* 부엉이: 깜빡이다가 꾸벅 졸고 화들짝 깸 */
.attendance-widget.aat-home .clock-tile .attendance-art.owl{transform-origin:50% 92%;animation:aat-hc-pop .7s cubic-bezier(.2,1.5,.4,1) both,aat-hc-doze 9s ease-in-out .7s infinite}
.aat-home .lid{position:absolute;border-radius:50%;background:linear-gradient(#C9A27F,#F3EADB 70%);box-shadow:inset 0 -1.2px 0 #6B4D36;transform-origin:50% 0;scale:1 0;animation:aat-hc-lid 9s linear .7s infinite}
.aat-home .lid.l{left:17.1px;top:12.6px;width:9.4px;height:9.8px}
.aat-home .lid.r{left:31.8px;top:15.9px;width:8.6px;height:9.8px}
.aat-home .zz{position:absolute;right:-4px;top:-2px;font-size:9px;font-weight:800;font-style:normal;color:#C9D6FF;opacity:0;animation:aat-hc-zz 9s ease-out .7s infinite}
.aat-home .zz.z2{right:-10px;top:-8px;font-size:7px;animation-delay:1.3s}
@keyframes aat-hc-lid{0%,6%{scale:1 0}7%{scale:1 1}8.5%,15%{scale:1 0}16%{scale:1 1}17.5%,28%{scale:1 0}38%{scale:1 .55}42%{scale:1 .4}48%{scale:1 1}72%{scale:1 1}73%,86%{scale:1 0}87%{scale:1 1}88.5%,100%{scale:1 0}}
@keyframes aat-hc-doze{0%,30%{rotate:0deg;translate:0 0}42%{rotate:5deg;translate:0 1px}46%{rotate:3deg;translate:0 .5px}54%{rotate:11deg;translate:0 2px}62%{rotate:9deg;translate:0 1.5px}70%{rotate:12deg;translate:0 2.5px}73%{rotate:-5deg;translate:0 -4px}76%{rotate:2deg;translate:0 0}79%,100%{rotate:0deg;translate:0 0}}
@keyframes aat-hc-zz{0%,52%{opacity:0;translate:0 0}56%{opacity:1}70%{opacity:0;translate:4px -10px}100%{opacity:0;translate:4px -10px}}
@keyframes aat-hc-launch{0%{opacity:0;transform:translate(-16px,30px) rotate(-12deg) scale(.5)}70%{opacity:1;transform:translate(3px,-8px) scale(1.08)}100%{transform:none}}
@keyframes aat-hc-rise{0%{opacity:0;transform:translateY(26px) rotate(-20deg) scale(.6)}70%{opacity:1;transform:translateY(-4px) rotate(4deg)}100%{transform:none}}
@keyframes aat-hc-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.aat-home .attendance-art,.aat-home .attendance-art *{animation:none !important}.aat-home .lid,.aat-home .zz,.aat-home .streak{display:none}.aat-home .star{animation:none;opacity:.7}}



#view-attendance .at-content .at-clock-card>.at-card-head{display:none}
#view-attendance .at-content .at-clock-state>.at-badge:first-child{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;color:#0D1B3D;font-size:14px;font-weight:700}
#view-attendance .at-content .at-clock-state>.at-badge:first-child::before{content:"";width:8px;height:8px;border-radius:50%;background:#4D6F92}
/* Persisted rest and overtime controls share the original home card proportions. */
.aat-home-rest{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px;text-align:left}
.aat-home-rest strong{font:inherit}.aat-home-rest small,.aat-home-rest [data-attendance-rest-timer]{font-size:12.5px;font-variant-numeric:tabular-nums}
.aat-home-rest.is-resting{background:#E5E9F3;color:#1E2B57;box-shadow:inset 0 0 0 2px #1E2B57}
.aat-home-runtime:not(:empty){margin-top:16px;padding:12px;border-radius:10px;background:#F3F6FA;color:#0D1B3D;font-size:14px}
.aat-home-runtime>div{display:flex;gap:6px;margin-top:10px}.aat-home-runtime button{flex:1;min-height:36px;border:1px solid #DCE3EC;border-radius:8px;background:#fff;color:#0D1B3D;font:inherit;font-size:12px;font-weight:700}
.aat-home-runtime button:last-child{background:#0D1B3D;color:#fff}
.attendance-widget.aat-home.is-overtime .work-end{background:radial-gradient(120% 140% at 85% 0%,#2B3A70 0%,#141D40 60%,#0F1734 100%)}
.aat-break-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.aat-break-summary>div{padding:12px;background:#F3F6FA;border-radius:10px}.aat-break-summary small,.aat-break-summary strong{display:block}.aat-break-summary strong{font-size:14px;margin-top:6px}
.aat-break-button{display:flex;align-items:center;justify-content:center;gap:12px}[data-attendance-rest-timer]{font-variant-numeric:tabular-nums}
@media(max-width:400px){.aat-break-summary{grid-template-columns:minmax(0,1fr)}}
.attendance-widget.aat-home .work-end{isolation:isolate}
.attendance-widget.aat-home .clock-tile>.aat-overtime-sky{display:none;position:absolute;inset:0;width:auto;height:auto;max-width:none;margin:0;z-index:0;pointer-events:none}
.attendance-widget.aat-home.is-overtime .clock-tile>.aat-overtime-sky{display:block}
.aat-overtime-sky i{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:#FFF6D8;box-shadow:0 0 6px 1px rgba(255,236,170,.75);animation:aat-twinkle 2.6s ease-in-out infinite}
@keyframes aat-twinkle{0%,100%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)}60%{opacity:.85;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.aat-overtime-sky i{animation:none;opacity:.7}}

/* Persisted previous-day close notice, matching the approved sky-blue card. */
.aat-auto-notice:has(.aat-auto-heading){display:block;background:#e6f8ff;border:1.5px solid #6fd3ff;border-radius:10px;padding:12px;color:#15264b;margin:12px 0}
.aat-auto-heading{display:flex;align-items:center;gap:10px}.aat-auto-heading img{width:38px;height:38px;object-fit:contain;flex:none;animation:aat-auto-moon 4s ease-in-out infinite}.aat-auto-heading strong{display:block;font-size:14px;line-height:1.4}.aat-auto-heading p{margin:2px 0 0;font-size:12px;line-height:1.4;color:#456079}
.aat-auto-actions{display:flex;gap:8px;margin-top:10px}.aat-auto-actions .at-button{flex:1;min-width:0;min-height:42px;border:1px solid #8bdcff;border-radius:8px;background:#fff;color:#15264b;padding:8px;font-size:13px;font-weight:750}.aat-auto-actions .primary{background:#222e5d;color:#fff;border-color:#222e5d}.aat-auto-actions button:disabled{opacity:.55;cursor:default}.aat-auto-feedback{font-size:12px;margin:8px 0 0}
.aat-home-runtime:has(.aat-home-auto){padding:0;background:transparent;border:0;display:block}.aat-home-auto .aat-auto-actions{display:flex}.aat-home-auto .aat-auto-heading{display:flex}.aat-home-auto{width:100%;box-sizing:border-box}
@keyframes aat-auto-moon{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@media(prefers-reduced-motion:reduce){.aat-auto-heading img{animation:none}}

.aat-home-auto .aat-auto-actions .primary{background:#222e5d;border-color:#222e5d;color:#fff}

/* Keep the start caption clear of the rotating sun. */
.attendance-widget.aat-home #attendance-start-caption{max-width:none;white-space:normal;word-break:keep-all;line-height:1.3}
@media(max-width:360px){.attendance-widget.aat-home .clock-tile .attendance-art.sun{width:42px;height:42px;margin-top:-21px}}
#view-attendance .aat-shared-table{width:100%;border-collapse:collapse;min-width:720px}
#view-attendance .aat-shared-table th,#view-attendance .aat-shared-table td{padding:12px;text-align:left;border-bottom:1px solid #E1E5EC;font-size:13px}
#view-attendance .aat-shared-table th{background:#F5F7FA;color:#66758B}
@media(hover:hover) and (pointer:fine){#view-attendance .aat-shared-table .aat-row-action:not(:disabled){opacity:0}#view-attendance .aat-shared-table tr:hover .aat-row-action,#view-attendance .aat-shared-table tr:focus-within .aat-row-action{opacity:1}}

/* Record correction follows the approved side-panel form. */
.aat-panel .aw-correction-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;grid-column:1/-1;order:0}
.aat-panel .aw-correction-fields>label:last-child{grid-column:1/-1}
.aat-panel .aw-correction-fields input[readonly]{background:#f3f5f9;color:#526178}
.aat-panel .aat-correction-form>label:has([name=kind]){display:none}
.aat-panel .aat-correction-form>label:has([name=date]){grid-column:1/-1;order:1}
.aat-panel .aat-correction-form>label:has([name=reason]){order:2}
.aat-panel .aat-correction-form>.aw-actions{display:none}
.aat-panel .aat-correction-preview{order:3;padding:14px 16px;background:#f3f6fa;border-radius:10px;line-height:1.7;color:#506782}
.aat-panel .aat-correction-approver{order:4;font-size:12px;line-height:1.7}
.aat-panel footer .at-button{min-height:40px;padding:8px 14px;border:1px solid #dce3ec;border-radius:9px;background:white;color:#34506e;cursor:pointer}
.aat-panel footer .at-button.primary{background:#0d1b3d;border-color:#0d1b3d;color:white}
#view-attendance .at-correction-action{align-self:flex-start;text-decoration:underline;margin-top:6px}
#view-attendance .at-early-history-link{align-self:flex-start;margin-top:12px;padding:5px 0;border:0;background:none;color:#64748b;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}

/* Attendance calendar reference layout, scoped to this screen. */
#view-attendance #at-calendar>.at-day-heading{margin:0 0 12px;align-items:center}
#view-attendance #at-calendar .aat-month-actions h2{font-size:23px;font-weight:800;margin:0 12px 0 0}
#view-attendance #at-calendar .aat-month-actions>button{border:0;background:transparent;box-shadow:none;color:#45617f;min-width:28px;padding:6px}
#view-attendance #at-calendar .at-segment{background:#e8edf4;padding:3px;border-radius:10px;gap:2px}
#view-attendance #at-calendar .at-segment button{border:0;border-radius:8px;padding:8px 12px;background:transparent;color:#6c788b}
#view-attendance #at-calendar .at-segment button[aria-pressed=true]{background:white;color:#102044;box-shadow:0 1px 4px #10204412}
#view-attendance #at-calendar .aat-calendar-filters{gap:16px;margin:0 0 20px;font-size:12px}
#view-attendance #at-calendar .aat-calendar-filters button{border:0;background:transparent;padding:0;min-height:22px;color:#65748a;font-size:12px;gap:6px;border-radius:0;box-shadow:none}
#view-attendance #at-calendar .aat-calendar-filters button[aria-pressed=false]{opacity:.45;text-decoration:line-through}
#view-attendance #at-calendar .aat-calendar-filters button:disabled{opacity:.65;text-decoration:none;cursor:default}
#view-attendance #at-calendar .aat-calendar-filters [aria-pressed=true]{border:0;background:transparent}
#view-attendance #at-calendar .aat-kind-dot{width:9px;height:9px;background:#81a4df;flex:none}
#view-attendance #at-calendar .aat-kind-dot.leave{background:#f0aa57}
#view-attendance #at-calendar .aat-kind-dot.fieldwork{background:#a790e7}
#view-attendance #at-calendar .aat-kind-dot.personal_out{background:#aeb8c7}
#view-attendance #at-calendar .aat-kind-dot.pending{border:0;background:repeating-linear-gradient(135deg,transparent 0 2px,#8d9aae 2px 4px)}
#view-attendance #at-calendar .at-calendar-layout{grid-template-columns:minmax(0,1fr) 276px;gap:16px}
#view-attendance #at-calendar .at-calendar-grid{min-width:620px;border:1px solid #e0e6f0;border-radius:14px;gap:1px;background:#eaf0f6}
#view-attendance #at-calendar .at-weekday{background:#fff;font-size:11px;font-weight:700;padding:10px}
#view-attendance #at-calendar .at-weekday:first-child{color:#ce4941}
#view-attendance #at-calendar .at-weekday:nth-child(7){color:#56759a}
#view-attendance #at-calendar .at-calendar-day{min-height:100px;padding:7px;gap:5px;position:relative}
#view-attendance #at-calendar .at-calendar-day.weekend{background:#f8fafc}
#view-attendance #at-calendar .at-calendar-day[aria-pressed=true]{background:#edf2f9;box-shadow:none}
#view-attendance #at-calendar .at-day-number{font-size:11px;font-weight:700;display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:22px;min-width:22px}
#view-attendance #at-calendar .at-day-number.is-today{border-radius:50%;background:#102044;color:white}
#view-attendance #at-calendar .at-calendar-grid .aat-prelaunch{min-height:29px;padding:3px 7px;color:#99a5b7}
#view-attendance #at-calendar .aat-holiday-label{position:absolute;right:7px;top:7px;color:#bd534b;font-size:10px}
#view-attendance #at-calendar .aat-calendar-chip{padding:5px;border-radius:7px;gap:5px;background:#e6eefb;color:#122442}
#view-attendance #at-calendar .aat-calendar-chip.fieldwork{background:#eee9fb}
#view-attendance #at-calendar .aat-calendar-chip.personal_out{background:transparent}
#view-attendance #at-calendar .aat-calendar-chip.pending{border:1px solid #dbe2ed;background-color:#fff;background-image:repeating-linear-gradient(135deg,transparent 0 4px,#8b9aae16 4px 7px)}
#view-attendance #at-calendar .aat-calendar-chip small{font-size:10px;color:#617087}
#view-attendance #at-calendar .aat-calendar-detail{padding:20px;border:1px solid #e0e6f0;border-radius:14px;box-shadow:none}
#view-attendance #at-calendar .aat-calendar-detail>.at-muted:first-child{display:block;font-size:11px;font-weight:700;color:#52769b;margin-bottom:5px}
#view-attendance #at-calendar .aat-calendar-detail>.at-card-head h2{font-size:16px;font-weight:800}
#view-attendance #at-calendar .aat-calendar-group{border:0;margin:16px 0 10px;overflow:visible}
#view-attendance #at-calendar .aat-calendar-group h3{display:flex;gap:5px;align-items:center;padding:0 0 8px;background:transparent;font-size:12px;color:#66758b;font-weight:600}
#view-attendance #at-calendar .aat-calendar-group .at-line{padding:9px 10px;border:1px solid #e2e8f0;border-top-width:0;margin:0;gap:6px;flex-wrap:nowrap;background:#fff;font-size:12px}
#view-attendance #at-calendar .aat-calendar-group .at-line:nth-child(2){border-top-width:1px;border-radius:10px 10px 0 0}
#view-attendance #at-calendar .aat-calendar-group .at-line:last-child{border-radius:0 0 10px 10px}
#view-attendance #at-calendar .aat-calendar-group .at-line:nth-child(2):last-child{border-radius:10px}
#view-attendance #at-calendar .aat-calendar-group .at-line strong{margin-right:auto;font-size:12px}
#view-attendance #at-calendar .aat-calendar-detail>p.at-muted{background:#f5f7fa;border-radius:9px;padding:12px;margin:12px 0 0;font-size:12px;line-height:1.6;color:#62758f}
#view-attendance #at-calendar .aat-calendar-roster{padding:20px;border:1px solid #e0e6f0;border-radius:14px;box-shadow:none}
#view-attendance #at-calendar .aat-calendar-roster>.at-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
#view-attendance #at-calendar .aat-calendar-roster h2{font-size:14px;font-weight:800}
#view-attendance #at-calendar .aat-calendar-roster .at-card-head p{font-size:11px;margin:0}
#view-attendance #at-calendar .aat-roster{width:100%;border-collapse:separate;border-spacing:0 6px}
#view-attendance #at-calendar .aat-roster th,#view-attendance #at-calendar .aat-roster td{border:0;padding:3px 2px;font-size:11px}
#view-attendance #at-calendar .aat-roster th:first-child{min-width:100px}
#view-attendance #at-calendar .aat-roster thead th:first-child,#view-attendance #at-calendar .aat-roster thead th:last-child{font-size:0}
#view-attendance #at-calendar .aat-roster-date{border:0;background:transparent;color:#67768d;border-radius:5px;width:100%;padding:4px 0;font-size:10px}
#view-attendance #at-calendar .aat-roster-date[aria-pressed=true]{background:#102044;color:#fff}
#view-attendance #at-calendar .aat-roster-mark{height:15px;min-height:15px;border:0;border-radius:4px;display:flex;gap:2px;padding:0;overflow:hidden}
#view-attendance #at-calendar .aat-roster-mark.aat-no-event{background:#eff1f6}
#view-attendance #at-calendar .aat-roster-mark.aat-no-event.aat-weekend{background:#fff;border:1px solid #e5ebf4}
#view-attendance #at-calendar .aat-roster-mark[aria-pressed=true]{outline:none}
#view-attendance #at-calendar .aat-roster-mark:not(.aat-no-event)[aria-pressed=true]{outline:1px solid #5276a2;outline-offset:2px}
#view-attendance #at-calendar .aat-roster-part{flex:1;background:#81a4df}
#view-attendance #at-calendar .aat-roster-part.fieldwork{background:#a790e7}
#view-attendance #at-calendar .aat-roster-part.personal_out{background:#aeb8c7}
#view-attendance #at-calendar .aat-roster-mark.pending{background-image:none;border:0}
#view-attendance #at-calendar .aat-roster-part.pending{background-image:repeating-linear-gradient(135deg,transparent 0 3px,#ffffffc9 3px 5px)}
#view-attendance #at-calendar .aat-roster-summary{min-width:90px;font-size:11px;padding-left:10px;color:#738097}
@media(max-width:1000px) and (min-width:901px){#view-attendance #at-calendar .at-calendar-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:900px){#view-attendance #at-calendar .at-calendar-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#view-attendance #at-calendar .aat-calendar-filters{gap:12px}#view-attendance #at-calendar .aat-calendar-roster{padding:14px}#view-attendance #at-calendar .aat-calendar-roster>.at-card-head{align-items:flex-start;flex-direction:column;gap:4px}}

#view-attendance #at-calendar{background:#f5f6fa}
#view-attendance #at-calendar .aat-roster{table-layout:fixed}
#view-attendance #at-calendar .aat-roster th:first-child{width:110px}
#view-attendance #at-calendar .aat-roster th:last-child{width:90px}
#view-attendance #at-calendar .aat-roster thead th,#view-attendance #at-calendar .aat-roster tbody tr{background:#fff}
#view-attendance #at-calendar .aat-calendar-detail .at-badge.approved{background:#e6f3ec;color:#41765b}
#view-attendance #at-calendar .aat-calendar-row-kind{color:#7c899c;font-size:11px}

/* Recorded attendance is independent of requested work arrangements. */
#view-attendance #at-calendar .aat-kind-dot.check_in,#view-attendance #at-calendar .aat-roster-part.check_in{background:#70b6a0}
#view-attendance #at-calendar .aat-calendar-chip.check_in{background:#eaf5ef}
#view-attendance #at-calendar .at-badge.recorded{background:#edf5f1;color:#41765b}

/* Two-line action labels keep the existing tile size and recorded timestamps. */
.aat-home .clock-record strong,.aat-home #attendance-work-toggle strong{white-space:pre-line;line-height:1.1}
#view-attendance .at-clock-action{white-space:pre-line;line-height:1.2}
.attendance-widget.aat-home .clock-tile{padding-block:6px}
@media(max-width:360px){.aat-home .clock-record strong,.aat-home #attendance-work-toggle strong{font-size:18px}}

.aat-home[data-clock=pre] .work-art{filter:grayscale(1);opacity:.45}