Добавил вкладку заявок

frontend/admin/css/components.css

@@ -385,6 +385,22 @@
     align-items: end;
 }
 
+.department-workspace-control-card {
+    display: grid;
+    gap: 1rem;
+}
+
+.department-workspace-control-card .card-header-row {
+    margin-bottom: 0;
+}
+
+.department-workspace-filter-grid {
+    display: grid;
+    grid-template-columns: minmax(260px, 1.35fr) repeat(2, minmax(180px, 0.65fr));
+    gap: 1rem;
+    align-items: end;
+}
+
 .schedule-view-metrics,
 .department-workspace-grid {
     display: grid;
@@ -397,7 +413,63 @@
 }
 
 .department-workspace-grid-wide {
-    grid-template-columns: repeat(4, minmax(220px, 1fr));
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+    align-items: stretch;
+}
+
+.department-workspace-actions-grid {
+    gap: 1rem;
+}
+
+.department-subject-import-card {
+    grid-column: span 7;
+    grid-row: span 2;
+}
+
+.department-teacher-assign-card {
+    grid-column: span 5;
+}
+
+.department-teacher-request-card {
+    grid-column: span 5;
+}
+
+.department-teachers-card {
+    grid-column: 1 / -1;
+}
+
+.department-subject-import-card,
+.department-teacher-assign-card,
+.department-teacher-request-card,
+.department-teachers-card,
+.department-workspace-table-card {
+    min-width: 0;
+}
+
+.department-subject-import-card,
+.department-teacher-assign-card,
+.department-teacher-request-card {
+    display: flex;
+    flex-direction: column;
+}
+
+.department-subject-import-card .stack-form,
+.department-teacher-assign-card .stack-form,
+.department-teacher-request-card .stack-form {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+.department-subject-import-card .subject-import-slots-panel {
+    flex: 1;
+}
+
+.department-subject-import-card .stack-form > .btn,
+.department-teacher-assign-card .stack-form > .btn,
+.department-teacher-request-card .stack-form > .btn {
+    align-self: flex-start;
+    margin-top: auto;
 }
 
 .teacher-request-actions {
@@ -407,6 +479,12 @@
     min-width: 180px;
 }
 
+.teacher-request-toolbar {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+}
+
 #teacher-requests-tbody input,
 #teacher-requests-tbody select {
     min-width: 150px;
@@ -427,7 +505,6 @@
     box-shadow: 0 0 0 3px var(--accent-glow);
 }
 
-.department-subject-import-card,
 .department-teachers-card {
     display: flex;
     flex-direction: column;
@@ -575,7 +652,7 @@
 
 .subject-import-row {
     display: grid;
-    grid-template-columns: 160px minmax(260px, 1fr) auto;
+    grid-template-columns: minmax(120px, 0.7fr) minmax(240px, 1.3fr) auto;
     column-gap: 0.65rem;
     row-gap: 0.75rem;
     align-items: end;
@@ -722,6 +799,10 @@
     min-width: 0;
 }
 
+.subject-import-row .btn {
+    min-height: 42px;
+}
+
 .subject-import-row .form-group label {
     margin-bottom: 0.45rem;
 }
@@ -731,6 +812,14 @@
         grid-template-columns: 1fr;
     }
 
+    .department-subject-import-card,
+    .department-teacher-assign-card,
+    .department-teacher-request-card,
+    .department-teachers-card {
+        grid-column: 1;
+        grid-row: auto;
+    }
+
     .academic-year-semesters {
         grid-template-columns: 1fr;
     }
@@ -740,6 +829,40 @@
     }
 }
 
+@media (max-width: 1280px) and (min-width: 901px) {
+    .department-workspace-grid-wide {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .department-subject-import-card,
+    .department-teachers-card {
+        grid-column: 1 / -1;
+        grid-row: auto;
+    }
+
+    .department-teacher-assign-card,
+    .department-teacher-request-card {
+        grid-column: span 1;
+    }
+}
+
+@media (max-width: 700px) {
+    .department-workspace-filter-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .subject-import-row {
+        grid-template-columns: 1fr;
+    }
+
+    .department-subject-import-card .stack-form > .btn,
+    .department-teacher-assign-card .stack-form > .btn,
+    .department-teacher-request-card .stack-form > .btn,
+    .subject-import-row .btn {
+        width: 100%;
+    }
+}
+
 .academic-year-semester-meta {
     display: grid;
     gap: 0.2rem;
@@ -1869,7 +1992,7 @@
 @media (max-width: 1350px) {
     .schedule-view-filter-grid,
     .schedule-view-metrics,
-    .department-workspace-grid {
+    .department-workspace-grid:not(.department-workspace-grid-wide) {
         grid-template-columns: 1fr;
     }