/* R22 read-only monitor configuration history; aligned with TP Context visual palette. */
:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#070f19;color:#eaf6ff}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 56% 40% at 78% 3%,#063d4f66,transparent 70%),linear-gradient(180deg,#080f1a,#081522 54%,#070e17);line-height:1.55}body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#5abfd80d 1px,transparent 1px),linear-gradient(90deg,#5abfd80d 1px,transparent 1px);background-size:42px 42px}a{color:#a0d2e7}button{font:inherit;cursor:pointer}
.tp-j-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid #4bafc128;background:#08131fc9;backdrop-filter:blur(14px)}.tp-j-logo{text-decoration:none;color:white;font-size:22px;font-weight:800;letter-spacing:-.7px}.tp-j-logo span{color:#50b3de}.tp-j-logo small{font-size:14px;color:#a2bbc9;font-weight:500}.tp-j-top nav{display:flex;gap:21px}.tp-j-top nav a{text-decoration:none;font-size:14px}
.tp-j-shell{max-width:1200px;margin:auto;padding:38px 22px 68px}.tp-j-hero{padding:35px 38px;border:1px solid #48b7ca3a;border-radius:24px;background:linear-gradient(130deg,#12283e,#091823 65%);box-shadow:0 12px 40px #0004}.tp-j-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.17em;color:#69d4e1}.tp-j-hero h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;line-height:1.12;margin:12px 0}.tp-j-hero p{margin:0;max-width:760px;color:#c4d8e7;font-size:16px}.tp-j-labels{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tp-j-labels span{font-size:11px;font-weight:800;letter-spacing:.065em;background:#0a2630;border:1px solid #318d9b6e;color:#85cae8;padding:9px 12px;border-radius:999px}
.tp-j-panel{margin-top:23px;border:1px solid #3b78934c;border-radius:22px;background:#0b1d2cee;padding:28px 30px}.tp-j-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.tp-j-head h2{font-size:22px;margin:8px 0 0}.tp-j-head button{border-radius:11px;border:1px solid #49afbb8a;background:#10394b;color:#e9f9fc;padding:11px 19px}.tp-j-head button:disabled{opacity:.6;cursor:wait}#tpJournalStatus{font-size:15px;color:#c5d8e4;margin:24px 0 6px}.tp-j-entries{display:grid;gap:12px}.tp-j-item{border:1px solid #327a8555;border-radius:14px;padding:17px 20px;background:#10293a}.tp-j-item-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:16px;font-weight:700}.tp-j-item-meta{color:#bed0d9;font-size:13px;overflow-wrap:anywhere;margin:7px 0 0}.tp-j-disclaimer{color:#b6d0db;font-size:14px;max-width:960px;margin:24px 4px}
@media(max-width:660px){.tp-j-top{padding:16px}.tp-j-top nav{gap:12px}.tp-j-shell{padding:18px 13px 50px}.tp-j-hero{padding:25px 20px}.tp-j-panel{padding:22px 17px}.tp-j-head{align-items:flex-start}.tp-j-head button{padding:9px 11px}}

/* Product 3: operational Journal table, bounded R-unit statistics. */
.tp-j-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 12px}
.tp-j-stat{border:1px solid #36889b68;background:linear-gradient(120deg,#123449,#0e2435);padding:16px;border-radius:14px;min-width:0}
.tp-j-stat-title{display:block;font-size:12px;color:#a6cad9;margin-bottom:7px}
.tp-j-stat strong{display:block;color:#dcf4ff;font-size:clamp(18px,2.5vw,27px);font-variant-numeric:tabular-nums}
.tp-j-order-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#bbd5e2}
.tp-j-order-controls select{background:#102c3d;color:#e4f7ff;border:1px solid #398b95;border-radius:9px;padding:10px}
.tp-j-result{color:#8bcdea;font-variant-numeric:tabular-nums}
#tpJournalOrdersExport:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.tp-j-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-j-head{flex-wrap:wrap}.tp-j-order-controls{width:100%}}
