.pj-hero{display:grid;grid-template-columns:64px 1fr auto;gap:16px;padding:28px 0 22px;border-bottom:1px solid var(--border);align-items:end}.pj-hero .marg{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.16em;padding-bottom:10px}.pj-hero .left{display:flex;gap:18px;align-items:flex-end}.pj-hero .swatch{width:64px;height:64px;border-radius:4px;background:linear-gradient(135deg,var(--persimmon),#c95722);box-shadow:inset 0 1px #ffffff2e,0 8px 24px #ff7a3d29;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:32px;color:#1a0c04}.pj-hero h1{font-family:var(--font-display);font-weight:300;font-size:56px;line-height:.95;color:var(--bone-100);letter-spacing:-.03em}.pj-hero h1 em{font-style:italic;color:var(--persimmon)}.pj-hero .crumb{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-bottom:6px}.pj-hero .actions{display:flex;gap:6px;padding-bottom:8px}.pj-compose-strip{padding:18px 0 22px;border-bottom:1px solid var(--border)}.pj-compose{background:var(--ink-200);border:1px solid var(--border);border-radius:4px;padding:14px 16px 12px;position:relative;overflow:hidden}.pj-compose:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--persimmon),transparent)}.pj-compose textarea{width:100%;min-height:56px;resize:none;outline:none;background:transparent;color:var(--bone-100);font-family:var(--font-sans);font-size:14px;line-height:1.55}.pj-compose textarea::placeholder{color:var(--text-faint)}.pj-compose .foot{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-soft)}.pj-compose .chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--ink-100);border:1px solid var(--border);border-radius:3px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-mute)}.pj-compose .chip.locked{color:var(--persimmon);border-color:#ff7a3d4d;background:#ff7a3d0f}.pj-compose .chip .ic{color:var(--text-faint);width:12px;height:12px}.pj-compose .chip .ic svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.5;fill:none}.pj-compose .chip.locked .ic{color:var(--persimmon)}.pj-compose .send-btn{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--persimmon);color:#1a0c04;font-weight:600;font-size:12px;border-radius:3px}.pj-compose .send-btn .kbd{background:#0000002e;color:#0009;border-color:#0003}.meta-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--border);background:var(--ink-100)}.meta-strip>div{padding:14px 18px;border-right:1px solid var(--border)}.meta-strip>div:last-child{border-right:none}.meta-strip .k{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.meta-strip .v{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--bone-100)}.meta-strip .v .mono{font-family:var(--font-mono);font-style:normal;font-size:12px;color:var(--bone-200)}.tabs-row{display:flex;align-items:center;gap:0;height:44px;border-bottom:1px solid var(--border);padding:0;margin-top:0}.pj-tab{padding:0 16px;height:100%;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-mute);border-bottom:1px solid transparent;margin-bottom:-1px;letter-spacing:.04em;cursor:pointer}.pj-tab .num{font-size:9px;color:var(--text-faint)}.pj-tab:hover{color:var(--text)}.pj-tab.active{color:var(--bone-100);border-bottom-color:var(--persimmon)}.pj-tab .count{background:var(--ink-300);color:var(--text-mute);font-size:9.5px;padding:1px 5px;border-radius:2px}.pj-tab.active .count{background:var(--persimmon);color:#1a0c04}.layout{display:grid;grid-template-columns:64px 1.6fr 1fr;gap:24px;margin-top:28px}.section-num{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.16em;padding-top:4px}.section-title{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.section-title h3{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:22px;color:var(--bone-100)}.section-title .meta{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.section-title .meta a{color:var(--persimmon)}.table{border:1px solid var(--border);border-radius:4px;overflow:hidden}.row{display:grid;grid-template-columns:56px 1.7fr .8fr .7fr .7fr;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-soft);font-size:12.5px}.row.head{background:var(--ink-100);font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase}.row:not(.head):hover{background:var(--ink-300);cursor:pointer}.row:last-child{border-bottom:none}.row .id{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.row .t-name{color:var(--bone-100)}.row .t-mono{font-family:var(--font-mono);font-size:11.5px;color:var(--text-mute)}.activity{border-left:1px solid var(--border-soft);padding-left:18px}.act-day{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.14em;text-transform:uppercase;padding:12px 0 8px}.act-row{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:6px 0;align-items:baseline;font-size:12px;color:var(--text-mute)}.act-row .ts{font-family:var(--font-mono);font-size:10.5px;color:var(--text-faint)}.act-row .body em{color:var(--bone-100);font-style:normal;font-weight:600}.act-row.live .body em{color:var(--persimmon)}.card2{border:1px solid var(--border);background:var(--ink-200);border-radius:4px;margin-bottom:16px}.card2 .head{padding:12px 14px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:16px;color:var(--bone-100);display:flex;align-items:center;justify-content:space-between}.card2 .head .lab{font-family:var(--font-mono);font-size:9.5px;color:var(--text-faint);letter-spacing:.16em;font-style:normal;padding:2px 6px;border:1px solid var(--border);border-radius:2px}.card2 .body{padding:12px 14px;font-size:12.5px;color:var(--text)}.row-detail{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border-soft);font-size:12px}.row-detail:last-child{border-bottom:none}.row-detail .k{color:var(--text-mute);font-family:var(--font-mono);font-size:10.5px}.row-detail .v{color:var(--bone-100);font-family:var(--font-mono);font-size:11.5px}.chart{display:grid;grid-template-columns:repeat(14,1fr);gap:3px;align-items:end;height:64px;padding:8px 4px}.chart .bar{background:var(--persimmon-dim);border-radius:1px 1px 0 0;min-height:2px;width:100%;opacity:.6}.chart .bar.hi{background:var(--persimmon);opacity:1}.chart .bar.warn{background:var(--amber);opacity:.9}.chart .bar.err{background:var(--rust)}
