0.13.0 DVD Series

frontend/src/styles/app.css

@@ -1640,6 +1640,29 @@ body {
   margin-bottom: 0.75rem;
 }
 
+.metadata-filter-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.5rem;
+  margin-bottom: 0.75rem;
+  align-items: start;
+}
+
+.metadata-filter-grid-single {
+  grid-template-columns: 1fr;
+}
+
+.metadata-filter-disc {
+  display: grid;
+  gap: 0.2rem;
+}
+
+.metadata-filter-subtitle {
+  color: var(--text-color-secondary);
+  font-size: 0.78rem;
+  line-height: 1.25;
+}
+
 .metadata-grid {
   margin-top: 0.75rem;
   display: grid;
@@ -2864,6 +2887,12 @@ body {
   background: #f8e1df;
 }
 
+.history-dv-chip.tone-warn {
+  color: #92400e;
+  border-color: #f2c286;
+  background: #fff1db;
+}
+
 .history-dv-rating-chip {
   display: inline-flex;
   align-items: center;
@@ -3773,6 +3802,115 @@ body {
   gap: 0.6rem;
 }
 
+.episode-fill-box {
+  border: 1px dashed var(--rip-border);
+  border-radius: 0.45rem;
+  padding: 0.55rem 0.65rem;
+  background: var(--rip-panel-soft);
+}
+
+.episode-fill-field {
+  display: grid;
+  gap: 0.3rem;
+}
+
+.episode-fill-field label {
+  font-weight: 600;
+}
+
+.episode-fill-field small {
+  color: var(--text-color-secondary);
+  font-size: 0.78rem;
+}
+
+.episode-title-input-row {
+  display: grid;
+  gap: 0.25rem;
+}
+
+.episode-title-input-row label {
+  font-weight: 600;
+  font-size: 0.82rem;
+}
+
+.episode-global-selection-box {
+  border: 1px dashed var(--rip-border);
+  border-radius: 0.45rem;
+  padding: 0.55rem 0.65rem;
+  background: var(--rip-panel-soft);
+  display: grid;
+  gap: 0.45rem;
+}
+
+.episode-global-selection-box h4 {
+  margin: 0;
+}
+
+.episode-track-accordion {
+  border: 1px dashed var(--rip-border);
+  border-radius: 0.4rem;
+  padding: 0.35rem 0.5rem;
+  background: var(--rip-panel);
+}
+
+.episode-track-accordion > summary {
+  cursor: pointer;
+  user-select: none;
+  font-weight: 600;
+  color: var(--rip-muted);
+  margin: 0.1rem 0;
+}
+
+.episode-track-accordion[open] > summary {
+  margin-bottom: 0.45rem;
+}
+
+.series-batch-progress-wrap {
+  border: 1px dashed var(--rip-border);
+  border-radius: 0.45rem;
+  padding: 0.55rem 0.65rem;
+  background: var(--rip-panel-soft);
+  display: grid;
+  gap: 0.45rem;
+  margin-bottom: 0.65rem;
+}
+
+.series-batch-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+}
+
+.series-batch-episodes {
+  display: grid;
+  gap: 0.45rem;
+}
+
+.series-batch-episode-row {
+  border: 1px solid var(--rip-border);
+  border-radius: 0.38rem;
+  padding: 0.4rem 0.5rem;
+  background: var(--rip-panel);
+  display: grid;
+  gap: 0.22rem;
+}
+
+.series-batch-episode-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.45rem;
+}
+
+.series-batch-episode-title {
+  font-size: 0.86rem;
+  font-weight: 600;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
 .playlist-info-box {
   border: 1px dashed var(--rip-border);
   border-radius: 0.4rem;
@@ -4076,6 +4214,10 @@ body {
     grid-template-columns: 1fr;
   }
 
+  .metadata-filter-grid {
+    grid-template-columns: 1fr;
+  }
+
   .actions-row .p-button {
     width: 100%;
   }