.daily-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:150px;margin-bottom:14px;padding:24px 28px;border-radius:28px;background:linear-gradient(135deg,#087fba,#20b9df);color:#fff;box-shadow:0 16px 34px #0872ae26}.daily-hero h1{margin:2px 0 7px;font-size:34px}.daily-hero p{margin:0}.daily-hero .eyebrow{color:#dff7ff}.daily-hero>span{display:grid;place-items:center;width:76px;height:76px;border-radius:26px;background:#fff3;color:#fff;font-size:42px;font-weight:1000;transform:rotate(-7deg)}
.daily-filter{position:relative;display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(170px,1fr) auto;align-items:end;gap:9px;margin-bottom:14px;padding:14px 16px!important}.daily-filter label{min-width:0;margin:0}.daily-filter label>input,.daily-filter label>select{min-height:44px}.daily-board-link{min-height:44px!important;padding:0 14px!important;white-space:nowrap}.daily-filter-submit{min-height:44px}.daily-loading{position:absolute;right:16px;bottom:-25px;display:flex;align-items:center;gap:6px;color:#08709f;font-size:11px;font-weight:900}.daily-loading[hidden]{display:none!important}.daily-loading::before{width:12px;height:12px;border:2px solid #9dddef;border-top-color:#087fba;border-radius:50%;content:"";animation:daily-spin .65s linear infinite}.daily-filter.is-loading{pointer-events:none;opacity:.72}.daily-filter.is-loading .daily-loading{display:flex!important}@keyframes daily-spin{to{transform:rotate(360deg)}}
.daily-groups{display:grid;gap:14px}.daily-coach-group>header{display:flex;align-items:center;gap:10px;margin:0 4px 8px}.daily-coach-group>header h2,.daily-coach-group>header p{margin:0}.daily-coach-group>header>strong{margin-left:auto;padding:6px 10px;border-radius:99px;background:#dff5ff;color:#08709f;font-size:11px}.daily-coach-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#087fba;color:#fff;font-size:19px}.daily-card-list{display:grid;gap:9px}.daily-session-card{display:grid;grid-template-columns:102px minmax(0,1fr) minmax(230px,280px);align-items:center;gap:11px;padding:12px 14px;border:1px solid #cfe8f2;border-radius:20px;background:#fff;box-shadow:0 9px 24px #064e7512}.daily-session-time{display:flex;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:15px;background:#e3f7ff;color:#075f8e}.daily-session-time strong{font-size:15px}.daily-session-main{min-width:0}.daily-session-main h3{margin:1px 0 6px;font-size:19px;color:#073f65}.daily-session-main .student-code{margin:0;color:#6a8493;font-size:10px;font-weight:900}.daily-status-row{display:flex;flex-wrap:wrap;gap:5px}.daily-status,.daily-spr-status{padding:4px 7px;border-radius:99px;background:#eef5f8;color:#557181;font-size:9.5px;font-weight:900}.daily-status.hadir{background:#d7f7e4;color:#08733b}.daily-status.tidak-hadir{background:#ffe2e7;color:#a12740}
.daily-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:start}.daily-actions form{margin:0}.daily-btn{width:100%;min-height:42px;padding:0 9px;border:0;border-radius:12px;font-size:12px;font-weight:1000;cursor:pointer;white-space:nowrap}.daily-btn.hadir{background:#2bc76e;color:#fff}.daily-btn.tidak-hadir{border:1px solid #ee8598;background:#fff2f4;color:#a12740}.daily-btn[aria-pressed=true]{outline:2px solid #ffd83d;outline-offset:2px}.absence-reason-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px;border:1px solid #f1c1ca;border-radius:12px;background:#fff8f9}.absence-reason-form[hidden]{display:none}.absence-reason-form select{width:100%;min-height:36px;margin:0;padding:4px 7px;font-size:10px}.daily-absence-save{min-height:36px;padding:0 10px;border:0;border-radius:10px;background:#a12740;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.daily-complete-form{grid-column:1/-1}.complete-session{width:100%;min-height:36px!important;border:0;border-radius:11px;background:#eef8fc;color:#08709f;font-size:11px;font-weight:900;cursor:pointer}.daily-next-actions{grid-column:2/-1;display:grid;gap:5px}.daily-learning-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.daily-learning-row .btn:only-child{grid-column:1/-1}.daily-profile-row{display:grid}.daily-next-actions .btn{justify-content:center;min-height:36px;padding:0 10px;font-size:10.5px;text-align:center}
@media(max-width:760px){.daily-hero{position:relative;min-height:118px;padding:14px 31% 14px 15px;border-radius:22px;overflow:hidden}.daily-hero h1{font-size:24px;line-height:1.05}.daily-hero p{font-size:11px;line-height:1.3}.daily-hero>span{position:absolute;right:18px;width:58px;height:58px;border-radius:19px;font-size:31px}.daily-filter{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px!important}.daily-date-field{grid-column:1}.daily-coach-field{grid-column:1/-1}.daily-filter label>input,.daily-filter label>select{min-height:42px}.daily-board-link{grid-column:2;grid-row:1;min-height:42px!important;padding:0 10px!important;font-size:10px!important}.daily-filter-submit{grid-column:1/-1}.daily-loading{right:10px;bottom:-22px}.daily-coach-group>header{margin:0 2px 7px}.daily-coach-group>header h2{font-size:17px}.daily-session-card{grid-template-columns:80px minmax(0,1fr);gap:8px;padding:10px;border-radius:18px}.daily-session-time{min-height:50px;gap:2px}.daily-session-time strong{font-size:12.5px}.daily-session-main h3{margin-bottom:4px;font-size:16px}.daily-actions{grid-column:1/-1;gap:6px}.daily-btn{min-height:42px;font-size:11.5px}.absence-reason-form{padding:6px}.daily-next-actions{grid-column:1/-1}.daily-learning-row{gap:6px}.daily-next-actions .btn{min-height:36px}}
@media(max-width:370px){.daily-hero{padding-right:28%}.daily-filter{grid-template-columns:minmax(0,1fr) auto}.daily-board-link{padding:0 8px!important}.daily-session-card{grid-template-columns:74px minmax(0,1fr);padding:9px}.daily-session-time strong{font-size:11.5px}.daily-session-main h3{font-size:15px}.daily-btn{font-size:11px}.absence-reason-form{grid-template-columns:1fr}.daily-absence-save{width:100%}}
