/* Production entry shares the approved visual; application states are not demo scenes. */
#login-form > label { color: #afacba; font-size: 12px; display: block; margin: 22px 0 10px; }
.entry-submit:disabled { opacity: .55; cursor: wait; }
.login-error { min-height: 22px; font-size: 12px; color: #f3a0aa; margin: 16px 0 0; line-height: 1.6; }
.live-banner { padding: 9px 24px; background: #e6eaef; border-bottom: 1px solid #d3dae3; color: #46566e; font-size: 12px; }
.live-content .panel { margin-bottom: 20px; }
.live-content .context-bar { flex-wrap: wrap; gap: 15px; }
.live-content .context-bar select { max-width: 250px; }
.live-content .context-bar input { background: #e6eaef; color: #253b5c; border: 1px solid #c6cfdb; border-radius: 6px; padding: 8px; font: inherit; }
.live-content .context-bar label { min-width: 0; }
.live-content .page-heading .button { white-space: nowrap; }
.live-content .heading-actions .button { font-size: 12px; width: auto; height: auto; min-height: 33px; padding: 8px 12px; }
.live-content .stats-grid { margin-bottom: 22px; }
.live-content .stat-number { font-size: clamp(21px, 2vw, 30px); overflow-wrap: anywhere; }
.live-content .empty-state { min-height: 160px; padding: 28px; }
.live-content .empty-state p { max-width: none; word-break: break-word; }
.live-content .empty-state h2 { font-size: 20px; margin-bottom: 12px; }
.live-content .panel-head { gap: 15px; }
.live-content .panel-head p { overflow-wrap: anywhere; }
.live-provenance { padding: 12px 20px; font-size: 11px; color: #586c8a; line-height: 1.8; border-top: 1px solid #dde2e9; overflow-wrap: anywhere; }
.live-state { padding: 16px 20px; color: #44546b; font-size: 13px; line-height: 1.8; }
.live-content .notice { display: block; line-height: 1.8; margin-bottom: 20px; }
.live-content .table-wrap { max-width: 100%; overflow-x: auto; }
.live-content table { min-width: 720px; }
.live-content td { max-width: 350px; overflow-wrap: anywhere; }
.live-content .log-item { padding: 14px 20px; display: block; }
.live-content .log-item p { margin: 8px 0 0; }
.live-content .log-filters { display: flex; gap: 14px; padding: 16px 20px; flex-wrap: wrap; align-items: center; }
.live-content .log-filters label { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.live-content .log-filters input { background: #e6eaef; color: #253b5c; border: 1px solid #c6cfdb; padding: 7px; border-radius: 5px; }
.live-content .log-filters select { max-width: 160px; }
.live-content .log-list { max-height: 500px; overflow-y: auto; }
.live-pagination { padding: 14px 20px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.live-chart { width: 100%; height: auto; padding: 16px 20px; display: block; }
.live-chart text { fill: #4e607b; font: 12px sans-serif; }
.live-chart line { stroke: #d5dbe4; }
.live-chart circle { fill: #58d8de; }
.live-chart-toolbar { display: flex; padding: 14px 20px; gap: 20px; flex-wrap: wrap; font-size: 12px; align-items: center; }
.live-chart-toolbar label { display: flex; align-items: center; gap: 8px; }
.live-rule { font-size: 13px; line-height: 1.85; }
.live-rule strong { color: #e5c696; }
.live-provenance details, .live-rule details { margin-top: 6px; }
.live-provenance summary, .live-rule summary { cursor: pointer; color: #4c5d76; }
.live-content .sidebar-bottom p { overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .live-banner { padding: 9px 18px; font-size: 10px; }
  .live-content .context-bar label { width: calc(50% - 12px); display: flex; flex-direction: column; align-items: stretch; gap: 7px; }
  .live-content .context-bar select, .live-content .context-bar input { width: 100%; max-width: none; }
  .live-content .page-heading { align-items: flex-start; gap: 12px; }
  .live-content .page-heading h1 { font-size: 23px; }
  .live-content .heading-actions { margin-top: 0; }
  .live-content .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .live-content .stat-number { font-size: 23px; overflow-wrap: anywhere; }
  .live-content .log-filters { gap: 10px; }
  .live-content .log-filters label { width: 100%; justify-content: space-between; }
  .live-content .sidebar nav { overflow-x: auto; }
  .live-content .top-actions { gap: 8px; }
  .live-content .top-actions .timezone { display: none; }
}