/* Compact sign-in card: stable header row and separate reward area. */
.cb-settings-dialog #dailyCheckinPanel{
 display:grid;grid-template-columns:34px minmax(0,1fr) auto;column-gap:12px;row-gap:3px;
 align-items:center;padding:16px;margin:0 0 16px;border-radius:16px;
 border:1px solid #b69b6040;background:linear-gradient(125deg,#23302588,#17221b88);
}
.cb-settings-dialog #dailyCheckinPanel[hidden]{display:none}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-copy{display:contents}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-emblem{grid-column:1;grid-row:1 / 4;width:34px;height:34px;border-radius:11px;align-self:center}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-copy>strong{grid-column:2;grid-row:1;font:600 14px/1.5 system-ui,sans-serif;letter-spacing:.03em;color:#eee3c9}
.cb-settings-dialog #dailyCheckinStatus{grid-column:2;grid-row:2;font:12px/1.6 system-ui,sans-serif;color:#c8c5ac}
.cb-settings-dialog #dailyCheckinStreak{grid-column:2;grid-row:3;font:11px/1.6 system-ui,sans-serif;color:#98a58e;overflow-wrap:anywhere}
.cb-settings-dialog #dailyCheckinButton{grid-column:3;grid-row:1 / 4;align-self:center;margin:0;padding:9px 13px;min-height:40px;border-radius:10px;white-space:nowrap;font:500 12px/1.4 system-ui,sans-serif;background:#c2a65d16;border:1px solid #c5aa6166;color:#ecd298}
.cb-settings-dialog #dailyCheckinButton:not(:disabled):hover{background:#c2a65d2c;border-color:#dfc27b}
.cb-settings-dialog #dailyCheckinButton:focus-visible{outline:2px solid #dfc27b;outline-offset:3px}
.cb-settings-dialog #dailyCheckinButton:disabled{opacity:.65}
.cb-settings-dialog #dailyCheckinCycle{grid-column:1 / -1;grid-row:4;margin:12px 0 2px;gap:5px}
.cb-settings-dialog #dailyCheckinRules{grid-column:1 / -1;grid-row:5;margin-top:7px;font:10px/1.7 system-ui,sans-serif;color:#8f9b87}
.cb-settings-dialog #dailyCheckinFeedback{grid-column:1 / -1;margin:10px 0 0;padding-top:10px;border-top:1px solid #c5aa6126;font:12px/1.7 system-ui,sans-serif}
.cb-settings-dialog #dailyCheckinPanel [hidden]{display:none}
.cb-settings-dialog #dailyCheckinCycle .checkin-day{border-radius:9px;padding:9px 1px;gap:5px;background:#ffffff03}
.cb-settings-dialog #dailyCheckinCycle .has-bonus{background:#c2a65d12}
.cb-settings-dialog #dailyCheckinCycle .is-today{box-shadow:inset 0 0 0 1px #c5aa6150;background:#c2a65d1a}
.cb-settings-dialog #dailyCheckinCycle .is-done{background:#87976a12;color:#b7c5a5}
@media(max-width:380px){
 .cb-settings-dialog #dailyCheckinPanel{grid-template-columns:28px minmax(0,1fr) auto;column-gap:9px;padding:12px}
 .cb-settings-dialog #dailyCheckinPanel .daily-checkin-emblem{width:28px;height:28px}
 .cb-settings-dialog #dailyCheckinButton{padding:8px 10px;font-size:11px}
 .cb-settings-dialog #dailyCheckinCycle{gap:3px}
 .cb-settings-dialog #dailyCheckinCycle .checkin-day strong{font-size:13px}
}

/* Retire the local floating demo entry, including during hot updates. */
#checkinPreviewEntry{display:none!important}

/* Header shortcuts must not squeeze the collection title. */
.book-account .page-header>div{min-width:max-content;flex-shrink:0}
.book-account .page-header strong{white-space:nowrap;word-break:keep-all}
.book-account .page-header .account-header-actions{gap:6px;min-width:0}
.book-account .account-header-actions .book-checkin-cue{white-space:nowrap;max-width:none;min-width:0;flex:none;padding:5px 8px;font:11px/1.2 system-ui,sans-serif}
@media(max-width:480px){
 .book-account .page-header{gap:6px;padding-inline:12px}
 .book-account .page-header .account-header-actions{gap:5px}
 .book-account .page-header .account-header-actions>button{width:30px;min-width:30px;height:32px;padding:0}
 .book-account .page-header .account-header-actions #bookAccountSettings{width:30px;min-width:30px;height:32px}
 .book-account .page-header .account-header-actions .book-checkin-cue{width:auto;min-width:0;padding:5px 7px;font-size:10px}
}

