fix(ui): cross-module mechanical unifications (line-item labels/align, back-tab targets, status-button colors, apply_vat checkbox, currency-from-settings, read-only issued_by, Celkem header, centered offer tabs)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/admin/pages/InvoiceDetail.tsx

@@ -62,6 +62,7 @@ import {
   DateField,
   Field,
   StatusChip,
+  CheckboxField,
   ConfirmDialog,
   EmptyState,
   LoadingState,
@@ -1146,7 +1147,7 @@ export default function InvoiceDetail() {
             <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
               <Button
                 component={RouterLink}
-                to="/invoices"
+                to="/invoices?tab=issued"
                 variant="outlined"
                 color="inherit"
                 startIcon={BackIcon}
@@ -1454,11 +1455,11 @@ export default function InvoiceDetail() {
                       <TableCell sx={{ width: "5rem" }} align="center">
                         Jednotka
                       </TableCell>
-                      <TableCell sx={{ width: "8rem" }} align="right">
+                      <TableCell sx={{ width: "8rem" }} align="center">
                         Jedn. cena
                       </TableCell>
                       <TableCell sx={{ width: "4rem" }} align="center">
-                        %DPH
+                        DPH
                       </TableCell>
                       <TableCell sx={{ width: "9rem" }} align="right">
                         Celkem
@@ -1665,7 +1666,7 @@ export default function InvoiceDetail() {
           <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
             <Button
               component={RouterLink}
-              to="/invoices"
+              to="/invoices?tab=issued"
               variant="outlined"
               color="inherit"
               startIcon={BackIcon}
@@ -1748,8 +1749,16 @@ export default function InvoiceDetail() {
                     <Button
                       key={status}
                       onClick={() => setStatusConfirm({ show: true, status })}
-                      variant={status === "paid" ? "contained" : "outlined"}
-                      color={status === "paid" ? "primary" : "inherit"}
+                      variant={
+                        status === "cancelled" || status === "stornovana"
+                          ? "outlined"
+                          : "contained"
+                      }
+                      color={
+                        status === "cancelled" || status === "stornovana"
+                          ? "error"
+                          : "primary"
+                      }
                       disabled={statusChanging === status}
                     >
                       {statusChanging === status ? (
@@ -1925,28 +1934,17 @@ export default function InvoiceDetail() {
               />
             </Field>
             <Field label="DPH">
-              <Box
-                component="label"
-                sx={{
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 0.75,
-                  whiteSpace: "nowrap",
-                  cursor: "pointer",
-                  height: 40,
-                }}
-              >
-                <input
-                  type="checkbox"
+              <Box sx={{ display: "flex", alignItems: "center", height: 40 }}>
+                <CheckboxField
+                  label="Uplatnit DPH"
                   checked={!!form.apply_vat}
-                  onChange={(e) =>
+                  onChange={(v) =>
                     setForm((prev) => ({
                       ...prev,
-                      apply_vat: e.target.checked ? 1 : 0,
+                      apply_vat: v ? 1 : 0,
                     }))
                   }
                 />
-                <Box component="span">Uplatnit DPH</Box>
               </Box>
             </Field>
           </Box>