@stonecrop/aform 0.30.0 → 0.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/dist/aform.js +3024 -2256
  2. package/dist/aform.js.map +1 -1
  3. package/dist/assets/index.css +1170 -1
  4. package/dist/src/components/AForm.vue.d.ts +20 -0
  5. package/dist/src/components/AForm.vue.d.ts.map +1 -0
  6. package/dist/src/components/AFormLoading.vue.d.ts +14 -0
  7. package/dist/src/components/AFormLoading.vue.d.ts.map +1 -0
  8. package/dist/src/components/base/CollapseButton.vue.d.ts +7 -0
  9. package/dist/src/components/base/CollapseButton.vue.d.ts.map +1 -0
  10. package/dist/src/components/base/ExpandButton.vue.d.ts +7 -0
  11. package/dist/src/components/base/ExpandButton.vue.d.ts.map +1 -0
  12. package/dist/src/components/form/ABadge.vue.d.ts +14 -0
  13. package/dist/src/components/form/ABadge.vue.d.ts.map +1 -0
  14. package/dist/src/components/form/ACheckbox.vue.d.ts +15 -0
  15. package/dist/src/components/form/ACheckbox.vue.d.ts.map +1 -0
  16. package/dist/src/components/form/ACurrencyInput.vue.d.ts +20 -0
  17. package/dist/src/components/form/ACurrencyInput.vue.d.ts.map +1 -0
  18. package/dist/src/components/form/ADate.vue.d.ts +14 -0
  19. package/dist/src/components/form/ADate.vue.d.ts.map +1 -0
  20. package/dist/src/components/form/ADatePicker.vue.d.ts +28 -0
  21. package/dist/src/components/form/ADatePicker.vue.d.ts.map +1 -0
  22. package/dist/src/components/form/ADateRange.vue.d.ts +18 -0
  23. package/dist/src/components/form/ADateRange.vue.d.ts.map +1 -0
  24. package/dist/src/components/form/ADateSelection.vue.d.ts +52 -0
  25. package/dist/src/components/form/ADateSelection.vue.d.ts.map +1 -0
  26. package/dist/src/components/form/ADateTime.vue.d.ts +17 -0
  27. package/dist/src/components/form/ADateTime.vue.d.ts.map +1 -0
  28. package/dist/src/components/form/ADateTimeInput.vue.d.ts +30 -0
  29. package/dist/src/components/form/ADateTimeInput.vue.d.ts.map +1 -0
  30. package/dist/src/components/form/ADropdown.vue.d.ts +20 -0
  31. package/dist/src/components/form/ADropdown.vue.d.ts.map +1 -0
  32. package/dist/src/components/form/ADuration.vue.d.ts +18 -0
  33. package/dist/src/components/form/ADuration.vue.d.ts.map +1 -0
  34. package/dist/src/components/form/AFieldset.vue.d.ts +28 -0
  35. package/dist/src/components/form/AFieldset.vue.d.ts.map +1 -0
  36. package/dist/src/components/form/AFileAttach.vue.d.ts +5 -0
  37. package/dist/src/components/form/AFileAttach.vue.d.ts.map +1 -0
  38. package/dist/src/components/form/AFormLink.vue.d.ts +40 -0
  39. package/dist/src/components/form/AFormLink.vue.d.ts.map +1 -0
  40. package/dist/src/components/form/ANumericInput.vue.d.ts +14 -0
  41. package/dist/src/components/form/ANumericInput.vue.d.ts.map +1 -0
  42. package/dist/src/components/form/AQuantityInput.vue.d.ts +20 -0
  43. package/dist/src/components/form/AQuantityInput.vue.d.ts.map +1 -0
  44. package/dist/src/components/form/ASegmentedControl.vue.d.ts +23 -0
  45. package/dist/src/components/form/ASegmentedControl.vue.d.ts.map +1 -0
  46. package/dist/src/components/form/ATextInput.vue.d.ts +14 -0
  47. package/dist/src/components/form/ATextInput.vue.d.ts.map +1 -0
  48. package/dist/src/components/form/ATextboxInput.vue.d.ts +21 -0
  49. package/dist/src/components/form/ATextboxInput.vue.d.ts.map +1 -0
  50. package/dist/src/components/utilities/Login.vue.d.ts +14 -0
  51. package/dist/src/components/utilities/Login.vue.d.ts.map +1 -0
  52. package/dist/{tsdoc-metadata.json → src/tsdoc-metadata.json} +1 -1
  53. package/package.json +35 -30
  54. package/dist/aform.d.ts +0 -441
  55. package/dist/aform.tsbuildinfo +0 -1
  56. package/dist/src/directives/mask.js +0 -107
  57. package/dist/src/index.js +0 -58
  58. package/dist/src/types/index.js +0 -0
  59. package/dist/src/utils/badge.js +0 -71
  60. package/dist/src/utils/columns.js +0 -33
  61. package/dist/src/utils/deserialize.js +0 -20
  62. package/src/components/AForm.vue +0 -314
  63. package/src/components/AFormLoading.vue +0 -76
  64. package/src/components/base/CollapseButton.vue +0 -36
  65. package/src/components/base/ExpandButton.vue +0 -34
  66. package/src/components/form/ABadge.vue +0 -135
  67. package/src/components/form/ACheckbox.vue +0 -62
  68. package/src/components/form/ACurrencyInput.vue +0 -357
  69. package/src/components/form/ADate.vue +0 -93
  70. package/src/components/form/ADatePicker.vue +0 -470
  71. package/src/components/form/ADateRange.vue +0 -133
  72. package/src/components/form/ADateSelection.vue +0 -174
  73. package/src/components/form/ADateTime.vue +0 -149
  74. package/src/components/form/ADateTimeInput.vue +0 -299
  75. package/src/components/form/ADropdown.vue +0 -222
  76. package/src/components/form/ADuration.vue +0 -124
  77. package/src/components/form/AFieldset.vue +0 -72
  78. package/src/components/form/AFileAttach.vue +0 -97
  79. package/src/components/form/AFormLink.vue +0 -368
  80. package/src/components/form/ANumericInput.vue +0 -32
  81. package/src/components/form/AQuantityInput.vue +0 -349
  82. package/src/components/form/ASegmentedControl.vue +0 -342
  83. package/src/components/form/ATextInput.vue +0 -40
  84. package/src/components/form/ATextboxInput.vue +0 -66
  85. package/src/components/utilities/Login.vue +0 -189
  86. package/src/directives/mask.ts +0 -122
  87. package/src/index.ts +0 -92
  88. package/src/shims-vue.d.ts +0 -5
  89. package/src/types/index.ts +0 -333
  90. package/src/utils/badge.ts +0 -94
  91. package/src/utils/columns.ts +0 -38
  92. package/src/utils/deserialize.ts +0 -20
