/* journals/page.css: styles only /journals/ needs (zp-* names). Loaded after shared/pages.css. */

/* family switch */
.zp-jmode{flex-wrap:nowrap;gap:10px;margin-bottom:20px}
.zp-jmode .zp-chips{min-width:0;flex:1}
.zp-jmode-label{flex:none;font-size:11px;font-weight:650;letter-spacing:1px;text-transform:uppercase;color:#7a8e80}

/* day bar: sticky under the header on wide screens */
.zp-daybar{display:flex;align-items:center;gap:10px;background:#ffffffee;backdrop-filter:blur(12px);border:1px solid var(--zp-line);border-radius:16px;padding:8px 10px;margin:0 0 22px}
.zp-daychips{flex:1;min-width:0;padding-bottom:2px}
.zp-daychip{padding:6px 13px;border-radius:13px;text-align:left}
.zp-daychip>span{display:flex;flex-direction:column;line-height:1.3}
.zp-daychip b{font-size:12px;font-weight:700}
.zp-daychip small{font-size:10px;font-weight:500;color:#6f7d88;white-space:nowrap}
.zp-daychip[aria-pressed=true] small{color:#2f6a55}
.zp-daystep{flex:none;font-size:12px;font-weight:650;color:var(--zp-link);background:#fff;border:1px solid #d6e3dc;border-radius:11px;padding:8px 11px;white-space:nowrap}
.zp-daystep:hover{background:#f1f8f4}
.zp-daystep[aria-disabled=true]{color:#a3adb5;border-color:#e6ebe8;background:#fafbfa;cursor:not-allowed}
.zp-daysel{display:none;flex:1;min-width:0}
.zp-daysel select{width:100%;font-size:14px;border:1px solid #dce4df;border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink)}
@media(min-width:801px){
 html[data-page=journals]:has(body.zp-page){scroll-padding-top:150px}
 .zp-daybar{position:sticky;top:63px;z-index:5;box-shadow:0 6px 18px #2749340d}
}
html[data-page=journals] .zp-section,html[data-page=journals] .zp-dayhead{scroll-margin-top:0}

/* one day */
.zp-dayhead{margin:0 0 26px}
.zp-dayhead h2{font-size:26px;letter-spacing:-.8px;line-height:1.25;margin:0 0 4px;font-weight:740}
.zp-dayhead p{margin:0;font-size:13px;color:var(--zp-fine)}
.zp-jump{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px!important}
.zp-jump a{font-weight:650;color:var(--zp-link);text-decoration:none}
.zp-jump a:hover{text-decoration:underline;text-underline-offset:3px}
.zp-section-head h3{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin:0;font-weight:720}
.zp-journal-fam{font-size:15px}
.zp-jnote{margin:12px 0 0}
#journal .zp-idle-line+.zp-idle-line{margin-top:4px}
/* his global footer{padding:25px 0;justify-content:space-between} also hits the card footers from shared/journal.js */
.zp-journal footer.zp-journal-foot{padding:10px 0 0;justify-content:flex-start;gap:6px;background:none}

/* the Zoo Chat */
.zp-chatbox>.zp-chips{margin-bottom:10px}
.zp-chatbox>.zp-chatwait{min-height:60vh;margin:0}
.zp-chatcount{font-size:13px;line-height:1.65;color:#51616f;margin:0 0 8px;max-width:760px}
.zp-chattoggles{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 14px}
.zp-check{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#3e514e;cursor:pointer;min-height:32px}
.zp-check input{width:16px;height:16px;accent-color:#0a7a62;margin:0}
.zp-chatbox .zp-banner{margin:0 0 12px}
.zp-chatbox .journal-panel.zoo-chat{max-width:860px}
.zp-page .zoo-chat .chat-thread{padding:4px 18px 18px}
.zp-page .zoo-chat .chat-thread>.is-folded{display:none}
.zp-chatbox .zp-chat-line:focus{outline:3px solid #378ce6;outline-offset:3px;border-radius:12px}
.zp-chatfold{margin:14px 0 0}

/* family mode */
.zp-famhead{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;margin:0 0 6px}
.zp-famhead-name{flex:1;min-width:0}
.zp-famhead-name h2{font-size:24px;letter-spacing:-.7px;line-height:1.25;margin:0;font-weight:740}
.zp-famhead-name h2 a{color:inherit;text-decoration:none}
.zp-famhead-name h2 a:hover{color:var(--zp-link)}
.zp-famhead-name small{display:block;font-size:12px}
.zp-fsub{margin:0 0 18px}
.zp-ftimeline{display:grid;gap:26px;max-width:820px}
.zp-fday h2{font-size:17px;letter-spacing:-.3px;margin:0 0 10px;font-weight:720}
.zp-fday h2 small{font-size:12px;font-weight:500;color:var(--zp-fine);letter-spacing:0;margin-left:6px}
.zp-fday .zp-medals{margin:0 0 10px}
.zp-fday .zp-idle-line{margin:0}
.zp-fday-chat{margin:8px 0 0}

@media(max-width:800px){
 .zp-dayhead h2{font-size:23px}
}
@media(max-width:560px){
 .zp-jmode{flex-direction:column;align-items:stretch;gap:6px}
 .zp-daybar{padding:6px;gap:6px;border-radius:13px}
 .zp-daychips{display:none}
 .zp-daysel{display:block}
 .zp-daystep{padding:8px 9px}
 .zp-daystep span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .zp-dayhead h2{font-size:21px}
 .zp-section-head h3{font-size:18px}
 .zp-page .zoo-chat .chat-thread{padding:2px 10px 12px}
 .zp-famhead-name h2{font-size:20px}
}
.zp-older{margin:18px 0 0}
.zp-fday:focus{outline:2px solid #73ad91;outline-offset:6px;border-radius:8px}