Поправил шрифты и некоторые визуальные косяки

frontend/admin/css/teacher-absences.css

@@ -187,6 +187,7 @@
 }
 
 .absence-registry-title {
+    flex-wrap: wrap;
     justify-content: space-between;
     gap: 1rem;
 }
@@ -220,21 +221,31 @@
     display: inline-flex;
     align-items: center;
     min-height: 28px;
-    padding: 0 0.65rem;
+    padding: 0.25rem 0.65rem;
+    flex: 0 0 auto;
+    align-self: flex-start;
+    max-width: 100%;
+    line-height: 1.4;
     border: 1px solid currentColor;
     border-radius: 999px;
     font-size: 0.69rem;
     font-weight: 800;
     letter-spacing: 0.03em;
-    white-space: nowrap;
+    white-space: normal;
 }
 
 .absence-status.is-pending { color: #f59e0b; }
-.absence-status.is-approved { color: #fb7185; }
+.absence-status.is-approved { color: #34d399; }
 .absence-status.is-resolved { color: #34d399; }
 .absence-status.is-rejected,
 .absence-status.is-cancelled { color: var(--text-secondary); }
 
+[data-theme="light"] .absence-status.is-pending { color: #92400e; }
+[data-theme="light"] .absence-status.is-approved,
+[data-theme="light"] .absence-status.is-resolved { color: #047857; }
+.absence-status.is-rejected { color: #fb7185; }
+[data-theme="light"] .absence-status.is-rejected { color: #be123c; }
+
 .absence-registry-buttons {
     justify-content: flex-end;
     flex-wrap: wrap;
@@ -481,7 +492,7 @@ body.absence-wizard-open {
 
 .teacher-dialogue-grid {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 1rem;
 }
 
@@ -604,7 +615,7 @@ body.absence-wizard-open {
 
 .teacher-dialogue-item {
     display: grid;
-    grid-template-columns: 7px minmax(0, 1fr) minmax(180px, .42fr);
+    grid-template-columns: 7px minmax(0, 1fr);
     gap: .85rem;
     padding: .85rem;
     border: 1px solid var(--bg-card-border);
@@ -613,6 +624,7 @@ body.absence-wizard-open {
 }
 
 .teacher-dialogue-mark {
+    grid-row: 1 / 3;
     border-radius: 99px;
     background: #94a3b8;
 }
@@ -631,6 +643,11 @@ body.absence-wizard-open {
     font-size: .68rem;
 }
 
+.teacher-dialogue-copy {
+    min-width: 0;
+    overflow-wrap: anywhere;
+}
+
 .teacher-dialogue-copy h3 {
     margin: .22rem 0;
     font-size: .92rem;
@@ -668,17 +685,32 @@ body.absence-wizard-open {
 .teacher-dialogue-copy ol { display: grid; gap: .3rem; padding-left: 1.15rem; }
 
 .teacher-dialogue-action {
+    grid-column: 2;
+    min-width: 0;
     display: flex;
     flex-direction: column;
-    align-items: flex-end;
+    align-items: stretch;
     gap: .55rem;
 }
 
 .teacher-dialogue-action > div {
     display: flex;
-    justify-content: flex-end;
+    justify-content: flex-start;
     flex-wrap: wrap;
-    gap: .35rem;
+    gap: .5rem;
+}
+
+.teacher-dialogue-action > div > .btn {
+    flex: 1 1 120px;
+    min-width: 0;
+    white-space: normal;
+    line-height: 1.35;
+    padding-block: 0.4rem;
+}
+
+.teacher-dialogue-toolbar > .btn {
+    align-self: center;
+    min-height: 44px;
 }
 
 .teacher-dialogue-comment {
@@ -801,6 +833,6 @@ body.absence-wizard-open {
 
     .teacher-dialogue-action {
         grid-column: 2;
-        align-items: flex-start;
+        align-items: stretch;
     }
 }