/* CLOUDAI dev8 — tablet + live device control */
.top-actions select{background:#132838;color:#e8f6fb;border:1px solid #4f6d80;border-radius:12px;padding:8px 10px;font-weight:800}
.tablet-toggle{border:1px solid #57788b;background:#1d3444;color:#d9eef5;border-radius:12px;padding:9px 12px;font-weight:900}
.device-pair{margin:18px 0;padding:18px;border:1px solid #4b6878;border-radius:18px;background:#172c39}
.device-pair input{background:#102532;color:#fff;border:1px solid #507183;border-radius:12px;padding:12px;font-size:20px;letter-spacing:4px;max-width:220px}
.device-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.device-controls button{min-width:110px}
.device-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.device-metrics span,.device-metric-btn{background:#102531;border:1px solid #375665;border-radius:11px;padding:9px;font-size:12px;color:inherit;text-align:left}.device-metric-btn{cursor:pointer}.device-metric-btn:hover{border-color:#58b9d7}.device-metric-btn b,.device-metric-btn small{display:block}.device-metric-btn small{margin-top:4px;opacity:.75}
.probe-setup{margin-top:14px;padding-top:12px;border-top:1px solid #365563}.probe-setup select{width:100%;margin:5px 0 10px}
body.tablet-mode .shell{max-width:none;padding:10px 18px}
body.tablet-mode .topbar{position:sticky;top:0;z-index:20;background:#0c1521ed;backdrop-filter:blur(12px);padding:12px}
body.tablet-mode .tabs{position:sticky;top:76px;z-index:19;background:#0c1521ed;padding:9px;border-radius:16px}
body.tablet-mode .tab{font-size:16px;min-height:52px}
body.tablet-mode button.primary,body.tablet-mode button.secondary{min-height:58px;font-size:16px}
body.tablet-mode .device-chip{padding:20px}body.tablet-mode .device-chip h3{font-size:24px}
body.tablet-mode .device-metrics span{font-size:15px;padding:14px}
@media(max-width:950px){.device-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.journey-features{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.journey-features span{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;opacity:.9}

/* DEV13 — PRD5: ten sam język wizualny co programy PRW5 */
.journey-card.journey-distill{background:linear-gradient(180deg,rgba(17,24,33,.28),rgba(17,24,33,.92)),url('distillation/prd5-hero.webp') center/cover no-repeat!important}
.journey-distill-visual{display:none!important}
.prd-program-thumb{width:100%;height:112px;object-fit:cover;border-radius:12px;margin-bottom:12px;border:1px solid #4b6578}
.prd-detail-photo{width:100%;height:290px;object-fit:cover;border-radius:16px;margin:0 0 18px;border:1px solid #455e6e}
.prd-program-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.prd-program-meta span{padding:7px 10px;border:1px solid #455e6e;border-radius:999px;background:#1b2935;color:#c6d7e3;font-size:12px;font-weight:800}
@media(max-width:650px){.prd-program-thumb{height:105px}.prd-detail-photo{height:210px}}

/* DEV14 — equipment profiles; reuses PRW5 program cards */
#v-equipment .program-list{margin-top:18px}
#v-equipment .program strong{display:block}
#v-equipment .program-detail{margin-top:18px}
.equipment-tutorials{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0}
.equipment-tutorial{background:#1b2935;border:1px solid #455e6e;border-radius:14px;padding:14px}
.equipment-tutorial b{color:#ffbd63}.equipment-tutorial p{color:#b8cad6;margin:7px 0 0;font-size:13px}
#equipmentAiBox{margin-top:18px}#equipmentAiBox input[type=file]{display:block;margin:12px 0;padding:12px;width:100%;border:1px solid #50677a;border-radius:12px;background:#1b2c38;color:#eaf5fb}
#equipmentAiResult{margin-top:16px}#equipmentAiResult ul{color:#c3d4df}
/* Shared account and public demo navigation. */
.top-actions > a,.notice > a{color:#8ee5f2;text-decoration:underline;text-underline-offset:3px}
.notice{flex-wrap:wrap;gap:10px}

#liveChart svg{display:block;width:100%;min-height:180px}#liveChart p{display:flex;gap:8px;flex-wrap:wrap}