@@ -1 +1,1170 @@
1
- .aform_checkbox[data-v-ca06741d]{cursor:pointer;width:auto;margin-top:0;display:block}.aform_checkbox[data-v-ca06741d]:checked{accent-color:var(--sc-primary-color);border:1px solid black}.aform_checkbox-container[data-v-ca06741d]{width:100%;display:inline-block;text-align:left}.aform_checkbox-container input[data-v-ca06741d]{width:auto}.aform_checkbox-container:hover+.aform_field-label[data-v-ca06741d]{color:var(--sc-input-active-label-color)}.aform_form-link-wrapper[data-v-91a761d0]{position:relative}.input-group[data-v-91a761d0]{display:flex;align-items:stretch}.aform_input-field[data-v-91a761d0]{flex:1;min-width:0}.aform_form-element--embedded[data-v-91a761d0]{min-width:0;flex-grow:0}.aform_input-field--embedded[data-v-91a761d0]{outline:none;background:transparent;padding:.5ch 1ch}.aform_form-element--embedded .autocomplete-results[data-v-91a761d0]{min-width:100%;width:max-content}.aform_form-btn[data-v-91a761d0]{appearance:none;border:none;outline:1px solid var(--sc-input-border-color);outline-offset:-1px;margin-left:-2px;background:var(--sc-input-field-background);padding:0 .75rem;cursor:pointer}.aform_form-btn[data-v-91a761d0]:focus,.input-group:focus-within .aform_form-btn[data-v-91a761d0]{outline-color:var(--sc-input-active-border-color)}.autocomplete-results[data-v-91a761d0]{position:absolute;width:100%;z-index:100;padding:0;margin:0;list-style:none;border:1px solid var(--sc-input-active-border-color);border-top:none;border-radius:0 0 .25rem .25rem;background:#fff}.autocomplete-result[data-v-91a761d0]{padding:4px 6px;cursor:pointer;border-bottom:.5px solid lightgray}.autocomplete-result.is-active[data-v-91a761d0],.autocomplete-result[data-v-91a761d0]:hover{background-color:var(--sc-row-color-zebra-light);color:var(--sc-input-active-border-color)}.acurrency__row[data-v-77852830]{display:flex;gap:1ch}.acurrency__row--base[data-v-77852830]{margin-top:1.5rem}.acurrency__field[data-v-77852830]{position:relative;flex:1;min-width:0}.acurrency__group[data-v-77852830]{display:flex;align-items:stretch;width:100%;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.acurrency__group[data-v-77852830]:focus-within{border-color:var(--sc-input-active-border-color)}.acurrency__amount-wrap[data-v-77852830]{position:relative;flex:1;min-width:0}.acurrency__amount-wrap .aform_field-label[data-v-77852830]{font-size:.85rem}.acurrency__amount[data-v-77852830]{width:100%;box-sizing:border-box;border:none;outline:none;padding:.5ch 1ch;background:transparent;border-radius:0 .25rem .25rem 0;text-align:right;appearance:textfield;-moz-appearance:textfield}.acurrency__amount[data-v-77852830]::-webkit-outer-spin-button,.acurrency__amount[data-v-77852830]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.acurrency__currency[data-v-77852830]{position:relative;flex:0 0 auto;min-width:4.5rem;background:var(--sc-gray-5);border-right:1px solid var(--sc-input-border-color);border-radius:.25rem 0 0 .25rem}.acurrency__base-field[data-v-77852830]{width:100%;box-sizing:border-box;font-size:1rem;padding:.5ch 1ch;border:1px solid var(--sc-input-border-color);border-radius:.25rem;outline:none;appearance:textfield;-moz-appearance:textfield}.acurrency__base-field[data-v-77852830]:disabled{color:var(--sc-gray-50)}.acurrency__base-field[data-v-77852830]::-webkit-outer-spin-button,.acurrency__base-field[data-v-77852830]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.adatepicker[data-v-ef698187],.adatepicker table[data-v-ef698187],.adatepicker tr[data-v-ef698187],.adatepicker td[data-v-ef698187],.adatepicker th[data-v-ef698187]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.adatepicker[data-v-ef698187]{font-size:var(--sc-table-font-size);display:inline-table;color:var(--sc-cell-text-color);outline:none;border-collapse:collapse;margin-bottom:10px}.adatepicker tr[data-v-ef698187]{height:1.15rem;text-align:center;vertical-align:middle}.adatepicker td[data-v-ef698187]{border:2px solid transparent;outline:2px solid transparent;min-width:3ch;max-width:3ch;cursor:pointer}.adatepicker td.date-cell[data-v-ef698187]:hover{background:var(--sc-gray-10)}.adatepicker td[data-v-ef698187]:focus,.adatepicker td[data-v-ef698187]:focus-within{box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.adatepicker .selectedDate[data-v-ef698187],.adatepicker .startDate[data-v-ef698187],.adatepicker .endDate[data-v-ef698187]{background:var(--sc-gray-20);font-weight:bolder}.adatepicker .startDate[data-v-ef698187]{border-left:1px solid var(--sc-gray-50);background:var(--sc-gray-20)!important}.adatepicker .endDate[data-v-ef698187]{border-right:1px solid var(--sc-gray-50);background:var(--sc-gray-20)!important}.adatepicker .withinRange[data-v-ef698187]{background:var(--sc-gray-5)}.adatepicker .todaysDate[data-v-ef698187]{font-weight:bolder;color:#000}.days-header>td[data-v-ef698187]{font-weight:700}.prev-date[data-v-ef698187]{color:var(--sc-gray-20)}.adatepicker .date-input[data-v-ef698187]{display:flex;width:100%;gap:5px;align-items:center}.adatepicker .date-input>input[data-v-ef698187]{width:50%;padding:2px}p.aform_error[data-v-ef698187]{position:static;display:block;color:var(--sc-brand-danger);font-size:.7rem;margin:.25rem 0 0}.adate_time[data-v-95ad0aa4]{width:auto;padding:10px;box-sizing:border-box;font-size:1rem;background:var(--sc-gray-10)}.adate_time_fields[data-v-95ad0aa4]{display:flex;align-items:stretch;gap:5px;justify-content:flex-start}.adate_time_fields>input[data-v-95ad0aa4]{min-width:30px;padding:2px;text-align:center;display:inline-block;flex-basis:0}.meridiem-selector[data-v-95ad0aa4]{cursor:pointer;display:inline-block;flex-basis:0;padding:5px;-webkit-user-select:none;user-select:none}.meridiem-selector[data-v-95ad0aa4]:focus{outline:2px solid black;outline-offset:-2px}.adate_time_segment[data-v-95ad0aa4]{display:flex;flex-direction:column;width:40px}.colon[data-v-95ad0aa4]{display:flex;align-items:normal}.aform_form-btn[data-v-95ad0aa4]{cursor:pointer}.aform-select[data-v-95ad0aa4]{border:1px solid rgb(118,118,118);font-size:1rem;padding:0rem;margin:0;border-radius:0;box-sizing:border-box;min-height:auto;position:relative;color:var(--sc-cell-text-color)}.meridiem-selector[data-v-95ad0aa4]{margin-left:6px}.adate-selection[data-v-36e737ea]{display:inline-block;border:1px solid var(--sc-gray-80);padding:10px;background:var(--sc-form-background)}.adate-selection__end-label[data-v-36e737ea]{font-size:.8em;font-weight:700;color:var(--sc-input-active-label-color);margin-top:8px;margin-bottom:2px;padding-left:2px}.empty[data-v-36e737ea]{color:#ccc;padding:10px;text-align:center;border:1px solid #ccc}.adate-picker[data-v-5de3fe7a]{position:absolute;top:100%;left:0;z-index:1000;margin-top:.25rem}.autocomplete[data-v-4206fcf7]{position:relative}.autocomplete-results[data-v-4206fcf7]{position:absolute;left:0;right:0;z-index:100;padding:0;margin:0;color:var(--sc-input-active-border-color);border:1px solid var(--sc-input-active-border-color);border-radius:0;border-top:none;background-color:var(--sc-input-field-background);list-style:none}.autocomplete-result[data-v-4206fcf7]{text-align:left;padding:4px 6px;cursor:pointer;border-bottom:.5px solid lightgray}.autocomplete-result.is-active[data-v-4206fcf7],.autocomplete-result[data-v-4206fcf7]:hover{background-color:var(--sc-row-color-zebra-light);color:var(--sc-input-active-border-color)}.abadge[data-v-f99dd564]{display:block;box-sizing:border-box;font:inherit;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abadge--cell-fill[data-v-f99dd564]{display:block;box-sizing:border-box;width:100%;min-height:calc(var(--sc-atable-row-height) + 2 * var(--sc-atable-row-padding));line-height:calc(var(--sc-atable-row-height) + 2 * var(--sc-atable-row-padding));margin:0;padding:0 .5ch;border-radius:0;text-align:inherit;background:var(--sc-badge-bg);color:var(--sc-badge-text)}.abadge--cell-fill.abadge--neutral[data-v-f99dd564]{--sc-badge-bg: var(--sc-badge-neutral-bg);--sc-badge-text: var(--sc-badge-neutral-text)}.abadge--cell-fill.abadge--success[data-v-f99dd564]{--sc-badge-bg: var(--sc-badge-success-bg);--sc-badge-text: var(--sc-badge-success-text)}.abadge--cell-fill.abadge--warning[data-v-f99dd564]{--sc-badge-bg: var(--sc-badge-warning-bg);--sc-badge-text: var(--sc-badge-warning-text)}.abadge--cell-fill.abadge--danger[data-v-f99dd564]{--sc-badge-bg: var(--sc-badge-danger-bg);--sc-badge-text: var(--sc-badge-danger-text)}.abadge--cell-fill.abadge--brand[data-v-f99dd564]{--sc-badge-bg: var(--sc-badge-brand-bg);--sc-badge-text: var(--sc-badge-brand-text)}.abadge--input-accent[data-v-f99dd564]{background:var(--sc-input-field-background);color:inherit;border-left:4px solid var(--sc-badge-accent);padding-left:calc(1ch - 4px)}.abadge--input-accent.abadge--neutral[data-v-f99dd564]{--sc-badge-accent: var(--sc-badge-neutral-accent)}.abadge--input-accent.abadge--success[data-v-f99dd564]{--sc-badge-accent: var(--sc-badge-success-accent)}.abadge--input-accent.abadge--warning[data-v-f99dd564]{--sc-badge-accent: var(--sc-badge-warning-accent)}.abadge--input-accent.abadge--danger[data-v-f99dd564]{--sc-badge-accent: var(--sc-badge-danger-accent)}.abadge--input-accent.abadge--brand[data-v-f99dd564]{--sc-badge-accent: var(--sc-badge-brand-accent)}.aform_segmented-control--xs.aform_form-element[data-v-23f09651]{min-width:0;padding-top:0;max-width:none}.aform_segmented-control--xs[data-v-23f09651]:not(:has(.aform_segmented-sr-label)){padding-top:.5rem}.aform_segmented-sr-label[data-v-23f09651]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aform_segmented-track[data-v-23f09651]{display:inline-flex;flex-wrap:wrap;align-items:stretch;gap:.125rem;padding:.125rem;width:auto;min-width:0;min-height:2rem;outline:1px solid var(--sc-input-border-color);outline-offset:-1px;border-radius:0;box-sizing:border-box;background:var(--sc-input-field-disabled-background);font-family:var(--sc-font-family)}.aform_segmented-control--xs .aform_segmented-track[data-v-23f09651]{min-height:1.5rem;font-size:.875rem}.aform_segmented-control--equal .aform_segmented-track[data-v-23f09651]{display:flex;width:100%}.aform_segmented-segment[data-v-23f09651]{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0;padding:.125rem .5rem;min-height:1.5rem;border-radius:0;color:var(--sc-input-label-color);font-family:inherit;font-size:inherit;font-weight:400;line-height:1.25;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box}.aform_segmented-control--sm .aform_segmented-segment[data-v-23f09651]{min-height:1.75rem;padding:.125rem .75rem;font-size:var(--sc-font-size)}.aform_segmented-control--equal .aform_segmented-segment[data-v-23f09651]{flex:1 1 0}.aform_segmented-input[data-v-23f09651]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aform_segmented-label[data-v-23f09651]{pointer-events:none}.aform_segmented-segment[data-v-23f09651]:not(.aform_segmented-segment--badge):has(.aform_segmented-input:checked){background:var(--sc-input-field-background);color:var(--sc-cell-text-color);font-weight:500}.aform_segmented-segment--badge[data-v-23f09651]:has(.aform_segmented-input:checked){font-weight:500}.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--neutral[data-v-23f09651]{background:var(--sc-badge-neutral-bg);color:var(--sc-badge-neutral-text)}.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--success[data-v-23f09651]{background:var(--sc-badge-success-bg);color:var(--sc-badge-success-text)}.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--warning[data-v-23f09651]{background:var(--sc-badge-warning-bg);color:var(--sc-badge-warning-text)}.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--danger[data-v-23f09651]{background:var(--sc-badge-danger-bg);color:var(--sc-badge-danger-text)}.aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--brand[data-v-23f09651]{background:var(--sc-badge-brand-bg);color:var(--sc-badge-brand-text)}.aform_segmented-segment--badge:has(.aform_segmented-input:checked)[style*=--sc-badge-bg][data-v-23f09651]{background:var(--sc-badge-bg);color:var(--sc-badge-text)}.aform_segmented-segment[data-v-23f09651]:has(.aform_segmented-input:focus-visible){outline:1px solid var(--sc-input-active-border-color);outline-offset:-1px}.aform_segmented-segment[data-v-23f09651]:hover:has(.aform_segmented-input:not(:disabled):not(:checked)){background:color-mix(in srgb,var(--sc-input-field-background) 50%,transparent)}.aform_segmented-segment[data-v-23f09651]:has(.aform_segmented-input:disabled){cursor:not-allowed;opacity:.5}.aform_segmented-track[data-v-23f09651]:has(.aform_segmented-input:focus-visible){outline-color:var(--sc-input-active-border-color)}.aform_segmented-display-badge[data-v-23f09651]{display:block;padding:.5rem;min-height:2rem;box-sizing:border-box}@media(prefers-reduced-motion:no-preference){.aform_segmented-segment[data-v-23f09651]{transition:background-color .1s ease-out,color .1s ease-out}}@media(prefers-reduced-motion:reduce){.aform_segmented-segment[data-v-23f09651]{transition:none}}.adatetime-picker[data-v-b0fa488b]{position:absolute;top:100%;left:0;z-index:1000;margin-top:.25rem}.aduration[data-v-43788a3d]{position:relative;min-width:40ch;width:100%}.aduration__summary[data-v-43788a3d]{display:flex;gap:6px;align-items:baseline;margin-top:6px;font-size:.9em}.aduration__label[data-v-43788a3d]{font-weight:700;color:var(--sc-input-active-label-color)}.aduration__value[data-v-43788a3d]{color:var(--sc-cell-text-color)}.aduration__ms[data-v-43788a3d]{color:var(--sc-gray-50);font-size:.85em}.aduration__footer[data-v-43788a3d]{margin-top:8px}.adaterange-picker[data-v-f8dad4d3]{position:absolute;top:100%;left:0;z-index:1000;margin-top:.25rem}.aform input{font-family:var(--sc-font-family);border:none}.aform_form-element{padding:0;margin:0;position:relative;box-sizing:border-box;flex-grow:1;min-width:20ch}.aform__grid--full{flex-basis:100%;width:100%}.aform_input-field{outline:1px solid var(--sc-input-border-color);outline-offset:-1px;font-size:1rem;padding:.5rem;margin:0;border-radius:0;box-sizing:border-box;width:100%;min-height:auto;position:relative;color:var(--sc-cell-text-color);background:var(--sc-input-field-background);font-family:var(--sc-font-family)}.aform_input-field:focus{outline:1px solid var(--sc-input-active-border-color)}.aform_display-value{display:block;padding:.5rem;min-height:2rem;color:var(--sc-cell-text-color);word-break:break-word}.aform_input-field:focus+.aform_field-label{color:var(--sc-input-active-label-color)}.aform_field-label{color:var(--sc-input-label-color);display:inline-block;position:absolute;padding:0 .25rem;margin:0rem;z-index:1;font-size:.7rem;font-weight:300;letter-spacing:.05rem;background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-background) 50%);width:auto;box-sizing:border-box;background:#fff;margin:0;grid-row:1;top:0;left:10px;border:none;line-height:0;transform:translateY(-50%)}.aform_input-field:disabled,.aform_checkbox-container:has(.aform_checkbox:disabled){background:var(--sc-input-field-disabled-background)}.aform_input-field:disabled+.aform_field-label,.aform_checkbox-container:has(.aform_checkbox:disabled)+.aform_field-label{background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-disabled-background) 50%)}.aform_input-field:disabled~p.aform_error,.aform_checkbox-container:has(.aform_checkbox:disabled)~p.aform_error{background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-disabled-background) 50%)}.aform_field-label:after{margin:0;padding:0;box-sizing:border-box;content:"";line-height:normal}p.aform_error{display:inline-block;background:linear-gradient(var(--sc-form-background) 50%,var(--sc-input-field-background) 50%);padding:0 .25rem;margin:0rem;width:auto;color:var(--sc-brand-danger);font-size:.7rem;position:absolute;right:0;top:0;line-height:0;background:#fff;padding:.25rem;transform:translate(-1rem,-50%);margin:0}.aform[data-v-713aca93]{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid var(--sc-form-border);border-left:4px solid var(--sc-form-border);margin-bottom:1rem;max-width:100%}@media screen and (max-width:400px){.aform[data-v-713aca93]{flex-direction:column}}.aform-nested-section[data-v-713aca93]{width:100%;padding:.5rem 0}.aform-nested-label[data-v-713aca93]{font-size:.9rem;font-weight:600;margin:0 0 .5rem;color:var(--sc-input-label-color)}.aform-nested-section .aform[data-v-713aca93]{border-left-width:2px;margin-left:.5rem}.collapse-button[data-v-6f1c1b45]{width:2ch;min-width:calc(66px - 4ch);background-color:transparent;font-size:150%;text-align:center;border:none;margin-top:-.5rem}.rotated[data-v-6f1c1b45]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:transform .25s;transform-origin:center center}.unrotated[data-v-6f1c1b45]{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform .25s}fieldset[data-v-162e7317]{max-width:100%;width:100%;margin-right:2ch;border:1px solid transparent;border-bottom:1px solid var(--sc-gray-50)}legend[data-v-162e7317]{width:100%;height:1.15rem;border:1px solid transparent;padding-bottom:.5rem;font-size:110%;font-weight:600;-webkit-user-select:none;user-select:none}.collapse-button[data-v-162e7317]{float:right}.aform_file-attach[data-v-8eefd179]{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;flex-direction:row;justify-content:center;align-items:center;border:1px dashed var(--sc-input-border-color);width:100%}@media screen and (max-width:400px){.aform_file-attach>.aform_form-btn[data-v-8eefd179]{width:100%}}.aform_file-attach-feedback[data-v-8eefd179]{color:var(--sc-input-label-color);width:100%;padding:.5rem;text-align:center;align-self:center}.aform_file-attach-feedback>li[data-v-8eefd179]{list-style:none;font-style:italic}.aform_file-attach-feedback>p[data-v-8eefd179]{margin-top:0}.aform_form-btn[data-v-8eefd179]{padding:.5rem 2rem;width:auto;border:1px solid var(--sc-input-border-color);color:var(--sc-input-label-color);cursor:pointer;background-color:#fff}.aform_form-btn[data-v-8eefd179]:disabled{background-color:var(--sc-gray-5)}.aquantity__row[data-v-f16b20ca]{display:flex;gap:1ch}.aquantity__row--stock[data-v-f16b20ca]{margin-top:1.5rem}.aquantity__field[data-v-f16b20ca]{position:relative;flex:1;min-width:0}.aquantity__group[data-v-f16b20ca]{display:flex;align-items:stretch;width:100%;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.aquantity__group[data-v-f16b20ca]:focus-within{border-color:var(--sc-input-active-border-color)}.aquantity__qty[data-v-f16b20ca]{flex:1;min-width:0;border:none;outline:none;padding:.5ch 1ch;background:transparent;border-radius:.25rem 0 0 .25rem;appearance:textfield;-moz-appearance:textfield}.aquantity__qty[data-v-f16b20ca]::-webkit-outer-spin-button,.aquantity__qty[data-v-f16b20ca]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}.aquantity__uom[data-v-f16b20ca]{position:relative;flex:0 0 auto;border-left:1px solid var(--sc-input-border-color)}.aquantity__uom-toggle[data-v-f16b20ca]{display:flex;align-items:center;gap:.75ch;height:100%;padding:.5ch 1ch;background:var(--sc-gray-5);border:none;border-radius:0 .25rem .25rem 0;white-space:nowrap;cursor:pointer}.aquantity__uom-toggle[data-v-f16b20ca]:disabled{cursor:not-allowed;color:var(--sc-gray-50)}.aquantity__caret[data-v-f16b20ca]{display:inline-block;width:0;height:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid currentColor}.aquantity__uom-menu[data-v-f16b20ca]{position:absolute;top:100%;right:0;z-index:100;min-width:100%;margin:.15rem 0 0;padding:.25rem 0;list-style:none;background:var(--sc-input-field-background);border:1px solid var(--sc-input-active-border-color);border-radius:.25rem}.aquantity__uom-option[data-v-f16b20ca]{padding:.4ch 1ch;white-space:nowrap;cursor:pointer}.aquantity__uom-option.is-active[data-v-f16b20ca],.aquantity__uom-option[data-v-f16b20ca]:hover{background-color:var(--sc-row-color-zebra-light)}.aquantity__stock-field[data-v-f16b20ca]{width:100%;font-size:1rem;padding:.5ch 1ch;border:1px solid var(--sc-input-border-color);border-radius:.25rem;outline:none}.aquantity__stock-field[data-v-f16b20ca]:disabled{color:var(--sc-gray-50)}.aform_textbox[data-v-2a9c793b]{resize:vertical;line-height:1.5;min-height:4rem;font-family:inherit}.aform_textbox-display[data-v-2a9c793b]{white-space:pre-wrap}.login-container[data-v-2c0f0634]{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--sc-font-family)}.account-container[data-v-2c0f0634]{width:100%;margin-left:auto;margin-top:.5rem;margin-right:auto;display:flex;flex-direction:column;justify-content:center}.account-header[data-v-2c0f0634]{display:flex;flex-direction:column;text-align:center;margin-top:.5rem}#account-title[data-v-2c0f0634]{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em;margin:0}#account-subtitle[data-v-2c0f0634]{font-size:.875rem;line-height:1.25rem;margin:1rem}.login-form-container[data-v-2c0f0634]{display:grid;gap:.5rem}.login-form-element[data-v-2c0f0634]{display:grid;margin:.5rem 0;position:relative}.login-field[data-v-2c0f0634]{padding:.5rem .25rem .25rem .5rem;outline:1px solid transparent;border:1px solid var(--sc-input-border-color);border-radius:.25rem}.login-field[data-v-2c0f0634]:focus{border:1px solid black}.btn[data-v-2c0f0634]{background-color:var(--sc-btn-color);color:var(--sc-btn-label-color);border:1px solid var(--sc-btn-border);margin:.5rem 0;padding:.25rem;position:relative;cursor:pointer}.btn[data-v-2c0f0634]:hover{background-color:var(--sc-btn-hover)}.btn[data-v-2c0f0634]:disabled{background-color:var(--sc-input-field-disabled-background)}.disabled[data-v-2c0f0634]{opacity:.5}.loading-icon[data-v-2c0f0634]{animation:spin-2c0f0634 1s linear infinite forwards;display:inline-block;margin-right:.2rem;line-height:0;font-size:1rem;position:relative;top:.2rem}@keyframes spin-2c0f0634{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aform-loading[data-v-a8ae13b2]{width:100%;border:1px solid var(--sc-form-border);border-left:4px solid var(--sc-form-border);padding:1rem;margin-bottom:1rem;box-sizing:border-box;position:relative;overflow:hidden;background:var(--sc-input-field-background)}.aform-loading__label[data-v-a8ae13b2]{font-size:.9rem;color:var(--sc-cell-text-color);z-index:1;position:relative}.aform-loading__label[data-v-a8ae13b2]:not(:empty):after{content:"...";animation:ellipsis-a8ae13b2 2s infinite}.aform-loading__bar[data-v-a8ae13b2]{width:100%;height:100%;position:absolute;left:-100%;top:0;background:linear-gradient(90deg,rgba(var(--sc-table-loading-color),0),rgba(var(--sc-table-loading-color),1),rgba(var(--sc-table-loading-color),0));animation:bar-sweep-a8ae13b2 2s infinite;z-index:0}@keyframes bar-sweep-a8ae13b2{0%{left:-100%}to{left:100%}}@keyframes ellipsis-a8ae13b2{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.expansion-index[data-v-5ed76a08]{color:var(--sc-header-text-color);font-weight:700;font-size:11px;line-height:1;text-align:center;-webkit-user-select:none;user-select:none;width:2ch;min-width:1.25rem;height:1.25rem;padding:0;border:none;background:transparent;cursor:pointer;box-sizing:border-box}
1
+
2
+ .aform_checkbox[data-v-ca06741d] {
3
+ cursor: pointer;
4
+ width: auto;
5
+ margin-top: 0;
6
+ display: block;
7
+ }
8
+ .aform_checkbox[data-v-ca06741d]:checked {
9
+ accent-color: var(--sc-primary-color);
10
+ border: 1px solid black;
11
+ }
12
+ .aform_checkbox-container[data-v-ca06741d] {
13
+ width: 100%;
14
+ display: inline-block;
15
+ text-align: left;
16
+ }
17
+ .aform_checkbox-container input[data-v-ca06741d] {
18
+ width: auto;
19
+ }
20
+ .aform_checkbox-container:hover + .aform_field-label[data-v-ca06741d] {
21
+ color: var(--sc-input-active-label-color);
22
+ }
23
+
24
+ .aform_form-link-wrapper[data-v-91a761d0] {
25
+ position: relative;
26
+ }
27
+ .input-group[data-v-91a761d0] {
28
+ display: flex;
29
+ align-items: stretch;
30
+ }
31
+ .aform_input-field[data-v-91a761d0] {
32
+ flex: 1;
33
+ min-width: 0;
34
+ }
35
+ .aform_form-element--embedded[data-v-91a761d0] {
36
+ min-width: 0;
37
+ flex-grow: 0;
38
+ }
39
+
40
+ /* Embedded mode: the host component's own container supplies the border, so this input
41
+ goes borderless and inherits the host's padding scale instead of the standalone default. */
42
+ .aform_input-field--embedded[data-v-91a761d0] {
43
+ outline: none;
44
+ background: transparent;
45
+ padding: 0.5ch 1ch;
46
+ }
47
+
48
+ /* Only in embedded mode is the trigger deliberately narrower than its options (e.g. a currency
49
+ symbol box): let the dropdown grow past it rather than truncate. Standalone pickers keep the
50
+ dropdown flush with the input, so a long display text can't overhang a narrow form column. */
51
+ .aform_form-element--embedded .autocomplete-results[data-v-91a761d0] {
52
+ min-width: 100%;
53
+ width: max-content;
54
+ }
55
+
56
+ /* Give the button the same outline as the input, then slide it 2px left so the outlines
57
+ overlap exactly at the join: input right outline sits at (input_right - 1px),
58
+ button left outline also sits at (button_left + 1px) = (input_right - 2px + 1px) = same pixel. */
59
+ .aform_form-btn[data-v-91a761d0] {
60
+ appearance: none;
61
+ border: none;
62
+ outline: 1px solid var(--sc-input-border-color);
63
+ outline-offset: -1px;
64
+ margin-left: -2px;
65
+ background: var(--sc-input-field-background);
66
+ padding: 0 0.75rem;
67
+ cursor: pointer;
68
+ }
69
+ .aform_form-btn[data-v-91a761d0]:focus,
70
+ .input-group:focus-within .aform_form-btn[data-v-91a761d0] {
71
+ outline-color: var(--sc-input-active-border-color);
72
+ }
73
+ .autocomplete-results[data-v-91a761d0] {
74
+ position: absolute;
75
+ width: 100%;
76
+ z-index: 100;
77
+ padding: 0;
78
+ margin: 0;
79
+ list-style: none;
80
+ border: 1px solid var(--sc-input-active-border-color);
81
+ border-top: none;
82
+ border-radius: 0 0 0.25rem 0.25rem;
83
+ background: #fff;
84
+ }
85
+ .autocomplete-result[data-v-91a761d0] {
86
+ padding: 4px 6px;
87
+ cursor: pointer;
88
+ border-bottom: 0.5px solid lightgray;
89
+ }
90
+ .autocomplete-result.is-active[data-v-91a761d0],
91
+ .autocomplete-result[data-v-91a761d0]:hover {
92
+ background-color: var(--sc-row-color-zebra-light);
93
+ color: var(--sc-input-active-border-color);
94
+ }
95
+
96
+ .acurrency__row[data-v-77852830] {
97
+ display: flex;
98
+ gap: 1ch;
99
+ }
100
+ .acurrency__row--base[data-v-77852830] {
101
+ margin-top: 1.5rem;
102
+ }
103
+ .acurrency__field[data-v-77852830] {
104
+ position: relative;
105
+ flex: 1;
106
+ min-width: 0;
107
+ }
108
+ .acurrency__group[data-v-77852830] {
109
+ display: flex;
110
+ align-items: stretch;
111
+ width: 100%;
112
+ border: 1px solid var(--sc-input-border-color);
113
+ border-radius: 0.25rem;
114
+ }
115
+ .acurrency__group[data-v-77852830]:focus-within {
116
+ border-color: var(--sc-input-active-border-color);
117
+ }
118
+
119
+ /* Wraps just the amount input so its floating label (`left: 10px` of the nearest
120
+ `position: relative` ancestor, per .aform_field-label) anchors above the amount box
121
+ specifically, not the group's outer left edge — which is now the currency prefix. */
122
+ .acurrency__amount-wrap[data-v-77852830] {
123
+ position: relative;
124
+ flex: 1;
125
+ min-width: 0;
126
+ }
127
+
128
+ /* The amount label ("Total") is the primary label for the whole merged group — bumped up
129
+ slightly from the shared .aform_field-label size so it reads as the group's main label. */
130
+ .acurrency__amount-wrap .aform_field-label[data-v-77852830] {
131
+ font-size: 0.85rem;
132
+ }
133
+ .acurrency__amount[data-v-77852830] {
134
+ width: 100%;
135
+ box-sizing: border-box;
136
+ border: none;
137
+ outline: none;
138
+ padding: 0.5ch 1ch;
139
+ background: transparent;
140
+ border-radius: 0 0.25rem 0.25rem 0;
141
+ text-align: right;
142
+ appearance: textfield;
143
+ -moz-appearance: textfield;
144
+ }
145
+ .acurrency__amount[data-v-77852830]::-webkit-outer-spin-button,
146
+ .acurrency__amount[data-v-77852830]::-webkit-inner-spin-button {
147
+ appearance: none;
148
+ -webkit-appearance: none;
149
+ margin: 0;
150
+ }
151
+
152
+ /* The currency picker reads as a simple prefix addon (like Bootstrap's "$" prepend) rather
153
+ than an equal partner to the amount box: compact width (it shows a symbol once a value is
154
+ picked, not the full name), tinted background, left-rounded to match the group's own
155
+ corner so the tint doesn't overhang the border. The dropdown itself isn't bound by this
156
+ width — see AFormLink's .autocomplete-results — so search results still show full names. */
157
+ .acurrency__currency[data-v-77852830] {
158
+ position: relative;
159
+ flex: 0 0 auto;
160
+ min-width: 4.5rem;
161
+ background: var(--sc-gray-5);
162
+ border-right: 1px solid var(--sc-input-border-color);
163
+ border-radius: 0.25rem 0 0 0.25rem;
164
+ }
165
+ .acurrency__base-field[data-v-77852830] {
166
+ width: 100%;
167
+ box-sizing: border-box;
168
+ font-size: 1rem;
169
+ padding: 0.5ch 1ch;
170
+ border: 1px solid var(--sc-input-border-color);
171
+ border-radius: 0.25rem;
172
+ outline: none;
173
+ appearance: textfield;
174
+ -moz-appearance: textfield;
175
+ }
176
+ .acurrency__base-field[data-v-77852830]:disabled {
177
+ color: var(--sc-gray-50);
178
+ }
179
+
180
+ /* Base Amount and Exchange Rate are read-only — the number spinner offers nothing here. */
181
+ .acurrency__base-field[data-v-77852830]::-webkit-outer-spin-button,
182
+ .acurrency__base-field[data-v-77852830]::-webkit-inner-spin-button {
183
+ appearance: none;
184
+ -webkit-appearance: none;
185
+ margin: 0;
186
+ }
187
+
188
+ .adatepicker[data-v-ef698187],
189
+ .adatepicker table[data-v-ef698187],
190
+ .adatepicker tr[data-v-ef698187],
191
+ .adatepicker td[data-v-ef698187],
192
+ .adatepicker th[data-v-ef698187] {
193
+ -webkit-user-select: none;
194
+ -moz-user-select: none;
195
+ user-select: none;
196
+ }
197
+ .adatepicker[data-v-ef698187] {
198
+ font-size: var(--sc-table-font-size);
199
+ display: inline-table;
200
+ color: var(--sc-cell-text-color);
201
+ outline: none;
202
+ border-collapse: collapse;
203
+ margin-bottom: 10px;
204
+ /* width: calc(100% - 4px); */
205
+ }
206
+ .adatepicker tr[data-v-ef698187] {
207
+ height: 1.15rem;
208
+ height: 1.15rem;
209
+ text-align: center;
210
+ vertical-align: middle;
211
+ }
212
+ .adatepicker td[data-v-ef698187] {
213
+ border: 2px solid transparent;
214
+ outline: 2px solid transparent;
215
+ min-width: 3ch;
216
+ max-width: 3ch;
217
+ cursor: pointer;
218
+ }
219
+ .adatepicker td.date-cell[data-v-ef698187]:hover {
220
+ background: var(--sc-gray-10);
221
+ }
222
+ .adatepicker td[data-v-ef698187]:focus,
223
+ .adatepicker td[data-v-ef698187]:focus-within {
224
+ /* outline: 1px dashed black; */
225
+ box-shadow: none;
226
+ overflow: hidden;
227
+ min-height: 1.15em;
228
+ max-height: 1.15em;
229
+ overflow: hidden;
230
+ }
231
+ .adatepicker .selectedDate[data-v-ef698187],
232
+ .adatepicker .startDate[data-v-ef698187],
233
+ .adatepicker .endDate[data-v-ef698187] {
234
+ /* outline: 1px solid black; */
235
+ background: var(--sc-gray-20);
236
+ font-weight: bolder;
237
+ }
238
+ .adatepicker .startDate[data-v-ef698187] {
239
+ /* border-radius: 5px 0px 0px 5px; */
240
+ border-left: 1px solid var(--sc-gray-50);
241
+ background: var(--sc-gray-20) !important;
242
+ }
243
+ .adatepicker .endDate[data-v-ef698187] {
244
+ border-right: 1px solid var(--sc-gray-50);
245
+ /* border-radius: 0px 5px 5px 0px; */
246
+ background: var(--sc-gray-20) !important;
247
+ }
248
+ .adatepicker .withinRange[data-v-ef698187] {
249
+ background: var(--sc-gray-5);
250
+ }
251
+ .adatepicker .todaysDate[data-v-ef698187] {
252
+ font-weight: bolder;
253
+ /* text-decoration: underline; */
254
+ color: black;
255
+ }
256
+ .days-header > td[data-v-ef698187] {
257
+ font-weight: bold;
258
+ }
259
+ .prev-date[data-v-ef698187] {
260
+ color: var(--sc-gray-20);
261
+ }
262
+ .adatepicker .date-input[data-v-ef698187] {
263
+ display: flex;
264
+ width: 100%;
265
+ gap: 5px;
266
+ align-items: center;
267
+ }
268
+ .adatepicker .date-input > input[data-v-ef698187] {
269
+ width: 50%;
270
+ padding: 2px;
271
+ }
272
+
273
+ /* Keep the field error in-flow below the calendar. The shared .aform_error is absolutely
274
+ positioned against a .aform_form-element anchor, which this grid component does not use. */
275
+ p.aform_error[data-v-ef698187] {
276
+ position: static;
277
+ display: block;
278
+ color: var(--sc-brand-danger);
279
+ font-size: 0.7rem;
280
+ margin: 0.25rem 0 0;
281
+ }
282
+
283
+ .adate_time[data-v-95ad0aa4] {
284
+ width: auto;
285
+ padding: 10px;
286
+ box-sizing: border-box;
287
+ font-size: 1rem;
288
+ background: var(--sc-gray-10);
289
+ }
290
+ .adate_time_fields[data-v-95ad0aa4] {
291
+ display: flex;
292
+ align-items: stretch;
293
+ gap: 5px;
294
+ justify-content: flex-start;
295
+ }
296
+ .adate_time_fields > input[data-v-95ad0aa4] {
297
+ min-width: 30px;
298
+ padding: 2px;
299
+ text-align: center;
300
+ display: inline-block;
301
+ flex-basis: 0;
302
+ }
303
+ .meridiem-selector[data-v-95ad0aa4] {
304
+ cursor: pointer;
305
+ display: inline-block;
306
+ flex-basis: 0;
307
+ padding: 5px;
308
+ user-select: none;
309
+ }
310
+ .meridiem-selector[data-v-95ad0aa4]:focus {
311
+ outline: 2px solid black;
312
+ outline-offset: -2px;
313
+ }
314
+ .adate_time_segment[data-v-95ad0aa4] {
315
+ display: flex;
316
+ flex-direction: column;
317
+ width: 40px;
318
+ }
319
+ .colon[data-v-95ad0aa4] {
320
+ display: flex;
321
+ align-items: normal;
322
+ }
323
+ .aform_form-btn[data-v-95ad0aa4] {
324
+ cursor: pointer;
325
+ }
326
+ .aform-select[data-v-95ad0aa4] {
327
+ border-radius: 0px;
328
+ border: 1px solid rgb(118, 118, 118);
329
+ font-size: 1rem;
330
+ padding: 0rem;
331
+ margin: 0;
332
+ border-radius: 0;
333
+ box-sizing: border-box;
334
+ min-height: auto;
335
+ position: relative;
336
+ color: var(--sc-cell-text-color);
337
+ }
338
+ .meridiem-selector[data-v-95ad0aa4] {
339
+ margin-left: 6px;
340
+ }
341
+
342
+ .adate-selection[data-v-36e737ea] {
343
+ display: inline-block;
344
+ border: 1px solid var(--sc-gray-80);
345
+ padding: 10px;
346
+ background: var(--sc-form-background);
347
+ }
348
+ .adate-selection__end-label[data-v-36e737ea] {
349
+ font-size: 0.8em;
350
+ font-weight: bold;
351
+ color: var(--sc-input-active-label-color);
352
+ margin-top: 8px;
353
+ margin-bottom: 2px;
354
+ padding-left: 2px;
355
+ }
356
+ .empty[data-v-36e737ea] {
357
+ color: #ccc;
358
+ padding: 10px;
359
+ text-align: center;
360
+ border: 1px solid #ccc;
361
+ }
362
+
363
+ .adate-picker[data-v-5de3fe7a] {
364
+ position: absolute;
365
+ top: 100%;
366
+ left: 0;
367
+ z-index: 1000;
368
+ margin-top: 0.25rem;
369
+ }
370
+
371
+ .autocomplete[data-v-4206fcf7] {
372
+ position: relative;
373
+ }
374
+ .autocomplete-results[data-v-4206fcf7] {
375
+ position: absolute;
376
+ left: 0;
377
+ right: 0;
378
+ z-index: 100;
379
+ padding: 0;
380
+ margin: 0;
381
+ color: var(--sc-input-active-border-color);
382
+ border: 1px solid var(--sc-input-active-border-color);
383
+ border-radius: 0;
384
+ border-top: none;
385
+ background-color: var(--sc-input-field-background);
386
+ list-style: none;
387
+ }
388
+ .autocomplete-result[data-v-4206fcf7] {
389
+ text-align: left;
390
+ padding: 4px 6px;
391
+ cursor: pointer;
392
+ border-bottom: 0.5px solid lightgray;
393
+ }
394
+ .autocomplete-result.is-active[data-v-4206fcf7],
395
+ .autocomplete-result[data-v-4206fcf7]:hover {
396
+ background-color: var(--sc-row-color-zebra-light);
397
+ color: var(--sc-input-active-border-color);
398
+ }
399
+
400
+ .abadge[data-v-f99dd564] {
401
+ display: block;
402
+ box-sizing: border-box;
403
+ font: inherit;
404
+ line-height: inherit;
405
+ white-space: nowrap;
406
+ overflow: hidden;
407
+ text-overflow: ellipsis;
408
+ }
409
+ .abadge--cell-fill[data-v-f99dd564] {
410
+ display: block;
411
+ box-sizing: border-box;
412
+ width: 100%;
413
+ min-height: calc(var(--sc-atable-row-height) + 2 * var(--sc-atable-row-padding));
414
+ line-height: calc(var(--sc-atable-row-height) + 2 * var(--sc-atable-row-padding));
415
+ margin: 0;
416
+ padding: 0 0.5ch;
417
+ border-radius: 0;
418
+ text-align: inherit;
419
+ background: var(--sc-badge-bg);
420
+ color: var(--sc-badge-text);
421
+ }
422
+ .abadge--cell-fill.abadge--neutral[data-v-f99dd564] {
423
+ --sc-badge-bg: var(--sc-badge-neutral-bg);
424
+ --sc-badge-text: var(--sc-badge-neutral-text);
425
+ }
426
+ .abadge--cell-fill.abadge--success[data-v-f99dd564] {
427
+ --sc-badge-bg: var(--sc-badge-success-bg);
428
+ --sc-badge-text: var(--sc-badge-success-text);
429
+ }
430
+ .abadge--cell-fill.abadge--warning[data-v-f99dd564] {
431
+ --sc-badge-bg: var(--sc-badge-warning-bg);
432
+ --sc-badge-text: var(--sc-badge-warning-text);
433
+ }
434
+ .abadge--cell-fill.abadge--danger[data-v-f99dd564] {
435
+ --sc-badge-bg: var(--sc-badge-danger-bg);
436
+ --sc-badge-text: var(--sc-badge-danger-text);
437
+ }
438
+ .abadge--cell-fill.abadge--brand[data-v-f99dd564] {
439
+ --sc-badge-bg: var(--sc-badge-brand-bg);
440
+ --sc-badge-text: var(--sc-badge-brand-text);
441
+ }
442
+ .abadge--input-accent[data-v-f99dd564] {
443
+ background: var(--sc-input-field-background);
444
+ color: inherit;
445
+ border-left: 4px solid var(--sc-badge-accent);
446
+ padding-left: calc(1ch - 4px);
447
+ }
448
+ .abadge--input-accent.abadge--neutral[data-v-f99dd564] {
449
+ --sc-badge-accent: var(--sc-badge-neutral-accent);
450
+ }
451
+ .abadge--input-accent.abadge--success[data-v-f99dd564] {
452
+ --sc-badge-accent: var(--sc-badge-success-accent);
453
+ }
454
+ .abadge--input-accent.abadge--warning[data-v-f99dd564] {
455
+ --sc-badge-accent: var(--sc-badge-warning-accent);
456
+ }
457
+ .abadge--input-accent.abadge--danger[data-v-f99dd564] {
458
+ --sc-badge-accent: var(--sc-badge-danger-accent);
459
+ }
460
+ .abadge--input-accent.abadge--brand[data-v-f99dd564] {
461
+ --sc-badge-accent: var(--sc-badge-brand-accent);
462
+ }
463
+
464
+ .aform_segmented-control--xs.aform_form-element[data-v-23f09651] {
465
+ min-width: 0;
466
+ padding-top: 0;
467
+ max-width: none;
468
+ }
469
+ .aform_segmented-control--xs[data-v-23f09651]:not(:has(.aform_segmented-sr-label)) {
470
+ padding-top: 0.5rem;
471
+ }
472
+ .aform_segmented-sr-label[data-v-23f09651] {
473
+ position: absolute;
474
+ width: 1px;
475
+ height: 1px;
476
+ padding: 0;
477
+ margin: -1px;
478
+ overflow: hidden;
479
+ clip: rect(0, 0, 0, 0);
480
+ white-space: nowrap;
481
+ border: 0;
482
+ }
483
+ .aform_segmented-track[data-v-23f09651] {
484
+ display: inline-flex;
485
+ flex-wrap: wrap;
486
+ align-items: stretch;
487
+ gap: 0.125rem;
488
+ padding: 0.125rem;
489
+ width: auto;
490
+ min-width: 0;
491
+ min-height: 2rem;
492
+ outline: 1px solid var(--sc-input-border-color);
493
+ outline-offset: -1px;
494
+ border-radius: 0;
495
+ box-sizing: border-box;
496
+ background: var(--sc-input-field-disabled-background);
497
+ font-family: var(--sc-font-family);
498
+ }
499
+ .aform_segmented-control--xs .aform_segmented-track[data-v-23f09651] {
500
+ min-height: 1.5rem;
501
+ font-size: 0.875rem;
502
+ }
503
+ .aform_segmented-control--equal .aform_segmented-track[data-v-23f09651] {
504
+ display: flex;
505
+ width: 100%;
506
+ }
507
+ .aform_segmented-segment[data-v-23f09651] {
508
+ position: relative;
509
+ display: inline-flex;
510
+ align-items: center;
511
+ justify-content: center;
512
+ flex: none;
513
+ margin: 0;
514
+ padding: 0.125rem 0.5rem;
515
+ min-height: 1.5rem;
516
+ border-radius: 0;
517
+ color: var(--sc-input-label-color);
518
+ font-family: inherit;
519
+ font-size: inherit;
520
+ font-weight: 400;
521
+ line-height: 1.25;
522
+ cursor: pointer;
523
+ user-select: none;
524
+ box-sizing: border-box;
525
+ }
526
+ .aform_segmented-control--sm .aform_segmented-segment[data-v-23f09651] {
527
+ min-height: 1.75rem;
528
+ padding: 0.125rem 0.75rem;
529
+ font-size: var(--sc-font-size);
530
+ }
531
+ .aform_segmented-control--equal .aform_segmented-segment[data-v-23f09651] {
532
+ flex: 1 1 0;
533
+ }
534
+ .aform_segmented-input[data-v-23f09651] {
535
+ position: absolute;
536
+ inline-size: 1px;
537
+ block-size: 1px;
538
+ padding: 0;
539
+ margin: -1px;
540
+ overflow: hidden;
541
+ clip: rect(0, 0, 0, 0);
542
+ white-space: nowrap;
543
+ border: 0;
544
+ }
545
+ .aform_segmented-label[data-v-23f09651] {
546
+ pointer-events: none;
547
+ }
548
+ .aform_segmented-segment[data-v-23f09651]:not(.aform_segmented-segment--badge):has(.aform_segmented-input:checked) {
549
+ background: var(--sc-input-field-background);
550
+ color: var(--sc-cell-text-color);
551
+ font-weight: 500;
552
+ }
553
+ .aform_segmented-segment--badge[data-v-23f09651]:has(.aform_segmented-input:checked) {
554
+ font-weight: 500;
555
+ }
556
+ .aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--neutral[data-v-23f09651] {
557
+ background: var(--sc-badge-neutral-bg);
558
+ color: var(--sc-badge-neutral-text);
559
+ }
560
+ .aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--success[data-v-23f09651] {
561
+ background: var(--sc-badge-success-bg);
562
+ color: var(--sc-badge-success-text);
563
+ }
564
+ .aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--warning[data-v-23f09651] {
565
+ background: var(--sc-badge-warning-bg);
566
+ color: var(--sc-badge-warning-text);
567
+ }
568
+ .aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--danger[data-v-23f09651] {
569
+ background: var(--sc-badge-danger-bg);
570
+ color: var(--sc-badge-danger-text);
571
+ }
572
+ .aform_segmented-segment--badge:has(.aform_segmented-input:checked).aform_segmented-segment--brand[data-v-23f09651] {
573
+ background: var(--sc-badge-brand-bg);
574
+ color: var(--sc-badge-brand-text);
575
+ }
576
+ .aform_segmented-segment--badge:has(.aform_segmented-input:checked)[style*='--sc-badge-bg'][data-v-23f09651] {
577
+ background: var(--sc-badge-bg);
578
+ color: var(--sc-badge-text);
579
+ }
580
+ .aform_segmented-segment[data-v-23f09651]:has(.aform_segmented-input:focus-visible) {
581
+ outline: 1px solid var(--sc-input-active-border-color);
582
+ outline-offset: -1px;
583
+ }
584
+ .aform_segmented-segment[data-v-23f09651]:hover:has(.aform_segmented-input:not(:disabled):not(:checked)) {
585
+ background: color-mix(in srgb, var(--sc-input-field-background) 50%, transparent);
586
+ }
587
+ .aform_segmented-segment[data-v-23f09651]:has(.aform_segmented-input:disabled) {
588
+ cursor: not-allowed;
589
+ opacity: 0.5;
590
+ }
591
+ .aform_segmented-track[data-v-23f09651]:has(.aform_segmented-input:focus-visible) {
592
+ outline-color: var(--sc-input-active-border-color);
593
+ }
594
+ .aform_segmented-display-badge[data-v-23f09651] {
595
+ display: block;
596
+ padding: 0.5rem;
597
+ min-height: 2rem;
598
+ box-sizing: border-box;
599
+ }
600
+ @media (prefers-reduced-motion: no-preference) {
601
+ .aform_segmented-segment[data-v-23f09651] {
602
+ transition:
603
+ background-color 0.1s ease-out,
604
+ color 0.1s ease-out;
605
+ }
606
+ }
607
+ @media (prefers-reduced-motion: reduce) {
608
+ .aform_segmented-segment[data-v-23f09651] {
609
+ transition: none;
610
+ }
611
+ }
612
+
613
+ .adatetime-picker[data-v-b0fa488b] {
614
+ position: absolute;
615
+ top: 100%;
616
+ left: 0;
617
+ z-index: 1000;
618
+ margin-top: 0.25rem;
619
+ }
620
+
621
+ .aduration[data-v-43788a3d] {
622
+ position: relative;
623
+ min-width: 40ch;
624
+ width: 100%;
625
+ }
626
+ .aduration__summary[data-v-43788a3d] {
627
+ display: flex;
628
+ gap: 6px;
629
+ align-items: baseline;
630
+ margin-top: 6px;
631
+ font-size: 0.9em;
632
+ }
633
+ .aduration__label[data-v-43788a3d] {
634
+ font-weight: bold;
635
+ color: var(--sc-input-active-label-color);
636
+ }
637
+ .aduration__value[data-v-43788a3d] {
638
+ color: var(--sc-cell-text-color);
639
+ }
640
+ .aduration__ms[data-v-43788a3d] {
641
+ color: var(--sc-gray-50);
642
+ font-size: 0.85em;
643
+ }
644
+ .aduration__footer[data-v-43788a3d] {
645
+ margin-top: 8px;
646
+ }
647
+
648
+ .adaterange-picker[data-v-f8dad4d3] {
649
+ position: absolute;
650
+ top: 100%;
651
+ left: 0;
652
+ z-index: 1000;
653
+ margin-top: 0.25rem;
654
+ }
655
+
656
+ /* global styles for aform */
657
+ .aform input {
658
+ font-family: var(--sc-font-family);
659
+ border: none;
660
+ }
661
+ .aform_form-element {
662
+ padding: 0;
663
+ margin: 0;
664
+ position: relative;
665
+ box-sizing: border-box;
666
+ flex-grow: 1;
667
+ min-width: 20ch;
668
+ /* margin-bottom: 1rem; */
669
+ }
670
+ .aform__grid--full {
671
+ flex-basis: 100%;
672
+ width: 100%;
673
+ }
674
+ .aform_input-field {
675
+ outline: 1px solid var(--sc-input-border-color);
676
+ outline-offset: -1px;
677
+ font-size: 1rem;
678
+ padding: 0.5rem;
679
+ margin: 0 0 0 0;
680
+ border-radius: 0;
681
+ box-sizing: border-box;
682
+ width: 100%;
683
+ min-height: auto;
684
+ position: relative;
685
+ color: var(--sc-cell-text-color);
686
+ background: var(--sc-input-field-background);
687
+ font-family: var(--sc-font-family);
688
+ }
689
+ .aform_input-field:focus {
690
+ outline: 1px solid var(--sc-input-active-border-color);
691
+ }
692
+ .aform_display-value {
693
+ display: block;
694
+ padding: 0.5rem;
695
+ min-height: 2rem;
696
+ color: var(--sc-cell-text-color);
697
+ word-break: break-word;
698
+ }
699
+ .aform_input-field:focus + .aform_field-label {
700
+ color: var(--sc-input-active-label-color);
701
+ }
702
+ .aform_field-label {
703
+ color: var(--sc-input-label-color);
704
+ display: inline-block;
705
+ position: absolute;
706
+ padding: 0 0.25rem;
707
+ margin: 0rem;
708
+ z-index: 1;
709
+ font-size: 0.7rem;
710
+ font-weight: 300;
711
+ letter-spacing: 0.05rem;
712
+ background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-background) 50%);
713
+ width: auto;
714
+ box-sizing: border-box;
715
+ background: white;
716
+ margin: 0;
717
+ grid-row: 1;
718
+ top: 0;
719
+ left: 10px;
720
+ border: none;
721
+ line-height: 0;
722
+ transform: translateY(-50%);
723
+ }
724
+ .aform_input-field:disabled,
725
+ .aform_checkbox-container:has(.aform_checkbox:disabled) {
726
+ background: var(--sc-input-field-disabled-background);
727
+ }
728
+ .aform_input-field:disabled + .aform_field-label,
729
+ .aform_checkbox-container:has(.aform_checkbox:disabled) + .aform_field-label {
730
+ background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-disabled-background) 50%);
731
+ }
732
+ .aform_input-field:disabled ~ p.aform_error,
733
+ .aform_checkbox-container:has(.aform_checkbox:disabled) ~ p.aform_error {
734
+ background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-disabled-background) 50%);
735
+ }
736
+ .aform_field-label::after {
737
+ margin: 0;
738
+ padding: 0;
739
+ box-sizing: border-box;
740
+ content: '';
741
+ line-height: normal;
742
+ }
743
+ p.aform_error {
744
+ /* v-show toggles visibility per field; base display must be visible (was stuck at `none`,
745
+ which overrode v-show and left every field error dormant). */
746
+ display: inline-block;
747
+ background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-background) 50%);
748
+ padding: 0 0.25rem;
749
+ margin: 0rem;
750
+ width: auto;
751
+ color: var(--sc-brand-danger);
752
+ font-size: 0.7rem;
753
+ position: absolute;
754
+ right: 0;
755
+ top: 0;
756
+ line-height: 0;
757
+ background: white;
758
+ padding: 0.25rem;
759
+ transform: translate(-1rem, -50%);
760
+ margin: 0;
761
+ }
762
+
763
+ .aform[data-v-713aca93] {
764
+ display: flex;
765
+ flex-wrap: wrap;
766
+ gap: 1rem;
767
+ padding: 1rem;
768
+ border: 1px solid var(--sc-form-border);
769
+ border-left: 4px solid var(--sc-form-border);
770
+ margin-bottom: 1rem;
771
+ max-width: 100%;
772
+ }
773
+ @media screen and (max-width: 400px) {
774
+ .aform[data-v-713aca93] {
775
+ flex-direction: column;
776
+ }
777
+ }
778
+
779
+ /* Nested form section */
780
+ .aform-nested-section[data-v-713aca93] {
781
+ width: 100%;
782
+ padding: 0.5rem 0;
783
+ }
784
+ .aform-nested-label[data-v-713aca93] {
785
+ font-size: 0.9rem;
786
+ font-weight: 600;
787
+ margin: 0 0 0.5rem 0;
788
+ color: var(--sc-input-label-color);
789
+ }
790
+ .aform-nested-section .aform[data-v-713aca93] {
791
+ border-left-width: 2px;
792
+ margin-left: 0.5rem;
793
+ }
794
+
795
+ .collapse-button[data-v-6f1c1b45] {
796
+ width: 2ch;
797
+ min-width: calc(66px - 4ch);
798
+ background-color: transparent;
799
+ font-size: 150%;
800
+ text-align: center;
801
+ border: none;
802
+ margin-top: -0.5rem;
803
+ }
804
+ .rotated[data-v-6f1c1b45] {
805
+ transform: rotate(45deg);
806
+ -webkit-transform: rotate(45deg);
807
+ -moz-transform: rotate(45deg);
808
+ -ms-transform: rotate(45deg);
809
+ -o-transform: rotate(45deg);
810
+ transition: transform 250ms;
811
+ transform-origin: center center;
812
+ }
813
+ .unrotated[data-v-6f1c1b45] {
814
+ transform: rotate(0deg);
815
+ -webkit-transform: rotate(0deg);
816
+ -moz-transform: rotate(0deg);
817
+ -ms-transform: rotate(0deg);
818
+ -o-transform: rotate(0deg);
819
+ transition: transform 250ms;
820
+ }
821
+
822
+ fieldset[data-v-162e7317] {
823
+ max-width: 100%;
824
+ width: 100%;
825
+ margin-right: 2ch;
826
+ border: 1px solid transparent;
827
+ border-bottom: 1px solid var(--sc-gray-50);
828
+ }
829
+ legend[data-v-162e7317] {
830
+ width: 100%;
831
+ height: 1.15rem;
832
+ border: 1px solid transparent;
833
+ padding-bottom: 0.5rem;
834
+ font-size: 110%;
835
+ font-weight: 600;
836
+ user-select: none;
837
+ }
838
+ .collapse-button[data-v-162e7317] {
839
+ float: right;
840
+ }
841
+
842
+ .aform_file-attach[data-v-8eefd179] {
843
+ padding: 1rem;
844
+ display: flex;
845
+ flex-wrap: wrap;
846
+ gap: 1rem;
847
+ flex-direction: row;
848
+ justify-content: center;
849
+ align-items: center;
850
+ border: 1px dashed var(--sc-input-border-color);
851
+ width: 100%;
852
+ }
853
+ @media screen and (max-width: 400px) {
854
+ .aform_file-attach > .aform_form-btn[data-v-8eefd179] {
855
+ width: 100%;
856
+ }
857
+ }
858
+ .aform_file-attach-feedback {
859
+ &[data-v-8eefd179] {
860
+ color: var(--sc-input-label-color);
861
+ width: 100%;
862
+ padding: 0.5rem;
863
+ text-align: center;
864
+ align-self: center;
865
+ }
866
+ & > li[data-v-8eefd179] {
867
+ list-style: none;
868
+ font-style: italic;
869
+ }
870
+ & > p[data-v-8eefd179] {
871
+ margin-top: 0;
872
+ }
873
+ }
874
+ .aform_form-btn[data-v-8eefd179] {
875
+ padding: 0.5rem 2rem;
876
+ width: auto;
877
+ border: 1px solid var(--sc-input-border-color);
878
+ color: var(--sc-input-label-color);
879
+ cursor: pointer;
880
+ background-color: white;
881
+ }
882
+ .aform_form-btn[data-v-8eefd179]:disabled {
883
+ background-color: var(--sc-gray-5);
884
+ }
885
+
886
+ .aquantity__row[data-v-f16b20ca] {
887
+ display: flex;
888
+ gap: 1ch;
889
+ }
890
+ .aquantity__row--stock[data-v-f16b20ca] {
891
+ margin-top: 1.5rem;
892
+ }
893
+ .aquantity__field[data-v-f16b20ca] {
894
+ position: relative;
895
+ flex: 1;
896
+ min-width: 0;
897
+ }
898
+ .aquantity__group[data-v-f16b20ca] {
899
+ display: flex;
900
+ align-items: stretch;
901
+ width: 100%;
902
+ border: 1px solid var(--sc-input-border-color);
903
+ border-radius: 0.25rem;
904
+ }
905
+ .aquantity__group[data-v-f16b20ca]:focus-within {
906
+ border-color: var(--sc-input-active-border-color);
907
+ }
908
+ .aquantity__qty[data-v-f16b20ca] {
909
+ flex: 1;
910
+ min-width: 0;
911
+ border: none;
912
+ outline: none;
913
+ padding: 0.5ch 1ch;
914
+ background: transparent;
915
+ border-radius: 0.25rem 0 0 0.25rem;
916
+ appearance: textfield;
917
+ -moz-appearance: textfield;
918
+ }
919
+ .aquantity__qty[data-v-f16b20ca]::-webkit-outer-spin-button,
920
+ .aquantity__qty[data-v-f16b20ca]::-webkit-inner-spin-button {
921
+ appearance: none;
922
+ -webkit-appearance: none;
923
+ margin: 0;
924
+ }
925
+ .aquantity__uom[data-v-f16b20ca] {
926
+ position: relative;
927
+ flex: 0 0 auto;
928
+ border-left: 1px solid var(--sc-input-border-color);
929
+ }
930
+ .aquantity__uom-toggle[data-v-f16b20ca] {
931
+ display: flex;
932
+ align-items: center;
933
+ gap: 0.75ch;
934
+ height: 100%;
935
+ padding: 0.5ch 1ch;
936
+ background: var(--sc-gray-5);
937
+ border: none;
938
+ border-radius: 0 0.25rem 0.25rem 0;
939
+ white-space: nowrap;
940
+ cursor: pointer;
941
+ }
942
+ .aquantity__uom-toggle[data-v-f16b20ca]:disabled {
943
+ cursor: not-allowed;
944
+ color: var(--sc-gray-50);
945
+ }
946
+ .aquantity__caret[data-v-f16b20ca] {
947
+ display: inline-block;
948
+ width: 0;
949
+ height: 0;
950
+ border-left: 0.3em solid transparent;
951
+ border-right: 0.3em solid transparent;
952
+ border-top: 0.3em solid currentColor;
953
+ }
954
+ .aquantity__uom-menu[data-v-f16b20ca] {
955
+ position: absolute;
956
+ top: 100%;
957
+ right: 0;
958
+ z-index: 100;
959
+ min-width: 100%;
960
+ margin: 0.15rem 0 0 0;
961
+ padding: 0.25rem 0;
962
+ list-style: none;
963
+ background: var(--sc-input-field-background);
964
+ border: 1px solid var(--sc-input-active-border-color);
965
+ border-radius: 0.25rem;
966
+ }
967
+ .aquantity__uom-option[data-v-f16b20ca] {
968
+ padding: 0.4ch 1ch;
969
+ white-space: nowrap;
970
+ cursor: pointer;
971
+ }
972
+ .aquantity__uom-option.is-active[data-v-f16b20ca],
973
+ .aquantity__uom-option[data-v-f16b20ca]:hover {
974
+ background-color: var(--sc-row-color-zebra-light);
975
+ }
976
+ .aquantity__stock-field[data-v-f16b20ca] {
977
+ width: 100%;
978
+ font-size: 1rem;
979
+ padding: 0.5ch 1ch;
980
+ border: 1px solid var(--sc-input-border-color);
981
+ border-radius: 0.25rem;
982
+ outline: none;
983
+ }
984
+ .aquantity__stock-field[data-v-f16b20ca]:disabled {
985
+ color: var(--sc-gray-50);
986
+ }
987
+
988
+ .aform_textbox[data-v-2a9c793b] {
989
+ resize: vertical;
990
+ line-height: 1.5;
991
+ min-height: 4rem;
992
+ font-family: inherit;
993
+ }
994
+ .aform_textbox-display[data-v-2a9c793b] {
995
+ white-space: pre-wrap;
996
+ }
997
+
998
+ .login-container[data-v-2c0f0634] {
999
+ width: 100%;
1000
+ position: relative;
1001
+ display: flex;
1002
+ flex-direction: column;
1003
+ align-items: center;
1004
+ justify-content: center;
1005
+ font-family: var(--sc-font-family);
1006
+ }
1007
+ .account-container[data-v-2c0f0634] {
1008
+ width: 100%;
1009
+ margin-left: auto;
1010
+ margin-top: 0.5rem;
1011
+ margin-right: auto;
1012
+ display: flex;
1013
+ flex-direction: column;
1014
+ justify-content: center;
1015
+ }
1016
+ .account-header[data-v-2c0f0634] {
1017
+ display: flex;
1018
+ flex-direction: column;
1019
+ text-align: center;
1020
+ margin-top: 0.5rem;
1021
+ }
1022
+ #account-title[data-v-2c0f0634] {
1023
+ font-size: 1.5rem;
1024
+ line-height: 2rem;
1025
+ font-weight: 600;
1026
+ letter-spacing: -0.025em;
1027
+ margin: 0;
1028
+ }
1029
+ #account-subtitle[data-v-2c0f0634] {
1030
+ font-size: 0.875rem;
1031
+ line-height: 1.25rem;
1032
+ margin: 1rem;
1033
+ }
1034
+ .login-form-container[data-v-2c0f0634] {
1035
+ display: grid;
1036
+ gap: 0.5rem;
1037
+ }
1038
+ .login-form-element[data-v-2c0f0634] {
1039
+ display: grid;
1040
+ margin: 0.5rem 0;
1041
+ position: relative;
1042
+ }
1043
+ .login-field {
1044
+ &[data-v-2c0f0634] {
1045
+ padding: 0.5rem 0.25rem 0.25rem 0.5rem;
1046
+ outline: 1px solid transparent;
1047
+ border: 1px solid var(--sc-input-border-color);
1048
+ border-radius: 0.25rem;
1049
+ }
1050
+ &[data-v-2c0f0634]:focus {
1051
+ border: 1px solid black;
1052
+ }
1053
+ }
1054
+ .btn {
1055
+ &[data-v-2c0f0634] {
1056
+ background-color: var(--sc-btn-color);
1057
+ color: var(--sc-btn-label-color);
1058
+ border: 1px solid var(--sc-btn-border);
1059
+ margin: 0.5rem 0;
1060
+ padding: 0.25rem;
1061
+ position: relative;
1062
+ cursor: pointer;
1063
+ }
1064
+ &[data-v-2c0f0634]:hover {
1065
+ background-color: var(--sc-btn-hover);
1066
+ }
1067
+ &[data-v-2c0f0634]:disabled {
1068
+ background-color: var(--sc-input-field-disabled-background);
1069
+ }
1070
+ }
1071
+ .disabled[data-v-2c0f0634] {
1072
+ opacity: 0.5;
1073
+ }
1074
+ .loading-icon[data-v-2c0f0634] {
1075
+ animation: spin-2c0f0634 1s linear infinite forwards;
1076
+ display: inline-block;
1077
+ margin-right: 0.2rem;
1078
+ line-height: 0;
1079
+ font-size: 1rem;
1080
+ position: relative;
1081
+ top: 0.2rem;
1082
+ }
1083
+
1084
+ /* ANIMATION */
1085
+ @keyframes spin-2c0f0634 {
1086
+ from {
1087
+ transform: rotate(0deg);
1088
+ }
1089
+ to {
1090
+ transform: rotate(360deg);
1091
+ }
1092
+ }
1093
+
1094
+ .aform-loading[data-v-a8ae13b2] {
1095
+ width: 100%;
1096
+ border: 1px solid var(--sc-form-border);
1097
+ border-left: 4px solid var(--sc-form-border);
1098
+ padding: 1rem;
1099
+ margin-bottom: 1rem;
1100
+ box-sizing: border-box;
1101
+ position: relative;
1102
+ overflow: hidden;
1103
+ background: var(--sc-input-field-background);
1104
+ }
1105
+ .aform-loading__label[data-v-a8ae13b2] {
1106
+ font-size: 0.9rem;
1107
+ color: var(--sc-cell-text-color);
1108
+ z-index: 1;
1109
+ position: relative;
1110
+ }
1111
+ .aform-loading__label[data-v-a8ae13b2]:not(:empty)::after {
1112
+ content: '...';
1113
+ animation: ellipsis-a8ae13b2 2s infinite;
1114
+ }
1115
+ .aform-loading__bar[data-v-a8ae13b2] {
1116
+ width: 100%;
1117
+ height: 100%;
1118
+ position: absolute;
1119
+ left: -100%;
1120
+ top: 0;
1121
+ background: linear-gradient(
1122
+ 90deg,
1123
+ rgba(var(--sc-table-loading-color), 0) 0%,
1124
+ rgba(var(--sc-table-loading-color), 1) 50%,
1125
+ rgba(var(--sc-table-loading-color), 0) 100%
1126
+ );
1127
+ animation: bar-sweep-a8ae13b2 2s infinite;
1128
+ z-index: 0;
1129
+ }
1130
+ @keyframes bar-sweep-a8ae13b2 {
1131
+ 0% {
1132
+ left: -100%;
1133
+ }
1134
+ 100% {
1135
+ left: 100%;
1136
+ }
1137
+ }
1138
+ @keyframes ellipsis-a8ae13b2 {
1139
+ 0%,
1140
+ 20% {
1141
+ content: '';
1142
+ }
1143
+ 40% {
1144
+ content: '.';
1145
+ }
1146
+ 60% {
1147
+ content: '..';
1148
+ }
1149
+ 80%,
1150
+ 100% {
1151
+ content: '...';
1152
+ }
1153
+ }
1154
+
1155
+ .expansion-index[data-v-5ed76a08] {
1156
+ color: var(--sc-header-text-color);
1157
+ font-weight: bold;
1158
+ font-size: 11px;
1159
+ line-height: 1;
1160
+ text-align: center;
1161
+ user-select: none;
1162
+ width: 2ch;
1163
+ min-width: 1.25rem;
1164
+ height: 1.25rem;
1165
+ padding: 0;
1166
+ border: none;
1167
+ background: transparent;
1168
+ cursor: pointer;
1169
+ box-sizing: border-box;
1170
+ }