/* CHAIRCRAFT Milestone 1 visual polish only — no functional behavior. */
.ccTodayHeader{margin:12px 0 22px!important;align-items:flex-start!important}
.ccTodayHeader h1{font-size:34px!important;line-height:1.04!important;color:#fff!important}
.ccDate{font-size:11px!important;line-height:1.5!important;color:#d7d7d3!important;padding-top:2px}
.ccDailyNote{padding:16px 16px!important;margin-bottom:16px!important;border-color:#353c40!important;background:#151a1d!important}
.ccDailyNote b{font-size:15px!important;line-height:1.35!important;color:#fff!important;margin-bottom:5px!important}
.ccDailyNote span{font-size:13px!important;line-height:1.5!important;color:#d6d6d2!important}

.ccMoves{gap:12px!important}
.ccMove{border-color:#353c40!important;border-radius:12px!important;background:linear-gradient(145deg,#181d20,#131719)!important}
.ccMoveMain{grid-template-columns:46px minmax(0,1fr)!important;gap:14px!important;padding:17px 16px 15px!important}
.ccMoveNum{width:42px!important;height:42px!important;font-size:20px!important;font-weight:700!important}
.ccMoveMeta{margin-bottom:6px!important}
.ccMoveMeta small{font-size:10px!important;letter-spacing:.055em!important;color:#f3f0e9!important}
.ccMove:nth-child(1) .ccMoveMeta small{color:#bd70ff!important}
.ccMove:nth-child(2) .ccMoveMeta small{color:#5bd1d8!important}
.ccMove:nth-child(3) .ccMoveMeta small{color:#f0b84f!important}
.ccMove h3{font-size:17px!important;line-height:1.3!important;margin:0 0 6px!important;color:#fff!important}
.ccMove p{font-size:13px!important;line-height:1.52!important;color:#ededeb!important}
.ccMoveFoot{margin-top:12px!important;align-items:center!important}
.ccMoveFoot b{font-size:13px!important;line-height:1.3!important;color:#f0b84f!important}
.ccMoveFoot span{font-size:13px!important;font-weight:750!important;color:#fff!important}
.ccMoveFoot span::first-letter{color:#f0b84f}
.ccMoveActions button{padding:12px 8px!important;font-size:12px!important;color:#b7bdc0!important}
.ccMoveActions .success{color:#62d7c7!important}

.checkinCard{margin-top:16px!important;padding:18px!important;border-radius:12px!important}
.checkinCard small{font-size:10px!important;color:#f0b84f!important}
.checkinCard h3{font-size:24px!important;line-height:1.2!important;color:#fff!important;margin:6px 0 10px!important}
.checkinCard p{font-size:13px!important;line-height:1.55!important;color:#e2e1dc!important}
.checkinCard .secondary{font-size:13px!important;min-height:50px!important}

footer{padding-top:11px!important;padding-bottom:calc(11px + env(safe-area-inset-bottom))!important}
footer button,footer button:nth-child(3)::after{font-size:10px!important}
footer button span{font-size:18px!important}

@media(max-width:380px){
 .ccTodayHeader h1{font-size:30px!important}
 .ccDate{font-size:10px!important}
 .ccMoveMain{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding:15px 13px 13px!important}
 .ccMoveNum{width:38px!important;height:38px!important;font-size:18px!important}
 .ccMove h3{font-size:16px!important}.ccMove p{font-size:12.5px!important}
 .ccMoveFoot b,.ccMoveFoot span{font-size:12px!important}
}
@media(max-width:320px){
 .ccTodayHeader{gap:8px!important}.ccTodayHeader h1{font-size:27px!important}.ccDate{font-size:9px!important}
 .ccMoveMain{grid-template-columns:38px minmax(0,1fr)!important;padding:14px 11px!important}.ccMoveNum{width:35px!important;height:35px!important;font-size:16px!important}
 .ccMove h3{font-size:15px!important}.ccMove p{font-size:12px!important}.ccMoveFoot{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
}