/* Clear reward hierarchy, compact seven-day cells. */
.cb-settings-dialog #dailyCheckinPanel{padding:16px;row-gap:4px;grid-template-columns:30px minmax(0,1fr) auto}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-emblem{width:30px;height:30px;grid-row:1 / 3;align-self:start;margin-top:3px}
.cb-settings-dialog #dailyCheckinButton{grid-row:1 / 3;font-size:11px;min-height:34px;padding:7px 10px}
.cb-settings-dialog #dailyCheckinStreak{grid-column:1 / -1;grid-row:3;display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:11px;color:#9faa94}
.cb-settings-dialog #dailyCheckinStreak .checkin-next-reward{font-size:13px;font-weight:500;color:#e5cb87}
.cb-settings-dialog #dailyCheckinCycle{margin:10px 0 0;gap:5px}
.cb-settings-dialog #dailyCheckinCycle .checkin-day{padding:10px 1px 8px;gap:7px;min-height:76px;box-sizing:border-box;justify-content:flex-start;border-radius:10px}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>small{font-size:10px;white-space:nowrap;line-height:1.2;color:#97a28e}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>strong{font-size:16px;line-height:1.2;font-weight:600;color:#e5dfc6}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>small:last-child{font-size:9px;min-height:11px}
.cb-settings-dialog #dailyCheckinCycle .has-bonus>small:last-child{color:#dbc183}
.cb-settings-dialog #dailyCheckinCycle .has-bonus>strong{color:#efd89e}
.cb-settings-dialog #dailyCheckinCycle .is-done{border-color:#8e9d7055;box-shadow:none}
.cb-settings-dialog #dailyCheckinCycle .is-done:not(.has-bonus)>strong{color:#a9b396}
.cb-settings-dialog #dailyCheckinRules{margin-top:10px;padding-top:10px;border-top:1px solid #c5aa6124;font-size:10px;line-height:1.6;letter-spacing:0}
@media(max-width:360px){.cb-settings-dialog #dailyCheckinCycle{gap:3px}.cb-settings-dialog #dailyCheckinCycle .checkin-day>strong{font-size:14px}.cb-settings-dialog #dailyCheckinCycle .checkin-day>small{font-size:9px}}

/* Give reward cells room instead of squeezing seven columns on phones. */
.cb-settings-dialog #dailyCheckinPanel{padding:20px;column-gap:12px;row-gap:6px}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-emblem{grid-row:1 / 3}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-copy>strong{font-size:15px}
.cb-settings-dialog #dailyCheckinStatus{font-size:12px;line-height:1.7}
.cb-settings-dialog #dailyCheckinStreak{margin-top:14px;gap:7px;line-height:1.7}
.cb-settings-dialog #dailyCheckinCycle{
 display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
 gap:10px;margin:16px 0 0;padding:1px 1px 10px;scrollbar-width:thin;scrollbar-color:#b69b6055 transparent;
}
.cb-settings-dialog #dailyCheckinCycle[hidden]{display:none}
.cb-settings-dialog #dailyCheckinCycle .checkin-day{flex:0 0 68px;min-width:68px;min-height:94px;padding:13px 5px;gap:10px;scroll-snap-align:start}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>small{font-size:10px}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>strong{font-size:19px}
.cb-settings-dialog #dailyCheckinRules{margin-top:10px;padding-top:14px;line-height:1.9}
@media(max-width:480px){
 .cb-settings-dialog #dailyCheckinPanel{padding:16px;grid-template-columns:30px minmax(0,1fr)}
 .cb-settings-dialog #dailyCheckinButton{grid-column:1 / -1;grid-row:6;width:100%;min-height:42px;margin-top:12px;font-size:12px;border-radius:11px}
 .cb-settings-dialog #dailyCheckinStatus{grid-column:2;grid-row:2}
 .cb-settings-dialog #dailyCheckinStreak{grid-column:1 / -1;margin-top:12px}
 .cb-settings-dialog #dailyCheckinFeedback{grid-row:7}
}

