/* resource_os_phase5_console.css
 * 4317 Day34 Phase5 Internal Alpha Console thin shell.
 * 复用 Phase4 样式变量，只补 Phase5 专用布局和状态。
 */
.phase5-header { border-bottom-color: rgba(199, 210, 254, 0.95); }
.phase5-shell { gap: 1.05rem; }
.phase5-context-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.phase5-workflow-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.phase5-footer { border-top: 1px solid var(--border); }
.resource-card, .asset-card, .outbox-card {
  text-align: left;
  border: 1px solid var(--border);
  border-radius: 0.9rem;
  background: #fff;
  padding: 0.8rem;
  display: grid;
  gap: 0.35rem;
}
.resource-card.clickable { cursor: pointer; }
.resource-card.clickable:hover { border-color: #818cf8; box-shadow: 0 10px 22px rgba(79, 70, 229, 0.12); }
.resource-card b, .asset-card b, .outbox-card b { color: var(--ink); }
.resource-card span, .resource-card small, .asset-card span, .asset-card small, .outbox-card span, .outbox-card small { color: var(--muted); }
.phase5-pretty-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.65rem; }
.phase5-pretty-grid > div { border: 1px solid var(--border); border-radius: 0.85rem; background: #f8fafc; padding: 0.7rem; display: grid; gap: 0.18rem; }
.phase5-pretty-grid span { color: var(--muted); font-size: 0.74rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; }
.phase5-pretty-grid b { font-size: 1rem; }
.phase5-panel-list { display: grid; gap: 0.65rem; }
.phase5-two-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0.75rem; }
.code-chip { display:inline-flex; border:1px solid var(--border); border-radius:999px; padding:0.2rem 0.45rem; background:#f8fafc; color:var(--muted); font-size:0.74rem; font-weight:750; }
@media (max-width: 1120px) {
  .phase5-context-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .phase5-workflow-row, .phase5-pretty-grid, .phase5-two-col { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .phase5-context-grid { grid-template-columns: 1fr; }
}