/* 324.3 Confirm a change, admin's preview of the client view only. Same quiet card as What matters now. */
.ccbox{margin:0 0 20px;border:1px solid var(--line);border-radius:6px;background:rgba(250,247,241,.78);padding:13px 16px 12px}
.ccbox .cc-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ccbox .cc-h b{font:500 15px/1.3 var(--sans);color:var(--ink)}
.ccbox .cc-pv{font:600 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--brass);border:1px solid var(--brassL);border-radius:3px;padding:4px 6px}
.ccbox .cc-l{margin:8px 0 10px;font:400 13.5px/1.45 var(--sans);color:var(--sage);max-width:62ch}
.ccbox .cc-list{list-style:none;margin:0;padding:0}
.ccbox .cc-i{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 0;border-top:1px solid var(--line)}
.ccbox .cc-t{min-width:0;flex:1 1 220px;display:flex;flex-direction:column;gap:2px}
.ccbox .cc-t b{font:500 14px/1.35 var(--sans);color:var(--ink)}
.ccbox .cc-t span{font:400 12.5px/1.35 var(--sans);color:var(--sage)}
.ccbox .cc-b{display:flex;gap:8px;flex:0 0 auto}
.ccbox .cc-b button{font:500 13px/1 var(--sans);min-height:40px;padding:0 14px;border-radius:5px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.ccbox .cc-b .cc-no{border-color:var(--holly);background:var(--holly);color:var(--alab)}
.ccbox .cc-b button:disabled{opacity:.72;cursor:not-allowed}
.ccbox .cc-n{margin:8px 0 0;font:400 12px/1.4 var(--sans);color:var(--sage)}
@media (max-width:480px){.ccbox .cc-b{width:100%}.ccbox .cc-b button{flex:1 1 0}}
@media (min-width:900px){body.preview .ccbox{margin-top:52px}}  /* the gold preview bar sits over the top of the panel */
/* 324.6 Predictable places, same quiet card */
.epibox .epi-d>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}
.epibox .epi-d>summary::-webkit-details-marker{display:none}
.epibox .epi-h{display:flex;align-items:baseline;gap:8px}
.epibox .epi-h b{font:500 15px/1.3 var(--sans);color:var(--ink)}
.epibox .epi-n{font:400 12.5px/1.3 var(--sans);color:var(--sage)}
.epibox .epi-list{list-style:none;margin:0;padding:0;counter-reset:epi}
.epibox .epi-i{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 0;border-top:1px solid var(--line)}
.epibox .epi-s{font:400 12px/1.35 var(--sans);color:var(--sage)}
.ccbox .cc-t span+span{margin-top:1px}
.ccbox .cc-sub{margin:12px 0 4px;color:var(--ink);font-weight:500}
/* 324.8 Event log */
.epibox .lg-k{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.epibox .lg-c{font:500 12.5px/1 var(--sans);min-height:34px;padding:0 11px;border-radius:17px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.epibox .lg-c.on{background:var(--holly);border-color:var(--holly);color:var(--alab)}
.epibox .lg-l{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;font:400 12.5px/1.3 var(--sans);color:var(--sage)}
.epibox .lg-l textarea,.epibox .lg-l input{font:400 15px/1.4 var(--sans);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:8px 10px;background:#fff;width:100%;box-sizing:border-box}
.epibox .lg-p{display:flex;align-items:center;gap:8px;font:400 12.5px/1.3 var(--sans);color:var(--sage);margin:0 0 8px}
/* 324.9 ICE cards */
.epibox .ice-c{border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin:0 0 10px;background:#fff}
.epibox .ice-l{font:400 14px/1.4 var(--sans);color:var(--ink);margin:0 0 4px}
.epibox .ice-h{font:600 11px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--sage);margin:10px 0 3px}
.epibox .ice-u,.epibox .ice-t{margin:0;padding-left:18px;font:400 14px/1.45 var(--sans);color:var(--ink)}
.epibox .ice-t{list-style:none;padding-left:0}
.epibox .ice-tmp{font:400 13px/1.45 var(--sans);color:var(--ink);background:var(--paper-2,#f3f1ec);border-left:3px solid var(--sage);padding:6px 10px;margin:8px 0}
/* 324.8b (Jarno 2026-10-19): an empty event log is one quiet link; photos are added as taken */
.lg-empty{margin:6px 0 0;padding:0 2px}
.lg-open{background:none;border:0;padding:6px 0;font:400 13px/1.3 var(--sans);color:var(--sage);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.epibox .lg-ph{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font:400 12.5px/1.3 var(--sans);color:var(--sage)}
.epibox .lg-ph{position:relative;cursor:pointer}.epibox .lg-ph input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.epibox .lg-ph .lg-c{display:inline-flex;align-items:center}.epibox .lg-ph:focus-within .lg-c{outline:2px solid var(--brass);outline-offset:2px}.epibox .lg-ph small{font-size:12px;color:var(--sage)}
.epibox .lg-phl{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.epibox .lg-phl .lnk{background:none;border:0;padding:0;font:500 12.5px/1.3 var(--sans);color:var(--ink);text-decoration:underline;cursor:pointer}