.attendance-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#75878c;margin:0 0 20px}.attendance-breadcrumb a{color:#657b82}.attendance-breadcrumb [aria-current]{color:#163e4c;font-weight:700}
.attendance-dashboard{--att-ink:#173b48;--att-muted:#667d85;--att-line:#e0e9e9;--att-teal:#007f82;color:var(--att-ink);max-width:1280px;margin:0 auto 40px}.attendance-dashboard *{box-sizing:border-box}.attendance-dashboard .ui-icon{width:18px;height:18px;flex-shrink:0}.attendance-dashboard a{text-decoration:none}.attendance-dashboard a:focus-visible,.attendance-dashboard button:focus-visible,.attendance-dashboard summary:focus-visible{outline:3px solid #0b969b;outline-offset:4px}.attendance-dashboard h1,.attendance-dashboard h2,.attendance-dashboard h3,.attendance-dashboard p{margin:0}.attendance-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main>.attendance-dashboard{width:calc(100% - 64px);margin-top:32px}.attendance-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:300px;padding:38px 44px;background:#123441 url('/images/attendance/team-huddle-hero.webp') center 48%/cover no-repeat;color:#fff}.attendance-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,34,46,.93),rgba(9,38,49,.78) 36%,rgba(9,38,49,.16) 72%,rgba(9,38,49,.05))}.attendance-hero-content{max-width:640px}.attendance-eyebrow{display:flex;align-items:center;gap:9px;color:#d6edbd;font-size:11px;font-weight:700;letter-spacing:.19em}.attendance-eyebrow>span{height:2px;width:22px;background:#c2ed78}.attendance-hero h1{font-size:clamp(30px,3vw,42px);line-height:1.45;font-weight:750;letter-spacing:.025em;margin:13px 0 13px;color:#fff}.attendance-hero-description{font-size:13px;line-height:1.9;color:#e0ebed}.attendance-create{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;min-height:44px;border-radius:7px;background:#d1ed92;color:#173e35;font-size:14px;font-weight:750;margin-top:22px;transition:background .15s,transform .15s}.attendance-create:hover{background:#e1f5b4;color:#173e35;transform:translateY(-1px)}.attendance-hero-caption{position:absolute;right:28px;bottom:24px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2em;opacity:.8}
.attendance-workspace{margin-top:24px}.attendance-tabs{display:flex;gap:28px;border-bottom:1px solid #dce6e7}.attendance-tabs>a{position:relative;display:inline-flex;align-items:center;gap:9px;color:#6b7f86;font-size:15px;font-weight:650;padding:10px 3px 18px;min-height:50px}.attendance-tabs>a:hover{color:var(--att-teal)}.attendance-tabs>[aria-current]{color:var(--att-teal)}.attendance-tabs>[aria-current]:after{content:'';position:absolute;height:3px;border-radius:2px;bottom:-1px;left:0;right:0;background:var(--att-teal)}.attendance-tab-count{display:inline-flex;min-width:24px;height:21px;padding:0 6px;justify-content:center;align-items:center;border-radius:5px;background:#e1f0ed;font-size:11px;font-variant-numeric:tabular-nums}.attendance-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 22px}.attendance-list-heading h2{font-size:21px;line-height:1.4;color:var(--att-ink);font-weight:750}.attendance-list-heading p{font-size:12px;color:var(--att-muted);margin-top:7px;line-height:1.7}.attendance-search{display:flex;gap:8px;flex:0 1 350px;min-width:260px;margin:0}.attendance-search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 13px;background:white;border:1px solid #d6e2e4;border-radius:7px;color:#84969b}.attendance-search-field:focus-within{border-color:#00858c;box-shadow:0 0 0 3px #00858c16}.attendance-search #attendance-search-input{width:100%;min-width:0;min-height:43px;border:0;border-radius:0;padding:9px 0;outline:none;background:transparent;box-shadow:none;color:var(--att-ink);font:inherit;font-size:13px}.attendance-search input::placeholder{color:#7a8e94;opacity:1}.attendance-search button{flex-shrink:0;min-height:44px;padding:10px 17px;background:#fff;border:1px solid #cbdcdf;border-radius:7px;color:#22636c;font-size:13px;font-weight:700;cursor:pointer}.attendance-search button:hover{background:#eaf4f2}.attendance-results-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:12px;color:var(--att-muted)}.attendance-results-meta strong{font-size:16px;color:var(--att-ink);margin-right:3px}.attendance-result-range{margin-left:7px;color:#7b9095}.attendance-sort{display:flex;align-items:center;gap:6px}.attendance-sort .ui-icon{width:14px;height:14px}.attendance-results-meta a{color:var(--att-teal)}
.attendance-book-list{display:grid;gap:16px}.attendance-book{background:#fff;border:1px solid #dae5e6;border-radius:12px;box-shadow:0 3px 12px #143d4803;overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}.attendance-book:hover{border-color:#a9cdcc;box-shadow:0 4px 20px #143d4808}.attendance-book-main{display:flex;align-items:flex-start;gap:22px;padding:25px 26px 21px}.attendance-date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 76px;min-height:98px;gap:3px;padding:10px 5px;border-radius:9px;background:#f0f6f5;color:#557779}.attendance-date-tile>span{font-size:11px;font-weight:650;letter-spacing:.06em}.attendance-date-tile>strong{font-size:34px;line-height:1.15;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#17666a}.attendance-date-tile>.ui-icon{width:28px;height:28px;margin-bottom:10px}.attendance-book-content{flex:1;min-width:0}.attendance-book-labels{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:#7b8e93;margin-bottom:8px}.attendance-state{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:650;line-height:1.6}.attendance-state i{width:5px;height:5px;border-radius:50%;background:currentColor}.attendance-state--public{color:#177657;background:#eaf6ee}.attendance-state--draft{color:#946716;background:#fff5df}.attendance-state--private{color:#657480;background:#edf0f3}.attendance-cancelled{color:#ae4141;background:#fceeed;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.attendance-book h3{font-size:20px;line-height:1.5;letter-spacing:.01em;overflow-wrap:anywhere}.attendance-book h3 a{color:#183c49}.attendance-book h3 a:hover{color:var(--att-teal)}.attendance-book-note{font-size:13px;line-height:1.85;color:var(--att-muted);margin-top:8px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:pre-line}.attendance-book-schedule{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:13px;color:#59727a;font-size:11px;line-height:1.8}.attendance-book-schedule>span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;overflow-wrap:anywhere;min-width:0}.attendance-book-schedule .ui-icon{width:14px;height:14px;color:#789a9a}.attendance-book-schedule b{font-weight:600;color:#375a65}.attendance-book-action{align-self:center;flex-shrink:0}.attendance-book-action>a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:9px 13px;border:1px solid #cbdfe0;border-radius:6px;color:#126a73;font-size:12px;font-weight:700}.attendance-book-action>a:hover{background:#edf6f4}.attendance-book-action .ui-icon{width:15px;height:15px}
.attendance-book-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;border-top:1px solid #edf1f1;background:#fcfdfd}.attendance-answer-summary{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.attendance-answer-label{font-size:11px;font-weight:600;color:#829399;margin-right:2px}.attendance-answer{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#60777e}.attendance-answer>span{font-size:14px;font-weight:700;margin-right:1px}.attendance-answer--yes>span{color:#168a7b}.attendance-answer--maybe>span{color:#b28a36}.attendance-answer--no>span{color:#919da4}.attendance-answer strong{font-size:16px;font-variant-numeric:tabular-nums;color:#244a56;margin-left:3px}.attendance-answer small{font-size:11px}.attendance-book-tools{display:flex;align-items:center;gap:17px;flex-shrink:0;font-size:11px;color:#83959a}.attendance-book-tools a{display:flex;align-items:center;gap:5px;color:#547881;font-size:11px}.attendance-book-tools .ui-icon{width:14px;height:14px}.attendance-book-tools a:hover{color:#007f82}.attendance-dates{border-top:1px solid #edf1f1}.attendance-dates summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:8px 20px;color:#6c868e;font-size:12px;cursor:pointer;list-style:none}.attendance-dates summary::-webkit-details-marker{display:none}.attendance-dates summary:hover{background:#f3f8f7;color:#08777a}.attendance-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}.attendance-dates[open] .attendance-chevron{transform:rotate(225deg);margin-top:3px}.attendance-dates-list{padding:0 26px 15px}.attendance-date-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #eaf0f0;font-size:12px}.attendance-date-row>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;overflow-wrap:anywhere}.attendance-date-row strong{color:#375b64;font-size:12px;white-space:nowrap}.attendance-date-row>div:first-child>span{color:#6c8389}.attendance-date-counts{display:flex;gap:15px;flex-shrink:0;color:#607b82;font-size:11px}.attendance-date-counts b{color:#294f59;margin-left:3px}
.attendance-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:54px 24px 58px;background:#fff;border:1px solid #dce7e6;border-radius:12px}.attendance-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#eff7f4;color:#178077;border-radius:20px;margin-bottom:22px}.attendance-empty-icon .ui-icon{width:29px;height:29px}.attendance-empty h3{font-size:19px;line-height:1.6;color:var(--att-ink)}.attendance-empty p{font-size:13px;line-height:1.9;color:var(--att-muted);max-width:460px;margin:11px 0 23px}.attendance-primary-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border-radius:7px;background:#007f82;color:#fff;font-size:13px;font-weight:700}.attendance-primary-link:hover{background:#00696d;color:#fff}.attendance-text-link{margin-top:16px;font-size:12px;color:#47747e}.attendance-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px;font-size:12px;color:#52717a}.attendance-pagination a,.attendance-pagination [aria-disabled]{display:flex;align-items:center;justify-content:center;min-width:60px;min-height:40px;border:1px solid #d3e2e3;border-radius:6px;padding:7px 13px;background:#fff}.attendance-pagination a{color:#007f82}.attendance-pagination [aria-disabled]{color:#a4b1b4;background:transparent}.attendance-bottom-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#80969b;margin-top:28px!important;line-height:1.8;text-align:center}
@media(min-width:1500px){.attendance-hero{min-height:320px;padding:42px 48px}}
@media(max-width:1100px){.attendance-book-main{gap:16px;padding:22px}.attendance-book-action>a{font-size:11px;gap:7px;padding:9px}.attendance-answer-summary{gap:9px}.attendance-book-footer{padding:14px 22px}.attendance-book-tools{gap:10px}.attendance-answer-label{flex-basis:100%}.attendance-toolbar{align-items:flex-start;gap:18px}.attendance-search{flex-basis:310px;min-width:240px}}
@media(max-width:800px){.attendance-hero{padding:30px;min-height:290px;background-position:60% center}.attendance-hero:before{background:linear-gradient(90deg,#082837ed,#0c3445a8 65%,#0c34452b)}.attendance-hero-caption{display:none}.attendance-hero h1{font-size:32px}.attendance-toolbar{flex-direction:column;gap:17px;padding-top:24px}.attendance-search{width:100%;flex:auto;max-width:none}.attendance-book-main{flex-wrap:wrap;gap:15px}.attendance-book-content{flex-basis:calc(100% - 91px)}.attendance-book-action{width:100%;padding-left:91px}.attendance-book-action>a{justify-content:space-between;font-size:12px}.attendance-book-footer{align-items:flex-start;flex-wrap:wrap;gap:14px}.attendance-book-tools{width:100%;justify-content:space-between}.attendance-answer-label{flex-basis:auto}.attendance-date-row{align-items:flex-start;flex-direction:column;gap:10px}.attendance-dates-list{padding-inline:22px}.attendance-tabs{gap:22px}.attendance-tabs>a{font-size:14px}}
@media(max-width:480px){main>.attendance-dashboard{width:calc(100% - 28px);margin-top:18px}.attendance-breadcrumb{font-size:11px;margin-bottom:14px}.attendance-hero{border-radius:12px;min-height:300px;padding:26px 22px;background-position:64% center}.attendance-hero h1{font-size:30px;letter-spacing:0;margin-top:17px}.attendance-hero-description{max-width:235px;font-size:12px}.attendance-eyebrow{font-size:9px}.attendance-create{font-size:13px;margin-top:21px}.attendance-workspace{margin-top:17px}.attendance-tabs{gap:19px}.attendance-tabs>a{font-size:13px;gap:6px;padding-bottom:15px}.attendance-tabs .ui-icon{width:16px;height:16px}.attendance-tab-count{font-size:11px;min-width:21px}.attendance-list-heading h2{font-size:19px}.attendance-list-heading p{font-size:12px;max-width:290px}.attendance-results-meta{font-size:11px}.attendance-result-range{display:none}.attendance-book-main{padding:18px 16px 17px;gap:13px}.attendance-date-tile{flex-basis:58px;min-height:83px;border-radius:7px}.attendance-date-tile>strong{font-size:28px}.attendance-date-tile>span{font-size:9px}.attendance-book-content{flex-basis:calc(100% - 71px)}.attendance-book h3{font-size:18px}.attendance-book-note{font-size:12px}.attendance-book-schedule{gap:5px 10px;font-size:11px}.attendance-book-action{padding-left:0}.attendance-book-action>a{padding:10px 12px}.attendance-book-footer{padding:13px 16px}.attendance-answer-summary{gap:10px}.attendance-answer-label{flex-basis:100%;font-size:11px}.attendance-answer{font-size:11px}.attendance-answer strong{font-size:16px}.attendance-dates-list{padding-inline:16px}.attendance-date-counts{gap:12px}.attendance-bottom-note{align-items:flex-start;max-width:300px;margin-inline:auto!important}.attendance-empty{padding:38px 20px}.attendance-empty h3{font-size:17px}.attendance-empty p{font-size:12px}.attendance-sort{font-size:11px}}
@media(prefers-reduced-motion:reduce){.attendance-create,.attendance-book{transition:none}.attendance-create:hover{transform:none}}