/* common.css — shared by index.html and history.html */
[hidden]{display:none !important}
/* sign-in */
.login{max-width:360px;margin:28px auto 0;padding:0 4px}
.login h2{font-size:16px;margin:0 0 4px}
.login label{display:block;font-size:11px;color:var(--muted);margin:12px 0 4px}
.login input{width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;outline:none}
.login input:focus{border-color:var(--link)}
.login button{margin-top:10px;width:100%;font:inherit;font-size:13px;font-weight:600;padding:8px 12px;border:0;border-radius:8px;background:var(--link);color:#fff;cursor:pointer}
.login button:disabled{opacity:.6;cursor:default}
.login .alt{display:block;margin-top:10px;font-size:12px;color:var(--link);background:none;border:0;padding:0;width:auto;cursor:pointer;text-align:left}
.login .err{min-height:16px;margin-top:8px;font-size:12px}
/* timeline events — chat bubbles: customer left/grey, Half Priced Macs right/blue, notes full-width/yellow */
.ev{display:block;margin:6px 0;padding:6px 9px;border-radius:12px;border:1px solid transparent;max-width:88%}
.ev-in{background:#f1f1f3;border-color:#e4e4e8;margin-right:auto;border-bottom-left-radius:4px}
.ev-out{background:#e6eefc;border-color:#d2def7;margin-left:auto;border-bottom-right-radius:4px}
.ev-note{background:#fff8dc;border-color:#f0e2a8;max-width:100%;border-radius:8px}
.ev summary{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:baseline;cursor:pointer;list-style:none;font-size:12px;line-height:1.35;min-width:0}
.ev summary::-webkit-details-marker{display:none}
.ev .ico{flex:0 0 auto;width:16px;text-align:center}
.ev .who{flex:0 0 auto;font-weight:700;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-in .who{color:var(--ink)}
.ev-out .who{color:#1f3f9e}
.ev-note .who{color:var(--warn)}
.notelabel{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:6px;background:#f3e2a8;color:#6b4e00}
.ev .when{flex:0 0 auto;color:var(--muted);font-size:11px;white-space:nowrap}
.ev .prev{flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.ev-note .prev{color:#5a4a1a;font-style:italic}
.ev[open] .prev{display:none}   /* expanded: the body shows the text, no duplicate preview */
.ev .tag{flex:0 0 auto;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--silverbg);color:var(--silver)}
.ev-linked{box-shadow:inset 3px 0 0 var(--silver)}
.evbody{margin:6px 0 2px 0}
.evmeta{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.evsub{font-weight:600;font-size:12px;margin-bottom:3px}
.evtext{font:inherit;font-size:12px;white-space:pre-wrap;word-break:break-word;margin:0;max-height:40vh;overflow:auto;background:rgba(255,255,255,.6);border-radius:6px;padding:6px 8px}
.toggle{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);cursor:pointer;user-select:none}
.toggle input{margin:0}
.chip{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--neutralbg);color:var(--neutral);margin-left:4px}
.chip.ok{background:var(--goodbg);color:var(--good)}
.chip.warn{background:var(--warnbg);color:var(--warn)}
.chip.bad{background:var(--badbg);color:var(--bad)}
.ident{display:flex;gap:6px;align-items:baseline;font-size:12px;padding:3px 0;border-top:1px solid var(--line);word-break:break-all}
.ident:first-of-type{border-top:0}
.ident .k{flex:0 0 52px;color:var(--muted);font-size:11px}
.rel{display:flex;gap:6px;align-items:baseline;font-size:12px;padding:5px 0;border-top:1px solid var(--line)}
.rel:first-of-type{border-top:0}
.rel a{font-weight:600;color:var(--link);text-decoration:none}
.rel .why{color:var(--muted);font-size:11px}
.sectionhd{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sectionhd h4{margin:14px 0 6px}
.morelink{font-size:11px;font-weight:600;color:var(--link);text-decoration:none;white-space:nowrap}
.hdlinks{display:inline-flex;gap:10px;align-items:baseline;white-space:nowrap}
.linkbtn{font:inherit;font-size:11px;font-weight:600;color:var(--link);background:none;border:0;padding:0;cursor:pointer}