/* ==========================================================================
   #view-pressing — Digester & Press station (owned by js/views/pressing.js)
   Layout in the 1888×988 content box: KPI row 92 (+14) · cards 604 · trend 262 (+14)
   ========================================================================== */
#view-pressing .pr-cards { display: grid; gap: 14px; height: 604px; }
#view-pressing .pr-trend { height: 262px; margin-top: 14px; }

/* ---------------------------------------------------------------- unit card */
#view-pressing .pr-card { display: flex; flex-direction: column; }
#view-pressing .pr-card .uc-h { padding: 11px 14px 8px; gap: 8px; }
#view-pressing .pr-card .uc-id { font-size: 20px; letter-spacing: 0.4px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#view-pressing .pr-card .uc-id small { font-size: 14.5px; margin-left: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
#view-pressing .pr-card .pr-bd, #view-pressing .pr-card .pr-md { flex: none; display: inline-flex; }
#view-pressing .pr-render { flex: 1; min-height: 0; margin: 0 12px; }
#view-pressing .pr-card.off .pr-render { background: radial-gradient(70% 70% at 50% 45%, rgba(90, 105, 130, 0.22), rgba(4, 12, 28, 0) 70%), linear-gradient(180deg, #0b1626, #050b16); }
#view-pressing .pr-card.crit .pr-render { background: radial-gradient(70% 70% at 50% 45%, rgba(150, 40, 60, 0.20), rgba(4, 12, 28, 0) 70%), linear-gradient(180deg, #0d1424, #050a16); }

/* overlays inside the 3D slot */
#view-pressing .pr-render .chip b { font-weight: 700; }
#view-pressing .pr-render .ovl.tl { flex-direction: column; align-items: flex-start; }
#view-pressing .pr-render .ovl.tr { flex-direction: column; align-items: flex-end; }
#view-pressing .pr-cards.n6 .pr-card .uc-id .w { display: none; }
#view-pressing .pr-cards.n6 .pr-card .uc-id::before { content: 'Line '; }
#view-pressing .pr-temp { font-size: 21px; padding: 3px 9px; letter-spacing: 0.3px; }
#view-pressing .pr-temp small { font-size: 14px; margin-left: 2px; font-weight: 600; }
#view-pressing .pr-temp.ok { color: #4ff0a2; }
#view-pressing .pr-render .uc-alarm { position: absolute; left: 10px; right: 10px; bottom: 10px; margin: 0; z-index: 6; pointer-events: none;
  box-shadow: 0 0 16px rgba(255, 178, 36, 0.5); animation: pr-blink 1.2s infinite; }
#view-pressing .pr-render .uc-alarm.crit { box-shadow: 0 0 16px rgba(255, 75, 92, 0.55); animation-name: pr-blink-r; }
#view-pressing .pr-card.has-alarm .pr-render .ovl.bl { bottom: 52px; }
@keyframes pr-blink { 50% { box-shadow: 0 0 4px rgba(255, 178, 36, 0.18); filter: brightness(0.84); } }
@keyframes pr-blink-r { 50% { box-shadow: 0 0 4px rgba(255, 75, 92, 0.2); filter: brightness(0.82); } }

/* projected in meeting rooms: no readable text below 14px on this page */
#view-pressing .cap { font-size: 14px; }
#view-pressing .cap.pr-nc { text-transform: none; letter-spacing: 0.8px; }
#view-pressing .mini-table th { font-size: 14px; }