/* Approved concept A: lightweight seven-point reward timeline. */
.cb-settings-dialog #dailyCheckinPanel{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:4px 10px;padding:18px 16px;border-radius:16px;background:linear-gradient(130deg,#20382a80,#14271d99)}
.cb-settings-dialog #dailyCheckinPanel[hidden]{display:none}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-emblem{grid-column:1;grid-row:1 / 3;width:26px;height:30px;border:0;background:none;color:#e6cc88;margin:0;font-size:22px}
.cb-settings-dialog #dailyCheckinPanel .daily-checkin-copy>strong{grid-column:2;grid-row:1;font:600 16px/1.5 system-ui,sans-serif}
.cb-settings-dialog #dailyCheckinStatus{grid-column:2;grid-row:2;font:11px/1.6 system-ui,sans-serif}
.cb-settings-dialog #dailyCheckinButton{grid-column:3;grid-row:1 / 3;width:auto;min-height:32px;margin:0;padding:7px 10px;font-size:11px;border-radius:9px}
.cb-settings-dialog #dailyCheckinPanel[data-state='claimed'] #dailyCheckinButton{background:#436e4c33;color:#bed4b5;border-color:#789a7070;opacity:1}
.cb-settings-dialog #dailyCheckinCycle{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;overflow:visible;scroll-snap-type:none;margin:20px 0 0;padding:0 0 3px;width:100%;isolation:isolate}
.cb-settings-dialog #dailyCheckinCycle[hidden]{display:none}
.cb-settings-dialog #dailyCheckinCycle .checkin-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;flex:none}
.cb-settings-dialog #dailyCheckinCycle .checkin-day::before{content:'';position:absolute;height:1px;background:#7f927166;left:-50%;right:50%;top:40px;z-index:-1}
.cb-settings-dialog #dailyCheckinCycle .checkin-day:first-child::before{display:none}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>small{font:10px/14px system-ui,sans-serif;white-space:nowrap;color:#9eaa96}
.cb-settings-dialog #dailyCheckinCycle .checkin-day>strong{font:500 12px/18px system-ui,sans-serif;color:#c8c9b4}
.cb-settings-dialog #dailyCheckinCycle .checkin-dot{position:relative;display:grid;place-items:center;width:32px;height:32px;box-sizing:border-box;border:1px solid #83927b88;border-radius:50%;background:#1b3025;color:#8d9a82;font:18px/1 system-ui,sans-serif}
.cb-settings-dialog #dailyCheckinCycle .has-bonus .checkin-dot{border-color:#d8b76c;background:#38432a;color:#efd395}
.cb-settings-dialog #dailyCheckinCycle .has-bonus>strong{color:#efd395;font-weight:600}
.cb-settings-dialog #dailyCheckinCycle .is-done .checkin-dot{background:#456c4b;border-color:#c7d1a0;color:#f0e6c5}
.cb-settings-dialog #dailyCheckinCycle .is-today:not(.is-done) .checkin-dot{outline:2px solid #d4b56d44;outline-offset:3px}
.cb-settings-dialog #dailyCheckinCycle .checkin-bonus-tag{position:absolute;right:-7px;top:-7px;min-width:19px;padding:2px 3px;box-sizing:border-box;border-radius:8px;background:#e6c785;color:#342e1d;font:600 9px/11px system-ui,sans-serif}
.cb-settings-dialog #dailyCheckinStreak{grid-column:1 / -1;grid-row:4;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 10px;margin-top:13px;padding:10px 11px;border:1px solid #bba66a30;border-radius:9px;background:#b9a66d08;font:10px/1.6 system-ui,sans-serif;color:#97a68e}
.cb-settings-dialog #dailyCheckinStreak .checkin-next-reward{font:500 12px/1.6 system-ui,sans-serif;color:#e4cd96}
.cb-settings-dialog #dailyCheckinRules{grid-column:1 / -1;grid-row:5;margin:8px 0 0;padding:0;border:0;text-align:center;font:9px/1.7 system-ui,sans-serif;color:#869580}
.cb-settings-dialog #dailyCheckinFeedback{grid-column:1 / -1;grid-row:6}
@media(max-width:360px){.cb-settings-dialog #dailyCheckinPanel{padding:16px 12px;column-gap:8px}.cb-settings-dialog #dailyCheckinCycle .checkin-dot{width:28px;height:28px}.cb-settings-dialog #dailyCheckinCycle .checkin-day::before{top:38px}.cb-settings-dialog #dailyCheckinButton{padding:6px 8px;font-size:10px}}

/* Claimed header has one row after removing the reward subtitle. */
.cb-settings-dialog #dailyCheckinPanel[data-state='claimed'] .daily-checkin-emblem,
.cb-settings-dialog #dailyCheckinPanel[data-state='claimed'] .daily-checkin-copy>strong,
.cb-settings-dialog #dailyCheckinPanel[data-state='claimed'] #dailyCheckinButton{grid-row:1;align-self:center;margin-top:0;margin-bottom:0}
.cb-settings-dialog #dailyCheckinPanel[data-state='claimed'] .daily-checkin-emblem{height:32px;display:grid;place-items:center;line-height:1}
.cb-settings-dialog #dailyCheckinPanel[data-state='claimed'] .daily-checkin-copy>strong{line-height:32px}