update

resources/scss/app.css

@@ -927,7 +927,9 @@ a {
   align-items: center;
   gap: 9px;
   white-space: nowrap;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 
 .sidebar__group-toggle::-webkit-details-marker {
@@ -1361,7 +1363,9 @@ h4.section-title::before {
   border-radius: 6px;
   color: #64748b;
   cursor: grab;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   font-weight: 700;
   font-size: 12px;
 }
@@ -1979,7 +1983,8 @@ h4.section-title::before {
   height: 48px;
   border-radius: 4px;
   border: 1px solid #dbe3ef;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   background: #fff;
 }
 .orders-product__thumb--empty {
@@ -2019,7 +2024,8 @@ h4.section-title::before {
   top: auto;
   width: 350px;
   max-height: 350px;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
@@ -2300,7 +2306,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
   height: 44px;
   border-radius: 6px;
   border: 1px solid #dbe3ef;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 .order-item-thumb--empty {
@@ -2547,7 +2554,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
   width: 60px;
   height: 60px;
   border-radius: 6px;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   border: 1px solid var(--c-border);
   background: #f8fafc;
 }
@@ -2585,7 +2593,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
   display: block;
   width: 100%;
   max-height: 70vh;
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
   border-radius: 8px;
   background: #f8fafc;
 }
@@ -2613,7 +2622,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
 .product-image-card__thumb {
   width: 100%;
   height: 160px;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   display: block;
 }
 
@@ -2780,7 +2790,9 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
   cursor: pointer;
   color: var(--c-muted, #888);
   list-style: none;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   white-space: nowrap;
 }
 .product-show-image-path summary::-webkit-details-marker {
@@ -2802,7 +2814,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
 .product-show-image {
   width: 100%;
   max-height: 260px;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   border-radius: 8px;
   border: 1px solid #d9e0ea;
 }
@@ -2821,7 +2834,9 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow {
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   min-height: 34px;
 }
 .searchable-select__trigger::after {
@@ -3344,4 +3359,4 @@ body.no-scroll {
   padding: 12px 16px;
   overflow-y: auto;
   flex: 1;
-}
+}/*# sourceMappingURL=app.css.map */

resources/scss/login.css

@@ -1,6 +1,8 @@
 :root {
   --c-primary: #6690f4;
   --c-primary-dark: #3164db;
+  --c-action-primary: #0f766e;
+  --c-action-primary-dark: #0b5f59;
   --c-bg: #f4f6f9;
   --c-surface: #ffffff;
   --c-text: #4e5e6a;
@@ -9,6 +11,7 @@
   --c-border: #b0bec5;
   --c-danger: #cc0000;
   --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);
+  --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);
   --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
 }
 
@@ -29,11 +32,11 @@
 
 .btn--primary {
   color: #ffffff;
-  background: var(--c-primary);
+  background: var(--c-action-primary);
 }
 
 .btn--primary:hover {
-  background: var(--c-primary-dark);
+  background: var(--c-action-primary-dark);
 }
 
 .btn--secondary {
@@ -68,22 +71,28 @@
   width: 100%;
 }
 
+.btn--disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
 .btn:active {
   transform: translateY(1px);
 }
 
 .btn:focus-visible {
   outline: none;
-  box-shadow: var(--focus-ring);
-  border-color: var(--c-primary);
+  box-shadow: var(--focus-ring-action);
+  border-color: var(--c-action-primary);
 }
 
 .form-control {
   width: 100%;
-  min-height: 34px;
+  min-height: 30px;
   border: 1px solid var(--c-border);
-  border-radius: 8px;
-  padding: 5px 10px;
+  border-radius: 6px;
+  padding: 4px 8px;
   font: inherit;
   color: var(--c-text-strong);
   background: #ffffff;
@@ -238,6 +247,41 @@
   background: #edf2ff;
 }
 
+.receipt-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid var(--c-text-strong);
+}
+.receipt-header__seller {
+  flex: 1;
+}
+.receipt-header__seller strong {
+  font-size: 14px;
+  display: block;
+  margin-bottom: 4px;
+}
+.receipt-header__title {
+  text-align: right;
+}
+.receipt-header__title h1 {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 4px;
+}
+
+.receipt-print {
+  max-width: 700px;
+  margin: 0 auto;
+}
+@media print {
+  .receipt-print {
+    max-width: 100%;
+  }
+}
+
 :root {
   --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);
 }