/* sections below the render */
#view-pressing .pr-sec { flex: none; padding: 8px 14px 0; }
#view-pressing .pr-sec + .pr-sec { border-top: 1px solid var(--line); margin-top: 6px; padding-bottom: 10px; }
#view-pressing .pr-cap { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; white-space: nowrap; }
#view-pressing .pr-feed { font-size: 14.5px; color: var(--text-dim); letter-spacing: 0.4px; }
#view-pressing .pr-feed b { color: #fff; font-size: 16px; }
#view-pressing .pr-feed b.c-amber { color: var(--amber); }
#view-pressing .pr-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.12fr); gap: 8px; align-items: center; margin-top: 2px; }
#view-pressing .pr-row .gauge-wrap svg { max-width: 98px; }
#view-pressing .pr-row .gauge-wrap .g-l { font-size: 14px; }
#view-pressing .pr-row .gauge-wrap .g-v { font-size: 21px; margin-top: -4px; }
#view-pressing .pr-row .gauge-wrap .g-v.c-grey { color: #9aa8bd; }
#view-pressing .pr-row .gauge-wrap .g-v.c-amber { color: var(--amber); }

/* level tube */
#view-pressing .pr-lvl { display: flex; justify-content: center; min-width: 0; }
#view-pressing .pr-lvl .level-bar .lv-tube { width: 30px; min-height: 0; height: 86px; }
#view-pressing .pr-lvl .level-bar .lv-txt b { font-size: 21px; }
#view-pressing .pr-lvl .level-bar .lv-txt small { font-size: 14px; }
#view-pressing .pr-lvl .level-bar .lv-txt small.c-amber { color: var(--amber); }

/* running hours */
#view-pressing .pr-hrs { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#view-pressing .pr-hrs .cap { font-size: 14px; letter-spacing: 0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view-pressing .pr-hv { font-size: 27px; font-weight: 700; color: #3ff09a; line-height: 1.05; white-space: nowrap; }
#view-pressing .pr-hv small { font-size: 15px; color: var(--text-dim); margin-left: 3px; font-weight: 600; }
#view-pressing .pr-card.off .pr-hv, #view-pressing .pr-card.crit .pr-hv { color: #c9d6ea; }
#view-pressing .pr-svc { font-size: 14px; color: var(--text-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* six lines (90 t/h mills): tighter cards */
#view-pressing .pr-cards.n6 .pr-card .uc-id { font-size: 18px; }
#view-pressing .pr-cards.n6 .pr-hv { font-size: 23px; }
#view-pressing .pr-cards.n6 .pr-row { gap: 6px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr); }
#view-pressing .pr-cards.n6 .pr-card .uc-h { gap: 6px; padding-left: 12px; padding-right: 12px; }
#view-pressing .pr-cards.with-sum .pr-card .uc-h { gap: 6px; padding-left: 12px; padding-right: 12px; }
#view-pressing .pr-cards.with-sum .pr-card .uc-h .badge { padding-left: 9px; padding-right: 9px; gap: 5px; }
#view-pressing .pr-cards.n6 .pr-temp { font-size: 19px; }
#view-pressing .pr-cards.n6 .pr-sec { padding-left: 12px; padding-right: 12px; }

/* ------------------------------------------------------------ summary panel */
#view-pressing .pr-sum .panel-b { display: flex; flex-direction: column; gap: 8px; min-height: 0; }
#view-pressing .pr-sum .pr-load { display: flex; flex-direction: column; gap: 2px; }
#view-pressing .pr-sum .bar-row { grid-template-columns: 64px 1fr 58px; min-height: 28px; }
#view-pressing .pr-sum .bar-row .l { font-family: var(--num); font-size: 16px; font-weight: 600; }
#view-pressing .pr-sum .bar-row .dotc { box-shadow: 0 0 6px currentColor; }
#view-pressing .pr-sum .mini-table td { padding: 5px 8px; }
#view-pressing .pr-sum .mini-table th { padding: 4px 8px; }
#view-pressing .pr-sum .pr-evt { flex: 1; min-height: 0; overflow: hidden; position: relative; }
#view-pressing .pr-sum .pr-evt .alert-row { padding: 7px 4px; }
#view-pressing .pr-sum .pr-evt .alert-row .am { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#view-pressing .pr-none { display: flex; align-items: center; gap: 8px; font-size: 14.5px; color: var(--text-dim); padding: 8px 2px; }
#view-pressing .pr-none svg { width: 18px; height: 18px; color: var(--green); }